*{margin:0;padding:0;border:0;outline: none; }
html, body {font-family: 'Open Sans', sans-serif, Verdana, Arial, Helvetica;width:100%;margin: 0;background:white;height:100%;}
.clearBoth{clear:both !important;height:0px !important; overflow: hidden !important;border:none !important;padding:0 !important;margin:0 !important;}   .corps table{border:0;padding:0;border-collapse:collapse;max-width:100%;}
.corps td{color:white;font-size:14px;line-height:17px;}
.corps p{margin-top:10px;margin-bottom:2px;color:white;font-size:14px;text-align:justify;line-height:17px;color:white;}
.corps img{border:none;max-width:100%;height:auto;}
.corps iframe{max-width:100%;}
.corps a{text-decoration:underline;color:white;}
.corps a:hover{text-decoration:underline;color:white;font-weight: bold;}
.corps h1{font-size:35px;line-height:40px;width:70%;font-weight:bold; text-align:center;text-transform:uppercase;margin:10px auto 60px auto;color:white;}
.corps h1 span{display: inline-block;padding:1% 2%;font-family: 'Poiret One', cursive;}
.corps h1 .span1{float: right;margin-right:50%;border: 1px solid white;background: black;text-align: right;}
.corps h1 .span2{float: left;margin-left:50%;clear: both;background: white;color:black;}
.corps h2{font-size:25px;line-height:28px;font-weight:bold;text-align:left;margin-top:30px;margin-bottom:15px;color:#e3bc0b;border-bottom:1px solid #e3bc0b;font-family: 'Poiret One', cursive;}
.corps h3{font-size:20px;line-height:23px;font-weight:bold; text-align:left;margin-top:20px;margin-bottom:10px;color:white;}
.corps h4{font-size:17px;line-height:20px;font-weight:bold; text-align:left;margin-top:10px;margin-bottom:5px;color:white;}
.corps h5{font-size:15px;line-height:18px;font-weight:bold; text-align:left;margin-top:8px;margin-bottom:4px;color:white;}
.corps h6{font-size:13px;line-height:15px;font-weight:bold; text-align:left;margin-top:6px;margin-bottom:3px;color:white;}
.corps ul{}
.corps li{margin-left:40px;margin-top:10px;font-size:14px;line-height:17px;color:white;}
.corps ol{margin-left:40px;margin-top:10px;font-size:14px;line-height:17px;color:white;}
.corps hr{padding-top: 30px; margin-bottom:20px;border-bottom: 1px solid rgba(134, 134, 134, 0.6); height: 0;clear:both; }
.corps blockquote{padding:5px 10px 10px 10px;background:#e5e5e5;border-radius:10px;margin:15px 0;clear:both;}
.corps input{border:1px solid #ccc;}
.corps select{border:1px solid #ccc;}   .textTab {border:0!important;padding:0!important;border-collapse:collapse!important;}
.textTab td{border:1px solid #666 !important;padding:10px!important}
.textTabSansCadre {border:0!important;padding:0!important;border-collapse:collapse!important;}
.textTabSansCadre td{border:0!important;padding:10px!important}
.textTab,.textTabSansCadre{margin:auto !important}
.imgMarge{margin:15px !important;}
.img100{width:100% !important;height:auto !important;margin:0 !important;}
.imgArrondi{border-radius:5px;box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);}
.alignleft{ display:inline; float:left;margin:0.5em 1em 0.5em 0;}
.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
.alignright{ display:inline; float:right;margin:0.5em 0 0.5em 1em;}
.iframeCenter{margin:auto;}
.iframeFloatLeft{margin:15px;float:left;}
.iframeFloatRight{margin:15px;float:right;}
.showElem{display:none;}
.gallery img{border: none !important;}
.gallery .gallery-caption{color: white !important;}      .wp-pagenavi {clear: both;padding-top:30px}
.wp-pagenavi a, .wp-pagenavi span {border: 0 !important;color:white;margin: 2px;padding: 3px 5px;text-decoration: none;}
.wp-pagenavi a{color:white;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: white;color:#e3bc0b;text-decoration: none;}
.wp-pagenavi span.pages {color:#e3bc0b;}
.wp-pagenavi span.current {font-weight: bold;border: 1px solid white !important;}   .home #cookie-notice {bottom:55px !important;background:rgba(0,0,0,0.8) !important}   .wpcf7 {width:100%;margin:40px auto 0 auto !important;}
.wpcf7 p{clear:both;line-height:19px;font-size:16px;text-align:left !important;padding-bottom:10px;}
.wpcf7 .wpcf7-form-control-wrap{display: inline !important;}
.wpcf7 textarea{width:99%;border:solid 1px #5A544E;margin-top:10px;}
.wpcf7 input[type="text"], .wpcf7 input[type="email"]{width:97%;border:solid 1px #5A544E;font-size:1em;padding:5px;margin-top:10px;float:none;}
.wpcf7 input[type="submit"]{width:150px;cursor:pointer;background:#9c7fa5;color:white;font-size:1.4em;float:right;margin-top:10px;border:none;border-radius:3px;border-bottom:5px solid #6b6e72;}
.wpcf7 input[type="submit"]:hover{background:#e3bc0b;}
.wpcf7 select{width:99%;border:solid 1px #9c7fa5;}
.wpcf7 .wpcf7-validation-errors {border:1px solid #9c7fa5 !important;color:white;}
.wpcf7-not-valid-tip{clear:both;color:#9c7fa5 !important;}
.wpcf7 .wpcf7-response-output{color: white !important;}
div.wpcf7-mail-sent-ok{background: #398f14 none repeat scroll 0 0}      .ssba{padding-top:40px;clear:both;}   .siteMobile{display:none;}
.siteClassique{display:block;}    #fond{width:100%;height:100%;position:fixed;z-index:1;
background-color: transparent; background-repeat:no-repeat; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;	} #sliderFond{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;}
#sliderFond li{display: block;width:100%;height:100%;position:absolute;z-index: 0; background-color: transparent;background-repeat:no-repeat; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;	
background-position: center center;	
}
#legendeSlider{width: 100%;top:50%;left:0;z-index:3;position:absolute;margin:auto;}
#titleSlider {display: block;width:100%;}
#titleSlider li{display: none ;width: 100%;vertical-align: middle;}
#titleSlider .selected{display: inline-block;}
#titleSlider li div{display: inline-block;font-size:30px;line-height:32px;font-family: 'Poiret One', cursive;}
#titleSlider li .div1{float: right;margin-right:50%;width:50%;}
#titleSlider li .div1 span{float: right;padding:1% 2%;background: black;color:white;text-align: right;}
#titleSlider li .div2{margin-left:47%;clear: both;width:53%;}
#titleSlider li .div2 span{float:left;padding:1% 2%;background: white;color:black;}
#titleSlider li div .btnSlider{display:block;float:left;margin:2% 2% 0 2%;font-size:70px;color:white;text-decoration:none;}
#titleSlider li div .btnSlider:hover{text-decoration:none;color:black;}
#titleSlider li div .btnSliderP{float: right;}
#titleSlider li div .btnSliderN{float: left;}
@media screen and (max-width: 800px){
#titleSlider li .div1{float: none;width: 90%;margin: 0 5%;text-align: center;}
#titleSlider li .div1 span{float: none;}
#titleSlider li div .btnSliderP{float: left;}
#titleSlider li .div2{float: none;width: 90%;margin: 4px 5% 0 5%;text-align: center;}
#titleSlider li .div2 span{float: none;}
#titleSlider li div .btnSliderN{float: right;}
}   #headerSite{width:100%;height:150px;margin:auto;position:relative;z-index:3;} #btnHome{display:block;width:198px;height:153px;position: absolute;z-index: 105;left: 0;top:0;}
#btnHome:hover{text-decoration:none;}  .home #menuTeteContainer{position:fixed ;bottom: 0;top:auto;}
.home #menuTeteContainer #menuTete li a{font-size:22px;}
#menuTeteContainer{position: absolute;width:100%;top: 43px;left: 0;z-index: 101;height:55px;background: white;}
#menuTete {width: 100%;height: 100%;padding:0;margin:auto;list-style: none;text-align: center;font-size:0;}
#menuTete li {display:inline-block;height:100%;margin:0;list-style: none;position:relative;}
#menuTete li a {display: inline-block;height:100%;width:auto;margin:0;padding:0 40px;color: black; font-size: 18px;text-decoration: none;text-align: center;line-height: 55px;text-transform: uppercase;font-weight: 300;}
#menuTete li a:hover{background:black;color:white;}
#menuTete li a:before {content: "";position: absolute;width: 100%;height: 1px;bottom: 0;left: 0;background-color: white;visibility: hidden;z-index: 101;-webkit-transform: scaleX(0);transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
#menuTete li a:hover:before {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);}
#menuTete li a .linkBefore {display:inline-block;width: 0;height: 0;border-style: solid;line-height:55px;margin:0 5px 0 0;vertical-align:middle;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent black;}
#menuTete li a:hover .linkBefore {border-color: transparent transparent transparent white;}
#menuTete li ul {position: absolute; display:none; text-align: left;  width: 200px;  height: auto;  z-index: 2000;list-style: none;}
#menuTete li:hover ul{display:list-item;}
#menuTete li:hover ul li ul {display:none;}
#menuTete li ul li {position:relative;height:auto;margin: 0;}
#menuTete li ul li a {display: block;width: 200px;height: auto;font-size: 16px;text-decoration: none;background:#262626;
text-align: left;line-height: 1.4em;padding: 5px;margin: auto;text-transform:none;color:white;}
#menuTete li ul li a .linkBefore{border-color: transparent transparent transparent white;}
#menuTete li ul li a:hover{background:#9c7fa5;color:white;} #menuTete .current_page_ancestor a{background:black;color:white;}
#menuTete .current_page_ancestor a .linkBefore {border-color: transparent transparent transparent white;}
#menuTete .current_page_ancestor ul li a {background:#262626;}
#menuTete .current-menu-item a{background:black;color:white;} 
#menuTete .current-menu-item a .linkBefore {border-color: transparent transparent transparent white;}
#menuTete .current-menu-item ul li a {background:#262626;}
#menuTete li ul .current-menu-item a {background:#9c7fa5;}     .flex-control-paging li a{width:20px !important;height:20px !important;background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0 !important;}
.flex-control-paging li .flex-active{background:rgba(255, 255, 255, 1) none repeat scroll 0 0 !important;}
.flex-control-nav {margin-left:0 !important;margin-top:0 !important;position:relative !important;}
.flex-control-nav li {line-height: 52px !important;} .flex-direction-nav a{height:33px !important;width:33px !important;top:50% !important;}
.flex-direction-nav .flex-prev{background:rgba(0, 0, 0, 0) url(https://www.gautierconcept.fr/wp-content/themes/gautier2016/images/bg_direction_nav2.png) no-repeat scroll 0 0 !important;}
.flex-direction-nav .flex-next{background:rgba(0, 0, 0, 0) url(https://www.gautierconcept.fr/wp-content/themes/gautier2016/images/bg_direction_nav2.png) no-repeat scroll -33px 0 !important;}    #middleSite{width:80%;min-height:75%;margin:0 auto 0 auto;padding:0 10%;position:relative;z-index:2;}    #middleContent{width:45%;margin-left:5%;float:left;padding:5%;position:relative;background: rgba(0,0,0,0.9);}
#middleContentFull{width:70%;margin:0 auto;padding:5%;position:relative;background: rgba(0,0,0,0.9);} #listCategory {display: block;position: relative;}
#listCategory li {display: block;float:left;position: relative;list-style: outside none none;margin: 3%;width: 27%;}
#listCategory li:hover::before  {border-color: #cccccc transparent transparent ;}
#listCategory li:hover::after  {border-color: transparent transparent #cccccc ;}
#listCategory li::before{content: "";display: block;position: absolute;top: -1%;left: -2%;
width: 0;height: 0;border-style: solid;border-width: 40px 40px 0 0;border-color: #ffffff transparent transparent ;}
#listCategory li::after{content: "";display: block;position: absolute;bottom: -1%;right: -2%;
width: 0;height: 0;border-style: solid;border-width: 0 0 40px 40px;border-color: transparent transparent #ffffff }
#listCategory li a{display: block; width: 96%;padding: 2%;text-decoration: none;background: rgba(255,255,255,0.8);}
#listCategory li a:hover{text-decoration: none;background: rgba(255,255,255,1);font-weight: normal;}
#listCategory li p {margin: 3px 0 0;}
#listCategory li .titre {color: black;font-size: 20px;font-weight: bold;text-align:center;line-height: 23px;margin-top: 10px;}
#listCategory li .wp-post-image {margin: 5% 0 0 0;width:100%;height:auto;} #listCategory li .extrait {font-size: 13px;line-height: 16px;color:black;text-align: center;}
#listCategory li .btnLireLaSuite {display:block;width:50%;padding:2%;margin:5% auto 0;text-align:center;color: white;background:black;font-size: 18px;line-height: 20px;text-decoration: none;}
#listCategory li .btnLireLaSuite:hover {text-decoration: none;}   #middleRight{width:30%;margin:0 5%;padding:0 ;height:auto;float:left;}
.floatable{position: fixed;right: 9%;top: 20px;width: 24% !important;} .titreRight{display:block;clear:both;text-decoration:none;text-transform: uppercase;color: black;text-align: center;width: 100%;padding:0;font-size:40px;font-family: 'Poiret One', cursive;}
.titreRight:hover{text-decoration:none;color: white;text-align: center;} #actusRight{margin-bottom:40px;background: rgba(255,255,255,0.9);padding:10%;}
#actusRight li{display: block;color: white;position:relative;}
#actusRight li .triangleTop{display:block;width: 0;height: 0;border-style: solid;border-width: 30px 25px 0 25px;border-color: black transparent transparent transparent;margin:auto;}
#actusRight li .triangleBottom{display:block;width: 0;height: 0;border-style: solid;border-width: 0 25px 30px 25px;border-color: transparent transparent #7f7f7f transparent;margin:auto;}
#actusRight li .titre{margin: 0;padding:5%;font-size:17px;text-align: center;color: black;font-weight: 700;}
#actusRight li .image{margin:5px 0}
#actusRight li .image img{width:100%;height: auto;display: block;}
#actusRight li .extrait p{font-style:italic;font-size:14px;line-height: auto;color:black;text-align: center;}
#actusRight li .lien{text-align: right;font-size:14px;}
#actusRight li .lien a{color:#96051d;}   #portfolio{display:block;width:100%;text-align:center;}
#portfolio li{display:inline-block;width:22%;height:210px;margin:1%;position:relative;vertical-align:top;}
#portfolio li a{display:block;text-decoration:none;width:100%;height:100%;color:white;text-transform:uppercase;text-align:center;font-size:17px;line-height:20px;position:relative;
background-position: center center;
background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#portfolio li a:hover{text-decoration:none;-webkit-filter: grayscale(1) drop-shadow(0px 0px 5px #000) contrast(2);filter: grayscale(1) drop-shadow(0px 0px 5px #000) contrast(2);}
#portfolio li a span{display: block;position: absolute;bottom: 0;left: 0;padding: 5%;width: 90%;min-height:20%;background: rgba(0,0,0,0.7);}
#portfolio li a:hover span{background: rgba(0,0,0,0.9);}   #footerSite{width:100%;min-height:5%;clear:both;margin:0;padding:0;position:relative;background: white;z-index:2;}
.home #footerSite{display: none;} #navFooter{display: block;width:100%;background: white;}
#navFooter ul{display:block;text-align: center;}
#navFooter li{display:inline-block;list-style: none outside none;margin:0 8px;padding:8px 0;border:0;background:none;}
#navFooter li a{font-size:14px;color:black;text-decoration:none;}
#navFooter li a:before{content:" :: ";}
#navFooter li a:hover{text-decoration:none;}
#navFooter .current_page_item a{font-weight:bold;}  #btnHdp{color:#9c7fa5;font-size:13px;text-decoration: none;display: block;position: fixed;right: 15px;bottom: 15px;width:100px;text-align:center;}
#btnHdp:hover{color:#cf2124;font-size:15px;}
#btnHdp span{display: inline-block;width: 0;height: 0;border-style: solid;border-width: 0 25px 30px 25px;border-color: transparent transparent #9c7fa5 transparent;}
#btnHdp:hover span{border-color: transparent transparent #cf2124 transparent;animation: bounce 0.7s ease infinite;}
@keyframes bounce{
from {transform: translateY(0);}
to   {transform: translateY(-20px);}
}