@charset "UTF-8";
/*
Theme Name: Faste Communication
Theme URI: http://www.faste.ca
Description: Faste communication
Version: 0.1
Author: Guillaume Proulx & Alexandre Champagne
Author URI: http://www.faste.ca
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/* Voir base.css */
/*.active{
opacity:0.5;
}*/
section {
padding: 40px 0;
}
.container{
max-width:1400px;
margin:0 auto;
}
@media screen and (max-width: 1420px) {
.container{
padding-left:20px;
padding-right:20px;
}
}
h1, h2, h3, h4, h5{
font-family:"Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:700;
line-height:120%;
}
p, a, ul, li, span{
font-family:"Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:120%;
}
*{font-family:"Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
a{
color:#000;
}
h1{
font-size:200%;
}
h2{
font-size:170%;
}
h3{
font-size:150%;
}
h4{
font-size:120%;
}
h5{
font-size:100%;
}
/* Standard Menu */
#nav-secondaire{
background-color:#b70c32;
padding: 5px 10px;
color:#fff;
text-align: right;
}
#nav-secondaire li{
font-size:80%;
text-transform: uppercase;
border-right:1px solid white;
}
#nav-secondaire li.social{
float:left;
margin-top: 3px;
border-right:none;
}
#nav-secondaire li.phone{
border-right:none;
}
#nav-secondaire li.phone a{
font-weight: bold;
}
.nav-top li a{
font-size: 100%;
}
#nav-secondaire li img{
vertical-align:middle;
margin-top: -5px;
}
#nav-secondaire a{
text-transform: uppercase;
color:#fff;
}
#header{
position: absolute;
z-index: 999;
width: 100%;
background:transparent;
}
header .logo{
float:left;
margin-top: -7px;
margin-left: -18px;
}
header .nav-container{
float:right;
clear:right;
background-color:rgba(255,255,255,0.86);
padding-left:9px;
padding-right:9px;
}
li.dropdown > ul.dropdown-menu {
background-color:#fff;
opacity:0;
font-size:65%;
}
li.dropdown > a:after {
content:url('img/dropdown.png');
display:block;
text-align:center;
position: absolute;
left: 50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
margin-top: 0;
}
li.dropdown:hover > ul.dropdown-menu {
opacity:1;
display:block;
}
#mainMenu > li:last-child > ul.dropdown-menu,
#mainMenu > li:nth-last-child(2) > ul.dropdown-menu{
right:0px;
left:auto;
}
#mainMenu li{
-webkit-transition: all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
#mainMenu > li{
float:left;
display:table;
text-align:left;
}
#mainMenu > li > a{
display: table-cell;
height:100px;
vertical-align:middle;
}
#mainMenu li a{
position: relative;
padding: 10px 10px;
}
#mainMenu li a > div{
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow:hidden;
}
#mainMenu li a > div:after{
z-index:0;
transform: skew(-30deg) ;
-webkit-transform: skew(-30deg) ;
-moz-transform: skew(-30deg) ;
-o-transform: skew(-30deg) ;
-ms-transform: skew(-30deg) ;
content:"";
position: absolute;
width:200%;
height:100%;
background-color:#b70c32;
left:-300%;
top:0;
-webkit-transition: left 0.2s linear;
transition:left 0.2s linear;
}
#mainMenu li a:hover > div:after{
left:-50%;
}
#mainMenu li a > div > div{
width:100%;
height:100%;
display:table;
text-align:center;
z-index:10;
position: relative;
}
#mainMenu li a > div > div >span{
display:table-cell;
vertical-align:middle;
text-align: left;
padding: 10px 10px;
color: #fff;
}
#mainMenu li a > div > div > span > span{
white-space:nowrap;
overflow:hidden;
display: inline-block;
width:0%;
-webkit-transition: width 0.2s ease-in-out -0.2s;
transition:width 0.2s ease-in-out -0.2s;
}
#mainMenu li a:hover > div > div > span > span{
width:100%;
-webkit-transition: width 0.2s ease-in-out 0.2s;
transition:width 0.2s ease-in-out 0.2s;
}
#mainMenu li a small{
display: block;
font-size:65%;
text-align: left;
line-height:100%;
padding-left:1px;
}
#mainMenu > li a{
font-weight:900;
color:#000;
font-size:110%;
text-transform: uppercase;
}
ul.dropdown-menu li{
background-color:#f1f1f1;
}
#mainMenu > li:hover{
background-color:#ccc;
}
ul.dropdown-menu li:hover{
background-color:#ccc;
}
@media screen and (max-width: 600px) {
header > .row {
display: block;
text-align:center;
}
header .logo {
float: none;
margin: 20px auto 0;
}
header > .row > div.nav-container {
text-align: center;
float:none;
}
header > .row > div > .nav_container {
display: inline-block;
}
.mobile-menu{
margin:30px 10px 10px;
}
}
/* Standard Menu */
/* Slider */
.slider_container{
padding-bottom: 30px;
}
.slider_container .content-box-carrousel{
max-width:400px;
margin:0;
padding:0;
}
.slider_container .content-box-carrousel h2{
background-color:#fff;
padding: 0 10px;
font-weight: 800;
}
.slider_container .content-box-carrousel p{
display: block;
background-color:#b70c32;
padding: 10px 10px;
color:#fff;
font-size:95%;
}
.slider_container .content-box-carrousel a{
display: inline-block;
background-color:#f4e031;
color:#000;
font-weight:900;
padding:4px 10px;
margin-right:15px;
margin-top: -20px;
margin-bottom: -70px;
-webkit-transform:translateY(60%);
transform:translateY(60%);
margin-left:-10px;
}
.slider_container .content-carrousel-gh > .content-box-carrousel,
.slider_container .content-carrousel-dh > .content-box-carrousel,
.slider_container .content-carrousel-ch > .content-box-carrousel {top: 240px;}
.slider_container .content-carrousel-cc > .content-box-carrousel,
.slider_container .content-carrousel-dc > .content-box-carrousel,
.slider_container .content-carrousel-gc > .content-box-carrousel {margin-top: 45px;}
.slider_container .content-carrousel-gb > .content-box-carrousel,
.slider_container .content-carrousel-cb > .content-box-carrousel,
.slider_container .content-carrousel-db > .content-box-carrousel{
bottom:20px;
}
/* Slider:: END */
/* HOME CONTENT */
/* HOME BOXES */
.vedette-boxes{
max-width:1600px;
margin:0 auto;
}
.vedette-boxes:after{
content:"";
display: block;
clear: both;
}
.vedette-boxes > div{
position: relative;
width:23%;
margin:0 1%;
float:left;
padding-bottom:15%;
}
.vedette-boxes > div > a{
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
overflow:hidden;
}
.vedette-boxes > div > div.bg-div{
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-size:cover;
background-position:center center;
opacity:0.2;
-webkit-transition: opacity 0.4s ease-in-out;
transition:opacity 0.4s ease-in-out;
}
.vedette-boxes > div:hover > div.bg-div{
opacity:0.7;
}
.vedette-boxes > div.red{
background-color:rgba(89,17,33,1);
}
.vedette-boxes > div.blu{
background: rgba(78,167,222,1);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(78,167,222,1)), color-stop(100%, rgba(36,74,123,1)));
background: -webkit-linear-gradient(45deg, rgba(78,167,222,1) 0%, rgba(36,74,123,1) 100%);
background: linear-gradient(45deg, rgba(78,167,222,1) 0%, rgba(36,74,123,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea7de', endColorstr='#244a7b', GradientType=1 );
}
.vedette-boxes > div > a > span{
position: absolute;
bottom: 10px;
padding: 0 20px;
}
.vedette-boxes > div > a > span h2{
display: inline-block;
padding: 8px;
font-weight:900;
color: #fff;
font-size: 120%;
background-color:#244a7b;
margin-bottom:0px;
}
.vedette-boxes > div.red > a > span h2{
background-color:#b70c32;
}
.vedette-boxes > div > a > span p{
color:#fff;
padding-top:10px;
font-weight:600;
}
.vedette-boxes > div > a > span > span.promo{
position:absolute;
background-color:#f4e031;
padding:2px 20px 2px 5px;
text-transform: uppercase;
font-weight:800;
font-size:80%;
top: -23px;
}
.vedette-boxes > div > a span.new {
display: block;
position: absolute;
top: -21px;
right: -43px;
background-color: #f4e031;
font-weight: 800;
font-size: 80%;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
height: 60px;
padding: 40px 40px 0 40px;
text-transform: uppercase;
}
.vedette-boxes > div > a > span > span.promo:after{
content:url(img/exclam.png);
padding-left: 3px;
position: absolute;
bottom: 0px;
}
/* HOME BOXES:: END */
/* HOME RIGHT SIDEBAR CONTENT */
.main_sidebar{
overflow:hidden;
padding-right:100px;
padding-left:10px;
}
aside{
width:400px;
float:right;
}
aside div.heures{
padding:20px;
margin-bottom:40px;
background-color:#b70c32;
color:#fff;
}
aside div.heures h3{
font-weight:900;
margin-bottom:15px;
}
aside div.heures span.journee{
text-transform: uppercase;
color:#000;
font-style:italic;
display: inline-block;
width:45%;
margin-right:5%;
text-align:center;
font-size:80%;
font-weight:500;
background-color: #fff;
padding:5px 10px;
margin-bottom:5px;
}
aside div.heures span.heures{
font-weight:900;
text-align: right;
display: inline-block;
width: 50%;
}
aside div.heures a{
margin-bottom:0px;
}
/* HOME RIGHT SIDEBAR CONTENT */
h2{
color:#b70c32;
font-weight:900;
font-size: 150%;
margin-bottom:20px;
}
a.btn, .gform_button{
border:none;
color:#000;
background-color:#f4e031;
display: inline-block;
padding:7px 12px;
font-weight: 900;
text-transform: uppercase;
margin:10px 10px 20px 0px;
}
.gform_wrapper{
max-width:800px!important;
margin:0 auto!important;
}
.gform_confirmation_wrapper{
text-align: center;
font-weight: 900;
}
/* HOME CALENDAR */
.calendar-home{
margin-top:40px;
}
.calendar-home .event{
width:48%;
padding:7px;
margin-bottom:10px;
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
float: left;
position: relative;
}
.calendar-home .event:after{
content:"";
display: block;
clear: both;
}
.calendar-home .event:nth-of-type(2n){
margin-left:2%;
}
.calendar-home .event:nth-of-type(2n+1){
margin-right:2%;
clear:left;
}
.calendar-home .event .details{
overflow:hidden;
padding-right:15px;
}
.calendar-home .event .time{
width:105px;
border-right:1px solid black;
float:left
}
.calendar-home .event .time > img{
display: inline-block;
vertical-align:middle;
margin-right:5px;
width:32px;
}
.calendar-home .event .time .date{
display: inline-block;
vertical-align:middle;
}
.calendar-home .event .time .date span{
display: block;
}
.calendar-home .event .time .date span:first-of-type{
color:#00707e;
font-weight: bold;
font-size: 130%;
}
.calendar-home .event .time .date span:last-of-type{
font-size:87%;
}
.calendar-home .event .details{
padding-left:13px;
}
.calendar-home .event .details a{
display: block;
}
.calendar-home .event .details span{
font-size:90%;
}
.calendar-home .event .details a:first-of-type{
text-transform: uppercase;
font-weight: 900;
color: #b70c32;
font-size: 100%;
}
.calendar-home .event .details a.more{
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.calendar-home .event .details a.more:after{
content:url(img/fleche-droite.png);
display: block;
position: absolute;
right: 10px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
/* HOME CALENDAR:: END */
/* HOME BLOG */
.latest-blog {
background-color: #f1f1f1;
padding:65px 10px;
}
.latest-blog >.row.container > div{
padding:0 20px;
margin-bottom:40px;
}
.latest-blog .img, .team-home .img{
position:relative;
width:100%;
padding-bottom:60%;
overflow:hidden;
margin-bottom:10px;
}
.latest-blog date{
color:#6b6b6b;
font-style:italic;
font-weight:400;
margin-bottom:20px;
display: block;
text-transform: uppercase;
font-size:90%;
}
.latest-blog .img > a{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
}
.latest-blog h3 a{
color:#b70c32;
font-weight:900;
}
.latest-blog hr{
border:none;
border-left:50px solid #fc3c2a;
background-color:#fff;
margin:15px 0;
height:1px;
}
.latest-blog p{
color:#b70c32;
font-size:90%;
}
.latest-blog .row.container > div > a{
color:#b70c32;
font-size:90%;
text-decoration: underline;
}
.latest-blog .play {
position: absolute;
width: 104px;
height: 104px;
background-image: url(img/play.png);
z-index: 10;
top: 50%;
left: 50%;
margin-top: -57px;
margin-left: -57px;
}
/* HOME BLOG:: END */
/* HOME TEAM */
.team-home{
background-image: url(img/fond-team.jpg);
background-size:cover;
background-position:center center;
background-attachment:fixed;
text-align:center;
}
.team-home .img{
padding-bottom: 75%;
margin-bottom:0;
}
.team-home .img a{
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.team-home h2{
color:#fff;
margin-bottom:30px;
}
.team-home .member{
padding: 1%;
}
.team-home .member .content{
background-color:#f4e031;
padding: 15px 10px 15px 10px;
}
.team-home .member .content h4{
font-weight:900;
font-size:110%;
}
.team-home .member .content p{
margin-bottom:0;
margin-top:10px;
font-size:90%;
}
.team-carrousel .slick-prev{
left:0px;
}
.team-carrousel .slick-next{
right:0px;
}
/* HOME TEAM:: END */
/* HOME CONTENT:: END */
/* FOOTER */
footer{
background-color:#000000;
padding:60px 30px 1px;
color:#fff;
}
footer a{
color:#fff;
}
footer .row{
margin-bottom:40px;
}
footer .row:first-of-type > div:nth-of-type(2){
text-align:center;
}
footer .row:first-of-type > div:nth-of-type(2) a{
text-transform: uppercase;
font-weight:900;
background-color: #b70c32;
display: inline-block;
padding: 5px 10px;
font-size:120%;
}
footer .row:first-of-type > div:nth-of-type(3),
footer .row:nth-of-type(2) > div:nth-of-type(2){
text-align:right;
}
footer .row:first-of-type > div:nth-of-type(3) address{
font-style:normal;
}
footer .partenaires > div{
display: inline-block;
padding:10px;
opacity:0.8
}
footer .autresliens > div img{
display: block;
margin:0 auto 5px;
}
footer .autresliens > div{
display: inline-block;
max-width:125px;
text-align:center;
font-size:80%;
}
#bottom-menu{
font-size:80%;
}
#bottom-menu a{
text-decoration:underline;
}
/* FOOTER:: END */
/* PAGE */
.banner{
width:100%;
padding-bottom:23%;
}
.banner .background{
position: absolute;
right: 0;
bottom: 0;
top: 0;
left:45%;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}
.banner.promo{
padding-bottom:51.5%;
}
.banner.promo .background{
position: absolute;
right: 0;
bottom: 0;
top: 0;
left:0;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}
.banner.promo .title{
position: absolute;
right:0;
bottom:10%;
background: #ee3042; /* Old browsers */
background: -moz-linear-gradient(left, #ee3042 0%, #b50d2f 36%, #d6233a 48%, #ee3042 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ee3042 0%,#b50d2f 36%,#d6233a 48%,#ee3042 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ee3042 0%,#b50d2f 36%,#d6233a 48%,#ee3042 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3042', endColorstr='#ee3042',GradientType=1 ); /* IE6-9 */
text-align: right;
padding:20px 40px 20px 20px;
border-top:10px solid rgb(171,171,171);
border-bottom:10px solid rgb(171,171,171);
border-left:10px solid rgb(171,171,171);
}
.banner.promo .title h1{
font-weight:900;
font-size:3vw;
color:#fff;
margin-bottom: 10px;
}
.banner.promo .title h2{
font-weight:400;
font-size:2vw;
color:#fff;
margin-bottom: 0;
}
.promo-page h2{
color:#000;
text-transform: uppercase;
font-weight:900;
font-size:3vw;
text-align: center;
}
.promo-page h2 small{
font-weight:100;
font-size:2.5vw;
}
.promo-page .row > div{
padding:20px;
margin-bottom:40px;
}
.promo-page .row > div:first-of-type{
text-align: right;
}
.promoliste{
border-left:3px solid rgb(181,13,47);
}
.promoliste ul{
margin:0;
padding:0;
}
.promoliste ul li{
list-style:none;
padding-left:40px;
margin-bottom:10px;
font-size:150%;
}
.promoliste ul li:before{
position: absolute;
content:"•";
color:rgb(181,13,47);
display: inline-block;
margin-left:-20px;
font-size:120%;
}
.contactpromo h4{
font-size:2vw;
text-transform: uppercase;
margin-bottom:30px;
}
.contactpromo .tel{
font-size:200%;
font-weight:700;
}
@media screen and (max-width: 1024px){
.banner.promo .title{
padding:20px;
}
.contactpromo h4{
font-size:3.5vw;
}
}
@media screen and (max-width: 600px){
.promoliste ul li{
font-size:100%;
}
.promoliste ul li:before{
font-size:120%;
}
.promo-page h2 {
font-size: 5vw;
}
.promo-page h2 small{
font-size:4vw;
}
.contactpromo h4{
font-size:5vw;
}
.banner.promo .title{
position: relative;
border-bottom:10px solid rgb(171,171,171);
text-align: center;
}
.banner.promo .title h1,
.banner.promo .title h2{
font-size:4.5vw;
}
.banner.promo .background{
position: relative;
padding-bottom: 51.5%;
}
.banner.promo{
padding-bottom:0;
}
}
.banner .page-title{
position: absolute;
bottom: 20%;
z-index:1;
left:50%;
width: 100%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
text-transform: uppercase;
}
.banner .page-title h1{
font-weight: 900;
font-size:230%;
}
.banner .over-bg{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image:url(img/banner-triangles.png);
background-size:cover;
background-position:center center;
}
.banner video{
position:absolute;
left:47%;
top:50%;
width:53%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.intro{
padding-bottom: 40px;
}
.intro p{
max-width:800px;
margin:20px auto 0 auto;
}
.intro h2{
margin-top:30px;
}
.intro h3{
color: #b70c32;
font-weight: 900!important;
font-size: 150%;
margin-bottom: 20px;
}
.intro .row:not(.plateaux):not(.team-short){
max-width:800px;
}
.cta{
background-image:url(img/triangles_rouges.jpg);
background-size:cover;
background-repeat:no-repeat;
margin-top:75px;
padding:0;
}
.cta .content{
padding:40px;
color:#fff;
width:60%;
min-height:300px;
}
.cta .content .btn{
background-color:#244a7b;
color:#fff;
font-size:130%;
}
.cta .content h1,
.cta .content h2,
.cta .content h3,
.cta .content h4,
.cta .content h5{
color:#fff;
margin-bottom: 20px;
font-weight: 900;
font-size: 150%;
}
.cta .content p a{
color:#fff;
text-decoration: underline;
}
.cta .img{
position: absolute;
bottom:0px;
right:0px;
width:45%;
text-align: right;
max-height: 150%;
overflow: hidden;
}
.modele_infra .cta .img{
width:40%;
}
.cta .container{
position: relative;
margin:0 auto;
}
/* PAGE:: END */
/* ÉQUIPE */
.team-short{
margin-top:30px;
}
.team-short h3{
text-align: center;
border-bottom:1px solid black;
text-transform: uppercase;
margin:0 20px 30px 20px;
}
.team-short h3 span{
background-color:#fff;
display: inline-block;
padding: 0 10px;
position: relative;
bottom: -13px;
}
.team-short .employe{
text-align:center;
padding:20px;
font-size:90%;
}
.team-short .employe .content a{
text-decoration:underline;
}
.team-short .employe h2{
color:#000;
}
.team-short .employe .img{
text-align: left;
width:100%;
padding-bottom:100%;
position: relative;
overflow: hidden;
}
.team-short .employe .content{
background-color:#edf0f0;
padding:20px;
}
/* ÉQUIPE:: END */
/* INFRASTRUCTURE */
.row.plateaux{
margin-top:75px;
}
.row.plateaux > div{
margin-bottom:75px;
}
.row.plateaux > div p{
text-align:left!important;
margin-right:40px;
}
.row.plateaux .img{
width:100%;
padding-bottom:60%;
position: relative;
}
.row.plateaux .img a{
position: absolute;
top: 0;bottom: 0;left: 0;right: 0;
overflow: hidden;
}
.row.plateaux .img .content {
position: absolute;
bottom: 20px;
left: 20px;
}
.row.plateaux .img .content h2 {
display: inline-block;
padding: 8px;
font-weight: 900;
color: #fff;
font-size: 120%;
background-color: #244a7b;
margin-bottom: 0px;
}
.row.plateaux > div:nth-of-type(odd) .img .content h2 {
background-color: #b70c32;
}
.row.plateaux .img .content span {
color: #000;
background-color: #f4e031;
display: inline-block;
padding: 7px 12px;
font-weight: 900;
text-transform: uppercase;
}
/* SOUS PAGES */
.galerie{
max-width:800px;
margin:0px auto 75px auto;
}
.galerie .main{
width:100%;
padding-bottom:70%;
overflow:hidden;
position: relative;
margin-bottom:20px;
}
.galerie .thumbs{
width:510px;
margin:0 auto;
}
.galerie .thumbs .thumb{
margin:0 10px;
}
.galerie .slick-prev:before, .galerie .slick-next:before{
color:#000;
}
.modele_infra > .row{
margin-bottom:170px;
}
.modele_infra .heures h4{
margin: 10px 0 5px 0;
}
.modele_infra .heures .equal{
display: table;
margin-bottom: 10px;
}
.modele_infra .heures .equal > div:first-of-type{
display: table-cell;
vertical-align: middle;
width:45%;
margin-right:5%;
text-transform: uppercase;
color: #000;
font-style: italic;
text-align: center;
font-size: 80%;
font-weight: 500;
background-color: #fff;
padding: 5px 10px;
}
.modele_infra .heures .equal > div:last-of-type{
display: table-cell;
vertical-align: middle;
font-weight: 900;
text-align: right;
width: 100%;
}
.modele_infra aside div.heures{
margin-bottom:20px;
}
.modele_infra aside .btn{
display: block;
text-align: center;
padding: 15px;
}
.modele_infra aside .btn:first-of-type{
color:#fff;
background-color: #244a7b;
}
.large_btn{
display: block;
max-width:800px;
margin:0 auto;
background-color: #f1f1f1;
padding:20px;
text-align: center;
font-size:120%;
}
/* INFRASTRUCTURE:: END */
/* ZONES */
.zone_cours{
margin-top:60px;
}
.zone_cours > div{
padding:0 20px;
margin-bottom:70px;
}
.zone_cours > div > .img{
width:100%;
padding-bottom:65%;
position: relative;
overflow: hidden;
margin-bottom:25px;
}
.zone_cours > div > .img > h2{
position: absolute;
bottom:20px;
left:20px;
display: inline-block;
padding: 8px 19px;
font-weight: 900;
color: #fff;
font-size: 170%;
background-color: #b70c32;
margin-bottom: 0px;
line-height: 48px;
}
.zone_cours > div > .img > h2 img{
vertical-align:middle;
margin-left:15px;
}
.zone_cours > div > .content{
overflow:hidden;
padding-right:20px;
}
.faste-horaire{
width:200px;
float:right;
}
.faste-horaire > h3{
background-color:#f8ea0b;
font-size:80%;
font-weight:900;
text-transform: uppercase;
padding:8px 5px;
}
.faste-horaire > h3 img{
vertical-align:middle;
margin-right:3px;
}
.faste-horaire{
background-color:#f5f5f5;
}
.faste-horaire .event{
border-bottom:1px solid #dddedf;
padding:5px 0;
}
.faste-horaire .event .date{
width:45px;
float:left;
text-align: center;
font-size: 145%;
text-transform: uppercase;
line-height: 60%;
margin-top:20px;
}
.faste-horaire .event .date span{
display: block;
font-size:60%;
}
.faste-horaire .event .details{
overflow:hidden;
padding:3px 0;
}
.faste-horaire .event .details h5{
font-size:80%;
color:#b70c32;
}
.faste-horaire .event .details p{
margin-bottom:0;
font-size:70%;
}
.faste-horaire .event .details a{
text-transform: uppercase;
color:#fff;
font-weight:900;
background-color:#b70c32;
display: inline-block;
font-size:55%;
padding: 4px 7px;
}
.faste-horaire .event .details p:last-of-type{
margin-bottom:2px;
}
.faste-horaire .btn{
color:#fff;
font-size: 55%;
background-color:#244a7b;
display: block;
text-align: center;
margin-left:10px;
margin-bottom:10px;
}
.faste-horaire > p{
text-align: center;
font-size: 70%;
margin-top:10px;
}
.zone_cours .content h4{
text-transform: uppercase;
color:#b70c32;
font-weight: 900;
margin-bottom:10px;
}
.zone_cours .content .prof{
width:100px;
margin-right:10px;
display: inline-block;
}
.zone_cours .content .prof a img{
border-radius:80px;
}
.zone_cours .content .prof a:not(.img){
text-align: center;
display: block;
margin-top:5px;
font-weight:400;
font-size:90%;
}
.modele_cours > section:not(.cta) > div{
padding:20px 20px;
}
/* ZONES:: END */
/* CALENDRIER */
#tribe-events-content a, .tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-adv-list-widget .tribe-events-widget-link a:hover, .tribe-events-back a, .tribe-events-back a:hover, .tribe-events-event-meta a, .tribe-events-list-widget .tribe-events-widget-link a, .tribe-events-list-widget .tribe-events-widget-link a:hover, ul.tribe-events-sub-nav a, ul.tribe-events-sub-nav a:hover
.calendar{
margin-top:0px;
word-break:break-all;
overflow-wrap: break-word;
}
/* CALENDRIER:: END */
/* BLOGUE */
aside{
float:right;
width:350px;
}
.modele_blogue > section.row{
padding-top:60px;
}
.modele_blogue > section.row > div.articles,
.modele_single > section.row > div.articles{
overflow:hidden;
padding-right:50px;
}
.modele_blogue > section.row > div.articles > div:nth-of-type(2n+1){
padding-right:20px;
}
.modele_blogue > section.row > div.articles > div:nth-of-type(2n+2){
padding-left:20px;
}
.modele_blogue > section.row > div.articles > div{
padding-bottom:40px;
}
.modele_blogue > section.row > div.articles > div > div.content .img{
margin-bottom:15px;
width:100%;
padding-bottom:70%;
position: relative;
}
.modele_blogue > section.row > div.articles > div > div.content .img a{
position: absolute;
top: 0;
bottom: 0;
left: 0px;
right: 0px;
overflow:hidden;
}
.modele_blogue > section.row > div.articles > div > div.content p{
font-size:90%;
}
.modele_blogue > section.row > div.articles > div > div.content .img .play{
position: absolute;
width:104px;
height:104px;
background-image:url(img/play.png);
z-index:10;
top:50%;
left:50%;
margin-top:-57px;
margin-left:-57px;
}
.modele_blogue .post-categories li{
list-style:none;
margin-bottom:10px;
}
.search-input[type=search]{
width:100%;
box-sizing:border-box;
font-weight:bold;
font-family: 'Roboto Condensed', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
padding:10px 20px;
border:none;
box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
margin-bottom:40px;
}
.search{
position: relative;
width:100%;
}
.search-submit{
position:absolute;
background:transparent;
border:none;
right:0px;
top:-2px;
opacity:0.5;
}
aside h5{
background-color:#e7e8e8;
font-family: 'Roboto Condensed', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: #6a6a6a;
padding:15px;
box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
}
aside ul{
background-color:#fff;
margin-bottom:40px;
padding:15px;
box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
}
aside ul:not(.post-categories) li{
display:inline-block;
background:#f4e031;
text-transform: uppercase;
margin-right:20px;
padding: 2px 10px;
text-indent:0;
}
aside ul li:before{
display: none;
}
aside ul:not(.post-categories) li a{
font-family: 'Roboto Condensed', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#000;
}
aside ul.post-categories li .img{
width:45%;
padding-bottom:30%;
margin-right:5%;
overflow: hidden;
position: relative;
float:left;
}
aside ul.post-categories li{
padding-left:0;
text-indent: 0;
}
aside ul.post-categories li a{
display: block;
width: 100%;
}
aside ul.post-categories li .content{
float:left;
width: 50%;
}
aside ul.post-categories li .content p{
text-transform: uppercase;
font-weight: bold;
font-size:90%;
}
aside ul.post-categories li .content span{
font-size:70%;
font-weight: bold;
}
aside ul.post-categories a:after{
content:"";
display: block;
clear:both;
}
.modele_single .main_section .img{
width:100%;
padding-bottom:56%;
position: relative;
margin-bottom:20px;
overflow:hidden;
}
.modele_single .main_section .img iframe{
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.modele_single .main_section h1{
color:#003260;
text-transform: uppercase;
margin-bottom:20px;
}
.modele_single .main_section date{
font-weight:bold;
text-transform: uppercase;
margin-bottom:20px;
display: block;
}
.modele_single > section.row > div.articles{
padding-right:50px;
}
.modele_single > section.row > div.articles .main_section{
background-color:#fff;
padding-left:20px;
padding-right:20px;
}
.modele_single > section.row > div.articles .main_section hr{
margin:30px 0;
border:none;
border-bottom:3px solid rgba(119,119,119,1.00);
}
.modele_single > section.row > div.articles .main_section .share a{
background-color:transparent;
padding:0;
vertical-align: middle;
}
.modele_single > section.row > div.articles .main_section .share span{
font-family: 'Roboto Condensed', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
color:rgba(119,119,119,1.00);
}
.modele_single > section.row > div.articles .main_section .share{
margin-bottom:20px;
float:left;
}
.modele_single > section.row > div.articles .main_section .back{
float:right;
}
/* BLOGUE::FIN */
/* PROMOTIONS */
.promo_entete{
padding: 0;
}
.promo_entete ul{
background-color: #231f20;
padding: 60px 0;
text-align: center;
margin: 0;
}
.promo_entete li{
display: inline-block;
color: white;
list-style: none;
padding: 0 40px;
border-right: solid white 3px;
font-size: 30px;
text-transform: uppercase;
}
.promo_paragraphe{
font-size: 20px;
}
.promo_paragraphe:nth-child(2){
background-color: #ececec;
color: black;
}
.wrapper_promo{
width: 80%;
margin-left: auto;
margin-right: auto;
}
/* PROMOTIONS::FIN */
/* SERVICES AUX ENTREPRISES */
.feats{
background-image: url(img/corpo-bg.jpg);
background-position:center;
background-size:cover;
background-attachment:fixed;
text-align: center;
position: relative;
}
.feats > .row{
overflow: hidden;
position: relative;
padding-top:20px;
}
.feats > .row > h2{
text-align: center;
color:#fff;
border-left:900px solid white;
border-right:900px solid white;
height:1px;
width:245px;
position:absolute;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
box-sizing: content-box;
}
.feats > .row > h2 span{
margin-top: -13px;
display: block;
}
.feats > .row > div{
margin-top: 70px;
color:#fff;
padding:0 20px;
}
.feats > .row > div .icon{
height:70px;
}
.feats > .row > div h4{
margin: 30px 0 10px 0;
text-transform: uppercase;
font-weight: 900;
font-size:150%;
}
.feats > a{
display: inline-block;
background-color:#b70c32;
color:#fff;
text-transform: uppercase;
font-weight: 900;
padding:10px 70px;
font-size:120%;
position: relative;
bottom: -60px;
}
.modele_entreprise .galerie{
max-width:none;
}
.modele_entreprise .texte_secondaire{
padding-top:100px;
padding-bottom:0;
}
.modele_entreprise .texte_secondaire .gform_heading{
text-align: center;
}
.modele_entreprise .galerie .thumb{
position: relative;
}
.modele_entreprise .galerie .thumb > div{
overflow:hidden;
position: relative;
width:100%;
padding-bottom:75%;
}
.modele_entreprise .galerie .thumbs{
width:100%;
}
.modele_entreprise .cta .img{
bottom:30px;
}
.modele_entreprise .slick-prev{
left:0px;
}
.modele_entreprise .slick-next{
right:0px;
}
.modele_coupe .cta .img{
max-height:120%;
overflow:hidden;
bottom:0px;
}
.modele_coupe .cta ul li{
font-weight:600;
margin-bottom:20px;
}
.modele_coupe .cta .img.coupe{
margin-bottom:30px;
}
.modele_coupe .cta a{
color:#fff;
text-decoration:underline;
}
.modele_coupe .cta{
margin-top: 30px;
}
.enumeration h3{
text-align: center;
color:#b70c32;
margin: 20px 0;
}
.enumeration ul{
margin:0;
padding:0;
text-align: center;
}
.enumeration ul li{
margin:0;
padding:0;
display: inline-block;
list-style: none;
margin-right:10px;
margin-bottom:15px;
}
.enumeration ul li:before{
content:url('img/check.png');
display: inline-block;
vertical-align:middle;
margin-right:10px;
}
/* SERVICES AUX ENTREPRISES:: FIN */
/* TARIFS */
.liste-prix-heures > h3{
background-color:#e8e8e8;
text-transform: uppercase;
padding: 8px 10px;
margin-top:20px;
}
.liste-prix-heures{
padding:20px;
text-align: center;
}
.liste-prix-heures > .prix{
background-color: #f4e031;
color:#000;
padding:20px;
}
.liste-prix-heures:nth-of-type(even) > .prix{
background-color: #b70c32;
color:#fff;
}
.liste-prix-heures > .prix > span:first-of-type{
margin-right:20%;
}
.liste-prix-heures > .prix span.amount{
font-weight:900;
font-size:370%;
position: relative;
line-height: 80%;
}
.liste-prix-heures > .prix span.amount sup{
font-size: 58%;
}
.liste-prix-heures > .prix span.amount span.month{
position: absolute;
font-size: 30%;
font-weight:normal;
bottom:10px; right:0px;
line-height:100%;
text-align: right;
}
.liste-prix-heures > .prix > p{
margin-bottom: 0;
margin-top: 20px;
text-transform: uppercase;
font-weight:900;
}
.liste-prix-heures > .prix > h4{
text-decoration:underline;
text-transform: uppercase;
margin-bottom:10px;
}
.liste-prix-heures .list{
border-left:1px solid #e8e8e8;
border-right:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
}
.liste-prix-heures .list .item{
padding:10px 0;
margin: 0 20px;
border-bottom:1px solid #e8e8e8;
}
.liste-prix-heures .list .item p{
margin-bottom:0;
}
.liste-prix-heures .list .item > p:last-of-type:not(.prix-liste){
/*margin-top:10px;*/
font-size:90%;
}
.liste-prix-heures .list .prix-liste{
font-weight:900;
color:#b70c32;
font-size:160%;
}
.liste-prix-heures > .prix.par-adulte > span.amount span.month{
bottom:-5px; right:-20px;
text-align: left;
}
.liste-prix-heures > .prix.par-adulte > p{
padding-top:13px;
}
.liste-prix-heures:nth-of-type(even) > .prix:nth-of-type(even){
color:#000;
background-color: #f4e031;
}
.liste-prix-heures .list .item.row > p:first-of-type{
margin-bottom:10px;
}
.liste-prix-heures .list .item.row > div:nth-of-type(odd){
text-align: right;
padding-right:10px;
padding-top:5px;
}
.liste-prix-heures .list .item.row > div:nth-of-type(even){
text-align: left;
padding-left:10px;
}
.liste-prix-heures .list .item.row > div:last-of-type p{
font-size:120%;
padding-top:2px;
}
.liste-prix-heures.ouverture .list .item.row > div p{
padding-bottom:5px;
}
.liste-prix-heures .list .item.row > div:last-of-type sup{
display: none;
}
.liste-prix-heures .list .item.row small{
margin-top:10px;
display: inline-block;
}
.liste-prix-heures > .prix.row > div:nth-of-type(odd){
text-align: right;
padding-right:20px;
padding-top:2px;
font-size:120%;
}
.liste-prix-heures > .prix.row > div:nth-of-type(even){
text-align: left;
}
.liste-prix-heures > .prix.row span.amount{
font-size:260%;
}
.liste-prix-heures .halte{
font-size:80%;
}
.liste-prix-heures .halte > div:nth-of-type(odd){
text-align: right;
padding-right:10px;
}
.liste-prix-heures .halte > div:nth-of-type(even){
text-align: left;
padding-left:10px;
}
.liste-prix-heures > .prix.row.red{
background-color:#b70c32;
color:#fff;
}
.liste-prix-heures:last-of-type{
clear:none;
}
/* TARIFS:: FIN */
/* CONTACT */
.acf-map{
height:400px;
}
.contact_form{
padding-right:20px;
}
.contact_form h3{
text-transform: uppercase;
color:#b70c32;
font-size:180%!important;
}
.contact_infos{
padding-left:20px;
}
.contact_infos > img{
margin-bottom:20px;
}
/* CONTACT:: FIN */
/* Programme Mon poids ma santé */
article.type-page ul li{
margin-bottom:10px;
font-size:90%;
}
.promo-wrap {
text-align: center;
width: 550px;
max-width: 100%;
margin: 0 auto 45px;
}
.promo-pic {
text-align:right;
}
.promo-pic img {
margin-top: 20px
}
.promo-wrap h2 {
text-transform: uppercase;
color: #000;
font-size: 140%;
}
.promo-wrap .promo-blocs p {
margin: 0;
text-transform: uppercase;
line-height: 1;
}
.promo-wrap .promo-blocs p strong {
font-weight: 900;
}
.promo-wrap .promo-blocs .bloc-rouge {
background: #b60c31;
padding:20px;
}
.promo-wrap .promo-blocs .bloc-rouge p {
color: #fff;
}
.promo-wrap .promo-blocs .bloc-jaune {
background: #f3df32;
padding: 20px;
}
/* Programme Mon poids ma santé::FIN */
@media screen and (max-width: 1800px) {
.banner {
width: 100%;
padding-bottom: 31%;
}
.banner video {
width: 56%;
}
}
@media screen and (max-width: 1500px) {
.banner {
width: 100%;
padding-bottom: 40%;
}
.banner video {
left: 38%;
width: 71%;
}
}
@media screen and (max-width: 1300px) {
.vedette-boxes{
padding:0 40px;
}
.vedette-boxes > div > a > span h2{
font-size: 100%;
}
.calendar-home .event {
width: 100%;
float: none;
}
.calendar-home .event:nth-of-type(2n+1) {
margin-right: 0;
}
.calendar-home .event:nth-of-type(2n) {
margin-left: 0;
}
}
@media screen and (max-width: 1024px) {
.promo-pic {
text-align:center;
}
.banner video {
left: 47%;
width: 53%;
}
.banner {
padding-bottom: 23%;
}
.vedette-boxes > div {
width: 46%;
margin: 0 2% 40px;
padding-bottom: 30%;
}
.main_sidebar{
padding-right: 60px;
}
#header {
position: relative;
z-index: 999;
width: 100%;
background: white;
padding-bottom:20px;
}
.slider_container .slick-slide{
padding-bottom:80%;
}
footer .row:first-of-type > div:nth-of-type(3){
text-align: center;
width:100%;
margin-top:50px
}
footer .row:first-of-type > div:nth-of-type(2){
text-align: right;
}
}
@media screen and (max-width: 1010px) {
.galerie .thumb img{
margin:0 auto;
}
}
@media screen and (max-width: 915px) {
.main_home{
padding-top: 0;
}
aside{
float:none;
width:100%;
padding:0 50px;
}
aside div.heures{
max-width:500px;
margin:0 auto 40px;
}
aside div.heures h3{
text-align: left;
}
.fb-page{
display: none!important;
}
.calendar-home .event {
width: 48%;
float: left;
}
.calendar-home .event:nth-of-type(2n+1) {
margin-right: 2%;
clear:left;
}
.calendar-home .event:nth-of-type(2n) {
margin-left: 2%;
}
.main_sidebar{
padding:0 20px;
}
}
@media screen and (max-width: 835px) {
.modele_single > section.row > div.articles{
padding-right: 0;
}
.cta .content{
width:100%;
}
.cta .img{
position: relative;
text-align: center;
width: 100%;
}
.calendar-home .event {
width: 100%;
float: none;
}
.calendar-home .event:nth-of-type(2n+1) {
margin-right: 0;
}
.calendar-home .event:nth-of-type(2n) {
margin-left: 0;
}
.banner .page-title {
bottom: 50%;
left: 10px;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.banner .page-title h1{
font-size:150%;
text-align: left;
}
}
@media screen and (max-width: 640px) {
.modele_single aside{
display: none;
}
.modele_blogue > section.row > div.articles > div:nth-of-type(2n+2){
padding-left: 0;
}
.modele_blogue > section.row > div.articles > div:nth-of-type(2n+1){
padding-right: 0;
}
.modele_blogue aside{
background-color: transparent;
}
.galerie .thumbs{
width: 90%;
}
.zone_cours > div > .img > h2{
font-size: 120%;
line-height: 36px;
}
.zone_cours > div > .img > h2 img{
height: 40px;
}
.vedette-boxes > div {
width: 100%;
margin: 0 0 40px;
padding-bottom: 60%;
}
aside {
padding: 0;
padding-bottom:1px;
background-color: #b70c32;
margin: 0 -20px 20px -20px;
width:auto;
}
.modele_infra aside .btn{
margin-left:10px;
}
.slider_container .main-carrousel .content-box-carrousel{
max-width: none;
width: 100%;
left:0;
right:0;
top:auto;
bottom:0;
margin:0;
-webkit-transform:none;
transform:none;
}
.slider_container .img-container{
overflow:hidden;
}
.slider_container .main-carrousel .content-box-carrousel h2{
font-size:120%;
margin-bottom:0;
}
.slider_container .slick-slider {
margin-bottom: 130px;
}
.slick-dots {
bottom: -160px;
}
.slider_container .main-carrousel .content-box-carrousel{
bottom:-130px;
}
.slider_container .slick-slide{
overflow:visible;
}
.slider_container .slick-list{
overflow: visible;
}
.calendar-home .event .details a:first-of-type{
font-size:80%;
}
.calendar-home .event .details span{
font-size:75%;
}
.calendar-home .event .time .date span:first-of-type{
font-size:100%;
}
.calendar-home .event .time .date span:last-of-type {
font-size: 75%;
}
.calendar-home .event .time {
width: 98px;
}
.latest-blog > .row > div:nth-of-type(3),
.latest-blog > .row > div:nth-of-type(4){
display: none;
}
.footer .logo{
text-align: center;
}
footer .row:first-of-type > div:nth-of-type(2){
text-align: center;
margin-top:50px;
}
footer .row:nth-of-type(2) > div:nth-of-type(2),
footer .row:nth-of-type(2) > div{
text-align: center;
}
footer .row:nth-of-type(2) > div:nth-of-type(2){
margin-top:30px;
}
}
@media screen and (max-width: 500px){
.faste-horaire{
width: 100%;
float: none;
padding-bottom: 1px;
margin-bottom:20px;
}
}