/*
 Theme Name:   Marathon
 Description:  Marathon theme
 Author:       Bonbay
 Author URI:   https://www.bonbay.fr
 Version:      1.0
*/
/*RESET*/
/*---------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

/*SPECIFIQUE THEME*/
/*---------------------------------------------*/
.gloria{font-family: 'Gloria Hallelujah', cursive;}
.robocond{font-family: 'Roboto Condensed', sans-serif;}
.fdrouge{background-color: #a00b0b}
.fddessin{background: url('img/fond-marathon.jpg')#F2E3CE top center no-repeat;background-attachment: fixed;}
.postrait{position: absolute;bottom: -10px; left: 0}
.depart{color: #fff; font-size: 22px; }
.departtime{color: #fff; font-size: 20px; }
.departtime span{color: #fff; font-size: 80px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
.decompte{position: relative;text-align: center}
.ondecompte{position: absolute;top: 30%;width: 100%;}
.datedepart{font-size: 15px; color: #000}
.fdactu{background: url('img/fondactu.jpg')top center no-repeat;background-size: cover}
.padactu{padding: 30px;}
.padactu h2{color: #fff; font-size: 35px;margin-bottom: 5px; font-style: initial; }
.padactu a{color: #fff; }
.padactu a:hover{color: #000; }
.padactu h3{color: #fff; font-size: 16px;text-transform: uppercase;margin-bottom: 5px;font-style: initial; }
.padactu {color: #fff;font-size: 16px;line-height: 1.1em; font-style: italic; }
.titresuivi{color: #eeebe2; text-transform: uppercase;}
.rstexte{position: absolute;top:5%; right:11%;}
.encartphoto .encarttext{position: absolute;bottom:10%;left:5%; right: 5%;font-size: 22px}
.encart1 .encarttext{position: absolute;bottom:10%;left:5%; right: 5%; z-index:5;}
.encart1 .encarttext h2{color: #fff;font-size:18px; text-transform: uppercase;}
.encart1 .encarttext h3{color: #d60000;font-size:32px;text-transform: uppercase;font-style: italic;font-weight: bold;line-height: 1.3em;}
.encart2 .encarttext{position: absolute;bottom:10%;left:5%; right: 5%; z-index:5;}
.encart2 .encarttext h2{color: #d60000;font-size:18px; text-transform: uppercase;}
.encart2 .encarttext h3{color: #000;font-size:32px;text-transform: uppercase;font-style: italic;font-weight: bold;line-height: 1.3em;}
.encartfb{background: url('img/encartFacebook.png')center; width: 420px; height: 389px;display: inline-block;}
.encartfb > div, .encarttwt > div {padding: 60px}
.encarttwt{background: url('img/encarttwitter.png')center; width: 420px; height: 389px;display: inline-block;}
.encartfb a,.encarttwt a{font-size: 40px; color:#d60000 }
.encartfb h2,.encarttwt h2{font-size: 16px; color:#000; font-weight: bold; }
.encartfb ,.encarttwt {font-size: 14px; color:#d60000;  }
.encartfb .datenews,.encarttwt .datenews {font-size: 16px; color:#d60000;font-weight: bold;  }
.rdvfooter{text-transform: uppercase;color: #000;font-weight: bold;font-size: 22px; padding-top: 50px;}
.padmenufooter{padding: 20px}
.lignefooter{color: #fc5756; font-size: 12px;}
.lignefooter a{color: #fc5756}
.lignefooter a:hover{color: #fff}
.rsfooter a{color: #fff; font-size: 35px;}
#footer h3{color: #fff; text-transform: uppercase;font-size:20px }
#footer li a{color: #fff; font-size:16px;font-family: 'Roboto Condensed', sans-serif; }
#footer li a:hover{color: #000; font-size:16px;font-family: 'Roboto Condensed', sans-serif; }
.feuillevignefooter{position:absolute;bottom: 0px; right: 100px;  }
.encartrs{position: absolute;top:0; right:0;}
.barriquepartenaires{position: relative;}
.barriquepartenaires .logo1{position: absolute; top:13%;left: 25%}
.barriquepartenaires .logo2{position: absolute; top:13%;left: 58%}
.barriquepartenaires .logo3{position: absolute; top:40%;left: 9%}
.barriquepartenaires .logo4{position: absolute; top:40%;left: 42%}
.barriquepartenaires .logo5{position: absolute; top:40%;left: 73%}
.barriquepartenaires .logo6{position: absolute; top:68%;left: 9%}
.barriquepartenaires .logo7{position: absolute; top:68%;left: 73%}
.barriquepartenaires .logo8{position: absolute; width: 65%; top:68%;left: 18%}
.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
#footer .fdrouge{background: url('img/fondfooter.jpg') #d60000 top center no-repeat}
.vignefooter{position: absolute;top:-130px;left:0;}
.padzonetexte{padding: 30px 50px 50px 50px;}
.zonetexte{-moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565;
-o-box-shadow: 0px 0px 5px 0px #656565;
box-shadow: 0px 0px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);background-color: #fff; text-align: justify;}
.zonetextepart{-moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565;
-o-box-shadow: 0px 0px 5px 0px #656565;
box-shadow: 0px 0px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);background-color: #eee; text-align: justify;}
.zonepartenaire{-moz-box-shadow: 0px 0px 5px 0px #656565;
-webkit-box-shadow: 0px 0px 5px 0px #656565;
-o-box-shadow: 0px 0px 5px 0px #656565;
box-shadow: 0px 0px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);padding: 30px;background-color: #fff; text-align: center; font-family: 'Gloria Hallelujah', cursive;font-size: 20px;}
.zonetexte h1,.zonetexte h2, .zonetexte h3, .zonetexte h4{text-align: left;}
.zonetexte ul { padding-left: 20px; list-style-type: square;}
.zonepartenaire.creme{background-color: #eee; color: #444}
.zonepartenaire .small{font-size: 18px}
hr{height: 1px;  margin:  20px 0 20px 0;  padding: 0 ;  color: #ccc;  background-color: #ccc;  border: 0;}
.titrecat{font-size: 16px;    color: #000;    font-weight: bold; text-transform: uppercase;}
/*GENERIC THEME*/
/*---------------------------------------------*/
body{background:#fff;font-size:16px;line-height:1.5em;color:#666;font-weight:300;font-family: 'Roboto', sans-serif;}
::selection{background:#3b8dbd;color:#fff}
::-moz-selection{background:#3b8dbd;color:#fff}
a{color:#e4171e;text-decoration:none;outline:0}
a:hover{color:#444}
img{max-width:100%;height:auto}
img.block{display:block;width:100%}
a,a:before,a:after{-webkit-transition-property:background color;-webkit-transition-duration:.2s;-webkit-transition-timing-function:ease;-moz-transition-property:background color;-moz-transition-duration:.2s;-moz-transition-timing-function:ease;-o-transition-property:background color;-o-transition-duration:.2s;-o-transition-timing-function:ease;transition-property:background color;transition-duration:.2s;transition-timing-function:ease}
a img{-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}
.left,.alignleft{float:left}
.right,.alignright{float:right}
.aligncenter{margin-left:auto;margin-right:auto}
img.aligncenter{display:block}
.textcenter{text-align:center}
.textright{text-align:right}
.textleft{text-align:left}
.posrel{position:relative}
img.alignleft{margin:0 20px 20px 0}
img.alignright{margin:0 0 20px 20px}
.padding10{padding:10px}
.padding20{padding:20px}
.padding30{padding:30px}
.padding40{padding:40px}
.padding40xxl{padding:40px}
.paddingarticle{padding:40px 60px}
.decaltop{padding-top:10px}
.decaltop20{padding-top:20px}
.decaltop30{padding-top:30px}
.decaltop40{padding-top:40px}
.decaltop50{padding-top:50px}
.decaltop60{padding-top:60px}
.decaltop80{padding-top:80px}
.decaltop100{padding-top:100px}
.decalgrdecran{padding-top:250px;}
.decalgrdecran2{padding-bottom:350px;}

.decalbott{padding-bottom:10px}
.decalbott20{padding-bottom:20px}
.decalbott40{padding-bottom:40px}
.decalbott60{padding-bottom:60px}
.decalbott80{padding-bottom:80px}
.encartactuhome{padding:40px}
a.readmore2{font-family: 'Roboto', sans-serif;text-decoration:none;font-size:14px;border-bottom:1px dotted #000;color:#000}
a.readmore2:hover{border-bottom:1px dotted #e4171e;color:#e4171e}

/*FLIP BOX*/
/*---------------------------------------------*/
.flip-container{perspective:1000px; position: relative; }
.flip-container.hover .flipper,.flip-container.flip .flipper{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
.flipper{transition:.6s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;position:relative;display: block; clear: both;}
.front,.back{backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;left:0}
.front{z-index:2;transform:rotateY(0deg);-webkit-transform:rotateY(0deg)}
.back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}


/*FLEX - MODAL BOX*/
/*---------------------------------------------*/
.flex{display:-webkit-flex;display:-ms-flexbox;display:flex}
.wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-flex;display:-ms-flexbox;display:flex}
.alpha60{background-color:#000;background-color:rgba(0,0,0,0.65);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"}
.fondunoir{top:0; left:0;display:block;position:absolute; width:100%; height:100%; z-index:4;background-color:#000;background-color:rgba(0,0,0,0.65);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"}
.fondublc{top:0; left:0;display:block;position:absolute; width:100%; height:100%; z-index:4;background-color:#fff;background-color:rgba(255,255,255,0.65);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"}
.modalDialog{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:99999;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none}
.modalDialog:target{opacity:1;pointer-events:auto}
.modalDialog > div{width:750px;position:relative;margin:10% auto;padding:5px 20px 13px;text-align:left;background:#fff;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);box-shadow:0 0 5px 0 rgba(0,0,0,0.75)}
.modalDialog400{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:99999;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none}
.modalDialog400:target{opacity:1;pointer-events:auto}
.modalDialog400 > div{width:400px;position:relative;margin:10% auto;padding:5px 20px 13px;text-align:left;background:#fff;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);box-shadow:0 0 5px 0 rgba(0,0,0,0.75)}
.modalDialog300{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none}
.modalDialog300:target{opacity:1;pointer-events:auto}
.modalDialog300 h2{color:#fff}
.modalDialog300 > div{width:350px;position:relative;margin:10% auto;padding:5px 20px 13px;text-align:left;background:#EC7404;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.75);box-shadow:0 0 5px 0 rgba(0,0,0,0.75);color:#fff}
.close{background:#606061;color:#FFF;line-height:25px;position:absolute;right:-12px;text-align:center;top:-10px;width:24px;text-decoration:none;font-weight:700;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000}
.close:hover{background:#EC7404}

/*MINI MENU*/
/*---------------------------------------------*/
.dropbtn{background-color:#EC7404;color:#fff;padding:18px;font-size:14px;border:none;cursor:pointer}
.dropdown{position:absolute;display:inline-block;left:10px;top:10px}
.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:220px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}
.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}
.dropdown-content a:hover{background-color:#f1f1f1}
.dropdown:hover .dropdown-content{display:block}
.dropdown:hover .dropbtn{background-color:#444}

/*RESET*/
/*---------------------------------------------*/
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.group:before,.group:after{content:"";display:table}
.group:after{clear:both}
.group{zoom:1}
.fa{width:1em;text-align:center}

/*FORMULAIRE*/
/*---------------------------------------------*/
input,textarea,button,select,label{font-family:inherit;font-size:14px; }
input::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0}
input[type="text"],input[type="tel"],input[type="password"],input[type="email"],input[type="submit"],button,select,textarea{font-family:FontAwesome,'Open Sans Condensed',sans-serif;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:0;border-radius:0;width:100%}
input,textarea,select,button{-moz-appearance:none;-webkit-appearance:none;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}
input[type="checkbox"]{-moz-appearance:checkbox;-webkit-appearance:checkbox}
input[type="radio"]{-moz-appearance:radio;-webkit-appearance:radio}
label{font-weight:600;color:#444}
input[type="text"],input[type="tel"],input[type="password"],input[type="email"],select,textarea{margin-bottom: 10px;background:#fff;border:2px solid #ddd;color:#777;display:block;max-width:100%;outline:none;padding:7px 8px}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,select:focus,textarea:focus{border-color:#ccc;color:#444;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);box-shadow:0 0 3px rgba(0,0,0,0.1)}
label .required{color:#850A05}
input[type="submit"],button[type="submit"]{background:#850A05;color:#fff;padding:8px 14px;font-weight:600;display:inline-block;border:none;cursor:pointer;-webkit-border-radius:3px;border-radius:3px}
input[type="submit"]:hover,button[type="submit"]:hover{background:#444}

/*TOOLTIP*/
/*---------------------------------------------*/
.tooltip{position:relative;display:inline-block;font-size:22px;color:#EC7404}
.tooltip .tooltiptext{visibility:hidden;width:250px;font-size:12px;background-color:#F4F1ED;color:#444;padding:10px;position:absolute;top:40px;left:-125px;z-index:1}
.tooltip:hover > span.tooltiptext{visibility:visible}
/*GO TO TOP*/
/*---------------------------------------------*/
#back-to-top {    position: fixed;    bottom: 40px;    right: 40px;    z-index: 9999;    width: 32px;    height: 32px;    text-align: center;
    line-height: 30px;    background: #9d0c15;    color: #fff;    cursor: pointer;    border: 0;    border-radius: 2px;
    text-decoration: none;    transition: opacity 0.2s ease-out;    opacity: 0;}
#back-to-top:hover {    background: #e9ebec;}
#back-to-top.show {    opacity: 1;}

/*TAB*/
/*---------------------------------------------*/
.responsive-tabs dt{padding:.5em;border-top:1px solid #ccc;cursor:pointer}
.responsive-tabs dt:first-child{border-top:0}
.responsive-tabs .active{background-color:#ccc}
.responsive-tabs .active + dd{display:block}
.responsive-tabs dd{display:none;padding:.5em}
.responsive-tabs-placeholder{display:none}
@media only screen and (min-width: 768px) {
.responsive-tabs dt{float:left;border-top:0}
.responsive-tabs .active + dd{display:none}
.responsive-tabs-placeholder{clear:both;display:block;padding:1em;border-top:1px solid #ccc}
}
/*ACCORDEON*/
/*---------------------------------------------*/
h4.accordion-toggle{background-color:#eee;padding:7px 15px;font-size:16px;font-weight:600}
.accordion-toggle{cursor:pointer}
.accordion-content{display:none;padding-top:10px}
.accordion-content.default{display:block}



/*TAB*/
/*---------------------------------------------*/
#tabs-container input,#tabs-container section{display:none}
#tabs-container section{padding:20px 0 0;border-top:1px solid #ddd}
#tabs-container label{display:inline-block;margin:0 0 -1px;padding:15px 10px;font-size:15px;text-transform:uppercase;text-align:center;color:#444;border:1px solid transparent;font-family: 'Roboto', sans-serif;}
#tabs-container label:hover{color:#888;cursor:pointer}
#tabs-container input:checked+label{color:#555;border:1px solid #ddd;border-top:2px solid #EC7404;border-bottom:1px solid #fff}
#tab1:checked~#content1,#tab2:checked~#content2,#tab3:checked~#content3,#tab4:checked~#content4,#tab5:checked~#content5,#tab6:checked~#content6{display:block}
@media screen and (max-width:650px) {
#tabs-container label{display:block}
label:before{margin:0;font-size:18px}
#tabs-container input:checked+label{color:#555;border:1px solid #ddd;border-top:2px solid #EC7404}
}
@media screen and (max-width:400px) {
#tabs-container label{padding:15px}
}

/*TYPOGRAPHIE*/
/*---------------------------------------------*/
h1,h2,h3,h4,h5,h6{color:#444;-ms-word-wrap:break-word;word-wrap:break-word}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{color:#bbb}
h1,h2,h3,h4,h5,h6{margin-bottom:14px}
h1{font-family: 'Gloria Hallelujah', cursive;font-size:30px;color:#D60000; line-height: 1.2em}
h1.interpage{font-family: 'Roboto', sans-serif;font-size:25px;color:#D60000}
h2{font-size:24px; font-family: 'Roboto Condensed', sans-serif;}
h3{font-size:26px;font-family: 'Roboto Condensed', sans-serif;}
h4{font-size:22px}
h5{font-size:20px;font-weight:600}
h6{font-size:18px;font-weight:600;text-transform:uppercase}
.zonetexte h1{margin-bottom:25px}

/*BASE GRID ET MENU*/
/*---------------------------------------------*/
.containermenu{max-width:1500px;min-width:220px;margin:0 auto;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.containeractu{max-width:1000px;min-width:220px;padding-top:50px;padding-bottom:50px;margin:0 auto;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.container{max-width:1000px;min-width:220px;margin:0 auto;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.container1200{max-width:1280px;min-width:220px;margin:0 auto;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.container1200,.containeractu,.containermenu,.container,.row,.col,.rowbot{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.row{margin-bottom:0}
.rownobot{margin-bottom:0}
.col,.colnomargin,.col0si768px{display:block;float:left;width:100%}
.colnomargin{margin-left:0}
.col:first-child{margin-left:0}
.col0si768px:first-child{margin-left:0}
.row:after,.rownobot:after,.col:after,.col0si768px:after,.colnomargin:after,.clr:after,.group:after{display:block;height:0;clear:both;content:"";visibility:hidden}
.onlymobile{display:none}
.nav-container{background:#888;z-index:99;position:relative}
.nav-toggle{display:none;background:#777;cursor:pointer;float:right;height:50px;width:60px;color:#fff;text-align:center}
.nav-toggle i{font-size:29px;padding:10px 0}
.nav-text{display:none;font-size:16px;line-height:24px;padding:0 20px 0 0}
.nav-text img{margin-top:-7px}
.nav li > a:after,.nav > li > a:after{font-family:FontAwesome;display:inline-block}



/*MQ  Tablette > 768px GRID & MENU*/
/*---------------------------------------------*/
@media only screen and (min-width: 768px) {
.imgpart55{max-width: 55px;}
.nav-wrap{height:auto!important}
.nav{font-size:0;position:relative;font-family: 'Roboto Condensed', sans-serif;}
.nav li a{color:#fff; display:block;line-height:20px;text-transform:uppercase;font-style: italic;}
ul.nav{padding-top: 40px;}
#footer .nav li > a:after{content:"\f0da"}
#footer .nav > li > a:after{content:"\f0d8"}
#footer .nav li > a:only-child:after{content:""}
.nav > li{font-size:18px;display:inline-block;position:relative; }
.nav > li > a{padding:15px 10px}
.nav > li > a:hover,.nav > li:hover > a{}
.nav li > a:hover,.nav li:hover > a,.nav li.current_page_item > a,.nav li.current-menu-item > a,.nav li.current-menu-ancestor > a,.nav li.current-post-parent > a{color:#000;z-index:999}
.nav ul li > a:hover, .nav ul li:hover > a{color: #D60000}
.nav ul li > a, .nav ul li > a{color: #000;text-transform:initial;}
.nav li:hover > ul{display:block}
.nav ul{display:none;background:#fff;position:absolute;left:0;top:50px;width:260px;padding:15px 20px;z-index:2;-webkit-transform:translateZ(0);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.15);box-shadow:0 2px 2px rgba(0,0,0,0.15); border:solid 1px #000;z-index: 6000}
.nav ul li a:hover{border-bottom:0}
.nav ul li{font-size:15px;text-transform:initial;position:relative;display:block;padding:0;border-bottom: solid 1px #000; font-weight: bold; font-style: italic;text-align: left;}
.nav ul li a{padding:10px 20px}
.nav ul li:last-child{border-bottom:0!important}
.nav ul ul{position:absolute;top:-10px;left:180px}
.col,.col0si768px{margin-left:2.1276595744681%}
.span-1{width:2.1276595744681%}
.span-2,.span-twelfth{width:6.3829787234043%}
.span-3,.span-eighth{width:10.63829787234%}
.span-4,.span-sixth{width:14.893617021277%}
.span-5{width:19.148936170213%}
.span-6,.span-quarter,.span-6-100si768px{width:23.404255319149%}
.span-7{width:27.659574468085%}
.span-8,.span-third{width:31.914893617021%}
.span-9{width:36.170212765957%}
.span-10{width:40.425531914894%}
.span-11{width:44.68085106383%}
.span-12,.span-half{width:48.936170212766%}
.span-12-100si768px{width:48.936170212766%}
.span-13{width:53.191489361702%}
.span-14{width:57.446808510638%}
.span-15{width:61.702127659574%}
.span-16{width:65.957446808511%}
.span-17{width:70.212765957447%}
.span-18,.span-18-100si768px{width:74.468085106383%}
.span-19{width:78.723404255319%}
.span-20{width:82.978723404255%}
.span-21{width:87.234042553191%}
.span-22{width:91.489361702128%}
.span-23{width:95.744680851064%}
.span-24{width:100%;margin-left:0;clear:left}
.spannomargin-4{width:16.666666666667%}
.spannomarginpar5{width:20%}
.spannomargin-6{width:25%}
.spannomargin-8{width:33.333%}
.spannomargin-9{width:37.5%}
.spannomargin-10{width:41.66%}
.spannomargin-11{width:45.833333333333%}
.spannomargin-12{width:50%}
.spannomargin-12-100si768px{width:50%}
.spannomargin-13{width:54.166666666667%}
.spannomargin-15{width:62.5%}
.spannomargin-16{width:66.66%}
.spannomargin-16spec769-1600{width:66.66%}
.spannomargin-18{width:75%}
}
/*MQ > 1200px*/
/*---------------------------------------------*/
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
.nav > li > a {
    padding: 15px 10px;
}
}
/*MQ  1024px - 1280px*/
/*---------------------------------------------*/
@media only screen and (min-width: 1026px) and (max-width: 1279px) {

}
/*MQ  Tablette H*/
/*---------------------------------------------*/
@media only screen and (min-width: 769px) and (max-width: 1025px) {
.nav > li{font-size:16px;display:inline-block;position:relative; }
.imgpart55{max-width: 45px;}
.nav > li > a {    padding: 0px 10px;}
#footer h3 {font-size: 12px;}
.rdvfooter {    padding-top: 30px;}
}
/*MQ  > 769px  (si besoin de faire différent que MQ tablette) */
/*---------------------------------------------*/
@media only screen and (min-width: 769px) {

}
/*MQ  Tablette > 768px GRID & MENU*/
/*---------------------------------------------*/
@media only screen and (max-width: 767px) {
.logohead{max-width:200px;text-align:center}
.logohead img{max-width:200px;margin-left:auto;margin-right:auto}
.flex-direction-nav{display:none}
.sstitre{font-family: 'Roboto', sans-serif;font-size:25px;padding-bottom:20px}
.mention a{text-decoration:none;color:#e4171e}
.mention a:hover{text-decoration:none;color:#000}
.mention{padding-top:20px;color:#e4171e}
.lebody{background:none}
.padding30{padding:15px}
.paddingarticle{padding:20px}
.fondimg{background:none}
.encart-sa{background:url(img/fond_rouge.png) repeat;background-size:cover;position:absolute;width:65%;min-height:0}
.encart-bar{background:url(img/fond_blanc.png) repeat;background-size:cover;position:absolute;width:65%;top:0;min-height:0;bottom:initial}
#av-overlay img{max-width:300px}
#av-overlay{padding:20px;width:90%}
.nav{font-weight:600}
.nav-container{text-transform:none}
.nav-toggle,.nav-text{display:block}
.nav-wrap{position:relative;float:left;width:100%;height:0;overflow:hidden}
.nav-wrap.transition{-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}
.expand .nav-wrap{height:auto}
.nav{float:left;width:100%}
.nav li a{line-height:20px;display:block;padding:8px 20px;color:#000}
.nav li li a{padding-left:15px;padding-right:15px}
.nav li > a:after{content:'\f0d7';opacity:.5;margin-left:6px}
.nav > li > a:after{content:'\f0d7';font-size:14px}
.nav li > a:only-child:after{content:''}
.nav > li{font-size:15px;color:#000;font-family: 'Roboto', sans-serif;text-transform:uppercase}
.nav li > a:hover,.nav li.current_page_item > a,.nav li.current-menu-item > a,.nav li.current-post-parent > a{color:#e4171e}
.nav ul{display:block!important;margin-left:40px}
.nav ul li{font-size:13px;font-weight:300}
.nav ul li a{padding-top:6px;padding-bottom:6px}
#wrapper{padding:0 10px}
.nomobile{display:none}
.onlymobile{display:block}
}
@media only screen and (min-width: 280px) and (max-width: 767px) {
.nomobile{display:none}
.onlymobile{display:block}
.encartfb{background: initial; width: auto;}
.encartfb > div, .encarttwt > div {padding: 30px}
.encarttwt{background: initial; width: auto; }
.logosmart{max-width: 80%}
.fddessin .decaltop80{padding-top: 10px;}
#footer{text-align: center}
.languages{position: absolute;right: 10px; top:60px ;}
.padzonetexte {
    padding: 30px 10px 30px 10px;
}
}

/*BLOCKQUOTE*/
/*---------------------------------------------*/
blockquote{position:relative;color:#777;font-style:italic;margin:0 0 20px;padding-left:50px}
blockquote p{margin-bottom:.75em}
blockquote:before{content:"\f10d";color:#ccc;font-size:32px;font-style:normal;font-family:FontAwesome;text-align:center;position:absolute;left:0;top:0}

/*FLEXSLIDER*/
/*---------------------------------------------*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus,.flexslideractu a:focus{outline:none}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider,.flexslideractu{margin:auto;padding:0;width:100%;display:block}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;position:relative}
.flexslideractu .slides > li{display:none;-webkit-backface-visibility:hidden;position:relative}
.flexslider .slides img{width:100%;display:block}
.flexslider.slideparteners .slides img{width:100%;display:initial;}
.flexslideractu .slides img{}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides > li:first-child{display:block}
.flexslider{position:relative;zoom:1}
.flexslideractu{position:relative;zoom:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.flexslideractu .slides{zoom:1}
.flex-direction-nav{height:0}
.flex-direction-nav a{width:15px;height:15px;display:block;background:url(img/fleche_bckg.png) no-repeat 0 0;position:absolute;top:48%;z-index:50;cursor:pointer;text-indent:-9999px}
.slideparteners .flex-direction-nav a{width:15px;height:15px;display:block;background:url(img/fleche_bckg.png) no-repeat 0 0;position:absolute;top:48%;z-index:5000;cursor:pointer;text-indent:-9999px}
.slideparteners .flex-direction-nav .flex-next{background-position:100% 0;right:0px}
.flex-direction-nav .flex-next{background-position:100% 0;right:-25px}
.flex-direction-nav .flex-prev{left:-25px}
.flexslideractu .flex-direction-nav .flex-next{background-position:100% 0;right:0px}
.flexslideractu .flex-direction-nav .flex-prev{left:0px}
.slideparteners .flex-direction-nav .flex-prev{left:0px}
/*.flexslider:hover .flex-next{opacity:.8;right:-50px}
.flexslider:hover .flex-prev{opacity:.8;left:-50px}*/
.flexslideractu:hover .flex-next{opacity:.8;right:0px}
.flexslideractu:hover .flex-prev{opacity:.8;left:0px}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flexslideractu:hover .flex-next:hover,.flexslideractu:hover .flex-prev:hover{opacity:1}
.flex-direction-nav .flex-disabled{cursor:default}

.flexslideractu  .flex-control-nav{width:100%;position:relative;bottom:0px;text-align:center; display: inline-block;}
.flexslideractu  .flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;}
.flexslideractu .flex-control-paging li a{display:block;background:url('img/pucepomme.png') -27px 0 no-repeat;width:27px;height:27px;cursor:pointer;text-indent:-9999px;transition: 0s;}
.flexslideractu .flex-control-paging li a:hover{background:url('img/pucepomme.png') 0 0 no-repeat; transition: 0s;}
.flexslideractu .flex-control-paging li a.flex-active{background:url('img/pucepomme.png') 0 0 no-repeat;cursor:default;transition: 0s;}

.flex-control-nav{width:100%;position:absolute;bottom:-50px;text-align:center; display: inline-block;}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;}
.flex-control-paging li a{display:block;background:url('img/pucepommeblanche.png') -27px 0 no-repeat;width:27px;height:27px;cursor:pointer;text-indent:-9999px;transition: 0s;}
.flex-control-paging li a:hover{background:url('img/pucepommeblanche.png') 0 0 no-repeat; transition: 0s;}
.flex-control-paging li a.flex-active{background:url('img/pucepommeblanche.png') 0 0 no-repeat;cursor:default;transition: 0s;}

.slideparteners .flex-control-paging li{display: none}

.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev{opacity:1;left:0}
.flex-direction-nav .flex-next{opacity:1;right:0}
}
a.flex-caption{background:url(../img/fleche-txt.png) no-repeat;padding-left:25px;padding-right:15px;font-family:'PT Sans Narrow',sans-serif;font-size:18px;color:#000;display:block;width:auto;position:absolute;bottom:0;width:60%;left:22%;text-decoration:none;height:36px}
div.flex-caption{background:url(../img/fleche-txt.png) no-repeat;padding-left:25px;padding-right:15px;font-family:'PT Sans Narrow',sans-serif;font-size:18px;color:#000;display:block;width:auto;position:absolute;bottom:0;width:60%;left:22%;text-decoration:none;height:36px}
.etiquette-slogan{padding-top:5px}
a.flex-caption:hover{background:url(../img/fleche-txt.png) no-repeat 5px 12px #e2003b;color:#fff;text-decoration:none}
@media screen and (max-width: 480px) {
a.flex-caption{background:url(../img/fleche-txt.png);font-family:'PT Sans Narrow',sans-serif;font-size:18px;color:#000;display:block;width:auto;position:absolute;bottom:0;width:60%;left:22%;text-decoration:none;height:36px}
a.flex-caption:hover{background:url(../img/fleche-txt.png) no-repeat 5px 5px #e2003b;color:#fff;text-decoration:none}
}


.fdbariquevide{background:url('img/barrique_vide.png') center top no-repeat; width: 144px; height: 167px;}
.fdbariquevide img{max-width: 55px;}
.cd-top{display:inline-block;height:40px;width:40px;position:fixed;bottom:40px;right:10px;box-shadow:0 0 10px rgba(0,0,0,.05);overflow:hidden;text-indent:100%;white-space:nowrap;background:url(img/cd-top-arrow.svg) center 50% no-repeat #626260;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0 .3s;-moz-transition:opacity .3s 0s,visibility 0 .3s;transition:opacity .3s 0s,visibility 0 .3s}
.cd-top.cd-fade-out,.cd-top.cd-is-visible,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s,visibility 0 0;-moz-transition:opacity .3s 0s,visibility 0 0;transition:opacity .3s 0s,visibility 0 0}
.cd-top.cd-is-visible{visibility:visible;opacity:1}
.cd-top.cd-fade-out{opacity:.5}

/*MASONRY 1000px*/
/*---------------------------------------------*/
.masonry{
  margin: 1.5em 0;
  padding: 0;
  -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
      column-gap: 1.5em;
}

.item {
  display: inline-block;
  background: #fff;
  padding: 1em;
  margin: 0 0 1.5em;
  width: 100%;
  box-sizing: border-box;
  /*box-shadow: 2px 2px 4px 0 #CCC;*/
}.masonry3{
  margin: 1.5em 0;
  padding: 0;
  -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
      column-gap: 1.5em;
}
.item.gris { background: #eee;}
.item3 {
  display: inline-block;
  background: #eee;
  padding: 1em;
  margin: 0 0 1.5em;
  width: 100%;
  box-sizing: border-box;
  /*box-shadow: 2px 2px 4px 0 #CCC;*/
}.masonrypart{
  margin: 1.5em 0;
  padding: 0;
  -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
      column-gap: 1.5em;
}

.itempart {
  display: inline-block;
  background: #fff;
  padding: 1em;
  margin: 0 0 1.5em;
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #ccc;
  text-align: center
}
.gallery {
  margin: 1.5em 0;
  padding: 0;
  -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
      column-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  background: #fff;
  padding: 0.5em;
  margin: 0 0 1.5em;
  width: 100%;
  box-sizing: border-box;
  border: solid 0px #ccc;
  text-align: center
}

@media only screen and (min-width: 400px) {
   .masonry {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
   }   .masonry3 {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
   }   .masonrypart {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
   }.gallery {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
   }
}

@media only screen and (min-width: 700px) {
   .masonry {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
   }   .masonry3 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
   }  .masonrypart {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
   }.gallery {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
   }
}

@media only screen and (min-width: 900px) {
   .masonry {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    }   .masonry3 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    }  .masonrypart {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
    }.gallery {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    }    .masonry3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    }  .gallery {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    }
}


 /*CSS VIDEO*/
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.flag-icon-fr {
  background-image: url(img/flags/4x3/fr.svg);
}
.flag-icon-gb {
  background-image: url(img/flags/4x3/gb.svg);
}
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 2em;
  line-height: 1.5em;
  border:solid 1px #eee;
  z-index: 1000;
}
.flag-icon:before {
  content: "\00a0";
}
.itempart.partimg img{height:80px;width: auto; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 0px solid #f7e700;
    background-color: #444; color: #fff;
}