.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
* { border:0; margin:0; padding:0; list-style:none; font-size:100%; outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main { display:block; } label, input[type=submit], button { cursor:pointer; -webkit-appearance:none; }
input:not([type=submit]), textarea, select { vertical-align:middle; font-family: 'Roboto'; background:#fff; border:1px solid #ccc; border-radius: 3px; width: 100%; padding:11px 10px; margin-bottom: 20px; color:#707070;}
select { padding:4px 10px; }
input[type=radio], input[type=checkbox] { width:auto; }
textarea { padding:10px; resize:none;}
input[type=submit], button[type=submit] {  }
::-webkit-input-placeholder {  opacity:1; color:#707070}
::-moz-placeholder {  opacity:1; color:#707070}
:-ms-input-placeholder {  opacity:1; color:#707070}
input.hide { text-indent: -9999px; text-transform:capitalize; } @font-face {    font-family: 'icomoon';    src:  url(//agence-commeilsdisent.fr/wp-content/themes/comadequat/fonts/icomoon.eot?2tf1ob);    src:  url(//agence-commeilsdisent.fr/wp-content/themes/comadequat/fonts/icomoon.eot?2tf1ob#iefix) format('embedded-opentype'),    url(//agence-commeilsdisent.fr/wp-content/themes/comadequat/fonts/icomoon.ttf?2tf1ob) format('truetype'),    url(//agence-commeilsdisent.fr/wp-content/themes/comadequat/fonts/icomoon.woff?2tf1ob) format('woff'),    url(//agence-commeilsdisent.fr/wp-content/themes/comadequat/fonts/icomoon.svg?2tf1ob#icomoon) format('svg');    font-weight: normal;    font-style: normal;  font-display: swap;}
[class^="icon-"], [class*=" icon-"] {    font-family: 'icomoon' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;       -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
.icon-insta-share:before {    content: "\e908";    color: #566470;}
.icon-insta-comments:before {    content: "\e909";    color: #566470;}
.icon-insta-like:before {    content: "\e90a";    color: #566470;}
.simplefavorite-button { cursor:pointer; }
a { text-decoration:none; color:#000;}
.trans03s {  transition: all 0.3s ease;}
.fadeIn { -webkit-transform:translateZ(0); transition:opacity 0.3s ease; }
.fadeIn:hover { opacity:0.8; }
.rgba { background-color: rgba(0, 0, 0, 0.8); }
.align_center { text-align: center}
.align_right { text-align: right}
.btn-primary {  font-family: 'Roboto'; color:#707070 !important;  display: inline-block; text-decoration: none !important; vertical-align: top; border: 2px solid #707070; padding:12px 20px; border-radius: 5px; text-transform: uppercase; position: relative; z-index: 2; transition:all 0.4s ease; }
.btn-primary:hover:before { width: 100%}
.btn-primary:before { content:""; position: absolute; left:0; top:0; bottom:0; width: 0; z-index: -1; transition:all 0.4s ease;}
.btn-primary:hover {  border-color: #f5eb41; color:#000 !important; font-weight: bold;}
.btn-primary.orange {  border: 2px solid #f5eb41; color:#000 !important; background-color:#f5eb41;}
.btn-primary.orange:hover { color: #000 !important;}
.btn-primary.fleche:after { transition:all 0.4s ease; content:""; display: inline-block; margin-left: 10px; vertical-align: middle; width: 28px; height: 18px; background:url(//agence-commeilsdisent.fr/wp-content/themes/comadequat/images/arrow_right_gray.svg) no-repeat; background-size: 100% auto}
.btn-primary:hover.fleche:after {  background:url(//agence-commeilsdisent.fr/wp-content/themes/comadequat/images/arrow_right_white.svg) no-repeat; background-size: 100% auto; }
.btn-secondary { text-decoration: none !important;  font-family: 'Roboto'; display: inline-block; vertical-align: top; border: 2px solid #f5eb41; background:#f5eb41; color:#000 !important; padding:20px 20px; border-radius: 5px; text-transform: uppercase; position: relative; z-index: 2; transition:all 0.4s ease; }
.btn-secondary:before { content:""; position: absolute; left:0; top:0; bottom:0; width: 0; background:#f5eb41; z-index: -1; transition:all 0.4s ease;}
.btn-secondary:hover {   color:#000 !important;}
.btn-secondary:hover:before { width: 100%}
.shadow_box {  border-radius: 3px; background:#fff; -moz-box-shadow: 0px 0px 15px 0px #c5c5c5;    -webkit-box-shadow: 0px 0px 15px 0px #c5c5c5;    -o-box-shadow: 0px 0px 15px 0px #c5c5c5;    box-shadow: 0px 0px 15px 0px #c5c5c5;    filter:progid:DXImageTransform.Microsoft.Shadow(color=#c5c5c5, Direction=NaN, Strength=15);}
.shadow_box .main_title {    margin-bottom:0px;} .main_title { font-size: 37px; font-weight: 300; text-transform: uppercase; text-align: center; line-height: 40px; padding: 25px 0; margin-bottom:20px; }
.main_title strong { font-weight: 500; display: block; font-size: 17px; color:#000; line-height: 23px; padding:10px 0 ;background-image: url(https://agence-commeilsdisent.fr/wp-content/themes/comadequat/images/titre-brush.svg);
background-repeat: no-repeat;
background-position: center;}
.main_title-edc strong { font-weight: 500;font-size: 17px; text-transform: uppercase; font-weight: 500; display: block; font-size: 17px; color:#000; line-height: 23px; padding:10px 0 ;}
.main_title-contact strong {font-weight: 500;font-size: 17px;;text-transform: uppercase; background-image: url(https://agence-commeilsdisent.fr/wp-content/themes/comadequat/images/titre-brush.svg);
background-repeat: no-repeat;
background-position: left; background-size: cover;color:#000;}
blockquote {  color:#000; border-left:10px solid #f5eb41; padding-left: 20px; overflow: hidden} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//agence-commeilsdisent.fr/wp-content/themes/comadequat/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-carousel .owl-stage  { transition:all 0.6s ease !important; }
.owl-carousel .owl-nav { position:absolute; left:0; right:0; z-index: 10  }
.owl-carousel .owl-nav button  { position:absolute; top:0;  width:50px; height: 17px; background:url(//agence-commeilsdisent.fr/wp-content/themes/comadequat/images/arrow_slider.svg) no-repeat left center !important; background-size: auto 100% !important; transition:all 0.3s ease;     }
.owl-carousel .owl-nav button:hover {      }
.owl-carousel .owl-nav button span { display: none}
.owl-carousel .owl-nav .disabled {      opacity: 0; visibility: hidden; cursor: default}
.owl-carousel  .owl-prev { left:-80px; transform:rotate(180deg);   }
.owl-carousel  .owl-next { right:-80px; }
.owl-carousel  .owl-prev:hover { left: -85px  }
.owl-carousel  .owl-next:hover { right: -85px  } .partenaires { padding:30px 0 70px; background:#f6f6f6}
.partenaires.home { background:#fff;}
.partenaires .slider_logos  { padding-top:20px;}
.slider_logos .owl-stage { display: flex; align-items: center}
.slider_logos .owl-item { text-align: center; padding:0 20px; line-height: 0}
.slider_logos .owl-item img { max-width: 100%; height: auto; transition:all 0.3s ease; }
.slider_logos .owl-item a img:hover { opacity:0.6}
.slider_logos .owl-nav  {  top:110px;  }
@media all and  (max-width:1420px) {
.slider_logos .owl-nav .owl-prev, .slider_logos .owl-nav .owl-prev:hover {        left: -60px;    }
.slider_logos .owl-nav .owl-next, .slider_logos .owl-nav .owl-next:hover {        right: -60px;    }
} #banner_cta { padding: 27px 0 53px; background-color: #f5eb41;color: #000;}
#banner_cta .main_title strong { color:#000; font-size: 20px; line-height: 26px;}
#banner_cta .bouton { text-align: center; padding-top: 10px}
#banner_cta .bouton a { font-size: 19px; padding-left: 28px; padding-right: 28px;background-color:#000; color:#FFF !important; }
#banner_cta.home { padding:0 0 36px; background-color: #f5eb41; }
#banner_cta.home  * { color:#000 !important; background-color:#f5eb41; color:#FFF;  }
#banner_cta.home .bouton a { border-color: #000; background-color:#000;color: #FFF !important;}
#banner_cta.home .bouton a:hover { border-color: #000 }
@media all and  (max-width:767px) {
#banner_cta { padding-top:0}
} #banner_page { height:265px; text-align: center;  background: #f5eb41;   background-image : url(https://agence-commeilsdisent.fr/wp-content/themes/comadequat/images/commeilsdisent-header.jpg); background-size:cover; }
@-webkit-keyframes AnimationName {
0%{background-position:0% 87%}
50%{background-position:100% 14%}
100%{background-position:0% 87%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 87%}
50%{background-position:100% 14%}
100%{background-position:0% 87%}
}
@keyframes AnimationName {
0%{background-position:0% 87%}
50%{background-position:100% 14%}
100%{background-position:0% 87%}
}
#banner_page .titre { font-size: 72px; font-weight: 500; color:#fff;display: inline-block; position: relative; margin-top:5px;   vertical-align: top;  text-transform: uppercase; line-height: 0.95;   }
#banner_page .titre img { display:none;}
#banner_page .conteneur {  position: relative;   top:-100%; transition:all 1s ease;}
#banner_page.anim .conteneur {  top: 160px; }
#banner_page.anim  .titre { margin-top:0px;   transition:all 1s ease;  transition-delay:1s;}
@media only screen and (max-width: 1200px) {    #banner_page .titre img { z-index: 10} }
@media only screen and (max-width: 1023px) {    #banner_page .titre { font-size: 62px; }}
@media only screen and (max-width: 767px) {
#banner_page { height:252px;}
#banner_page .titre { font-size: 52px; line-height: 1}
#banner_page .titre img { display: none; }
#banner_page.anim .conteneur { top:110px}
} .galerie_secteurs { margin:0 -2.5px; font-size: 0;}
.galerie_secteurs.sec50prc li { width: 50%;}
.galerie_secteurs li { width: 25%; padding:2.5px; display: inline-block; vertical-align: top; overflow: hidden }
.galerie_secteurs a {  transition:all 0.3s ease;  position:relative; display: flex; width: 100%; height: 298px; background-size: cover; background-position: center; align-items: center; justify-content: center; padding:15px; }
.galerie_secteurs a span { position:relative; z-index:5; font-size: 18px; line-height: 25px; color:#fff; text-transform: uppercase; background-color: rgba(3, 3, 3, 0.82); padding:11px 20px; text-align: center; transition:all 0.3s ease;}
.galerie_secteurs a:hover span { background: #d8002f}
.galerie_secteurs a:after { content:""; opacity: 0; visibility: hidden; background-color: rgba(3, 3, 3, 0.7); position: absolute; top:0; left:0; right: 0; bottom:0;  transition:all 0.3s ease;   }
.galerie_secteurs a:hover:after { opacity: 1; visibility: visible}
@media only screen and (max-width: 1400px) {
.galerie_secteurs { margin:0}
}
@media only screen and (max-width: 1200px) {
.galerie_secteurs a { height: 243px;}
.galerie_secteurs a span { font-size: 20px; line-height: 21px;}
}
@media only screen and (max-width: 1023px) {
#section_solutions [class^="tab-cell"] { width: 100%; display: block}
.galerie_secteurs { text-align: center}
.galerie_secteurs li, .galerie_secteurs.sec50prc li { width: 50%;}
.galerie_secteurs a { height: 190px;}
#section_solutions.home .conteneur { max-width: 100%; padding-bottom: 50px}
}
@media all and (max-width:767px) {
.galerie_secteurs li, .galerie_secteurs.sec50prc li { width: 100%;}
} #banner_simple {  height: 500px;} #slider_tags {  background:#f6f6f6; padding:30px 0 65px;}
#slider_tags .owl-stage { display: flex}
#slider_tags .main_title { padding-bottom: 50px}
#slider_tags .owl-item  { background: #fff; padding: 18px;  transition:background 0.4s ease;}
#slider_tags a { display: block; width: 100%; height: 100%;}
#slider_tags .visuel { height: 135px; display: block; width: 100%; background-size: cover; background-position: center; margin-bottom: 20px; overflow: hidden}
#slider_tags  .visuel img {    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;    display: block;}
#slider_tags .titre { text-align: center; font-size: 26px; text-transform: uppercase; font-weight: 300; line-height: 1.2; ; transition:all 0.4s ease;}
#slider_tags .owl-item:hover { background:#000}
#slider_tags .owl-item:hover .titre { color:#fff;}
#slider_tags .owl-carousel .owl-nav {  top:110px;  }
@media all and  (max-width:1420px) {
#slider_tags .owl-nav .owl-prev, #slider_tags .owl-nav .owl-prev:hover {        left: -60px;    }
#slider_tags .owl-nav .owl-next, #slider_tags .owl-nav .owl-next:hover {        right: -60px;    }
}
@media all and  (max-width:767px) {
#slider_tags { padding:0 0 25px; }
#slider_tags .main_title { padding-bottom:30px;}
#slider_tags .owl-carousel .owl-nav { top:80px;}
#slider_tags .owl-nav .owl-prev, #slider_tags .owl-nav .owl-prev:hover {        left: -10px;    }
#slider_tags .owl-nav .owl-next, #slider_tags .owl-nav .owl-next:hover {        right: -10px;    }
}  #home_header { position: relative;}
#home_header .banner { height: 570px;  background-size: cover; overflow: hidden}
#home_header .deco_men { position: absolute;  left:50%; margin-left:-126px;  top:-100%; text-align: center; z-index: 999; transition:all 1s ease;  }
#home_header .right { text-align: right}
#home_header .right .conteneur { display: inline-block; width: 390px; vertical-align: top; padding: 52px 0; text-align: left}
#home_header .right .logo img { position: relative; top:-250px; max-width: 100%; margin-left:6px; width:316px; margin-bottom: 30px; opacity: 0; visibility: hidden; transition:all 1s ease; }
#home_header .right .keywords { opacity: 0; bottom: 0px; transition:all 1s ease; position: relative}
#home_header .left .conteneur { background: #fff;  margin-top: -180px; opacity:0;  transition:all 1s ease; padding: 20px 60px 50px;}
#home_header .left .conteneur .main_title {  text-align: left}
#home_header .left .conteneur .bouton { padding-top: 30px;} #home_header.anim .deco_men { top:20px; transition-delay:0.2s}
#home_header.anim .deco_men img { margin-top:0px;  transition:all 0.5s ease;  }
#home_header.anim .deco_men img { margin-top:-15px }
#home_header.anim .left .conteneur { margin-top: -210px; opacity: 1}
#home_header.anim .right .logo img { top:-400px; opacity: 1; visibility: visible;  }
#home_header.anim.delay .deco_men img { transition-delay:1.2s }
#home_header.anim.delay .right .logo img { transition-delay:1s}
#home_header.anim.delay .left .conteneur { transition-delay:0s} #home_header.scroll .deco_men { top:-100%; transition-delay:0s }
#home_header.scroll .right .logo img { top:0 !important;  transition-delay:0s  }
#home_header.scroll .right .keywords { opacity: 1; visibility: visible; bottom: 0}
#home_header.scroll .left .conteneur{  margin-top: -50px;}
@media all and  (max-width:1720px) {    #home_header .deco_men { z-index: 10; }}
@media all and  (max-width:989px) {
#home_header .right .conteneur { width: 100%; padding-left: 30px}
#home_header .left .conteneur { padding:0px 30px 30px }
#home_header.anim .right .logo img { top:-340px;}
#home_header.scroll .right .keywords { font-size: 14px;}
}
@media all and  (max-width:767px) {
#home_header { margin-bottom: 25px;}
#home_header .deco_men img { height: 250px}
#home_header .banner { height: 460px;}
#home_header .right .conteneur { display: none}
#home_header.anim .left .conteneur { margin-top:-210px !important;}
#home_header.scroll .deco_men{ top:20px !important }
}
#home_zoom .bouton { padding-top: 40px  }
#home_actus {  background:#f6f6f6; padding:30px 0 110px;}
#slider_actus { padding-top: 40px }
#slider_actus .visuel { display:block; background-size: cover; background-position: center; height: 265px;; position: relative; overflow: hidden }
#slider_actus .visuel .hover {  background-color: rgba(249, 70, 70, 0); position: absolute; top:0; left:0; right: 0; bottom: 0; display: flex; align-items: center; color:#fff; font-size: 24px; font-weight: 500; transition:all 0.5s ease }
#slider_actus .visuel p { width: 100%; text-align: center; position: relative; transition:all 0.5s ease; line-height: 1.2; opacity: 0; visibility: hidden; padding: 0 10px;  }
#slider_actus .visuel p:after { content:""; width: 58px; height: 5px; background:#f94646; display: block; margin:7px auto 0; transition:all 0.5s ease }
#slider_actus  .visuel img {    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;    display: block;}
#slider_actus a:hover .hover {  background-color: rgba(0, 0, 0, 0.76);}
#slider_actus a:hover p:after { background: #fff}
#slider_actus a:hover p { opacity: 1; visibility: visible}
#slider_actus .conteneur { background: #fff; padding: 15px 12px 5px}
#slider_actus .titre { line-height: 1.3; min-height: 45px; font-weight: 500; padding-top: 5px; }
#slider_actus  .pictos {  overflow: hidden; padding-top: 15px; }
#slider_actus  .pictos i { font-size: 19px; font-weight: bold; margin-right: 1px}
#slider_actus  .pictos p { display: inline-block; vertical-align: top; margin-right: 20px  }
#slider_actus  .pictos a:hover { color:#f94646; transition:all 0.3s ease;}
#slider_actus  .pictos i:before {  transition:all 0.3s ease;}
#slider_actus  .pictos a:hover i:before { color:#f94646}
#slider_actus  .pictos .left { float:left;}
#slider_actus  .pictos .right { float:right;}
#slider_actus .owl-item > div { width: 340px; }
#slider_actus .owl-item:nth-child(3n+2) > div { width: 470px;}
#slider_actus.owl-carousel .owl-nav {  top:160px;  }
@media all and  (max-width:1420px) {
#home_actus .owl-carousel .owl-prev, #home_actus .owl-carousel .owl-prev:hover { left: -60px;}
#home_actus .owl-carousel .owl-next, #home_actus .owl-carousel .owl-next:hover { right: -60px;}
}
@media all and (max-width:1023px) {
#slider_actus .owl-item > div, #slider_actus .owl-item:nth-child(3n+2) > div  {   width: auto }
}
@media all and (max-width:767px) {
#home_actus .owl-carousel .owl-prev, #home_actus .owl-carousel .owl-prev:hover { left: 0px;}
#home_actus .owl-carousel .owl-next, #home_actus .owl-carousel .owl-next:hover { right: 0px;}
} #slider_edc { margin: 90px 0  }
#slider_edc a { display: block; width: 100%; height: 100%; padding: 0 20px;}
#slider_edc .visuel { background-size: cover; background-position: center; height: 420px; margin:0 -20px; position: relative;  overflow: hidden; }
#slider_edc .visuel .hover {  background-color: rgba(0, 0, 0, 0.76); position: absolute; top:0; left:0; right: 0; bottom: 0; padding: 20px; display: flex; align-items: center; color:#fff; font-size: 30px; opacity: 0; visibility: hidden; transition:all 0.5s ease }
#slider_edc .visuel p { width: 100%; line-height: 1.2;  text-align: center; top:50%; position: relative; transition:all 0.5s ease  }
#slider_edc .visuel img {    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;    display: block;}
#slider_edc a:hover .hover {opacity: 1; visibility: visible; }
#slider_edc a:hover .hover p {   top:0;}
#slider_edc a:hover .titre { color:#000  }
#slider_edc .conteneur { background: #fff; max-width: 390px; margin:-65px auto 0; position: relative; z-index: 2 }
#slider_edc .titre { font-size: 30px; font-weight: 300; padding: 33px 30px 31px 30px; line-height: 1.1;  transition:all 0.5s ease  }
#slider_edc .pres { border-left:1px solid #707070; padding-left: 29px;line-height: 1.5   }
#slider_edc.owl-carousel .owl-nav {  top:200px;  }
#slider_edc .lien_direct .visuel .hover { opacity: 1; visibility: visible; font-size: 24px;  background-color: #000; }
#slider_edc .lien_direct .visuel .hover img { margin:0 auto 0; transition:all 0.5s ease; height: 46px; width: auto;   }
#slider_edc .lien_direct  .hover p {   top:0;}
#slider_edc a:hover p  {    opacity: 0.6;  }
@media all and  (max-width:1420px) {
#slider_edc.owl-carousel .owl-prev { left: -60px;}
#slider_edc.owl-carousel .owl-next { right: -60px;}
}
@media all and (max-width:1024px) {     #slider_edc .visuel { height: 305px;} }
@media all and (max-width:1023px) {    #slider_edc .visuel { height: 247px;}  } #agence_intro { padding:80px 0 }
#agence_intro .ct { position: relative; display:flex; align-items: center}
#agence_intro .visuel {  flex: 0 0 490px;}
#agence_intro .visuel img { width: 100%}
#agence_intro .pres { margin-left:100px;font-size: 21px; font-weight: 300; line-height: 1.5; position: relative; z-index: 2; padding: 50px 0;}
#agence_intro .pres p { max-width:600px; }
#agence_content { padding-bottom: 40px}
#agence_content .row { padding: 0 10% 40px;} #equipe_masonry { background:#f6f6f6; padding:52px 0; }
#equipe_masonry .main_title { padding-bottom: 60px}
#equipe_masonry .grid-sizer, #equipe_masonry .grid-item { width:25%;  }
#equipe_masonry .grid img { max-width: 100%; display: block}
#equipe_masonry .ct { padding:8px;}
#equipe_masonry .shadow_box { border-radius: 0; position: relative; display: block; padding: 10px; background: #fff}
#equipe_masonry .hover {  background-color: rgba(245, 235, 65, 0.92); padding:20px; position: absolute; top:0; left:0; right: 0; bottom: 0; display: flex; align-items: center; color:#000;  opacity: 0; visibility: hidden; transition:all 0.5s ease }
#equipe_masonry .hover div { width: 100%; text-align: center; top:50%; position: relative; line-height: 1.3;  transition:all 0.5s ease  }
#equipe_masonry .hover .nom { text-transform: uppercase; font-size: 30px; padding-top: 20px; }
#equipe_masonry .hover .nom:after {    content: "";    width: 90px;    height: 3px;    background: #fff;    display: block;    margin: 20px auto 40px;    transition: all 0.5s ease; }
#equipe_masonry .hover .fonction { font-size: 23px; font-weight: normal;}
#equipe_masonry .shadow_box:hover .hover {opacity: 1; visibility: visible; }
#equipe_masonry .shadow_box:hover .hover div {   top:0;}
#equipe_masonry .shadow_box:hover .titre { color:#f94646  }
@media all and (max-width:1024px) {  #equipe_masonry .grid-sizer, #equipe_masonry .grid-item { width:33.33%;  }   }
@media all and (max-width:1023px) {
#agence_intro .visuel { flex:0 0 390px}
}
@media all and (max-width:767px) {
#agence_intro { padding: 30px 0 0px}
#agence_intro .row { padding: 0}
#agence_intro .pres { margin:0; padding: 30px; text-align: center}
#agence_intro .ct { display: block}
#agence_intro .visuel { width: 100%;; padding: 0 25px; }
#agence_content .row { padding:10px 25px 0px}
#agence_content .main_title { padding-top: 0}
#agence_content img.alignleft { float:none; display: block; margin: 0 auto !important;}
#agence_content .avantages { display: block; padding-bottom: 10px}
#agence_content .avantages li { display: block; width: 100%; padding-bottom: 25px;}
#equipe_masonry { padding: 0 0 50px}
#equipe_masonry .grid-sizer, #equipe_masonry .grid-item { width:50%;  }
#equipe_masonry .hover .nom { font-size: 20px;}
#equipe_masonry .hover .fonction { font-size: 18px;}
#equipe_masonry .hover .nom:after { height: 5px; margin-bottom: 12px}
} .bloc_navigation { padding: 58px 0 27px; text-align: center; font-size: 15px; line-height: 1.2}
.bloc_navigation .row { padding: 0 25px;}
.bloc_navigation .nav { display: inline-block; vertical-align: top; position: relative; border-bottom: 2px solid #adadad;  }
.bloc_navigation .nav ul li {  display: inline-block; vertical-align: top; padding-bottom: 10px}
.bloc_navigation .nav ul li:before { content:"· "; margin:0 5px;  }
.bloc_navigation .nav ul li:first-child:before { display: none }
.bloc_navigation .nav a { transition:all 0.3s ease; display: inline-block; position: relative}
.bloc_navigation .nav a.actif {color:#f94646  }
.bloc_navigation .nav a:after { content:""; background:#f94646;height:3px; position:absolute; left:0;  right:0; bottom:-8px; display: none; opacity: 0; visibility: hidden;  transition:all 0.3s ease}
.bloc_navigation .nav span {background:#f94646;height:3px;display:block;position:absolute;width:60px;left:0; bottom:-2px;}
#tpl_expertises { margin-bottom: 50px; }
.page-template-template-expertises {  }
.page-template-template-expertises #banner_page { height: 185px;}
.page-template-template-expertises #banner_page .titre { display: none}
#expertise_bottom { padding-bottom: 50px  }
#expertise_bottom .col-5-12 { padding-top: 50px;  }
#expertise_bottom p { padding-bottom: 0}
#expertise_bottom .bouton_cta { font-size: 16px; line-height: 1.4}
#expertise_bottom .bouton_cta a  { background:url(//agence-commeilsdisent.fr/wp-content/themes/comadequat/images/picto-message.svg) no-repeat left center; background-size:auto 50px; padding:25px 0 31px 76px; display: inline-block; vertical-align: top; transition:all 0.3s ease}
#expertise_bottom .bouton_cta strong { color:#f5eb41; display: block; font-weight: bold; text-transform: uppercase}
#expertise_bottom .bouton_cta a:hover { color:#000;}
#expertise_bottom .bouton_cta a:hover strong { ;}
@media all and  (max-width:1150px) {
.bloc_navigation .nav { border-bottom: 0}
.bloc_navigation .nav span { display: none !important; height: 0}
.bloc_navigation .nav a:after { display: block; }
.bloc_navigation .nav a:hover:after {  opacity: 1; visibility: visible;  }
} #secteurs_intro {position:relative;  }
#secteurs_intro .main_title { text-align: left;    }
#secteurs_intro .conteneur {    padding: 20px 60px 50px;  }
#secteurs_intro blockquote { margin-top:100px;}
#secteurs_intro .left {   margin-top:-190px;}
#secteurs_blocs { max-width: 2000px; margin: 0 auto}
#secteurs_blocs .conteneur_ligne { position: relative; margin:140px 0}
#secteurs_blocs .conteneur_visuel_txt { position: relative}
#secteurs_blocs .conteneur_visuel_txt .row {  padding-top:80px; padding-bottom: 80px }
#secteurs_blocs .conteneur_ligne:nth-child(even) .col-5-12 { order:2; }
#secteurs_blocs .conteneur_ligne:nth-child(even) .col-7-12 { order:1; }
#secteurs_blocs .conteneur_ligne:nth-child(even) .visuel { right:0; left:43%; }
#secteurs_blocs .conteneur_blockquote { margin-top: -40px;}
#secteurs_blocs blockquote {   display: inline-block; vertical-align: top; text-align: left}
#secteurs_blocs .conteneur_ligne:nth-child(even) .col-8-12 { order:2; }
#secteurs_blocs .conteneur_ligne:nth-child(even) .col-4-12 { order:1;  text-align: right}
#secteurs_blocs .visuel { position: absolute; top:0px; bottom:0px; left:0; right:43%; background-size: cover; }
#secteurs_blocs .visuel .legend { text-align: center; position: absolute; left:80px;  bottom: -20px; line-height: 1.3; font-size: 13px; }
#secteurs_blocs .visuel .legend span { background:#fff; display: inline-block; vertical-align: top;  border-radius: 3px; padding:8px 15px; }
#secteurs_blocs .shadow_box { padding:117px 94px 80px 94px;}
#secteurs_blocs .shadow_box h2 { font-size: 32px; font-weight: 300; text-transform: uppercase; position: relative; line-height: 1.1; padding-left: 40px; padding-bottom: 35px}
#secteurs_blocs .shadow_box h2:before { content:""; background:url(//agence-commeilsdisent.fr/wp-content/themes/comadequat/images/arrow_down.svg); position: absolute; left:0; top:-2px; width: 17px; height: 25px; background-size: 100% auto;}
#secteurs_blocs .shadow_box p { padding-bottom: 20px}
@media all and  (max-width:1200px) {
#secteurs_blocs .conteneur_ligne { margin:100px 0}
#secteurs_blocs .conteneur_visuel_txt .row { padding-top:50px; padding-bottom: 50px}
#secteurs_blocs .shadow_box { padding:50px 55px 30px 55px }
#secteurs_blocs .conteneur_blockquote { margin-top: -20px}
}
@media all and  (max-width:1023px) {
#secteurs_intro   .col-6-12 { width: 100%; margin-left: 0}
#secteurs_blocs .conteneur_ligne { margin:60px 0}
#secteurs_blocs    .col-5-12 { display: none !important;}
#secteurs_blocs    .col-7-12 { width: 100%; margin-left: 0}
}
@media all and  (max-width:767px) {
#secteurs_intro .left { margin-top:30px !important;}
#banner_simple { height: 350px;}
#secteurs_blocs .conteneur_visuel_txt .row { padding-top:15px; padding-bottom: 15px}
#secteurs_intro .conteneur  {     padding: 0px 30px 30px; }
#secteurs_blocs .shadow_box {   padding: 50px 30px 30px; }
#secteurs_blocs .conteneur_blockquote { display: none; }
#secteurs_blocs .visuel { left: 0 !important; right: 0 !important;}
#secteurs_blocs .visuel .legend { left:15px !important; right: 15px !important; display: none}
#secteurs_blocs .conteneur_ligne { margin: 30px 0}
} #edc_masonry { padding:92px 0 100px; margin:0 -8px;}
#edc_masonry .grid-sizer, #edc_masonry .grid-item { width: 33.33%;  }
#edc_masonry .grid img { max-width: 100%; display: block}
#edc_masonry .ct { padding:8px;}
#edc_masonry a { position: relative; display: block;}
#edc_masonry .hover {  background-color: rgba(0, 0, 0, 0.77); padding:20px; position: absolute; top:0; left:0; right: 0; bottom: 0; display: flex; align-items: center; color:#fff;  opacity: 0; visibility: hidden; transition:all 0.5s ease }
#edc_masonry .hover div { width: 100%; text-align: center; top:50%; position: relative; line-height: 1.2;  transition:all 0.5s ease  }
#edc_masonry .hover .nom { text-transform: uppercase; font-size: 30px; padding-top: 20px }
#edc_masonry .hover .nom:after {     content: "";    width: 90px;    height: 3px;    background: #fff;    display: block;    margin: 20px auto 40px;    transition: all 0.5s ease; }
#edc_masonry .hover .secteur { font-size: 23px;}
#edc_masonry .hover .secteur:before, #edc_masonry .hover .secteur:after { content:" - "; margin:0 10px; display: inline-block; vertical-align: top  }
#edc_masonry a:hover .hover {opacity: 1; visibility: visible; }
#edc_masonry a:hover .hover div {   top:0;}
#edc_masonry a:hover .titre { color:#f94646  }
#banner_edc { height: 590px; background-size: cover; background-position: center}
#edc_intro { padding-bottom: 70px;}
#edc_intro .shadow_box { max-width: 460px;     padding: 20px 60px 50px; margin-top: -275px;}
#edc_intro .shadow_box .main_title { text-align: left}
#edc_intro .conteneur_logo { text-align: right}
#edc_intro .align_right { display: inline-block; vertical-align: top}
#edc_intro .resume { display: flex; vertical-align: top; line-height: 1.2; text-align: left; align-items: center }
#edc_intro .resume .logo { flex:0 0 184px}
#edc_intro .resume img { width: 184px;}
#edc_intro .resume strong { display: block; font-weight: 500}
#edc_intro .resume ul { padding-left: 20px; font-size: 14px}
#edc_intro .resume li { color:#000; border-bottom: 1px solid #9d9d9d; padding:7px 0}
#edc_cms .row { padding-bottom:100px;  }
#edc_cms .bloc_img { max-width: 2000px; }
#edc_cms .bloc_img [class^="col-"]  { height: 450px; background-size: cover; background-position: center  }
.mf_etudedecas .btn-secondary { margin-bottom: 10px;}
.mf_etudedecas iframe {  height: 240px !important;}
.mf_etudedecas .bloc_cms cite { font-size: 15px; font-family: Roboto  }
@media all and  (max-width:1023px) {
#edc_cms .row { padding-bottom: 0}
#edc_cms .bloc_img { padding-bottom: 50px;}
#edc_cms .col-6-12, #edc_cms .col-5-12 { width: 100%; margin-left: 0; padding-bottom: 25px;  }
#edc_cms .col-1-12 { display: none  }
}
@media all and  (max-width:767px) {
#banner_edc { height: 350px; }
#edc_intro { padding-bottom: 40px;}
#edc_intro .shadow_box { margin-top: -190px;}
#edc_intro .conteneur_logo { text-align: center; padding-top: 30px}
#edc_cms .bloc_img [class^="col-"] { height: 250px;}
#edc_intro .shadow_box { padding:0px 30px 30px}
.bloc_cms .btn-primary,  .bloc_cms .btn-secondary { width: 270px; margin: 0 auto  !important; display: block !important; text-align: center}
} #actualites { padding:50px 0; font-size: 0;  background:#f6f6f6; }
#actualites li { padding: 15px 9px; width: 33.33%; display: inline-block; font-size: 15px; vertical-align: top }
#actualites .visuel { display:block; background-size: cover; background-position: center; height: 265px; position: relative; overflow: hidden }
#actualites .visuel .hover {  background-color: rgba(249, 70, 70, 0); position: absolute; top:0; left:0; right: 0; bottom: 0; display: flex; align-items: center; color:#fff; font-size: 24px; font-weight: 500; transition:all 0.5s ease }
#actualites .visuel p { width: 100%; text-align: center; position: relative; transition:all 0.5s ease; line-height: 1.2; opacity:0; visibility: hidden; padding: 0 10px;  }
#actualites .visuel p:after { content:""; width: 58px; height: 5px; background:#f94646; display: block; margin:7px auto 0; transition:all 0.5s ease }
#actualites  .visuel img {    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;    display: block;}
#actualites a:hover .hover {  background-color: rgba(0, 0, 0, 0.77);}
#actualites a:hover p { opacity: 1; visibility: visible}
#actualites a:hover p:after { background: #fff}
#actualites .conteneur { background: #fff; padding: 15px 12px 5px}
#actualites .titre { line-height: 1.3; min-height: 45px; font-weight: 500; padding-top: 5px; }
#actualites  .pictos {  overflow: hidden; padding-top: 15px; }
#actualites  .pictos i { font-size: 19px; font-weight: bold; margin-right: 1px}
#actualites  .pictos p { display: inline-block; vertical-align: top; margin-right: 20px  }
#actualites  .pictos a:hover { color:#f94646; transition:all 0.3s ease;}
#actualites  .pictos i:before {  transition:all 0.3s ease;}
#actualites  .pictos a:hover i:before { color:#f94646}
#actualites  .pictos .left { float:left;}
#actualites  .pictos .right { float:right;}
#actualites_details h1 { text-align: center; padding:50px 0; font-weight: 300; font-size: 40px; text-transform: uppercase; line-height: 1.1 }
#actualites_details h1:after {    content: "";    width: 58px;    height: 5px;    background: #f5eb41;    display: block;    margin: 15px auto 0;    transition: all 0.5s ease;}
#actualites .paginate { font-size: 18px; text-align: center; }
@media all and  (max-width:1023px) {
#actualites li { width: 50%}
}
@media all and  (max-width:767px) {
#actualites { padding: 10px 0}
#actualites li { width: 100%}
} .bloc_contact {  padding: 70px 0 30px; margin:0 auto; max-width: 1023px;}
.bloc_contact form { padding: 40px 0}
.bloc_contact textarea { height: 132px;} .bloc_contact  .sub { text-align: right}
.bloc_contact  .sub button { width: 260px; max-width: 100%; }
@media all and  (max-width:767px) {
.bloc_contact { padding-top: 40px;}
.bloc_contact form { padding: 10px  0 30px}
.bloc_contact .sub { text-align: center}
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {    border: 1px solid #f94646 !important;  }
h2{    margin-top:30px;    margin-bottom:10px;}
.pres p{    font-size:17px;} .bloc_cms img { max-width: 100%; height: auto}
.bloc_cms h2  { font-size: 25px; font-weight: 300; text-transform: uppercase; position: relative; line-height: 1.1; padding-left: 40px; padding-bottom: 13px }
.bloc_cms h2:before { content:""; background:url(//agence-commeilsdisent.fr/wp-content/themes/comadequat/images/picto-rond-jaune.svg); position: absolute; left:0; top:0px; width: 25px; height: 25px; background-size: 100% auto;background-repeat: no-repeat;}
.bloc_cms p { padding-bottom: 25px;}
.bloc_cms hr {  width: 35px; height: 2px; background: #bbbbbb; margin-bottom: 25px;}
.bloc_cms a { text-decoration: underline;}
.bloc_cms cite { text-align: center;  color:#000; display: block; font-size: 25px;  line-height: 1.3  }
.bloc_cms cite span, .bloc_cms .auteur { display: block;  color:#000; font-size:15px; font-family:  'Roboto'; font-style: normal; text-align: center;}
.alignnone {    margin: 0px 20px 20px 0;}
.bloc_cms iframe { width: 100%; height:380px;}
.bloc_cms ul { padding: 0 0 25px 25px}
.bloc_cms li:before { content:""; width: 5px; height: 5px; border-radius: 5px; background:#000; display:inline-block; vertical-align: middle; margin-right: 10px; position: relative; top:-1px;}
.bloc_cms h3 {   font-size: 22px; font-weight: 300; position: relative; line-height: 1.1; padding-bottom: 10px }
.aligncenter,div.aligncenter {    display: block;    margin: 0px auto 30px;}
.alignright {    float:right;    margin: 0px 0 30px 30px;}
.alignright {    float:right;    margin: 0px 0 30px 30px;}
.alignleft {    float: left;    margin: 0px 30px 30px 0;}
a img.alignright {    float: right;    margin: 0 0 30px 30px;}
a img.alignnone {    margin: 0 30px 20px 0;}
a img.alignleft {    float: left;    margin: 0 30px 30px 0;}
a img.aligncenter {    display: block;    margin-left: auto;    margin-right: auto}
@media all and  (max-width:767px) {
.aligncenter, .alignright, .alignleft {  float:none !important; margin:0 0 25px !important;}
}
ul.menu-fleches { list-style: none }
ul.menu-fleches  li { position:relative; padding-left: 30px; margin-bottom: 10px;}
ul.menu-fleches  li:before {  content:""; background:url(//agence-commeilsdisent.fr/wp-content/themes/comadequat/images/arrow_down.svg); position: absolute; left:0; top:-2px; width: 17px; height: 25px; background-size: 100% auto;  }
ul.menu-boutons { text-align: center; font-size: 0 }
ul.menu-boutons li {    display: inline-block; vertical-align: top; padding:8px;}
ul.menu-boutons li a { color:#000; border-radius: 3px; padding: 10px 20px; display: block; border: 1px solid #000; font-size: 14px; text-transform: uppercase; transition:all 0.3s ease;}
ul.menu-boutons li a:hover { color:#fff; background: #000}
.espacement{    margin-bottom:20px;}
#comments { border-top:1px solid #d6d6d6; position: relative; margin:80px 0;}
#comments  .picto { position: absolute; top:-37px; left:0; right: 0; text-align: center}
#comments .titre { font-weight: normal;  color: #f94646; padding:43px 0 40px; font-size: 21px; text-align: center; }
#comments .titre strong { display: block; color:#f94646; font-weight: normal}
#comments .form_classique { padding: 0 0 22px 0; position: relative; margin-bottom: 65px  }
#comments .form_classique textarea { resize: none; height: 160px; border-radius: 5px}
#comments .rgpd { margin-top:-20px; padding-bottom: 20px }
#comments .rgpd a {  font-size: 12px; color:#5d5d5d; text-decoration: underline; transition:all 0.3s ease; }
#comments .rgpd a:hover {  color:#3fa8f4; }
#comments .sub { position: absolute; bottom:-22px; left:0; right: 0}
#comments .sub button { width: 290px; margin:0 auto; font-family: 'Roboto'; color:#fff !important;  display: block; text-decoration: none !important; vertical-align: top; border: 2px solid #f94646; padding:12px 20px; border-radius: 5px; text-transform: uppercase; position: relative; z-index: 2; transition:all 0.4s ease; }
#comments .sub button:hover:before { width: 100%}
#comments .sub button:before { content:""; position: absolute; left:0; top:0; bottom:0; width: 100%; background:#f94646; z-index: -1; transition:all 0.4s ease;}
#comments .sub button:hover {  border-color: #f94646; color:#fff !important;}
#comments .message { clear:both;   border:1px solid #d6d6d6; margin-top:30px; padding: 30px 20px; text-align: left; overflow: hidden  }
#comments .message .avatar img { margin-right:15px; width: 60px; border: 2px solid #fff; border-radius: 50px; float:left; display: block;    -moz-box-shadow: 0px 0px 15px 1px #cfcfcf;    -webkit-box-shadow: 0px 0px 15px 1px #cfcfcf;    -o-box-shadow: 0px 0px 15px 1px #cfcfcf;    box-shadow: 0px 0px 15px 1px #cfcfcf;    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=15);}
#comments .message .content { overflow: hidden; font-size: 16px;}
#comments .message .content .login { font-weight: 500;  }
#comments .message .content .texte { font-size:16px; line-height: 19px; font-weight: normal; } body { font:100%/1.7  'Roboto', Arial, Verdana, sans-serif; color:#000; font-size:15px; }
#wrapper {  }
#main { min-height: 80vh}
.center_site { max-width:1000px; margin:0 auto; position:relative;}
.clear { clear:both; } .tab { display: table; width: 100%}
[class^="tab-row"] { display: table-row; }
[class^="tab-cell"]  { display: table-cell; vertical-align: top;}
[class^="tab-cell-middle"]  {  vertical-align: middle;}
[class^="tab-cell-bottom"]  {  vertical-align: bottom;} .flex { display: flex;}
.Vtop{    align-items: flex-start;    align-self: flex-start; }
.Vcenter {    align-items: center;    align-self: center; }
.Vbottom {    align-items: flex-end;    align-self: flex-end; }
.Hstart {justify-content: flex-start; }
.Hend {  justify-content: flex-end; }
.Hcenter {    justify-content: center; }
.Hbetween {    justify-content: space-between; }
.Haround {    justify-content: space-around; } .row {     max-width: 1400px; padding:0 5.71%; margin:0 auto;  position: relative;       display: flex;       flex: 1 1 auto;      flex-wrap: wrap; clear: both;}
.row.full { max-width: 100%; padding:0}
.row.w800 {max-width: 800px; padding:0 20px;   }
.row .row { max-width: 100%; padding:0 }
.row [class^="col-"] {   margin-left:1.29%; }
.row [class^="col-"]:first-child { margin-left: 0; }
.col-12-12 {    width: 100%;}
.col-11-12 {    width: 91.55%;}
.col-10-12 {    width: 83.11%;}
.col-9-12 {    width: 74.67%;}
.col-8-12 {    width: 66.23%;}
.col-7-12 {    width: 57.79%;}
.col-6-12 {    width: 49.35%;}
.col-5-12 {    width: 40.91%;}
.col-4-12 {    width: 32.47%;}
.col-3-12 {    width: 24.03%;}
.col-2-12 {    width: 15.59%;}
.col-1-12 {    width: 7.150%;}
@media all and (max-width:1023px) {
.row { padding: 0 25px;}
}
@media only screen and (max-width: 767px) {
.row [class^="col-"]  { margin:0 !important; width: 100% !important;}
html #wpadminbar { min-width: 0 !important;  position: fixed !important; height: auto !important; }
html #wpadminbar #wp-admin-bar-customize, #wpadminbar li#wp-admin-bar-new_draft, html #wpadminbar .wpseo-score-icon { display: none !important;}
} #header { position: fixed; top:0; left:0; right: 0; z-index: 99  }
#header .conteneur { position:relative; margin-top:20px;  transition:all 0.3s ease;background:#fff; height: 61px; padding: 10px 40px;    -moz-box-shadow: 0px 3px 5px 0px #9b9b9b;    -webkit-box-shadow: 0px 3px 5px 0px #9b9b9b;    -o-box-shadow: 0px 3px 5px 0px #9b9b9b;    box-shadow: 0px 3px 5px 0px #9b9b9b;    filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=180, Strength=5); }
#header.mini  { z-index: 9999;}
#header.mini .conteneur { margin-top: 0;}
#header .hamburger, #hmenu .arrow { display:none;}
.hlogo { display: inline-block; vertical-align: top}
.hlogo img { height:39px; }
#hmenu { position: absolute; right: 40px; top:0px;   }
#hmenu > ul > li {  display: inline-block; vertical-align: top; position:relative; margin-left: 20px;}
#hmenu > ul > li > a {  text-transform: uppercase; font-size: 14px; display:block; padding:20px 0; transition: all 0.3s ease; }
#hmenu > ul > li > a:before {content: "";width: 0;height: 8px;background: #f5eb41;position: absolute;top: 46px;left: 0; transition: all 0.3s ease;}
#hmenu > ul > li:hover > a:before, #hmenu > ul > li.current-menu-item > a:before,  #hmenu > ul > li.current-menu-ancestor > a:before{ width: 55%; }
#hmenu > ul > li:hover ul { visibility: visible;    transform: scaleY(1);}
#hmenu ul ul { transform: scaleY(0);    transform-origin: 50% 0; transition:all 0.3s ease; position:absolute;  line-height:1.5; top:60px; left:-10px;  background:#fff; font-family:'Roboto'; padding:15px; width:360px; border-radius: 3px;  -moz-box-shadow: 0px 3px 5px 0px #9b9b9b;    -webkit-box-shadow: 0px 3px 5px 0px #9b9b9b;    -o-box-shadow: 0px 3px 5px 0px #9b9b9b;    box-shadow: 0px 3px 5px 0px #9b9b9b;    filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=180, Strength=5);}
#hmenu ul ul li:before {	content:" ";
margin-left:10px;}
#hmenu > ul ul li  a { transition:all 0.3s ease;  }
#hmenu > ul ul li  a:hover { color:#f5eb41; text-decoration:bold;}
@media all and (max-width:1024px) {
#header .conteneur { padding: 10px 20px;}
#hmenu { right: 20px;}
}
@media all and (max-width:989px) {
html.menu-open { overflow: hidden;}
.hamburger { position:absolute; top:18px; right:20px;    display: inline-block !important;    cursor: pointer;    transition-property: opacity, -webkit-filter;    transition-property: opacity, filter;    transition-property: opacity, filter, -webkit-filter;    transition-duration: 0.15s;    transition-timing-function: linear;    font: inherit;    color: inherit;    text-transform: none;    background-color: transparent;    border: 0;    margin: 0;    overflow: visible; }
.hamburger-box {    width: 30px;    height: 24px;    display: inline-block;    position: relative; }
.hamburger-inner {    display: block;    top: 50%;    margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {    width: 30px;    height: 3px;    background-color: #000;    position: absolute;    transition-property: -webkit-transform;    transition-property: transform;    transition-property: transform, -webkit-transform;    transition-duration: 0.15s;    transition-timing-function: ease; }
.home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after {    background-color: #000;}
.hamburger-inner::before, .hamburger-inner::after {    content: "";    display: block; }
.hamburger-inner::before {    top: -10px; }
.hamburger-inner::after {    bottom: -10px; }
.is-active .hamburger-inner, .is-active .hamburger-inner::before, .is-active .hamburger-inner::after{    background-color: #000;}
.hamburger--collapse .hamburger-inner {    top: auto;    bottom: 0;    transition-duration: 0.15s;    transition-delay: 0.15s;    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {    top: -20px;    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);    transform: translate3d(0, -10px, 0) rotate(-45deg);    transition-delay: 0.32s;    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {    top: 0;    opacity: 0;    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {    top: 0;    -webkit-transform: rotate(-90deg);    transform: rotate(-90deg);    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }
#hmenu {background:#fff;   text-transform:uppercase;  padding:50px 0 20px; font-weight: 500;  text-align:center; position:absolute; top:61px; left:-100%; height:100vh; overflow: auto; line-height:1.3; z-index:9999;  width:100%; -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
#hmenu ul li {  float:none; display:block; height:auto; padding:0; width: 100%;margin-left: 0}
#hmenu ul li:first-child { border-top:0;}
#hmenu ul li a { padding:13px 10px; display:block; text-decoration:none;   font-size: 27px;}
#hmenu .arrow { position: absolute; top:10px; right: 10px; width: 22px; height: 22px; display: block; transition: all 0.3s ease;}
#hmenu ul ul { left:0 !important; right: 0; width: 100% !important;}
#hmenu > ul > li.open_accordeon .arrow  { transform:rotate(180deg);}
#hmenu > ul > li:hover > ul {transform: scaleY(0);    transform-origin: 50% 0; transition:all 0.3s ease; position:absolute;  line-height:1.5; top:60px; left:-10px;  background:#fff; font-family:'Roboto'; padding:15px; width:360px; border-radius: 3px;  -moz-box-shadow: 0px 3px 5px 0px #9b9b9b;    -webkit-box-shadow: 0px 3px 5px 0px #9b9b9b;    -o-box-shadow: 0px 3px 5px 0px #9b9b9b;    box-shadow: 0px 3px 5px 0px #9b9b9b;    filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=180, Strength=5);}
#hmenu > ul > li.open_accordeon > ul {  position:inherit;padding:0 20px; margin:-5px auto 10px; top:inherit; left:inherit; visibility: visible;   width: 100%; -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff; transform: scaleY(1);     filter:progid:DXImageTransform.Microsoft.Shadow(color=#fff, Direction=0, Strength=0); }
#hmenu > ul > ul { width:auto; max-width: 530px;}  #hmenu ul ul  {padding:0px 0 0px 0px;    -webkit-box-shadow: 0px 0px 0px 0px rgba(207,207,207,1);    -moz-box-shadow: 0px 0px 0px 0px rgba(207,207,207,1);    box-shadow: 0px 0px 0px 0px rgba(207,207,207,1);}
#hmenu ul ul li { border:0; display: block; vertical-align: top; width: auto; }
#hmenu ul ul li:before, #hmenu ul ul li:after { content:" - "; font-size: 13px; margin:0 3px;}
#hmenu ul ul li a { padding:5px 0; display: inline; font-size:14px;  }
#hmenu ul li a:hover, #hmenu ul li.actif a, #hmenu ul ul a:hover { background:none; color:#707070 !important;}
#hmenu.open { left:0; }
#hmenu > ul > li > a:before { display: none}
}
@media all and (max-width:767px) {
#hmenu { padding: 20px 0}
#hmenu ul li a { font-size: 22px; padding: 10px;}
#hmenu ul ul li { display: block}
} #footer { background:#2b2b2b; font-size: 13px; color:#fff; padding-bottom: 50px }
#footer:before { content:""; display:block; height:35px; background: #f5eb41; margin-bottom: 50px;}
#footer a { color:#fff; transition:all 0.3s ease;}
#footer a:hover {  color:#f5eb41;  }
#footer .tab-cell-left {width: 280px;  max-width: 100%; }
#footer .tab-cell-left img { width: 190px;}
#footer .tab-cell-center { font-size: 0  }
#footer .tab-cell-center .cols { display: inline-block; vertical-align: top; width: 50%; padding:0 15px; font-size: 13px }
#footer .tab-cell-center li:before { content:"- " }
#footer .tab-cell-right { white-space: nowrap; }
.tab-cell-newsletter { width: 280px; padding: 0 20px;}
.fnewsletter { width: 240px; margin: 0 auto; display:none;}
.fnewsletter .titre { font-size: 15px;   padding-bottom: 13px; line-height: 17px;}
.fnewsletter div { position: relative;  height: 30px; }
.fnewsletter input[type=email] {  background:#565656; color:#fff; height: 30px; border: 0; padding:10px;  border-radius: 5px 0 0 5px; margin-bottom: 0}
.fnewsletter input[type=submit] { transition:all 0.3s ease;  border-radius: 0 5px 5px 0; position: absolute; top:0; right: 0; width: 40px; height: 30px; background:#818181; font-size: 15px; color:#fff; margin-bottom: 0 }
.fnewsletter input[type=submit]:hover { background:#f5eb41}
.fnewsletter ::-webkit-input-placeholder {  opacity:1; color:#fff; transition:all 0.3s ease;}
.fnewsletter ::-moz-placeholder {  opacity:1; color:#fff; transition:all 0.3s ease;}
.fnewsletter :-ms-input-placeholder {  opacity:1; color:#fff; transition:all 0.3s ease;}
.fsocial { text-align: right }
.fsocial li { display: inline-block; vertical-align: top; margin-left: 10px  }
.fsocial li:first-child { margin-left: 0}
.fsocial img {  height: 33px; transition:all 0.3s ease; }
.fsocial img:hover { opacity: 0.6 }
@media all and (max-width:1200px) {
#footer .row { padding:0 20px;}
#footer .tab-cell-left { width: auto;   }
}
@media all and (max-width:1023px) {
#footer:before { margin-bottom: 30px; height: 20px}
#footer { padding-bottom: 30px;}
#footer .tab-cell-center { display: none}
}
@media all and (max-width:767px) {
#footer { padding-bottom: 10px;}
#footer:before { margin-bottom: 20px; height: 15px;}
#footer, .fsocial { text-align: center}
.fnewsletter .titre { padding-bottom: 10px;}
.fnewsletter { padding: 20px 0}
#footer .tab-cell-center { display: block; padding-top: 10px}
#footer .tab-cell-center .cols { width: 100%; display: block; padding:0}
#footer .tab-cell-center li:before {        display: none;}
} @media all and (max-width:767px) {
.row { padding:0 15px;}
.hide_mobile { display:none;}
.tab, [class^="tab-row"], [class^="tab-cell"] { display: block; width: 100%; } #slider_edc { margin: 50px 0}
#home_actus, .partenaires { padding: 0 0 35px; }
#slider_actus { padding-top: 0}
#edc_masonry { margin: 0; padding: 8px 0 50px}
#edc_masonry .ct { padding:8px 0}
#edc_masonry .grid-sizer, #edc_masonry .grid-item { width: 100%; }
#edc_masonry .hover { display: none;}
.hlogo img { height:30px; }
} #wpadminbar { bottom:0; top: auto!important; } .flash { text-align:center; padding:20px 10px; background:#e2e3e5; color: #383d41; border-bottom:1px solid #d6d8db; }
.flash.flash-warning { background:#fff3cd; color: #856404; border-color:#ffeeba; }
.flash.flash-success { background:#d4edda; color: #155724; border-color:#c3e6cb; }
.flash.flash-error { background:#f8d7da; color: #721c24; border-color:#f5c6cb; }