/* Le Repaire des Motards */
html, body{overflow-x: hidden;padding:0; margin:0; font-size:0.86em; font-family:Arial,Helvetica,sans-serif; color:#333;  background:#F9F9F9 ; background:#e9e9e9; background-repeat:no-repeat; height:100%/* Old browsers */background:-moz-linear-gradient(top, #e9e9e9,#c8c8c8); /* FF3.6+*/background:-webkit-gradient(linear,left top,left bottom,color-stop(#e9e9e9),color-stop(#c8c8c8)); /* Chrome,Safari4+*/background:-webkit-linear-gradient(top, #e9e9e9,#c8c8c8); /* Chrome10+,Safari5.1+*/background:-o-linear-gradient(top, #e9e9e9,#c8c8c8); /* Opera 11.10+*/background:-ms-linear-gradient(top, #e9e9e9,#c8c8c8);/* IE10+*/background:linear-gradient(to bottom, #e9e9e9,#c8c8c8); /* W3C */}
@import url('https://fonts.googleapis.com/css?family=Bitter:400,700&display=swap');
*{-webkit-tap-highlight-color: transparent;}
/*habillage*/
progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
   appearance: none;
height:20px;    width: 68%;
}
em{font-weight:bold}
figure{border:0;margin:0}
progress[value]::-webkit-progress-value{background:#05468C}
progress::-webkit-progress-bar {background:#b3b3b3}
body {cursor: pointer;}
#body_container,.under_menu_container > *{cursor: default;}
a img {border:none}
a.gallery img {max-width: 100%;height:auto}
figcaption{padding: 10px 19px;font-style: italic;margin: -10px 5px 15px 5px;box-shadow: 0 0px 3px 0 rgba(0,0,0,.15);}
.right figcaption, .left figcaption {display: none;}
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=search] {appearance: none; -moz-appearance: none;-webkit-appearance: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
/*BOX-SIZING / BORDER BOX*/
h2, .view-more, .carrousels,  #slider, input, img, .key-articles h3, .four-img span span, #slider span, #sidebar, #maincontent, footer ul, #blog, #services, #photo-week span, #photo-week span span, .annonces-form input, .annonces-form select, .annonces-form, .avis-page ul, #encarts div, #post-subscribe a, form, .monrepaire ul li, .ref dl, .friends_list span, .triple-columns li span h3, #saviez-vous-rules p{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*Transition*/
.view-more, .dots li, .dark, .tooltip ul, #home-social a img, input:hover, a, a img{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#menu{transition:none}
.ref dl{padding-bottom:7px;width:31%;background:#F3F3F3;display:inline-block;margin-right:2%;vertical-align:top;}
.ref dt{display:block;font-family:"Bitter";font-weight:700;background:#BEBEBE;padding:2% 8%;color:#fff}
.ref dd{margin:0;padding:2% 7%;border-bottom:1px solid #E4E4E4}
.ref img{margin-bottom:2px;width:100%}
/*Boutons voir plus */
.view-more a{color:#fff!important;font-family:"bitter";text-transform:initial}
.view-more{font-family:"bitter";color:#fff!important;letter-spacing:1px;background:#05468C;padding:6px 14px 0;position:absolute!important;top:0;right:0;height:26px}
.more2{font-size:24px;line-height:23px!important;color:#fff;height:27px;margin-right:-14px!important;margin-left:11px!important;float:right!important;text-align:center;width:30px!important;background:#06377f;margin-top:-7px}
#culture .view-more, #saviez-vous .view-more{background:0;},#meteo .view-more{background:0}
.carrousels .view-more {color: #06377F!important;background:white}
.view-more:hover{opacity:0.8!important}
#curlmark{transition:none;}
.newsubject:hover, .title_link a:hover, input[name="delete"]:hover, form input[type="submit"]:hover, form input[type="button"]:hover{background: #043B77;}

/*marge globale*/
.double-columns, .triple-columns, #actuclef, .long-column, .short-column, #news-feed, #saviez-vous{ margin: 3% 3% 0% 3%;    overflow: auto;}

/*--border-top-bleu*/
.key-articles, #pub-txt, .left_part_div, .line-top, .forum h2, #echange h2, .four-img, #dailynews, .triple-columns, .triple-columns li, .long-column, .short-column, #saviez-vous{border-top:#05468C 2px solid; padding-top: 10px;position:relative}

/*--border-0*/
#saviez-vous div, #culture, .ref dd:last-child, #motodujour li, #vie-repaire li, #jeux li, #services li, #vie-repaire, #blog ul, #blog li, #dossiers{border:0;}
/*--clear:both*/
#services, #culture, #saviez-vous{    clear: both;}

.gallerie li{display:inline-block;vertical-align:top;    margin: 1% auto -5px;}

/*----------Forms----------*/
/*Formulaire generic*/
form textarea{border:0}
textarea:focus,input:focus, select:focus{color:#000;outline: none;}
form{margin:21px auto;padding: 23px 4% 11px 4%!important;background:#ebebeb;width:100%;position: relative;}
form label, #spamhurdles_captcha_title, form strong{font-family:"Bitter";color:#989898;font-weight:700;font-size:14px; display: inline-block; width: 27%;margin: 1%;}
form input, form select{border:0;  width: 70%!important; padding: 5px 2%;position:relative; height: 27px;   margin: 1% 0!important; }
form input[type="radio"], form input[type="checkbox"]{height: auto;width:auto!important;margin-right:4px!important;position:relative;top:2px;}
form h4, #login-page h4{ clear: both;margin: 2% 0;}
input[type="reset"] {background: #B1B1B1!important;}

/*manage fieldset, exemple : jeux concours*/
form fieldset {background: #F7F7F7; border: 0; width: 91%;margin: 0 auto 16px;padding: 4%;}
form fieldset input, form fieldset select{width:68%!important}

/*Groupe de champs au sein du formulaire*/
.form-group{display:block}

/*everything on one line - group input in div form-inline*/
.form-inline{text-align:center}
.form-inline label, .form-inline input, .form-inline select, .form-inline input[type="submit"], .form-inline input[type="reset"] {width: 48.7%!important;display: inline-block;margin: 1% 0.5%!important;}

/*Input ou select sur toute la largeur*/
.full-width{width:100%!important}
.field-auto{display: table; width: 100%; table-layout: fixed;}
.field-auto input {display: table-cell; width: auto!important;}	
/*2&3 colonnes, to be placed on the form itself, to be placed on a form-group for one part of a form only*/
.col-3 label,.col-2 label{width:100%;}
.col-3 input, .col-3 select{width: 31.8%!important;display: inline-block;margin: 1% 0.5%!important;}
.col-2 input, .col-2 select, .col-2 input[type="submit"],  .col-2 select[type="submit"], .col-2 input[type="reset"], .col-2 input[type="button"]{    width: 48.6%!important;display: inline-block;margin: 1% 0.5%!important;}
.col-3-inline input, .col-3-inline select{    width: 23%!important;display: inline-block;}
/*capcha*/
#spamhurdles_captcha{background: #F7F7F7;padding: 3%;margin: 3% 0;}

/*formulaire avec avis*/
.form-note span{position:relative}
.form-note b{position:absolute;    font-family:"Bitter";left: 3px;color: #05468C;}
.form-note input{visibility:hidden;}
.field-default input, .field-default select, .field-default{width:50%!important}

.legal{padding: 18px 0;font-style: italic;}

.friends_list div:nth-child(odd){background:#ebebeb}
.friends_list div:first-child span{font-weight:bold;font-family:"Bitter";    color: #8A8A8A;   font-size: 13px;  }
.friends_list span{position:relative;width:33%;display:inline-block;padding: 1% 5%;    vertical-align: middle;}
.friends_list form{background:0;    padding: 0!important;margin:0!important}
.friends_list form input { margin: 0!important;width: 100%!important; padding: 2px!important;font-size: 11px;}
.friends_list img{position: absolute;top: 4px;    margin-left: 9px;}

input.rcpt-delete-img {
    vertical-align: bottom;
    width: auto!important;position:relative;    top: 8px;
}
.phorum-recipientblock{    display: inline-block;
    width: 70%!important;}
/*BT blue*/
.add-expense, .add-time, .newsubject, .bt, .title_link a, input[name="delete"], input[type="submit"], input[type="button"], button[type="submit"], input[type=reset], .prono-button{border:0;cursor:pointer;background:#05468C;padding:8px 2%!important;display:block;color:#fff!important;font-family:"Bitter";height: auto;font-size:15px;font-weight:700;margin: 10px auto!important;text-align:center; width: 53%!important;}
.bt{    display: inline-block;
    margin-bottom: 0px!important;
    width: auto!important;
}
/*paris form*/form[name="motogp"] {
    padding: 2% 3%!important;
}
form[name="paris"]{margin-bottom: 11px;}
form[name="paris"] label img, form[name="motogp"] label img{position: relative;
    top: 6px;}
form[name="paris"] p{    font-style: italic;
    font-weight: bold;    text-align: center;
}
form[name="motogp"]{padding:2%} 
.motogp-paris{width:100%;text-align:center}
.flagsub{    font-family: "Bitter";
    font-weight: bold;
    font-size: 15px}
form[name="paris"] label{width:10%!important}
.prono-button{margin:0!important}
.point-system li{color:grey;font-family:"Bitter";font-weight:bold;font-size:13px; margin:3px;}
.point-system {border: 1px dotted #D2D2D2;padding: 2% 2% 1%;}

/*search form*/
#search-container{position: absolute;right: 0;overflow: hidden;width: 24%;top: 27px;white-space: nowrap;  float: right;  padding: 0!important;}
#search-container input, .btn-search{padding:2%;float: left;  border: 0;   height: 27px;}
.btn-search, button.btn-ok{background: #05468C;cursor:pointer;width: 15%!important;position:relative;padding: 0!important; margin: 0!important; height: 27px;float: left; }
.btn-search:before {
    content: "";
    background: url(/img/icones/loupe.png)no-repeat;
    display: block;
    height: 27px;
    background-position: center;
}
button.btn-ok:before{content:url("/img/icones/ok.png");left: 0px;position: relative;}
.btn-search img, button.btn-ok img{  width:auto!important;left: 0;position: relative;top: 0px;}
#search-container input{    width: 85%!important; margin: 0!important;   border: 1px solid #e9e9e9;}
body .gsc-search-box td.gsc-input{padding-right:0!important}

input.gsc-input, form[name="annuaire"] input[type="search"],  #userselection{padding:0!important;padding-right:0!important;border:0!important;background:white!important; height: 36px;}
form[name="annuaire"] input[type="search"], #userselection{margin:0!important;vertical-align: top;}
#gsc-i-id1{    width: 100%!important;}
.gsc-search-button input[type="button"]{    margin: 0!important;
    width: 100%!important;
}
form[name="annuaire"] input[type="submit"], input[name="rcpt_add"]{margin: 0!important; }
td.gsc-search-button {
    width: 26%!important;
}
/*newsletter form*/
form[name="abonnement"] {overflow:auto;}
form[name="abonnement"] input{width: 84%!important;float:left;margin: 0!important; height: 27px;}
footer form[name="abonnement"] {padding:0!important;background: 0;}
footer form[name="abonnement"] input {border:1px solid lightgrey}

/*----------RESET----------*/
p{font-size: 1.1em;color:#404040; line-height:16px;margin: 0 0 0.7em 0;}
li{line-height:17px;list-style:none}
a{text-decoration:none;font-family:Arial,Helvetica,sans-serif;color:#000}
article a,h4 a{color:#05468C;}
/*
a img:hover{filter: saturate(160%);-webkit-filter: saturate(160%);  -moz-filter: saturate(160%); -o-filter: saturate(160%);-ms-filter: saturate(160%);}
*/
form, ul, li, ol{margin:0; padding:0}
h1, h2, h3, h4, h5{font-family:"Bitter",Arial,Helvetica,sans-serif;color:#05468C;margin:0; }
h1{font-size:1.9em; padding-bottom:15px}
h2{font-size:1.6em;  padding-bottom:9px; }
h3{ font-size:1.4em;padding-bottom:5px;}
h3:hover{color:#333}
h4{ padding-bottom:5px; font-size:1.3em!important;}
h5{ padding-bottom:3px; font-size:1.2em;}
pre{display: block;font-size: 1.1em;font-family: arial;font-style: italic;color: #a09f9f;white-space: inherit;margin-left: 42px;padding-left: 18%!important;width: 65%!important;}

article blockquote{background:url(/img/icones/quote.png) top left no-repeat;font-style: italic;text-align: center; margin: 15px 22px 15px 31px;padding: 6px 12px 2px 35px;}
article blockquote p{margin: 5px;color: #696969;}

.read-time:before{content:url("/img/icones/duree.png");position:relative;top:2px;margin-right:6px}
.read-time{font-weight:normal}
.sous-page-index li{position:relative}

.fiche a:after{content:">";background:#05468C;right:-18px;text-align:center}
.fiche a{font-family:"Bitter";font-weight:700;background:#F3F3F3;margin:0 auto 14px;display:inline-block;padding:13px 0;width:100%;font-size:15px;position:relative}
.border-grey li{list-style:Square inside!important;padding-left:0;background:0}
.border-grey p{color:grey;border-bottom:1px solid #F3F3F3}
.fiche{clear:both;float:none;text-align:center}
.border-grey{padding:11px 4%;margin-bottom:3%;color:grey;border:1px dotted #D0D0D0;font-style:italic}

.comment-content .bbcode{border:1px solid lightgrey;background:url(/img/icones/quote_comment.png)no-repeat #F8F8F8;padding:2%;width: 82%;}
.comment-content .bbcode div{margin-left: 17%;font-style:italic;color:#a09f9f}
.comment-content .bbcode strong{color:#333333;}
.comment-content .bbcode small{font-family:"bitter",arial;font-size:1.2em;font-weight:bold;color:#06377f;font-style:normal;}

#footer-share { display: flex;flex-flow: row wrap;align-items: center;border: 1px solid #ebebeb;max-width: 370px;}
#footer-share span, #footer-share a { width: 65px; text-align: center;}
#footer-share a {width: 45px;}
#footer-share span:first-of-type{ background: #ebebeb;padding: 11px; box-sizing: border-box;}
#footer-share span:last-of-type {font-family: "Bitter"; font-weight: bold; padding: 0 21px;font-size: 13px;}
.information { background: #ebebeb; box-sizing: border-box; padding: 10px 25px; display: block;}
.information a {  font-weight: bold;color: #494949;}

a.favoris img, a.trash img, a.commentaires img{width:5%;height:auto; clear:both; float:none;border:0;padding:0;margin:0; margin-left:2%;}
a.favoris img, a.trash img, a.commentaires img{clear:both; float:none;border:0;padding:0;margin:0; margin-left:2%;}
.share {display:inline-block;margin-bottom:8px;border-top:1px solid #f3eded; border-bottom:1px solid #f3eded;width: 100%;line-height: 25px;height: 24px;  }
.share img,.share a.img {position:relative;top:1px;}
.share p{color:#838383;font-style:italic;min-width: 70%;float: left;margin: 0;line-height:25px}
.share > span{border-right:1px solid #f3eded;padding: 0 0.8%; text-align: right;}
.share > span:last-child{padding-right:0;position: relative;top: 1px;}
.send{top:-1px!important}

/*.img_left img {border:3px solid #ccc;}*/
strong a{color:#05468C;}
.uppercase {text-transform: uppercase;margin-bottom: 2%;}
.carrousels h2 img {
    border: 0;
    width: auto;
    display: inline;
    margin-left: 4px;
}
.captcha {background: #F7F7F7; margin: 12px 0; padding: 3%;}
.comment textarea {border: 1px solid #CCCCCC;}
.comment {background: 0; padding: 2% 0!important;}
.comment input{margin: 10px 0!important;}
#post-moderation{display: block;
    width: 100%;
    background: #F7F7F7;}
/* page jeu */
.game p{background:#05468C;color:#fff!important;padding:2%;border-radius:4px;font-family:"Bitter";font-weight:bold; }
.game p a{color:#EBEBEB;font-style:italic;text-decoration:underline;font-size:12px}
.game fieldset .info{    float: left;}
/* annonces main page */
.nb-annonce span{font-weight:bold}.nb-annonce{margin-bottom: 0; text-align: center;}
/* annonces list */
#annonces li, #clubs li{border-top:lightgrey solid 1px; padding: 8px 0;position:relative;font-weight:bold; background: 0;}
#annonces p:first-of-type, #clubs p:first-of-type{border:1px solid #d3d3d3;padding:1% 5%;position:absolute;right:0;top:-1px;color:#d3d3d3}
#annonces li img{width:100px;border:5px solid #d3d3d3;float:left;margin-right:2%;max-height: 68px;object-fit: cover;}
#clubs .tel{font-weight:normal}
#annonces p:last-child{position:absolute;top:53px;right:0;font-size:1.6em;font-family:"bitter"}
/*Avis main page */
.avis-form{text-align: center;}
.avis-form select{width:100%!important}
.avis-form div div{width:30%;display:inline-block;vertical-align:top;padding:1%}
.avis-form label{padding:7px 5%;background:#FFF;width:90%;margin:6px 0}
.avis-club{width:20%;display:inline-block;vertical-align:top;margin-left:6%}
.avis-club h2{font-size: 14px;}
#filter-A-Z {outline: 1px solid #f1f1f1;padding: 4px 0;margin-top: 3%;}
#filter-A-Z ul{margin:0;text-align:center}
#filter-A-Z li{display:inline;padding: 1.5%;background:0}
#filter-A-Z a{font-family:"bitter";color:grey;font-weight: bold;}
#avis-menu{width:100%;background:#05468c;color:white;padding: 6px;}
#avis-menu td{background:#05468c;font-family: bitter;}
.avis-list tr td:last-child{    font-weight: bold;color: #05468c;text-align: center;}
.avis-list tr:nth-child(odd){background:#f9f7f7}
.avis-list tr td{padding: 4px;}
.fixed {position: fixed!important;top: 50px;width: 598px!important;margin-top: 0!important;}

/*page inscription*/
#login-page span{display:table;background-color:#05468C;color:#fff;margin:0 auto;position:relative;padding:7px;top:-21px;width:auto;clear:both}

#login-page hr:before{top:0!important}
#login hr{clear:both}
#social-login{text-align:center;margin:6px 0 38px}
#social-login a{display:inline-block;margin:0 .5%}
#login-page > a:first-child{font-weight:700;margin-bottom:20px;display:block}
#why-login{text-align:center}
#why-login li{display:inline-block;width:30%;vertical-align:top}

/*alert*/
.info, .attention{clear:both;padding:13px!important;margin:15px 0!important;font-size:12px!important;position:relative;font-weight:700!important;padding-left:50px!important;border:0;background:#4782C1!important;color:#fff;border-radius:0!important}
.info:before, .attention:before{content:url("/img/icones/information.png");position: absolute;left: 12px;top: 8px;}
.attention:before{content:url("/img/icones/attention.png");}
.info .close:after{cursor:pointer;content:"x";right:11px; font-size: 18px;line-height:19px;color:#05468C;opacity:1;padding:0 6px 4px;position:absolute;font-family:"arial"}
.attention h4, .attention a{color:white;}
.attention{background:#E43232!important}

/*google-translate*/
#google_translate_element{position: absolute;right: 258px; top: 28px;}
.goog-te-gadget-simple{    border: 0!important; background: #B1B1B1!important;  padding: 4px!important; border-radius: 4px!important;}
.goog-te-gadget img{display:none!important}
.goog-te-gadget-simple .goog-te-menu-value, .goog-te-menu-value span {border-left-color: #B1B1B1!important;color: white!important;font-family: "Bitter"!important;padding: 1px!important;font-size: 12px!important;text-transform: uppercase; letter-spacing: 0.5px!important;}
.goog-te-banner-frame.skiptranslate {display: none !important; } 
body {top: 0px !important; }
.goog-te-menu-frame {position:absolute!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;} 

/* ----------MAIN---------- */
.gradient{overflow: auto;background:#f2f2f3; /* Old browsers */background:-moz-linear-gradient(top, #f2f2f3 1%,#d7d7d7 100%); /* FF3.6+*/background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#f2f2f3),color-stop(100%,#d7d7d7)); /* Chrome,Safari4+*/background:-webkit-linear-gradient(top, #f2f2f3 1%,#d7d7d7 100%); /* Chrome10+,Safari5.1+*/background:-o-linear-gradient(top, #f2f2f3 1%,#d7d7d7 100%); /* Opera 11.10+*/background:-ms-linear-gradient(top, #f2f2f3 1%,#d7d7d7 100%); /* IE10+*/background:linear-gradient(to bottom, #f2f2f3 1%,#d7d7d7 100%); /* W3C */}
.under_menu_container{max-width:1000px;margin:auto;cursor:pointer}
/* BODY */
#body_container{max-width:1000px; clear:both;margin:auto; background:white;
    /*-moz-box-shadow:0px 1px 6px 5px #cfcfcf;
    -webkit-box-shadow:0px 1px 6px 5px #cfcfcf;
    -o-box-shadow:0px 1px 6px 5px #cfcfcf;
    box-shadow:0px 1px 6px 5px #cfcfcf;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf,Direction=180,Strength=6);*/
}
#maincontent{width: 67%;padding-left: 3.25%;padding-right: 4%;float: left;padding-top: 2%;}

/* ----------TOP---------- */
#logo{position:relative; z-index:50; max-width:1000px; margin:auto; padding-top:5px}
#logo img{/*-moz-box-shadow:0px 5px 8px 0px rgba(0,0,0,0.2); -webkit-box-shadow:0px 5px 8px 0px rgba(0,0,0,0.2); box-shadow:0px 5px 8px 0px rgba(0,0,0,0.2);*/
    border-top:4px #05468C solid; background:white; padding:18px 20px 18px 20px; position:absolute;width: 160px; -webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}

/* ----------Subscribe---------- */
.login{  top: 27px;margin-left:161px;background:#015FA1;position:relative;padding:9px 8px 6px 51px; color: white;}
.login a{font-family:"Bitter",Arial,Helvetica,sans-serif;font-size:1.2em;text-transform:uppercase;letter-spacing:.1em;color:#fff; margin: 0 0.5%;}
.login:after{content:"";width:0;height:0;border-top:15px solid transparent;border-bottom:14px solid transparent;border-left:12px solid #015FA1;position:absolute;top:0;right:-12px}
.logout {position: absolute;right: -22px;top: 0;z-index: 1;}
#head-container{padding:0;max-width:1000px; margin:auto; position:relative;height:83px}


/* ----------MAIN MENU---------- */
#nav_main_background, .is-sticky #nav_main, #menu-bt{position:relative; background: #006fb7; /* Old browsers */background: -moz-linear-gradient(45deg,  #006fb7 13%, #022c5d 100%); /* FF3.6+ */background: -webkit-gradient(linear, left bottom, right top, color-stop(13%,#006fb7), color-stop(100%,#022c5d)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(45deg,  #006fb7 13%,#022c5d 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(45deg,  #006fb7 13%,#022c5d 100%); /* Opera 11.10+ */background: -ms-linear-gradient(45deg,  #006fb7 13%,#022c5d 100%); /* IE10+ */background: linear-gradient(45deg,  #006fb7 13%,#022c5d 100%); /* W3C */-moz-box-shadow:0px 5px 8px 0px rgba(0,0,0,0.2); -webkit-box-shadow:0px 5px 8px 0px rgba(0,0,0,0.2); box-shadow:0px 5px 8px 0px rgba(0,0,0,0.2);min-height:64px; font-size:1.87em; }
#nav_main {max-width:1000px;margin:auto;position:relative;z-index:10;}
#nav_main > ul {float:right;}
#nav_main > ul > li {display: inline-block;height: 64px;}
#nav_main > ul > li > a {line-height:50px;padding: 7px 9px;font-family: "Bitter",Arial,Helvetica,sans-serif!important;font-weight: 500;font-style:normal;color:white;display: block;letter-spacing: 0.1em;font-size: 1em;}

/*Subnav*/
#nav_main ul li > div{display:none;box-sizing: border-box;position:absolute; width: 1000px; left: 0;padding: 22px;   border: grey 1px solid;border-top: 0;flex-flow: row wrap;}
#nav_main ul li > div > div {width: 21%;border-right: groove 2px #FFFFFF;padding: 0 18px;    box-sizing: border-box;}
#nav_main ul li > div > div:last-of-type{border:0}
#nav_main ul li > div > div div{margin-bottom: 17px;}
#nav_main ul li div h4 {color: #3F3F3F;font-size: 0.6em!important;text-transform: uppercase;letter-spacing: 1px;}
#nav_main ul li div a {margin: 0;padding: 0;color: #675e5d;font-size: 0.6em;line-height: 21px;font-family: Arial, Helvetica, sans-serif;letter-spacing: 0;color: grey;font-weight: bold;}
/*Actualités*/
#nav_main ul li:nth-of-type(1) > div > div:nth-of-type(2) div:nth-of-type(1) ul li, #nav_main ul li:nth-of-type(1) > div > div:nth-of-type(2) div:nth-of-type(2) ul li, #nav_main ul li:nth-of-type(1) > div > div:nth-of-type(2) div:nth-of-type(3) ul li {display: inline-block; width: 88px;}
#nav_main ul li:nth-of-type(1) > div > div:nth-of-type(2){width:33%} #nav_main ul li:nth-of-type(1) > div > div:nth-of-type(3){width:21%}#nav_main ul li:nth-of-type(1) > div > div:nth-of-type(4){width:16%}
/*Essais*/
#nav_main ul li:nth-of-type(2) > div > div:nth-of-type(1) ul li{display:inline-block; width: 130px;} #nav_main ul li:nth-of-type(2) > div > div:nth-of-type(1){width:32%}
/*Dossiers*/
#nav_main ul li:nth-of-type(3) > div > div{width:25%}
/*Services*/
#nav_main ul li:nth-of-type(4) > div > div{width:25%}
/*Forums*/
#nav_main ul li:nth-of-type(5) > div > div{width:16%}
/*TV*/
.tv{width: 78%!important;padding-right:0!important}
.tv ul{display: flex;   justify-content: space-between}
.tv h5 {font-family: "Asap Condensed", arial;font-size: 17px;padding-bottom: 2px;}
.tv p { font-size: 13px;color: #404040;font-weight: normal;}
.tv li {width: 23%;}
.tv img {width: 100%;border: 2px solid #ccc}
.tv a{background:0}
.trans{width: 100%;box-sizing: border-box;}
/* ----------END MENU CODE---------- */


/* ----------pub google---------- */
.rhtitle span{font-family: "Bitter",Arial,Helvetica,sans-serif!important;}
/* ----------pub 1000---------- */
#pub{text-align:center;max-width:1000px;background-color:white;margin:auto;padding:14px 0 10px 0;min-height:90px;}
#pub a>img{outline:2px solid #e2e2e2}
#pub > img[alt] {display: none;}
#adiframe{scrolling:no;frameborder:0;width:960px;height:1800px;position:relative;z-index:0;}
#curlmark {background:url(/img/pub/curlmark.png) no-repeat; display:block; height:100px; position:absolute; right:0; text-indent:-9999px; top:0; width:102px; }
#curlmark:hover	{background-position:-102px 0;}

.img100 {width: auto;max-width: 100%;}
/* ----------SECOND NAVIGATION---------- */
/*First level*/
#submenu{background:#e0e0e0;align-items:center;flex-flow:row nowrap;display:flex;width:100%;position:relative;align-items: stretch;}
#submenu span:first-child {display: flex;align-items: center;width:auto!important;text-transform:uppercase;margin-right:16px;line-height:40px;padding:0 30px;background-color:#4c4f59;background-image:linear-gradient(to top,#212121,rgba(0,0,0,0))}
#submenu span:first-child a{font-size:18px;letter-spacing:1px;font-family:"Ubuntu Mono",Arial,Helvetica,sans-serif;color:#d2d6db;font-weight:100;white-space:nowrap}
#all-subcat{display:none}
#submenu ul{display:flex;flex-flow:row wrap;align-items: center;}
#submenu ul li a{text-transform: uppercase;letter-spacing: 1px;font-size:1.1em;font-family: "Ubuntu Mono",Arial,Helvetica,sans-serif;padding:0 6px 0 8px}
#submenu ul li:hover a {color:#797272!important;}
#submenu li:after{content:"|";white-space: pre;}
#submenu li:last-of-type:after{content:none}

/* ----------Bar sous menu---------- */
#topbarhome{width:100%; background:white;float:left; border-bottom: 1px solid #CACACA;position:relative;}
#breadcrumb{width: 63%;float:left; padding: 10px 3.25%;}
#breadcrumb a:after{content:"  >"; color:#3a3c3f; font-size:0.8em}
#breadcrumb img{width: 16px;margin-right: 3px;}
#home-social{position: absolute; right: 32px;top: 8px;}
#home-social a img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; /* IE 6-9 */}
#home-social a img:hover{-webkit-filter: grayscale(0%);-moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; }
/* ----------ARTICLES---------- */
aside {margin: 16px 0; overflow: hidden; clear:both}
aside img {border: 2px solid #ccc;margin-bottom: 6px;width: auto;display: block;} 
aside li {width: 22%; float: left;  margin-right: 3%;position:relative;min-height:130px;max-height:130px;font-size: 9px;line-height: 11px;}
aside li a, aside > p {font-family: "Bitter",Arial;color: #05468C;font-size: 1.2em;font-weight: bold;}
aside li:last-of-type{margin:0}
aside li span {position: absolute;top: 62px;color: white;background: #014a8e;left: 0;text-transform: uppercase;padding: 2px 9px;font-size: 0.8rem;top: 69px;} 
#spelling-bt{clear:both;display: block;} 
/* ----------SIDEBAR---------- */
#sidebar{float:left;width: 32%;-webkit-box-shadow: -7px 0 24px -9px #CECDCD;-moz-box-shadow:-7px 0 24px -9px #CECDCD;box-shadow:-7px 0 24px -9px #CECDCD; padding: 2%; }
/*----Bloc article the most commented----*/
.news-side li {background: url(/img/icones/chevron.gif) no-repeat left center;padding:4px 0 5px 10px;}
.news-side li span,#debats-home li span, #debats li span{background: url(/img/icones/comment.gif) 4px 3px no-repeat;color:#CCCCCC;padding-left:20px;border:none!important}
.news-side a span{font-weight:bold}
/*----------Actualites----------*/
.cat{z-index: 1;background: 0!important;position: absolute;top: 0; left: 0;color: #fff;border-left: 3px solid #05468c;margin: 16px;text-transform: uppercase;font-family: 'Asap Condensed',arial;padding: 1px 4px;font-size: 10px;}
.hot{border-color:#e88f32}
.news-infos b {color: #9e9d9d;font-weight: normal;margin-right: 3px;padding-right: 3px;font-style: italic;}
.news-infos b:nth-child(2):before{content:url("/img/icones/nbtime.png")}
.news-infos b:nth-child(3):before{content:url("/img/icones/nbcom.png");top: 1px;}
.news-infos b:before{margin-right:3px;position:relative;}
.sous-page-index.list-news li p{margin-bottom: 4px;}
/*----------Bloc pub 300----------*/
#pub-txt{position:relative;z-index:1}
#pub-txt ul{padding-bottom: 5px;}
#pub-txt li{list-style: Square inside;color:#05468C;}
#pub-300{ margin: 6px -4px;}
#pub-300 > img[alt] {display: none;}
#social { margin: 1% 0 5%;}
#social form{padding:4%;background: #F3F3F3;margin-top: -5px;}
#social p {background:white;margin-bottom: 0;padding: 3% 0;font-weight: 700;font-family: "Bitter";color: #05468C;font-size: 15px;}
#social img{width:100%}
#social li{display: inline-block;width: 13%;}
/*----------Siteskin----------*/
#siteskin-mob {height:0px;overflow: hidden;width:100%}
#siteskin-mob img {width: 100%;}
/*----------BLOC LEFT----------*/
.left_part_div li {margin-bottom: 10px;border-bottom: 1px solid #e8e8e8;min-height: 92px}
.left_part_div li:last-child{margin-bottom:0;border-bottom:0;}
.date{display:block;font-style:italic;margin-bottom:4px;color:grey;}
.left_part_div form{position:relative;margin-top: 4%; margin-bottom: 2%;}
.left_part_div form select{width:91%; margin-top: 3%;}
.list-news h4{font-size:17px;padding-bottom:2px}
.list-news picture img{border:1px solid #ccc;display: block}
.list-news picture {float: left;position: relative;margin-right:7px}
.list-news picture span{background: none repeat scroll 0 0 #05468C;color: white;height: 19px;line-height: 20px;position: absolute;text-align: center;width: 24px;bottom: 0;right:0;}
.key:before{content:"";border-top: 30px solid #d90000;border-left: 30px solid transparent;position: absolute;top: 0;right: 0;z-index: 1;}
.key:after {content: url(/img/icones/flamme.png);top:0px;position:absolute;right:2px;z-index: 1;} 

@media screen and (min-width: 600px){
/*liste actualités*/
.left_part_div ul{display:flex;flex-flow:row wrap;justify-content: space-between;}
.left_part_div li{width: 47%;}
.list-news p span{display:none}
}

/*----------BLOC ACTU CLES----------*/
.key-articles, #motodujour{clear:both;position:relative;padding: 2%}
#actuclef{padding-bottom:0}
.key-articles span{display:block;position:relative}
.key-articles img{display:block;border:2px solid #CCC;width:100%;}
.key-articles h3, .four-img span span, #photo-week span span, .triple-columns li span h3, #saviez-vous li span p, #saviez-vous-rules p{background: rgba(255,255,255,0.8);position: absolute; bottom: 0;width: 100%;padding: 3% 5%;line-height: 18px;font-size: 1.2em;}
#services img, #jeux img{margin:0;height:110px;    object-fit: cover;}
#services li span h3, #saviez-vous-rules p{color:white;    background: rgba(0, 0, 0, 0.4);}
#services{margin-bottom:3%}
.key-articles p{padding:9px 0;margin-bottom:0}
.key-articles a{position:relative;display:block}
/*----------BLOC NEWS HEBDO----------*/
#dailynews ul{ margin-top: -24px;margin-bottom: -12px;}
#dailynews span{position:relative;display:block}
#dailynews div h4{position:absolute;bottom:3px;font-size:13px!important; letter-spacing: 0.5px; padding: 5px 12px;text-transform: uppercase;}
#dailynews h4, #jeux span p{background:#05468C;color:#fff;font-family:arial;font-size:8px!important;text-transform:uppercase;padding:1px 5px;display:inline-block}
#dailynews ul h3{font-size:12px;font-family:"Arial";margin-top:0}
#dailynews h2{padding-bottom: 17px;}
#jeux span p { position: absolute;font-size: 11px!important;letter-spacing: 0;font-family: "bitter";text-transform: initial;left: 0;}

/*----------MAIN ARTICLES----------*/
#dossiers li:nth-child(1) h2, #dossiers li:nth-child(1) h3, #dossiers li:nth-child(1) h2 .view-more, #debats h4{color:#870000;}#dossiers li:nth-child(1), #debats{border-top:2px solid #870000}#dossiers li:nth-child(1) .view-more, #debats .view-more{background:#d90000}#dossiers li:nth-child(1) .more2{background:#870000}
#dossiers li:nth-child(2) h2, #dossiers li:nth-child(2) h3, #dossiers li:nth-child(2) h2 .view-more{color:#4e0030;}#dossiers li:nth-child(2) {border-top:2px solid #4e0030}#dossiers li:nth-child(2) .view-more{background:#820250}#dossiers li:nth-child(2) .more2{background:#4e0030}
#dossiers li:nth-child(3) h2, #dossiers li:nth-child(3) h3, #dossiers li:nth-child(3) h2 .view-more{color:#d05300;}#dossiers li:nth-child(3) {border-top:2px solid #d05300}#dossiers li:nth-child(3) .view-more{background:#ff6600}#dossiers li:nth-child(3) .more2{background:#d05300}


/* articles - highlight key articles on list */

/* last articles on home page on sidebar */
#encarts img{    width: 100%;height: auto; 
    object-fit: cover;}
#encarts li{position:relative;margin-bottom: 6%; background: #F3F3F3;padding:0;}
#encarts div{padding: 9px 5%!important;}
#encarts li p, #encarts h5{margin:0}

.alignright {float:right;padding: 0.5%;}
.inforight {float:right;background:#D3D7DB; color:white;padding: 0.5%;}
.alignright a{color:white}
.roadbook h3 a{text-transform:uppercase;font-family:"Bitter"}
.roadbook form select{width: 29%;}
.roadbook .articleshort{padding: 0 0 4% 0;margin-bottom: 18px;border-bottom: 1px solid lightgrey;}
.vue img, .temps img, .km img, .aime img{border: none;margin: 0;position: relative;top: 4px;top: 0;padding-right: 4px;}
.temps img{top:2px}.aime img{top:2px}
.roadbook .articleshort div{overflow:auto}
.vue, .temps, .km, .aime{display:block;position: relative;top: -2px;padding-right: 12px;float:left;}
.notelist{display:block;float:right;width: 24%;top: -13px;text-align: right;position: relative;}
.notelist img{border:none;clear:both;float:none;top: 7px;left: 3px;position: relative;}
.roadbook .bluelink{position: relative;top: 12px;}
.coup-de-coeur{position: absolute;margin-top: 51px;margin-left: -60px;}
.coup-de-coeur img{border:none}

#cols ul li{width:48%;float:left;}
#cols h3{width:100%;clear:both;display:block;padding-top: 2%;border-bottom: 1px dotted #e3e3e3;padding-bottom: 6px;margin-bottom: 2%;}

.blockcols2 {display:inline-block;float:left;width:48%;margin: 0 10px 5px 0}
.blockcols2 li {display:inline-block;background:none;padding:0}
ul.cols2 {width: 100%;display:inline-block;}
ul.cols2 li {display:block;width:45%;float:left;padding-left:20px}
ul.cols3 {width: 100%;display:inline-block;}
ul.cols3 li {display:block;width:29%;float:left;padding-left:20px}
.cat li {background: url('/img/icones/cat.gif') no-repeat 0 0;}

/*----------Double columns 50% ----------*/
.double-columns{overflow: hidden;position:relative;clear:both}
.double-columns div{width:48%;float:left;}
.double-columns img{width:100%;border:2px solid #ccc;}
.double-columns ul{width:52%;float:left}
.double-columns li{width:27%;margin-left:6%;float:left;min-height:165px;max-height:165px}

/*----------Four img----------*/
.four-img span{position:relative;}
.four-img span span{padding: 3%;bottom: 0px;top: inherit;left:0}
.four-img h4{margin-bottom: 6px;min-height: 34px;}
.four-img p{font-size:13px;margin-bottom:0;  }
.newsubject{margin:0!important}

/*----------Triple columns ----------*/
.triple-columns h3{line-height:23px}
.triple-columns img{float:left;width:100%;margin-bottom:10px;margin-top:9px}
.triple-columns li{width:31.3%;margin:0% 3% 2% 0;float:left;position:relative}

.four-columns li{ width: 22.7%;}   
.four-columns{border: 0;margin-top: 0;}
.four-columns .view-more{font-size: 0;}
/*----------grande image + 3 petites ----------*/
#roadbook{border-top:#6da30d 2px solid;overflow:hidden }
.big-img span, #photo-week span{display:block;float:left;width: 76%;margin-right: 4%;position:relative}
.big-img ul{width:20%;float:left;}
.big-img li{margin-bottom: 9px;}
.big-img img{width:100%;}

#roadbook h3, #roadbook h4, #roadbook h2 {color:#6da30d;}
#roadbook .view-more:nth-child(2){background:#91c732  }#roadbook .view-more:nth-child(3){background:#A6D05C }#roadbook .view-more:nth-child(1){background:#6da30d }
#roadbook .view-more{position:relative!important;float:right;width:25%;text-align:center;padding:0;line-height:26px;margin-top:-10px;margin-bottom:7px}

#photo-week span{ width: 81%; margin-right: 3%;}
#photo-week{overflow:auto;  padding: 0% 3% 1%;}
#photo-week img{width:100%!important;}
#photo-week h2 img{width:auto!important;}
#photo-week ul {width: 16%;float: left;}
#photo-week .gallery img{width:100%}
#photo-week span span{background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(63,63,63,0.8) 80%, rgba(63,63,63,1) 100%); background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(63,63,63,0.8) 80%,rgba(63,63,63,1) 100%);background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(63,63,63,0.8) 80%,rgba(63,63,63,1) 100%); 
}
#photo-week ul img{max-height: 88px;}
#photo-week h3, #photo-week p{background:none;color:white}
#photo-week p{font-size: 14px;}
#photo-week h2{padding-left:0}
.roadbook a img{margin: 18px 4% 6px 0;float:left;border: lightgrey 4px solid;}
.roadbook .bluelink {background:#05468C; color:white;padding:0.5% 1%}
.roadbook .km:before {content:none;}

/*----------LONG COLUMN - blog - portraits - ----------*/
/*----generic-----*/
.long-column, .triple-column span{position:relative;clear:both}
.long-column {width:62%;position:relative;float:left;margin-bottom:3%!important;overflow-x:hidden;}
/*----Specific-----*/
#portrait div:nth-child(3){float:left;width:67%;margin-right:5%}
#portrait div:nth-child(3) img, .amis img{border-radius:100%;float:left;margin:1% 4% 4% 0;width:33%}
#portrait div:nth-child(4){float:left;width:28%;color:#818181;font-family:"Bitter";font-weight:700;font-size:17px;position:relative;margin-top:32px}
#portrait div:nth-child(4):before{content:url("/img/icones/home-quotes.png");color:#05468C;position:absolute;font-size:100px;letter-spacing:-5px; top: -115px;left: -12px;}
#portrait div:nth-child(5){clear:both}
#portrait div:nth-child(5) img{width:25%}
#blog p{color: grey;}
#blog ul{margin:0}
#blog li a:nth-child(1) p:nth-child(1){font-weight:bold;font-family:"Bitter";color: #05468C; margin-bottom: 10px;font-size: 15px;}
#blog img {margin: 0;border-radius: 200px;width: 42px; height: 42px;display: block;float:left;filter: gray; /* For IE6-9 */filter: grayscale(1); /* For Microsoft Edge and Firefox 35+ */
-webkit-filter: grayscale(1); /* For Google Chrome, Safari 6+ & Opera 15+ */}
#blog ul li {min-height:240px;border-right: 1px solid #E2E2E2;width: 29%;padding: 0 2% 0 0;}
#blog li:last-child{border-right:0}
#blog li a:last-child p{color: black;margin-left: 50px;display: block;margin-bottom:0; font-style: italic;}
#blog li a:last-child p:last-child{font-size: 11px;color:grey}
#blog{width:71%}
#ils-ont-dit{width:20%}

/*----------SHORT COLUMN - agenda - de©bats - ils ont dit - fetes----------*/
/*----generic-----*/
.short-column{width: 29%;float: left; margin-left: 0!important;}
.short-column{width: 29%;position:relative; float: left;margin: 3% 0!important;}
.short-column a{float:right; }
.short-column b{display: block; font-size: 17px;}
.short-column li a{font-weight:bold; width:100%;}
.short-column li:nth-child(odd) a{background:white; } 
.short-column li img{border-radius:100%;}
/*----Specific-----*/
#fetes ul{text-align:center; min-height: 67px;}
#fetes li p{text-align:center;font-family:"Bitter";color:#05468C;font-weight:bold;font-size:10px}
#fetes li{display:inline-block;vertical-align:top;width:25%;}
#fetes span{  position: relative; display: block;}
#fetes span h2{text-align:center;z-index:9;position:inherit;background:#fff;width:76%;margin:auto}
#fetes > span:before{content:"";border-top:2px solid #05468C;width:100%;top:14px;left:0;display:block;position:absolute}
#agenda span {background: #05468C; margin-right: 4%; text-align: center;color: white;font-family: "Bitter";width: 38px; float: left; padding: 5px;}
#agenda p{margin: 0;color:#05468C;padding: 5px 0 0 0;}
#agenda li:nth-child(even) span{background:#1366be}
#agenda h2, #debats-home h2{padding: 0px 1px 15px 6%;}
#debats-home p{padding: 5px 11px;margin: 0;}
#debats-home ul{overflow:auto}

#ils-ont-dit{font-family: "bitter";}
#ils-ont-dit div{        padding: 6% 10% 0%;background:#f5f4f4; border:1px solid #dbdbdb;border-radius:3px;}
#ils-ont-dit img{border-radius: 100%;margin: auto;display: block;border: 2px solid lightgrey;margin-bottom: 11px;}
#ils-ont-dit > p strong{color: #06377F;}
#ils-ont-dit > p{text-align: right;    margin-right: 21px;font-size: 11px;color:grey;font-weight:bold;}
#ils-ont-dit div:before {content: ' ';position: absolute;width: 0;height: 0;right:0px;bottom: 9px;border-style: solid;border-width: 0 20px 20px 0;border-color: transparent #dbdbdb transparent transparent;}
#ils-ont-dit div:after {content: ' '; position: absolute;width: 0px;height: 0px;right: 1px;bottom: 11px;border-style: solid;border-width: 0 20px 20px 0;border-color: transparent #f5f4f4 transparent transparent;}
#ils-ont-dit div p {color: grey;font-size: 13px;font-weight: bold;line-height: 18px;}
#ils-ont-dit div p:after{content:url("/img/icones/reverse-quotes.png");    display: block;text-align: right;}

/*----------Bloc gris long -- moto du jour-- le saviez vous--vie repaire----*/
#motodujour h3{padding-bottom: 17px;}
#motodujour h4{color:#414040;margin-bottom:8px}
span.stars{color: #05468C!important;display: block !important;font-size: 3em !important;margin-bottom: 14px !important;}
.triple-columns li:last-child, #culture li:nth-child(3){margin-right:0;}
#vie-repaire h2 {background: white;display: block;width: 247px; margin: auto;}
#vie-repaire {margin:0;clear:both;padding: 0 3%; text-align: center;}
#vie-repaire img{border-radius:100%;width:auto;float:none;text-align:left;display:block;margin-left:5%;position:relative;z-index:1}
#vie-repaire li:nth-child(1) span:before{content:url("/img/icones/exter.png");position:absolute;left: 13px;z-index: 2;top: 82px;}
#vie-repaire li:nth-child(2) span:before {content: url("/img/icones/vibreur.png");position: absolute;top: 111px;left: 32px;z-index: 2;}
#vie-repaire li:nth-child(3) span:before{content:url("/img/icones/inter.png");position:absolute;      top: 83px;left: 78px;z-index: 2;}
#vie-repaire h4{clear:both}
#vie-repaire span p{position:absolute;background:#05468C;color:#fff;font-family:"Bitter";padding:6px 10px 8px 14px;font-weight:700;line-height:14px;font-size:15px;left:138px;top:62px;text-align:left}
#vie-repaire span p:last-child{top:82px}
#saviez-vous-rules{padding:0}
#saviez-vous .long-column img {
    height: 205px;
    object-fit: cover;
}
#saviez-vous .long-column p {
    padding: 12px 9%;

    font-size: 12px;
}
#saviez-vous img {
    width: 100%;
    border: 2px solid white;
}
#saviez-vous div {
    margin-top: 0!important;    margin-bottom: 0!important;
    
}
#saviez-vous .owl-pagination {
    margin-top: 8px!important;
}

.rounded {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;border: 1px solid #CCCCCC; padding: 10px;	}
.buttondel{cursor:pointer;background:url(/img/icones/del.png) no-repeat;color:transparent;width:16px;height:16px;border: none;padding: 0;margin: 0;text-indent:-999px;}
.buttonphone{cursor:pointer;background:url(/img/boutons/tel.gif) no-repeat bottom;padding-top:20px;padding-left:97px;width:97px;height:20px;border: none;margin: 0;}
.tel {font-weight:bold;}
.tabhidden,.hide {display: none}
/*----------BLOC CULTURE----------*/
#culture img{height:auto}

/*----------FOOTER----------*/
footer{width:100%;margin:auto;background:#222;clear:both; border-top: 32px solid #CDCDCD;}
footer a{color:#cacaca}
footer > ul { float: left; width: 16.6%;padding: 2% 0% 2% 3%;box-sizing: border-box;border-right: 1px solid #353535;min-height: 200px;}
footer > ul li:first-child a, footer > ul li:first-child p { font-weight: bold;margin-bottom: 8px; display:block;font-size: 15px;font-family: "Bitter";color: #cacaca;}
footer > ul:last-of-type{border:0}
footer > ul:first-of-type li{display:inline-block; margin: 5px 0; margin: 2px 0;}
.footer-ytp a, .footer-ytv a, .footer-pdc a{font-family: "Bitter"; padding: 5px 8px;font-weight:bold;box-sizing: border-box; width: 100%;display: block;}
.footer-ytp img, .footer-ytv img, .footer-pdc a img{display:inline-block;vertical-align:middle;margin-right:4px}
.footer-ytp a{background:#ff4d43;color:white}
.footer-ytv a{background:white;color:#ff4d43}
.footer-pdc a{background:#fff;color: #5000b9;}
footer > ul:first-of-type li:first-of-type{display:block}
/*----------colonnes de liens----------*/
footer nav{width:100%; background:#022c5d;clear:both;text-align:center;padding:15px 0;font-size:1.1em}
footer nav li{display:inline; }
footer nav li a{color:white;padding:0 0.5%}
footer nav li:before{content:"| ";color:white;}
footer nav li:first-child:before{content:none}
/*----------Newsletter & inscription----------*/
footer #community {background: #E8E6E6;padding-bottom: 14px;}
footer div{float:left;width:44%;background:white; position: relative; padding: 21px 3% 13px;}
footer div:first-child:after{content:url(/img/icones/newsletter-responsive.png);position: absolute; right: 16px;top: -17px}
footer #community:after{content:url(/img/icones/v-sign.png);position: absolute;right: 8px;top: -12px;}
footer div p{    margin-bottom: 7px;}
footer #community a, #more{   border:0; background: #05468C;font-family: "Bitter";color: white;text-transform: uppercase; padding: 5px 23px;text-align: center;font-size: 14px;margin: auto;font-weight: bold;display: inline-block;}
footer form{    width: 63%;}
/*----------copyright----------*/
#copyright{margin:auto; text-align:center; padding-top:10px}
#copyright a{color:#05468C}

/*----------SLIDESHOW----------*/
#slider{position:relative; clear: both; max-height: 350px; }
#slider img {width:100%;height:auto; max-height: 350px;  min-height: 300px;object-fit: cover;}
#slider .item {margin:0}
#slider .item span {position: relative;}
#slider .item span span{display:block;position:absolute;padding: 1% 2%;bottom:3px;left:0;width:100%;background: rgba(0, 0, 0, 0.4);}
#slider .owl-controls {position: absolute;right: 25px;top: 19px;}
#slider h3{font-size: 21px;color:white!important}
#slider p{font-size: 15px;color:white}

/*----------SOUS PAGES MAIN----------*/
textarea{width:99%!important;min-height:120px;}
input[name="comment"]{background:#006fb7;font-family: "Volkhov",Arial,Helvetica,sans-serif;font-size: 1.1em;color:white;border:0;text-transform:uppercase;margin:1% 0 2% 0;padding:1%;}

.title_gradient_container{width:96.1%;display:block;position:relative;border-bottom: 1px solid #e3e3e3; clear: both;}
span.rating_list{margin:0!important;padding:0!important;overflow:hidden;width:200px;}
.title_link{margin-bottom:2%;background: #05468C;font-family: "Bitter", arial;padding: 2%;font-size: 1.4em;display: block;width: 26%;color: white;text-transform: uppercase;text-align: center;}
.title_link a,input[name="delete"]{float:right;}

.right_bottom_info{  color:grey;font-style:italic;text-align: right; margin: 0px;padding:0px ;float:right;padding-left: 2%; }

.diaporama-full .share { width: 50%;text-align: right;border:0}
.diaporama-full #maincontent{width: 100%; padding: 3%; margin: auto;display: block;padding-top:0}  

.diaporama-full #maincontent #photo{width: 100%!important;  margin: 0;}
.diaporama-full .nav_item {width: 48%;margin: 2% 0;display: inline-block;}
.diaporama-full #sidebar #debats{display:none!important}

.diaporama-full #sidebar #encarts li:last-child{margin-right:0}
.diaporama-full #sidebar{width:100%;  min-height: 0;  overflow: auto;  position: relative;}
.diaporama-full #pub-txt{  position: absolute;right: 31px;}
.diaporama-full #sidebar #encarts li { float: left; margin-right: 1%;min-height:0;margin-top: 10px;width: 32.6%; z-index: 999;position:relative; min-height: 203px;}
.diaporama-full .news-side{  float: left;  width: 34%;  }
.diaporama-full #pub-txt h5{  margin-top: 0; padding: 0; margin-bottom: 11px;  width: 50%; }
.diaporama-full #sidebar #pub-300 { float:left;  margin-right: 2%;}

#debats{color:#d90000; border-top:#d90000 2px solid;padding:10px 0 10px 10px;position: relative;}
#debats h4{color:#d90000;}
#debats li{margin-bottom: 6px;padding:0 0 3px 0}
#debats a.whitebigpadd{font-weight:bold;color:white}
#debats li,.news-side li{border-bottom: 1px lightgrey dotted;}
#debats li:last-child,.news-side li:last-child{border:0;}
.diaporama-full #sidebar #encarts{clear:both;  padding-top: 18px;}

.diaporama-full #sidebar #encarts img{width: 100%;height: auto;}

.diaporama-full .news-side:nth-child(2){  border-top: #05468C 2px solid;  padding-top: 10px;}
.diaporama-full .news-side li:nth-child(5),.diaporama-full .news-side li:nth-child(6),.diaporama-full .news-side li:nth-child(7){display:none}
.diaporama-full .news-side li:nth-child(4){border:0}
.diaporama-full #pub-txt li:nth-child(13),.diaporama-full #pub-txt li:nth-child(14),.diaporama-full #pub-txt li:nth-child(15),.diaporama-full #pub-txt li:nth-child(16),.diaporama-full #pub-txt li:nth-child(17),.diaporama-full #pub-txt li:nth-child(18), .diaporama-full #pub-txt li:nth-child(19),.diaporama-full #pub-txt li:nth-child(20), .diaporama-full #pub-txt li:nth-child(21), .diaporama-full #pub-txt li:nth-child(12), .diaporama-full #pub-txt li:nth-child(11), .diaporama-full #pub-txt li:nth-child(10), .diaporama-full #pub-txt li:nth-child(9){display:none}
.diaporama-full #pub-txt h5:nth-child(3) {  padding-top: 9px;clear:both}
.diaporama-full #hoverNav{width:100%!important}
#navd {right: 9px;}
.diaporama-full #photo-legende{width:96%}

/* navigation */
.nav_item {clear: both;text-align: center;margin: 15px auto;position: relative;}
.nav_item a, .nav_item span {margin: 0.5%;padding: 5px;border: solid 1px #05468C;min-width: 4%;display: inline-block; color: #05468C;}
.nav_item a:hover, .nav_item span.current{background-color:#05468C;color:#FFF!important}

/*infobulle*/
.tooltip{position: absolute;right: 0;bottom: 0;}
.tooltip ul a{color:white}
.tooltip:hover ul, .tooltip:focus ul{opacity:1;}
.tooltip > a:first-child {background: #05468c;color: white;padding: 5px 8px;display: inline-block;}
.tooltip ul{opacity:0;position:absolute; color:white;background:rgba(0,0,0,.9);width: 145px;padding: 63%;margin-bottom:10px;z-index: 999;}
.tooltip li{display:block;padding:0;margin-bottom:5px;}

/*Video*/
.list-news picture span.video-ico {background: 0;width: 100%;height: 100%;}
.vid {width: 98%;margin-bottom: 20px;}
.vid>iframe{display: block;}
.vid a {color: white;background: black;padding: 10px 15px;font-family: "Bitter", arial;font-weight: 600;display: block;} 
.video-ico:before {content: "";background: url(/img/icones/video.svg); position: absolute; width: 100%;height: 100%;background-size: 38%;left: 0;background-repeat: no-repeat; background-position: center;}
#video > a:nth-of-type(2) {margin: 0 10px 10px;font-size: 1.4em;}
#video > a > img { max-height: 350px; object-fit: cover;}
#video-carousel .item{margin:10px}
div#video {margin-top: 30px;}
/* pub */
#video-ad{position: relative}
#sound-bt{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;display:block;background:url(/img/icones/muted.svg)no-repeat;position:absolute;bottom:0;border:0;right:0;height:38px;width:38px;background-size:23px!important;cursor:pointer;outline:none;background-position:center!important}
.sound{background: url(/img/icones/unmuted.svg)no-repeat!important;}
/*Technique*/
.techlevel,.timelevel, .costlevel{border:1px solid #e7e7e7;border-radius:6px;font-weight:700;padding: 2px 10px 6px;display:inline-block;margin-bottom:17px;background: 0;}
.techlevel:after, .timelevel:after, .costlevel:after{content:"";display:inline-block;width:80px;height:17px;margin-left:9px;position: relative;top: 4px;}
.costlevel:after{top:6px}

.techlevel-1:after{background:url(/img/icones/techlevel-1.png)no-repeat}
.techlevel-2:after{background:url(/img/icones/techlevel-2.png)no-repeat}
.techlevel-3:after{background:url(/img/icones/techlevel-3.png)no-repeat}
.techlevel-4:after{background:url(/img/icones/techlevel-4.png)no-repeat}
.techlevel-5:after{background:url(/img/icones/techlevel-5.png)no-repeat}
.timelevel-1:after{background:url(/img/icones/timelevel-1.png)no-repeat}
.timelevel-2:after{background:url(/img/icones/timelevel-2.png)no-repeat}
.timelevel-3:after{background:url(/img/icones/timelevel-3.png)no-repeat}
.timelevel-4:after{background:url(/img/icones/timelevel-4.png)no-repeat}
.timelevel-5:after{background:url(/img/icones/timelevel-5.png)no-repeat}
.costlevel-1:after{background:url(/img/icones/costlevel-1.png)no-repeat}
.costlevel-2:after{background:url(/img/icones/costlevel-2.png)no-repeat}
.costlevel-3:after{background:url(/img/icones/costlevel-3.png)no-repeat}
.costlevel-4:after{background:url(/img/icones/costlevel-4.png)no-repeat}
.costlevel-5:after{background:url(/img/icones/costlevel-5.png)no-repeat}
/*Page avis*/
.avis-page{ margin-top: 3%;}
.photo-avis{border: 5px solid #ccc;}
.avis-page ul{padding:3%;}
.avis-page ul, .photo-avis, .noteplus{display: inline-block;width: 39%;;vertical-align: middle;margin-bottom:3%}
.avis-page ul li{margin-bottom: 6px;list-style-type:none}
.note{float:left;height:33px;width:65px;text-align:center;font-size:36px;color:#fff;padding-top:18px;margin-right:10px;border-radius: 4px;}
.noteplus {height: 63px!important;margin-right:0!important;float: none!important;width: 16%!important;padding: 6% 2%!important;position: relative;font-size: 5.2em!important;line-height: 37px;}
.noteplus a{position:absolute;width:100%;left:0;bottom:0;font-style:italic;background:#f7f0f0;color:#000;font-size:.2em}
.avis-statistique { width: 100%!important;margin-top: 10px!important; text-align: center;}
.avis-statistique li{width:33%;display:inline-block;padding:0;font-size:.9em;font-style:italic;color:grey}
.avis-statistique li:before{padding-right:7px;position:relative;}
.age:before{content:url(/img/icones/age.png);}.km:before{content:url(/img/icones/km.png);}.ristourne:before{content:url(/img/icones/ristourne.png);top:2px}.occasion:before{content:url(/img/icones/occasion.png);}.conduite:before{content:url(/img/icones/conduite.png);top:3px}.terrain:before{content:url(/img/icones/terrain.png);}
.avis-menu{text-align:center;border-top:1px solid #d3d3d3;padding:1.5%;background:#f5efef}
.avis-menu a {padding: 0 1%;color: #333333;}
.avis-commentaire a {position: absolute;right: 0;bottom: 10px;}
.avis-commentaire p{border-bottom: 1px dotted lightgrey;position:relative;}
.avis-commentaire .author{display:block;padding:10px 0}
.avis-modif p:nth-child(even){background: rgb(250, 245, 245);padding: 1%;}
.avis-modif span{font-style:italic;}
.avis-tab th, .avis-tab td{text-align:left; padding: 5px 5px;}

.avis-tab{ margin-bottom: 2%;}
.note0{background:#922413}.note1{background:#DA3217}.note2{background:#DEAD22}.note3{background:#B3BB3E}.note4{background:#0B0}.note5{background:#169416}
.grey{border:solid #e6e7e8 thin;width:100%;border-collapse:collapse;margin:0;padding:0; position: relative;
    z-index: 9;}
.grey th{background-image:url(/img/layout/bk-gradation.gif);padding:7px}
.grey tr{border:1px solid #e6e7e8}
.grey td{border:1px solid #e6e7e8;padding:3px}
.grey tr:hover{background-color:#F5F5F5} 

/*----------page pa----------*/
.annonces-page{font-weight:bold}#infos-occa{margin-top: 1%;margin-bottom: 26px;}
.annonces-none #infos-occa, .annonces-none #tabs{width:100%!important;margin: 0;margin-top: 7px;}
.annonces-none #tabs{margin-bottom: 17px!important;border-bottom: 1px dotted lightgrey;}
#liens-occa #partenaires a{margin-top: 27px;margin-left: 6%;}
#liens-occa #partenaires h4 { width: 100%;margin-top: 27px;float: none;}
#liens-occa #partenaires span {width: 185px;font-size: 1.2em; padding-left: 13px;text-align: center;}
.annoncenum{float: left;width: 50%;padding: 1% 0;border-bottom: 1px dotted lightgrey;}
.annoncenum:nth-child(4){text-align: right;}
.annonces-page b:nth-child(5){text-align: right;}
#infos-occa{width: 50%;float: left;margin-top: 3%;margin-right: 25px;}
.conseils{color: white;background: #9EA2A7;border-radius: 7px;font-size: 0.9em;text-align: center;display: block;margin-bottom: 6px;margin-top: 12px;padding: 2%;}
.annonces-page li{padding:0;background:none}
.annonces-img img{width: 100%;display: block;border:5px solid lightgrey;}
.annonces-img{position:relative;clear: both;}
.annonces-img a, .annonces-img span{position:absolute;background:#05468c;color:white;bottom: 41px;left: 5px;font-size: 2.5em;padding: 3%;height: 22px;}
.annonces-img a{background:#f3efef;color:#333333;bottom: 5px;font-size: 1em;height: 16px;padding: 2% 5%;}
.annonces-page span{font-weight:normal;line-height: 19px;}
#tabs{margin-top: 3%;width: 44%;float:left}
#tabs li{float: left;padding-left: 0;}
#tabs ul li a{padding:11px;margin-right:0;font-size:14px;background:#b8adad!important;color:#fff;display:block;font-family:"Bitter";font-weight:700}
.event-more{text-align:center;background:#05468C;color:#fff;display:block;margin-top:6%;padding:1% 2%;font-family:"Bitter";font-size:12px}
.ui-tabs-panel p:last-child{margin-bottom:0}
.event-more a{color:white; font-family: "Bitter";font-weight:bold}

#tabs div{background: rgb(250, 245, 245)!important;padding: 5%;min-height:137px;padding-top: 22px;}
#tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs .ui-state-active a:visited{background: rgb(250, 245, 245)!important;color:#333333!important}
.annonces-np img{width:auto!important;border:none;position: relative;top: 5px;}.annonces-np a:nth-child(2) img{top: -1px!important;}.annonces-np{height: 31px;}.annonces-np a{float:left}.annonces-np a:nth-child(2), .annonces-np a:nth-child(2) img{float: right;width: 24%;position: relative;top: 10px;}
/*agenda page*/
#infos-bloc img{margin-bottom: 8px;}
#infos-bloc {width: 39%;float: left;margin-top: 3%;margin-right: 25px;}
.event-tab {margin-bottom: 2%;width: 56%!important;}
.event-tab span{font-weight:bold}

@media screen and (max-width:599px) {
    #infos-occa {width:100%;margin-right:0;}
    #tabs {width:100%;}
}

/*-----------Gabarit page listes dernieres actus + points d'entrees----------*/
.sous-page-index h1, .sous-page-index h2, .sous-page-index h3, .sous-page-index h4{width:100%;letter-spacing:1px;position: relative;}
.sous-page-index li{padding: 2% 0 1% 0;border-bottom: 1px dotted lightgrey; min-height: 83px;}
.sous-page-index h1{font-size: 1.8em;padding-bottom:0%;}
.sous-page-index h2 {margin: 10px 0 -5px 0;}
.sous-page-index h4{font-size:1.3em!important;text-transform:none;}
.sous-page-index ul li:last-child{margin-bottom:1%;border-bottom:none}
.actu-info{font-size: 1em;background-color:#e0e0e0;color: #6d6768;font-weight:bold;float:right;padding: 0.5% 1%;position:relative;z-index:1}
.actu-info .read-time {font-weight: bold;margin-right: 4px; border-right: 2px solid grey; padding-right: 5px;}
.actu-info a {color: #6d6768;}
.description_roadbook{overflow: hidden!important;height: 28px;border-bottom:1px solid #E2e2e2;margin-top:0px!important;}
.description_roadbook img{border:0; width:17%;}
.kilometres, .prix{color:white!important;background:#548e30;float:right;padding:1%;position: relative;font-size:0.8em!important;letter-spacing:1px;text-align:center;width: 43px!important;}
.prix{background:#05468C; margin-top:-5px;margin-bottom:8px;}
.note_avis{float:right;width:37%;}
.note_avis img{width:58%;}

/* partners */
#partenaires{position:relative;margin:3% 0 3% 0;border:2px solid #05468C;padding:3%;min-height:99px;}
.certified_logo{float: right;background: white;top: -22px;position: absolute;right: 13px;}
#partenaires span{display: block;background: white;position: absolute;padding: 1%;top:-17px;left: 15px;font-family: "Bitter", arial;color: #05468C;font-size: 1.3em;font-weight: bold;letter-spacing: 1px;}
#partenaires a{display: inline-block;vertical-align: middle; border: 1px solid lightgrey;height:73px;margin: 2% 3% 0 0;padding:2%;padding: 0% 2% 0% 2%;}
#partenaires a:nth-child(3) img{position: relative;top: 11px;}
#partenaires a:nth-child(4) img{position: relative;top: 4px;}
#partenaires a:nth-child(5){padding:0;margin-right:0}
#partenaires h4{width: 46%;margin-top: 3.5%;text-align: center;display: inline-block;vertical-align: middle;}
.full {
    width: 100%!important;
}
/* assurance/droit */
#partenaire-encart h4{width:154px;-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);text-align:center;position:absolute;left:-53px;top:51px}
#partenaire-encart h4:after{content:"";width:0;height:0;position:absolute;bottom:-13px;border-style:solid;border-width:10px 8px 0;right:67px;border-color:#fff transparent transparent}
#partenaire-encart{display:block;position:relative;margin:2% 0}
#partenaire-encart h4 span:nth-child(1){-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;padding:3px 0;color:#fff;background:#05468c;display:block}
#partenaire-encart p{padding:3%;    height: 117px;}
#partenaire-encart p:nth-child(2){margin-left:54px;background:#f2f2f2;font-family:"Bitter";color:#05468c;font-weight:700;text-align:center;float:left;width:39.66%;border:1px solid #f2f2f2}
#partenaire-encart p:nth-child(3){float:right;border:1px dotted #d3d3d3;width:38.6%}
#partenaire-encart p:nth-child(3) img{width:100%}
#partenaire-encart a{display:block;margin-top:3px!important}

/* sondage */
#sondage { font-family: "Bitter";  padding: 0 7%;border-top: 11px solid white;background:#b3b3b3;padding: 2% 7%;}
#sondage p:nth-child(2){background:white;color:#05468C;font-weight:bold;position:relative;padding-left:2%;    margin-bottom: 6px;    font-size: 11px;}
#sondage p a {font-family: "Bitter";
    position: absolute;
    right: 0;
    background: #05468C;
    color: white;
    padding: 5px;
    top: 0;
    
}
#sondage span {
    font-size: 12px;
    width: 20%;
    display: block;
    float: left;
}

.comment-date {
    display: none;
}
.comment-content:hover .comment-date{display:block;}
#sondage span:last-child {
    margin-left: 1%;
    float: right;
    width: auto;
    color: #05468C;
    font-weight: bold;
}
.alert {
    width: 12px;
    height: 15px;
    background: url('/img/icones/alerte.gif');
    background-repeat: no-repeat;
    float: right;
}
#sondage h2 {padding-top: 3%;color: white;}
#sondage p{    clear: both;
    padding: 5px 0;color: white;}
#sondage h3{color:white;    padding: 4% 0;}

/*----------Gabarit page des listes----------*/
.main-tips{margin-top:2%;text-align: center;margin-bottom: 3%;font-style:italic}
.annuaire li img{width:auto!important;}
.annuaire p{margin-bottom: 4px;font-weight:normal!important}
.annuaire h4{font-size: 1.5em!important;margin-bottom: 7px;}
p.tel{margin-top: -38px!important;}
.adr{margin-bottom: 13px!important;}
.web{width: auto;display: block;float: left;margin-right: 17px;}
.mail:before{content:url(/img/icones/adress.png);position: relative;padding-right: 9px;top: 1px;}
.annuaire li p:nth-child(3){margin-top: 9px;}
span.tel:before{content:url(/img/icones/phone.png);position: relative;padding-right: 9px;top: 3px;}
.annuaire li p:last-child{float:none!important;position: relative!important;top:0!important}
.give-opinion{position: absolute;font-size: 1em;font-style: italic;color: grey;right:0;bottom: 54px;}
.give-opinion:before{content:url(/img/icones/comment.png);position: relative;padding-right: 7px;top: 2px;}
.activity{font-family:arial!important;}
.group,  #clubs .description{background:#eee;padding: 1%;margin-top: 3%;clear:both;overflow: auto;}
 #clubs .description{color:#494848!important;font-size: 1em!important;font-style:italic;font-weight:bold!important}
.group p{border:none!important;margin:0!important;padding:0!important;color:#494848!important;font-size: 1em!important;font-style:italic;font-weight:bold!important}
.tel, .web a, .mail a{color:#494848!important;}
.fax{position: absolute;right: 29px;top: 40px;}
.an-group{font-family:"Bitter";top:inherit!important;bottom:14px;right:12px!important}
.vcard{padding-bottom: 16px;}

/*messagerie
*/
#icons{text-align:center;margin-bottom:16px}
#icons hr:before{top:0!important}
#icons li{list-style:none;padding:0 10px;display:inline-block;margin-top:13px}
.current{padding-bottom:1%;border-bottom:3px solid #F0F0F0}
.list{width: 100%;}
.list img,.read img { border:none;}
.list,.read { margin-bottom: 2%;margin-top:15px;border-collapse:collapse;clear:both}
.list td,.list th {    line-height:18px;}
.list td{padding: 8px;}

/* .list td:nth-child(2){  padding-left:25px; } */
.list h4 a,.list h4 {  font-size: 13px;padding:0px;margin:0px;}
.list th {color: grey; background: #E0E0E0; font-family: "Bitter"; border: 0; padding: 9px 11px;}
.list tr:nth-child(odd){background: #F3F3F3;}
.forum-list-date{color:grey;font-style:italic}
.icon-feed{padding:0}
.forum_list_title th{color: #05468C;font-family: "Volkhov",Arial,Helvetica,sans-serif;font-size: 1.4em;font-weight: bold;text-transform: uppercase;}
.forum_list_title th:nth-child(2), .forum_list_title th:nth-child(3), .forum_list_title th:nth-child(4){ font-size: 1em;}
.forum_list_title th:nth-child(1){  width:63% }
.forum_list_title th:nth-child(2){  width:15% }
.forum_list_title th:nth-child(3){  width:12%; }
.forum_list_title{  margin:0% 0% 2% 0%; }
.add-friend{top:0px!important;margin-right: 3px;}
.forum-discussion{float: right;margin-top: -26px;margin-bottom: 0;}
.forum-tool-h2{margin-top: 17px;margin-bottom: -11px;}
.forum-tool{position: relative;padding-top: 6px;border-top: 4px solid;}
.forum-title{font-size: 1.9em;padding-bottom: 15px;font-family: "Bitter",Arial,Helvetica,sans-serif;color: #05468C;margin: 0;font-weight: bold;}
.new-flag {position: absolute; top: -1px; right: 8px;}
.select-vote, .select-date{font-style: italic;font-weight: bold;color: rgb(163, 159, 159);margin-right: 19px;margin-bottom: 12px;float:left}
.select-vote img{position:relative;top: 1px;margin-left: 5px;}
.select-date img{position:relative;top: 3px;margin-left: 5px;}

.forum-date{color: grey;}

.post-author{font-weight:bold}


/*-- added --*/
.nav_item.post{text-align: left;font-weight: bold; font-size: 10px;}
.nav_item.post a, .nav_item.post span.current {text-align: center;border-radius: 3px;padding: 0;min-width: 17px;margin: 0 2px;}

#thread-options{background:#eeeeee; padding: 10px;margin-top: 10px;margin-bottom: 10px;display: flex;align-items: center;}
#thread-options a{margin:0 10px}
#thread-options p {margin: 0;}

.msg-post { border-top: 1px solid #e8e8e8;padding-top: 12px;margin-top: 25px;}
.msg-post aside {background: whitesmoke;padding: 19px 27px 4px;margin-bottom:-25px}
.msg-content {margin-left: 39px;}
.msg-content a[target=_blank]{color:#05468C;font-weight: bold;}
.msg-data{display:flex;flex-flow: row wrap;  position: relative; align-items:center; margin-bottom: 10px;}
.msg-author img, .msg-options img, .notation img{ display: inline-block; vertical-align: middle;}
.notation a {display: inline-block;vertical-align: middle;height:18px;}
.notation span {display: inline-block;vertical-align: middle;}
.msg-options {min-width: 140px;}
.msg-options a:first-of-type{background: #545252;color: white; border-radius: 5px;padding: 1px 7px;font-size: 12px;display: inline-block;vertical-align: middle; }
.msg-author span {margin-left: 10px;}
.msg-author span:first-of-type{font-weight:bold;color: #353535;}
.msg-author img {width: 35px;border-radius: 100%;height: 35px;object-fit: cover;}
.msg-author { min-width: 155px;}
.msg-title {font-size: 20px;font-weight: bold;margin-bottom: 13px;display: block;color: #353535;}
.msg-date{color: grey;position:absolute;right:0}
.msg-edit{font-style: italic;color:darkgrey}
.notation .more {margin-right: 5px;}
.signature {font-style: italic;padding: 8px 0;}
.signature img {width:auto!important;max-width: 50px}
.online img {border: 3px solid grey;border-radius: 100%; padding: 1px;}
.mod_embed_images_image img, .mod_embed_images_extended img {width: 100%;}
.forum-tool-h2{color:#353535}
.msg-new { position: absolute; left: 2px; margin: 0!important;border-radius:3px; top: 43px;background: #05468c; color: white!important;padding: 2px 3px;font-size: 9px;font-weight:normal!important;}
.low {opacity: 0.2;-webkit-opacity: 0.2;-moz-opacity: 0.2;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);}
/*----------Gabarit forums----------*/
.forum h2 a{text-transform:uppercase;color:#05468C;font-family: "Bitter",Arial,Helvetica,sans-serif; }
.right_bottom_info{   font-size: 0.6em;text-transform:none!important; }
.forum table{ margin-bottom: -16px;border-top:1px solid lightgrey;text-align:left;}
.forum h2 { margin-top: 6%;border-bottom: 1px solid #e1e1e1!important;font-size: 22px;border-width: 3px;}
.last_message_date {float: right;}
.forum div{position:relative;}
.forum > div > div{margin:12px 0;display:flex;flex-flow:row nowrap;}
.forum div div a:first-of-type {margin-right: 3%;}
.forum a img {border-radius: 100%; width: 80px; height: 80px;object-fit: cover;border: 4px solid #E6E6E6;}
.forum h3 {color:#353535;font-size:20px;font-family:arial;}
.forum > div > a:last-of-type{position: absolute;right: 0;top: 5px;color: grey;}
.forum > div > p {display: block;background: #f9f9f9; padding:12px 20px;width: 100%;margin-top: 7px; box-sizing: border-box;}
.list small a{color: grey;}
.forum-msg-new {background: #05468c;border: 4px solid #d3dbe4;}
.clear{clear: both;}

.forum-list div:first-of-type {flex-basis: 100%;} 
.forum-list li {display:flex;flex-flow:row nowrap; align-items: center; padding: 11px 0px;border-bottom: 1px solid #e3e3e3;}
.forum-list li > a:first-of-type img {object-fit:cover; width: 35px;height: 35px;border-radius: 100%;  margin-right: 15px;}
.forum-list li h4 a{color: #353535;font-size: 13px;}
.forum-list li p{margin:0;}
.forum-list li p a{font-weight:bold}
.forum-nb-view{color: grey;}
.forum-nb-reply:before{content:url('/img/icones/comment-list.png');display:inline-block;vertical-align:middle;margin-right: 5px;width:23px;height:23px;}
.new-reply:before{content:url('/img/icones/comment-new.png')}
.last-reply{min-width:60px;}
.last-reply img{width:25px;height:25px;border-radius: 100%;margin-right: 7px;object-fit: cover;display: inline-block;vertical-align: middle;}
.forum-nb-reply {min-width: 55px;margin-left:30px} 
.forum-list li:last-of-type {border: 0;}
.forum-list li:first-of-type{background:  #f8f7f7; color: #2e2e2e;font-family: "Bitter";font-weight:bold ; border:0}
.forum-list-tool{min-width: 60px;}
/*----------Gabarit mur----------*/
.mur article{clear:both;margin-top:2%;overflow: auto;margin-bottom: 4%;position:relative}
.mur img{width:6%;height:auto;float:left;margin-right:8px}
.mur .mur-author{display:block;font-weight:700;font-family:"Bitter",Arial,Helvetica,sans-serif;font-size:14px;margin-bottom:3px}
.mur span{position:relative;color:grey;display:block}
textarea.comment_message{min-height:0;color:grey;height:16px;padding:2%;width:96%!important}
.mur p{margin-top:2%}
span.mur_comment span,span.mur_comment a{display:inline}
	span.mur_comment > span, span.mur_comment a {margin-right:20px}
.like{color:grey}

.like:before{content:url("/img/icones/like.png");    position: relative;margin-right: 5px;top: 2px;}
.mur_nb_comment:before{content:url("/img/icones/comment.png");    position: relative;margin-right: 5px;top: 2px;}
.mur_like:before{content:url("/img/icones/nb-like.png");    position: relative;margin-right: 5px;top: 2px;}

.comment_btn {margin-left: 20%;color: grey!important;width: 11%;display: block;margin-top: 15px;border-radius: 13px;}
.wall_comment {  margin-left: 20%; }
.wall_comment-content p {width: 88%; }
span.wall_comment-date {  margin-left: 0px; width: auto; }
section#actionslist div.mod_embed_images {  margin-left: 20%; }
.mur img.wall_comment-avatar {  width: 40px; }
.mur div.wall_comment a.comment_user {  float: right; }
div.wall_comment {  clear: both; }
article div.showmore {  margin-left: 20%; }
.mur img.action_image {  width: auto; }
.mur p a{font-size:13px!important;color:#000;padding:0 0 8px!important;font-weight:700}
.mur p a:first-child{display:block}
span.mur_comment{border-top:1px solid #EBEBEB;padding-top:7px;margin-bottom:10px}
.onglets {margin: 0% 0 5% 0%;cursor:pointer;background: rgb(243, 242, 242);border-radius: 8px;height: 38px;padding: 0% 2% 1.3% 3%;}
.onglets img{border:0;width: 25px; margin: 0 1%;position:relative;margin-right: 8px;}
.onglets span:nth-child(1) img{top: 7px;}
.onglets span:nth-child(2) img{top: 4px;}
.onglets span:nth-child(3) img{top: 8px;}
.onglets span{position: relative;top: 3px;}
.mur form{overflow:auto;text-align: center;}
#newaction_video{border-color: rgb(235, 229, 229);    width: 100%!important;padding: 1%;}
.contenu_onglet{display:none;margin-top: 11px;line-height: 23px;}
#comment_frm_160390 {
 padding: 2%!important
}
.contenu_onglet form{margin: 3% 0!important;}
.contenu_onglet textarea {
    max-width: 96%;
    border-color: rgb(235, 229, 229);
    padding: 2% 0 0% 3.5%;
    margin-bottom: -9px;
}
.contenu_onglet [type="file"], .contenu_onglet input [id="fileupload"]{width: 99%;border: 1px solid lightgrey;}
.comment_btn{position: absolute!important;right: 0;top: 27px;text-align: center;font-weight: bold;background: rgb(236, 232, 232)!important;}

/*----------Gabarit agenda----------*/
.agenda span {font-size: 1.1em!important;}
.agenda a{color:#05468C; font-weight:bold;}
.agenda span.date{width:13%;display:block;min-height: 81px;float:left;background:url(/img/icones/agenda.gif)no-repeat;border:0;margin:0 2% 0 0;position:relative}
.agenda span.date span:nth-child(1){display: block;color: white;top: 6px;width:66px;text-align: center;position: relative;border: 0;font-size:0.8em!important;}
.agenda span.date span:nth-child(2){display: block;width:62px;text-align: center;border: 0;font-size: 1.3em!important;position:relative;top:4px;}
.event dl {clear:both; min-height: 92px;border-top: solid 1px #f3f3f3; padding-top: 10px; margin: 7px;}
.event dt{height:60px; width:57px;background:url(/img/icones/agenda.gif) no-repeat;font-size:11px;position:relative;padding-top:1px;text-align:center;float:left;font-weight:700;margin-top:4px;font-family:"Bitter"}
.event dt span{display:block;color:#fff;position:relative;top:33px;font-family:"bitter";font-size:10px!important;background:#05468C;width:45px;margin:auto;line-height:17px}
.event dd{padding-bottom:2px;margin-left: 70px;}
.event dd span{font-weight:700}

span.cancelled{height:20px;display: inline-block;position: relative;    width: 56px;}
.event dt.cancelled{margin-top: 14px;}
.cancelled:before{content:"annulé";font-family:"Bitter";position:absolute;color:red;text-transform:uppercase;border:3px solid red;padding:1px 6px;background:#fff;font-size:9px;left:0;box-sizing:border-box;width:100%; top: -10px;}
.blue-note {background: #004a8f;color: white;padding: 3px 6px;border-radius: 4px;display: inline-block;text-transform: uppercase;font-family: "Bitter";font-size: 10px;}
.agenda span.blue-note {font-size: 10px!important;margin-right: 5px;}

a.more-event {display: inline-block;padding: 4px 14px;text-align: center;color: #fff; border-radius: 3px;background: #05468C; margin: 5px 0 10px 0px;}
a.marginl {margin-left:70px}
.pro {overflow: auto;background: #f3f3f3;border: 0;padding: 15px 19px!important;display: block;margin-top: 12px!important;}
.pro > img:nth-child(2) {width:100px; float:left;object-fit:cover; border:3px solid #cccccc;margin-right: 9px;}
.imglarge {object-fit:cover; display:block; border:3px solid #cccccc; width:100%!important;height: 95px!important;}
form[name="bikechoice"]{padding-bottom:4%!important;padding-top:0!important}
form[name="effacer"]{background:#fff;padding:0!important}
.tab-res-blue th{background:#05468C;color:#fff;border:1px solid #05468C;font-family:"Bitter"}
.add-expense{display:inline-block;width:auto!important;position:relative;float:right;z-index:1;margin-top:0!important;margin-bottom:20px!important}
.tab-res-blue tr:nth-child(even){background:#EBEBEB}
form[name="effacer"] td a{height:27px;margin:auto;width:27px;display:block}
.tab-res-blue td{border:1px solid #fff;text-align:left;font-weight:700;padding:0 2%;color:#5F5E5E}
.tab-res-blue{margin-bottom:2%}
.tab-res-blue td{padding:2%}
form[name="effacer"] .buttondel{background:url(/img/icones/delete.png)!important;background-repeat:no-repeat;padding:0!important;margin:auto!important;position:relative;height:21px;width:21px!important;top:-4px}
form[name="effacer"] td a img{width:auto!important;height:auto;display:block;margin:auto;margin-top:3px}
form[name="effacer"] td:last-child{padding:0}
.sponsor:before{content:"Pour vous faciliter la vie :";position:absolute;right:0;background:#05468C;color:#FFF;padding:2px 27px 0;font-family:"Bitter";font-weight:700}
.sponsor img{outline:#05468C 4px solid;margin:21px 0}

.sponsor {position:relative; margin-top: 12px;}

/*Classement*/
.classement td{ text-align: center;padding:11px;}
.classement tbody tr:nth-child(1) td {border-top: 13px solid white;    background: #05468C;color:white;}
.classement tbody tr:nth-child(2) td{    background: #1763B5;color:white;}
.classement tbody tr:nth-child(3) td{    background: #518FD2;color:white;}
.add-time:before{content:url("/img/icones/chrono.png");position:relative;top:3px;margin-right:8px}
.circuit{position:relative;}
.circuit li{padding-left:0; min-height: 155px; margin:11px 0;border-bottom:1px solid #EBEBEB;position:relative;  }
.circuit p{margin-top:20px;min-height: 104px;}
.circuit img{float:left;margin-right:3%;margin-top:10px;width:112px;    margin-bottom: 10px;}
.classement-bt{font-weight:700;position:absolute;right:113px;top:-2px;background:#C7C6C6;font-family:"Bitter";color:#fff;padding:4px 10px;border-radius:6px;cursor:pointer}
.podium{display:none;}
.podium-bt{right:0}
.add-time span{color:#fff;position:relative;top:-4px}
.time-bt{  background:#05468C;right:248px;}



/*----------Gabarit Monrepaire----------*/
.display_more{display:none;}
.monrepaire div{    overflow: auto;}
.monrepaire ul{width:100%; float: none;}
.monrepaire h2{margin-top: 0;margin-bottom: 10px;}
.monrepaire li span{position:absolute;right:14px}
.monrepaire .view-more{font-size: 14px;top: -11px;}
.monrepaire h2 img{position:relative; top: 4px;margin-right: 7px;border:0;width:auto;}
.monrepaire li{min-height:0;border: 0;padding: 1% 2%;}
.monrepaire li:nth-child(odd), .monrepaire .list tr:nth-child(odd){background:rgb(247, 247, 247);}
.monrepaire .list td{border:0}
.monrepaire .list a{font-weight:bold}
.budgetlist span{    position: absolute;right: 12px;font-style:italic}
.budget a {color: white;font-family: "Bitter";font-size: 1.3em;text-transform: uppercase;display: block;float: left;padding: 11px 2.7%;}
.budget a:first-child{  background:#05468C; }.budget a:nth-child(2){  background:#1763B4; }.budget a:nth-child(3){  background:#2175CF; }.budget a:nth-child(4){  background:#2F8BEE;}
.monrepaire h3 a, .option h3 a{font-family: "Bitter",Arial,Helvetica,sans-serif;color: #05468C;}
.monrepaire h3 .view-more{top: -3px;}

.encarts-monrepaire img,.profil img,.amis img{margin-right:10px;border:2px solid #ece8e8;display:inline-block;vertical-align:middle;width:14%}
.encarts-monrepaire li a p{position:absolute;right:17px;top:23px}
.encarts-monrepaire{margin:4% 0}
.option{position:relative}
.option .view-more{font-size:12px}
.option h3{margin-bottom:5%}
.display_and_admin, #bouton_roadplus a{    font-family: "Bitter";text-align:right;font-weight:700;display:block;border-bottom:1px dotted #d3d3d3;margin-top:14px;width:100%;color:grey;cursor:pointer;margin-bottom:20px}
#bouton_roadplus a{border:0;margin:0}
.amis{clear:both;background:#F7F7F7;margin-top:18px;display:block;padding:3% 5%}
.amis ul{text-align:center}
.amis a img{width:50px;height:50px;float:none;display:inline-block}
.profil{text-align:center;overflow:auto}
.profil article{width:49%;float:left;margin-right:2%}
.profil article:last-child{margin-right:0}
.profil article span{position:relative;width:130px;height:130px;min-height:130px;margin:0;border:0;margin-top:8px}
.profil article span a{width:auto;font-weight:700;text-align:center;font-size:14px;font-family:"Bitter";padding:5px;color:#05468C;margin-top:0;display:block}
.profil-options a:hover,.profil-options li:hover{background:0}
.profil-options a{padding:1% 0;width:100%;text-align:center;background:#F7F7F7;margin:3px 0;display:block;font-family:"Bitter";font-weight:700;color:grey}
.profil-options h3,.profil h2{color:#fff;background:#05468C;text-align:center;padding:4px;font-size:12px;margin-bottom:0}
.option dt{margin-right:8px;float:left;padding:4px 8px;background:#F7F7F7;font-family:"Bitter";font-weight:700;color:grey}
.option dd{margin-bottom:11px;padding:5px;padding:4px;}
.option span img{width:130px;height:130px;object-fit:cover;margin:0;border-radius:100%;margin-top:12px}

ul.gallery li img{height:auto;border: 4px solid #E6E6E6;}
ul.gallery {width:100%!important;}
ul.gallery li{list-style:none!important;float:left;width:32%;  padding-right: 2%;}
ul.gallery li:last-child{padding-right:0;}

#index-une {margin:2% 0 3% 0;position:relative;}
#index-une h3, #index-une p{left:5px;color:white;padding:7px 10px 10px 15px;}
#index-une h3{padding: 11px 0px 0px 15px;font-size:1.9em}
#index-une img{border:2px solid #ccc;width:100%;height:auto;min-height: 300px;object-fit: cover;}
#index-une div.imgtext {position: absolute;bottom:0px;right:0;width:100%;background:#373737;background-color: rgba(0,0,0,0.7);font-weight: normal;font-size: 12px;}
#index-une div.imgtext:hover{background-color:rgba(0,0,0,0.9);}

abbr { cursor: help; border-bottom: #CCCCCC 1px dotted; }
abbr[title] {position: relative;}
abbr[title]:hover:before {content: '';display: block;position: absolute;opacity:0.7;width: 0;height: 0;margin-left: -250px;bottom: -25px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid black;}
abbr[title]:hover:after {content: attr(title); position: absolute;white-space: nowrap;padding: 5px 10px;margin-left: -270px;	
	bottom:-53px;background: #000;color: #fff;border-radius:3px;opacity:0.7;}

.bigtable{width:100%;border-collapse:collapse;font-size: 1.2em;}.bigtable th{background: rgb(235, 235, 235);height: 45px;font-weight: bold;}.bigtable tr{border: 1px solid rgb(235, 235, 235);}.bigtable td{text-align: center;border-left: 1px solid rgb(235, 235, 235);padding: 3%;}.bigtable  td a{color:grey}.calendar-title{text-align: center;font-size: 1.5em!important;background: #05468C;color: white;padding: 1%;margin-top: 3%;}

.border{border:2px solid #ccc;margin:0 0 5px 5px}
.right{float:right}
.left{display:inline-block}
.center{margin:auto;display:block;width:auto;}
.rightimg{float:right;position:relative;z-index:1;}
article{background-color:#FFF}
article ul{list-style-type:none;margin-bottom:7px;padding:0}
article ul li{background:url(/img/puces/carre.gif) no-repeat left 5px;padding-left:10px;font-size:12px}
article ol{margin-bottom:10px;padding-left:30px}
article ol li{list-style-type:decimal;font-size:12px}
#votes, #container-classement h3{clear:both;border-top:1px solid #CCC; padding-top: 10px;margin-top: 17px;}
#votes:before, #login-page hr:before, #icons hr:before, #container-classement h3:before{    display: block;content: "";height: 3px;width: 70px;background-color: #05468C; position: relative;top: -11px;}
.line{border-top:1px solid #CCC;margin:0 30px}

.star-rating {list-style:none;height:25px;position:relative;background:url(/img/icones/starrating.gif) top left repeat-x;}
.star-rating li {float:left;}
.star-rating li a {display:block;width:25px;height:25px;line-height:25px;text-decoration:none;
text-indent:-9000px;z-index:2;position:absolute;outline:none;}
.star-rating li a:hover {background:url(/img/icones/starrating.gif) left center;z-index:2;left:0;}
.star-rating a.star1 {left:0px;}
.star-rating a.star1:hover {width:25px;}
.star-rating a.star2 {left:25px;}
.star-rating a.star2:hover {width:50px;}
.star-rating a.star3 {left:50px;}
.star-rating a.star3:hover {width:75px;}
.star-rating a.star4 {left:75px;}
.star-rating a.star4:hover {width:100px;}
.star-rating a.star5 {left:100px;}
.star-rating a.star5:hover {width:125px;}
.star-rating a.star6 {left:125px;}
.star-rating a.star6:hover {width:150px;}
.star-rating a.star7 {left:150px;}
.star-rating a.star7:hover {width:175px;}
.star-rating a.star8 {left:175px;}
.star-rating a.star8:hover {width:200px;}
.star-rating a.star9 {left:200px;}
.star-rating a.star9:hover {width:225px;}
.star-rating a.star10 {left:225px;}
.star-rating a.star10:hover {width:250px;}
.star-rating li.current-rating {background:url(/img/icones/starrating.gif) left bottom;
position:absolute;height:25px;display:block;text-indent:-9000px;z-index:1;}

/* r */
#overlay { position: fixed;top: 0; left: 0;width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;  opacity: 0.5; z-index: -10;}
#fullscreen{width:980px; height:600px; overflow:auto;}
.mCSB_scrollTools .mCSB_draggerRail{width:10px; background:black;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:10px; background:red;}

#adfooter{bottom:0;left:0;position:fixed;width:100%;z-index:100000}
#adfooter-inner{text-align:center;background:#FFF;border-top:solid 2px #0F0F0F;display:block;max-height:60px;width:100%;z-index:-2}
#adfooter-hide{font-family:Arial, Helvetica, sans-serif;font-size:11px;position:absolute;width:auto;right:20px;text-indent:20px;padding-top:5px;height:20px;font-weight:700;background:url(/img/boutons/arrowdown.png) no-repeat scroll 0 0 transparent;top:-25px;margin-top:0;cursor:pointer}
#adfooter-show{font-family:Arial, Helvetica, sans-serif;font-size:11px;bottom:0;right:25px;text-align:center;height:20px;color:#FFF;font-weight:700;margin-top:5px;position:fixed;width:77px;padding-top:5px;background:url(/img/boutons/button.png) no-repeat scroll 0 0 transparent;transition:all 800ms;-o-transition:all 800ms;-webkit-transition:all 800ms;-moz-transition:all 800ms;cursor:pointer}
#adfooter-show:hover{height:22px}
#adfooter-label{position:absolute;width:180px;height:30px;z-index:-1;left:50%;margin-left:-90px;text-align:center;font-size:13px;font-family:Arial, Geneva, Verdana, Helvetica, sans-serif;font-weight:700;color:#FFF;margin-top:0;background:url(/img/boutons/label.png) no-repeat scroll 0 0 transparent;top:-17px}
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{border:0;overflow:hidden;position:absolute;padding:0}
.ui-helper-reset{border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;margin:0;padding:0}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-clearfix{min-height:0}
.ui-front{z-index:10000}

/* Interaction Cues */
.ui-state-disabled{cursor:default!important}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;z-index:0!important}
.ui-button{display:inline-block;position:relative;margin-right:20px;cursor:pointer;text-align:center;overflow:visible;padding:0}
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}
.ui-dialog{position:absolute;top:0;left:0;outline:0;color:#FFF;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:700;height:23px}
.ui-dialog .ui-dialog-titlebar{background:url(/img/boutons/button.png) no-repeat 0 0 transparent;cursor:pointer;height:23px;padding:5px 0 0 10px}
.ui-dialog-titlebar-close{border:none;width:85px;height:28px;position:absolute;top:0;right:0;font-size:9px;font-weight:700;color:#FFF;background:url(/img/boutons/close.png) no-repeat scroll 0 0 transparent;cursor:pointer;padding:1px 7px 0 0}
#reserved{text-align:center;background-color:#f3f3f3!important;color:#333;font-weight:400;min-height:0!important;padding:19px}
.reserved-ui .ui-dialog-titlebar-close{margin-right:0;width:33px}
.reserved-ui .ui-dialog-titlebar-close:before{content:"X";position:absolute;top:0;width:100%;color:#fff;background:#173A62;height:100%;left:0;font-size:1.2em;line-height:29px;font-weight:700}
.reserved-ui .ui-dialog-title{color:#fff;font-family:"Bitter"}
.reserved-ui .ui-dialog-titlebar{background:#05468c!important}
#inner_photo{position:relative;}
#photo .border-gray{border:10px solid #f1f1f1;padding:0;width:100%;height:auto}
#photo-legende{font-size:12px;font-weight:700;margin-top:5px;color:#666;background-color:#f6f6f6;border:solid 1px #f1f1f1;border-bottom-color:#CCC;padding:1%;width:98%}
#photo-vignettes{text-align:center;margin:5px 0 0 5px;padding:10px 0;padding:10px 1%;width:100%}
#photo-vignettes img{margin-right:1px;width:8%;border:4px solid #f1f1f1;height:auto}
#photo-vignettes p img{width:auto;margin-top:16px;border:0}
.tab{    overflow: auto;}
.col{float: left; width: 48%;  padding:0;    margin: 1% 2% 3% 0%;}
.col li{padding:5px 12px;color:#757575;background:0; text-align: center;}
.col li:nth-child(even){background:#f3f3f3}
.minus{ border-top: 3px solid #BB2323; background-color: #E23636;}
.plus{ border-top: 3px solid #48A02A; background-color: #71C156; }
.eval {margin-bottom: 0;text-align: center;font-family: "Bitter";font-weight: bold;font-size: 15px;color: white;padding: 8px 0;}
.warning {background-color: #ffff80;}
.pad{width:200px;float:right;padding:5px;margin:5px;border:solid thin #CCCCCC;background-color:#F5F5F5;}

/*commentaire*/
#comments{padding:5px 0px 5px 0px;}
.comment-data{padding:5px 0 5px 0;}
.comment-content img{max-width: 79%;max-height:79%}
.comment-content{background:url(/img/layout/comments.png) no-repeat left top;margin-left:70px;padding:5px 10px 12px 40px;background-color:#f5f5f5;}
.comment-content p{font-size:12px;word-wrap:break-word;margin:5px;padding:6px 9px 2px 0px;}
.comment-date {float:right;font-style:italic;font-size:10px;}
.avatar{margin-right:10px; border:1px solid #ddd;padding:3px; width: 55px; height:55px; float: left; }
.comment {font-style:italic;padding:5px 0 0 10px;}	

/*Sticky header*/
.is-sticky #nav_main{display:block;width:100%;max-width:none;height:48px;font-size:.9em;min-height:50px;}
.is-sticky .dark{display:none}
.is-sticky{width:100%;background:#05468C}
.is-sticky #nav_main > ul{float:none;margin:auto;max-width:1000px;text-align:right!important;position:relative}
#logo-sticky{display:none}
.is-sticky #nav_main > ul > li > a {padding: 0 7px 0;}
.is-sticky #logo-sticky{display:block;width:1000px;margin:auto;}
.is-sticky #logo-sticky a{position:absolute;z-index:999}
.is-sticky ul div{text-align:left;}

#post-subscribe{margin-top: 10px;margin-bottom: 11px;}
#post-subscribe a:nth-child(1):before{content:url(/img/icones/reaction.jpg);position:absolute;top:0;left:0}
#post-subscribe a{font-family:"Bitter";display:inline-block;color:#fff;font-weight:bold;text-align:center;padding:11px;position:relative;font-size:15px}
#post-subscribe a:nth-child(1):after, #post-subscribe a:nth-child(2):after, .fiche a:after{content:">";position:absolute;right:0;color:#fff;background:#173A62;height:40px;width:27px;top:0;font-size:17px;line-height:37px} #login-page input[type="submit"]:after{content:">";position:absolute;right:0;color:#fff;background:#173A62;height:42px;width:27px;top:0;font-size:17px;line-height:37px}
#post-subscribe a:nth-child(1){background:#05468c;width:60%;}
#post-subscribe a:nth-child(2) {background: #ebebeb;width:37%;margin-left: -3px;color: #989898}
#post-subscribe a:nth-child(2):after{content:"+";background: #98989F;right: -18px;}

.driving{display: inline-block;background: rgb(238, 238, 238);padding: 1% 2%;border-radius: 15px;width: auto;margin-bottom: 8px;}
a.viewpic{position:relative}
a:hover.viewpic{text-decoration:none;background:none}
a.viewpic span{display:none}
a:hover.viewpic span{display:inline;position:absolute;top:15px;left:50px;z-index:2;width:120px}
article a:hover.viewpic span{border:solid medium #e2e2e2}
#scrollup{width:40px;height:40px;opacity:.3;position:fixed;bottom:50px;right:5em;display:none;text-indent:-9999px;background:url(/img/icones/arrow-top.png) no-repeat}

/*petites annonces home et diaporamas*/ 
.carrousels{background: #505050;background: -moz-linear-gradient(top, #505050 0%, #3f3f3f 100%)!important;;background: -webkit-linear-gradient(top, #505050 0%,#3f3f3f 100%)!important;;background: linear-gradient(to bottom, #505050 0%,#3f3f3f 100%)!important;border: 0;position: relative;  padding: 0 22px;   clear: both;}
.carrousels h2{color:white;padding-top:20px; padding-left: 9px;}
.carrousels h3{background: rgba(0, 0, 0, 0.4);color: white;}



 #annonces-rules h3 {position: relative;background: 0;padding: 5px 2px 4px 0px;}
 #annonces-rules p{color: white;padding: 0;}
 
/*theme carrousel*/
.owl-wrapper{position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-item{float:left;}
.item{margin:0 5%;}
.carrousels .owl-controls {padding-top: 1%;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-theme .owl-controls{text-align:center; padding-bottom: 8px;}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}

/** nano custom scrollbar **/
.nano{position:relative;width:100%;height:100%;overflow:hidden; width: 500px; height: 500px; }
.nano > .nano-content{position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:0;bottom:0;left:0; }
.nano > .nano-content:focus{outline:thin dotted}
.nano > .nano-content::-webkit-scrollbar{display:none}
.has-scrollbar > .nano-content::-webkit-scrollbar{display:block}
.nano > .nano-pane{background:black;background: rgba(0,0,0,.8);position:absolute;width:4px;right:6px;top:0;bottom:0;visibility:hidden\9;opacity:.01;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.nano > .nano-pane > .nano-slider{background: #B4D4DF;width:6px;position:relative;margin:0 -1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.nano:hover > .nano-pane,.nano-pane.active,.nano-pane.flashed{visibility:visible\9;opacity:.99}
.nano-slider:hover{background:lightgrey!important;cursor:pointer}

.testad{z-index:999999;position:absolute;display:block;height:622px;width:980px;min-height:0;max-height:none;overflow-y:auto;top:0;overflow-x:hidden;left:461.5px}
.testad iframe{width:1000px;height:1800px}
p.parier.greenbt{background:#71C156;text-align:center;padding-bottom:1%;width:100%;margin:12px auto;border-top:3px solid #48A02A}
.greenbt img{position:relative;top:6px;margin-right:8px}
.greenbt a{font-family:"Bitter";color:white;font-weight:bold;}

.viewpic{font-weight:bold;}
.dir-link li{list-style:none;background:none; padding-left: 0;margin-top: 7px;}
.dir-link p{margin-bottom: 12px;}

/*datepicker jquery ui*/
.ui-datepicker{width:22em;padding:.2em .2em 0;display:none;border: 1px solid lightgrey;background: white;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;font-family:Bitter;background:#05468C;color:#fff;font-weight:700}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;    font-size: 13px;}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th {padding: .7em .3em;font-family: "Bitter";font-size: 12px;}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker td span, .ui-datepicker td a { display: block;padding: 4px 0.2em;text-align: center;font-size: 13px;text-decoration: none;}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:#f6f6f6;font-weight:400;color:#454545}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{    background: #A0A0A0;font-weight:400;color:#fff}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{background:#05468C;color:white}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}

.ui-datepicker-prev span, .ui-datepicker-next span{visibility:hidden; cursor:pointer;   position: absolute;}
.ui-datepicker-prev span:before{content:"<";position:absolute;color:#fff;visibility:visible;font-family:"Bitter";font-size:16px}
.ui-datepicker-next span:after{content:">";position:absolute;color:#fff;visibility:visible;font-family:"Bitter";font-size:16px}
.ui-datepicker-next span{right:18px}
.ui-datepicker-prev span{left:8px}

/*fancybox*/
/*! compilation of jquery.mCustomScrollbar.css jquery.fancybox.css jquery.fancybox-thumbs.css */
.mCSB_container{width:auto;margin-right:20px;overflow:hidden}.mCSB_container.mCS_no_scrollbar{margin-right:0}.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{margin-right:20px}.mCustomScrollBox>.mCSB_scrollTools{width:16px;height:100%;top:0;right:0}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:5px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:relative;height:20px;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{top:100%;margin-top:-40px}.mCSB_horizontal>.mCSB_container{height:auto;margin-right:0;margin-bottom:30px;overflow:hidden}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-bottom:0}.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{width:100%;height:16px;top:auto;right:auto;bottom:0;left:0;overflow:hidden}.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{margin:0 20px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:2px;margin:7px 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{width:20px;height:100%}.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{display:block;position:relative;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;float:left}.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{margin-left:-40px;float:right}.mCustomScrollBox{-ms-touch-action:none}.mCustomScrollBox>.mCSB_scrollTools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#fff;background:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,.15)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#000;background:rgba(0,0,0,.75)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#fff;background:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background:#fff;background:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,.85)}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(255,255,255,.9)}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#000;background:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background:#000;background:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#fff;background:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#fff;background:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,.85)}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(255,255,255,.9)}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#000;background:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#000;background:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#fff;background:rgba(255,255,255,.1)}.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%}.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,.15)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;background:#000;background:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#fff;color:#444;text-shadow:none}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner,.fancybox-outer{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading{background-image:url(/img/fancybox_sprite.png);position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(/img/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;bottom:15px;right:15px;width:66px;height:22px;cursor:pointer;z-index:8050;background-image:url(/img/labels/closelabel.gif)}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:50px;height:50px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:0;background-image:url(/img/icones/fleche-g.gif)}.fancybox-next span{right:0;background-image:url(/img/icones/fleche-d.gif)}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(/img/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font-size:120%;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading{background-image:url(/img/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(/img/fancybox_loading@2x.gif);background-size:24px 24px}}#fancybox-thumbs{position:fixed;left:0;width:100%;overflow:hidden;z-index:8050}#fancybox-thumbs.bottom{bottom:20px}#fancybox-thumbs.top{top:20px}#fancybox-thumbs ul{position:relative;list-style:none;margin:0;padding:0}#fancybox-thumbs ul li{float:left;padding:1px;opacity:.5}#fancybox-thumbs ul li.active{opacity:.75;padding:0;border:1px solid #fff}#fancybox-thumbs ul li:hover{opacity:1}#fancybox-thumbs ul li a{display:block;position:relative;overflow:hidden;border:1px solid #222;background:#111;outline:0}#fancybox-thumbs ul li img{display:block;position:relative;border:0;padding:0;max-width:none}
@media print {
#head-container,#nav_main_background,#nav_subscribe,#sidebar,.under_menu_container,#comments,#votes,footer,.all_article,.social_nav,#actuclef,#copyright,#xiti-logo,#google_ads_frame1,#aswift_0,#google_ad,.marge,.share span{display:none;}
article,#maincontent,#body_container, .share, .share p{width:100%;}
#logo{margin-bottom:13%;width:100%;box-shadow : none}
#logo img {width:20%;box-shadow : none;padding:0;border:0;}
#body_container {box-shadow:none}
}

#news-feed{height: 43px;display:block;margin:0 3%;clear:both;padding-top:1%}
#news-feed span{float:left;position:relative;z-index:1;width:9%;display:block}
#news-feed span p{font-weight:700;text-align:center;text-transform:uppercase;font-family:"Bitter";margin:0;padding:2px}
#news-feed span p:first-child{color:#fff;background:#05468C}
#news-feed span p:last-child{color:#05468C}
#news-feed > span:first-child:after{content:" >";background:#105bac;color:#fff;position:absolute;right:-21px;top:0;padding:3px 7px;font-weight:700;line-height:37px}
#news-feed ul{overflow: hidden;width:91%;display:block;float:left;position:relative;height:43px;background:#f1f1f2;text-align:center}
#news-feed ul li{overflow:hidden;width:100%;margin-top:2px;padding:13px}

#partners{width:94%;background:#222;border-top:1px solid #353535;height:74px;    padding: 0 3%;}
#partners h4{width: 50px;float: left; color: #CACACA;margin-top: 25px;}
#partners ul{float:right;  margin-top: 15px;}
#partners ul li { display: inline-block;margin: 4px;vertical-align: middle;}

.dl-horizontal {position:relative}
.dl-horizontal a {color:#fff;}
.dl-horizontal dt {background:#05468C;}
.dl-horizontal dt + dd {background:#EBEBEB;}
.dl-horizontal dt, .dl-horizontal dd {width: 21.3%;text-align:center;vertical-align: top;font-weight:700;color:#5F5E5E;display: inline-block;margin-bottom: 2px;padding: 1%;}
.dl-horizontal dd {font-weight: bold; color: #4C4C4C;margin-left: -1px;}
.dl-horizontal img {vertical-align:middle}
.dl-horizontal dd:nth-child(5n){width:4%;padding:0} 

#circuit-card{margin-top:9px}
#circuit-card ul{background:#05468C;color:#fff;text-align:center;clear:both;padding:11px 0;font-weight:700;margin-bottom:0}
#circuit-card li{display:inline-block;font-family:"Bitter";padding:0 2%;border-right:1px solid #fff;background:none;}
#circuit-card li:last-child{border:0}
#circuit-card img{width:100%;object-fit:cover;margin-bottom:-3px}
#circuit-card div:nth-child(1){width:60%;float:left}
#circuit-card div:nth-child(2){width:40%;float:left;}
#circuit-card div:nth-child(2) p{padding:20px;background:#35363B;color:#FFF;font-family:"Bitter";font-weight:700;margin:0;line-height:21px}
#circuit-card ul:nth-child(4){background:#fff;color:#05468C}
#circuit-card ul:nth-child(4) li:first-child img, #circuit-card ul:nth-child(4) li:nth-child(2) img { width:auto;margin-right:5px;}
#circuit-card ul:nth-child(4) li:last-child img{   width: auto;position: relative;top: -2px;}
#circuit-card a{color:#fff;font-family:"Bitter";background:#05468C;padding:11px 0;font-weight:700;width:48%;display:block;margin:auto;margin-top:12px;text-align:center;margin-bottom:5px}
#circuit-card > p{margin:8px 0 22px;font-style:italic;border:1px dotted #d3d3d3;padding:3%}


#container-classement ul{margin:auto;text-align:center}
#container-classement ul li{display:inline-block;padding-left:0;width:21%;margin: 20px 2% 0;}
#container-classement ul li{list-style:none;    background: none;}
td[data-label="Temps"]{text-align:center}
td[data-label="Temps"] img{margin-left:6px}
#container-classement h4{text-align:center;color:#fff;background:#05468C;width:42%;display:block;margin:auto;padding:8px 15px;font-size:12px!important;margin-top:23px;margin-bottom: 12px;}
#container-classement h3{padding-top:8px;margin-bottom:11px;margin-top:17px}

/*Les Z'humeurs*/
#zhumeurs > img{display:block;margin:auto;margin-bottom:26px;width:100%}
#zhumeurs a{font-family:"Bitter"}
#zhumeurs li{float:left;width:30%;padding:0;margin-right:5%;margin-bottom:20px;min-height:540px}
#zhumeurs li p img{margin-top:5%;height:auto}
#zhumeurs li:nth-child(3n){margin-right:0}
#zhumeurs li span{display:block;color:grey;background:#ECECEC;position:absolute;right:-1px;font-size:9px;top:0;padding:4px 6px;width:82px;text-align:center}
#zhumeurs h4{position:relative;clear:both;margin-bottom:12px;margin-top:-5px;background:#F3F3F3;text-align:center;padding:7px;font-size:12px!important}
#zhumeurs h4:after{content:"";width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #F3F3F3;position:absolute;top:31px;text-align:center;left:9px}
#zhumeurs li img{height:150px;width:100%;object-fit:cover;margin:0;padding:0}
#zhumeurs li p{color:grey}
#zhumeurs p:nth-child(2){font-family:"Bitter";font-weight:700;margin-bottom:21px;text-align:center}
#zhumeurs li:nth-child(n+7) {width: 100%!important;position:relative;min-height: 0;}
#zhumeurs li:nth-child(n+7) a, #zhumeurs li:nth-child(n+7) h4{width:30%;display:block;}
#zhumeurs li:nth-child(n+7) h4:after{content:none!important;}
#zhumeurs li:nth-child(n+7) h4{padding: 7px 0!important;}
#zhumeurs li:nth-child(n+7) p {width: 65%;right:0; position: absolute;top: 0;}

#meteo {overflow: auto;border-top: 13px solid white; margin-top:20px;background: white;clear: both;position:relative}
#meteo span{padding:0}
#meteo h2 {margin-bottom: 10px;padding: 2%;border-top:#05468C 2px solid;}
#meteo img {width: 124px;height: 82px;object-fit: cover;float: left;margin-right: 5%;}
#meteo h4 {margin-bottom:-7px;margin-top: -6px;}
#meteo p{color: #404040;}

#cookies {position:fixed; text-align: center; font-size: 0.8rem;right:0;width:10%;bottom:0;background-color: rgba(25, 25, 25, 0.84);padding: 0.5%;-webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;display:none}
#cookies span a{cursor:pointer;letter-spacing: 1px;background: #05468C;padding: 5px 25px;color: #fff;}
#cookies p {color: #cacaca;}

.login a span:before{content:"Bonjour "}

.graph p, .legend-note span, .legend-note b{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.graph{font-size: 0;position:relative;margin: 30px 0;}
.graph span{z-index:1;position:relative;background: #014a8e;display: block;height:9px}
.graph p{line-height: 18px; padding: 4px 0px;display:inline-block;vertical-align: middle;    margin: 0;}
.graph p:first-of-type {background: #fbfbfb;z-index: 2;position: relative; font-family: "Bitter",Arial,Helvetica,sans-serif;color: #05468C;font-size:0.9rem; width:30%;padding-right: 15px;font-weight:600 }
.graph div:first-of-type{padding-top:40px}
.graph div{border-bottom:1px solid #ececec}
.graph div:nth-last-child(2){border-bottom:0}
.legend-note span {z-index:0;text-align:center;background: 0;display: inline-block;width: 20%;border-right: 1px dotted #ececec; height: 100%;}
.graph .legend-note {height: 100%;width:100%;position: absolute; top: 0;right: 0;border-bottom:0}
.graph b { color:#fbfbfb;background: #014a8e; width: 102%;display: block;padding: 8px;font-size: 1rem;}
.legend-note span:first-of-type{border-left: 1px dotted #ececec;}
.legend-note span:first-of-type b{-webkit-border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;border-top-left-radius: 4px;}
.legend-note span:last-of-type b{-webkit-border-top-right-radius: 4px;-moz-border-radius-topright: 4px;border-top-right-radius: 4px;}
.legend div{border:0;width:33%;display:inline-block}
.graph .legend p{width:100%!important}
.graph p:last-of-type, .graph .legend-note{width:70%}
.graph p span:nth-child(2), .legend div:nth-child(2) span{background:#1a6bb7;}
.graph p span:nth-child(3), .legend div:nth-child(3) span{background:#388fe0;}

#mobile-flag{display:none}

/* ~~~~~~~~~~~~~RESPONSIVE~~~~~~~~~~~~~~~ */
#mobile-header{display:none}

@media screen and (max-width: 1024px) {
.sous-page-index ul {width:100%;}
}

@media screen and (max-width:980px) {
h2{font-size:1.7em} h3{font-size:1.5em}
#container,#content,#central-container,#top,#logo,#nav_subscribe,#copyright{max-width:95%}
#social_links{left:56%}
footer div {
    width: 94%;
    padding: 27px 3%;text-align: center;
}
#adiframe, #fullscreen, .ui-dialog[aria-describedby="fullscreen"] {width: 100%!important;}
progress[value]{    width: 63%;}
footer div:after{content:none!important}
footer form{    margin: auto;}
#debats h2{width:100%!important}
.navback{max-width:100%}
#nav_main a{font-size:.95em;padding:13px 12px 0}
#nav_sub ul{width:100%}
#overflow{height:auto}
.info a,.info h3{width:93%}
#sidebar{min-height:1037px}
#diaporama-section li{width:30.55%}
#controls{margin:-30% 0 0}
.sous-page-index ul{width:100%}
.synthese h2{width:100%!important}
.synthese img{height:auto;width:100%}
.actu_article h2{width:100%!important;float:none!important}
.synthese section{width:100%}
.commentaire_selection article:nth-child(2){width:78%}
.title_span-right{width:100%}
#pagination a:link,#pagination-digg a:visited{padding:4px 5px}
.right_bottom_info{margin-top:0}
#partenaires a{margin:2% 3% 0 0}
#partenaires h4{width:45%}
#partenaires{min-height:125px}
.monrepaire h2{margin-bottom:3%;width:100%!important}
.monrepaire p{clear:both}
.profil h2{width:100%!important}
.login {    margin-left: 183px;
}
#news-feed span{width:12%}#news-feed ul {width: 88%;}
#partners h4{width:100%;float:none;margin: 9px 0;}
#partners ul {float: none;margin-top:-7px;}
#partners{height:auto}
}
@media screen and (max-width:943px) {
#google_translate_element {
    position: absolute;
    right: 0;
    top: -26px;    width: 100%;
}.goog-te-gadget-simple {width: 100%!important;
    text-align: center!important;border-radius:0!important}
#head-container{    margin-top: 26px;}
#vie-repaire span p{    font-size: 12px;}


}

@media screen and (max-width:846px) {
	
}

@media screen and (min-width:800px) {
#video-ad, #video-ad video {}
#sound-bt{visibility:hidden;opacity:0;}
#video-ad:hover #sound-bt{visibility:visible;opacity:1;}
}
@media screen and (max-width:800px) {
.nav li, #maincontent, #profile, .cbp-hrsub{width:100%}
#all-subcat {position: absolute;right: 30px;font-weight: 600;display: block;top: 0px;font-size: 26px;}
#submenu ul{display:none;    width: 100%;text-align: center;}
#submenu li {border-bottom: 1px solid #d2d2d2;padding: 5px;}
#submenu {flex-flow: row wrap;}
#submenu li:after{content:none}

#sondage{    padding: 3% 3%;}
#sondage h3{padding-top:0}
#sondage span{    width: 12%;}
progress[value] {
    width: 79%;
}
#adfooter-inner{}
#adfooter-inner img {width:100%;height:auto;display:block;}
#adfooter-inner > img {height:0;} 
#dailynews ul{margin-top:0}
.diaporama-full #pub-txt{width:90%;clear:both;position:relative;right:0}
.diaporama-full .news-side{float:left;width:45%;margin-top:1%;margin-bottom:2%;margin-right:2%}

#diaporama-section li{padding:0;width:45%;margin:2%}
#nav_main ul{float:none;text-align:center}
#nav_main_background{margin-top:49px}
#logo img{width:162px;padding:10px 13px}
#controls{margin:-23% 0 0}
.nav{height:auto}
.login a font {visibility: hidden;}
.dark{display:none!important}
 #slider{    max-height: none;}
.diaporama-full .nav_item{width:100%;margin:auto;display:inline-block;text-align:center}
.diaporama-full .nav_item a,.diaporama-full .nav_item span.current{width:4%;top:0}
.diaporama-full #sidebar #pub-300{width:91%}
.diaporama-full .share span{float:none;top:initial;display:inline-block;position:initial;margin-top:18px}
.diaporama-full #sidebar #encarts img{width:90%;height:auto}
.diaporama-full #sidebar #encarts li{width:92%}
.diaporama-full #sidebar #pub-300 a>img{margin-top:-5px;width:100%;height:auto}
.login {margin-left: 163px;
}
#nav_sub ul{padding-top:1.8%}

input[name="mail"]{padding:2%}

#nav_menus{min-height:34px}
.toggleMenu{width:100%;background:#292d3e;background:-moz-linear-gradient(top,#292d3e 3%,#141822 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(3%,#292d3e),color-stop(100%,#141822));background:-webkit-linear-gradient(top,#292d3e 3%,#141822 100%);background:-o-linear-gradient(top,#292d3e 3%,#141822 100%);background:-ms-linear-gradient(top,#292d3e 3%,#141822 100%);background:linear-gradient(to bottom,#292d3e 3%,#141822 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292d3e',endColorstr='#141822',GradientType=0);text-align:center;width:100%;padding:10px 15px 9px 0}
#nav_subscribe{background-position:188px 33px}

#nav_main a{font-size:1em;padding:13px 14.6px 0}
#social_links{left:67%}
#sidebar{width: 100%;min-height: 0!important;    padding: 3%;}
#pub a img{width:100%;height:auto}
#pub-300{text-align:center}
#pubenligne{text-align:left;margin:2% 0 1%;padding:3% 0 0 3%}
.bkg-darkblue,.bkg-orange,.bkg-pink,.bkg-red{background:none!important}

.commentaire_selection article:nth-child(2){width:81.4%}
.title_gradient_essais{width:37%}
.title_gradient_all_article{width:25%}
.title_gradient_all_article_essais{width:60%}
.essais ul{width:96.4%!important}
.essais ul li{padding:0 1.85% 0 0}
.bloc_news li{padding:0 1.85% 6% 0}
.bloc_news ul{width:94.3%}
.bloc_news li:nth-child(6) span,.bloc_news li:nth-child(12) span{width:95%}
#encarts li{min-height:136px}
#pagination a:link,#pagination-digg a:visited{padding:4px 9px}

.forum_article article span:first-child a:nth-child(2){left:83.3%}

#roadbook .view-more{width:33.3%}.long-column {
    width: 94%;
    clear: both;
    float: none;
  
}
#vie-repaire span p {
    position: relative;
    left: 0;
    top: initial!important;}#vie-repaire img{    margin: auto;
    margin-bottom: 5%;}
	#vie-repaire li:nth-child(1) span:before, 	#vie-repaire li:nth-child(2) span:before, #vie-repaire li:nth-child(3) span:before{   display:none}

.short-column{margin-left:3.5%!important;width:93.3%}#blog {
    width: 94%;
    margin-top: 4%;
}
#blog ul li {
    min-height: 0;}
	#ils-ont-dit {
    width: 93%;
}#ils-ont-dit div {
    padding: 3% 7% 0%;}
#agenda h2{width:20%!important}
.agenda span.date span:nth-child(2){margin:23px 0 0 -36px}
.agenda span.date span:nth-child(1){margin-left:-37px}
.sous-page-index h3{clear:both}
.forum table,.forum h2{width:100%}
.forum h2 a:nth-child(2){top:4%}
#partenaires{min-height:132px;width:93%}
#partenaires h4{width:36%;text-align:center;float:left}
.option .modifier a:first-child{padding:1%}

.double-columns li{max-height:none}
section{float:none}
#social{    width: 56%; margin: 4% auto;}
.monrepaire p{clear:both}
.sous-page-index h2,.option h2{width:100%!important}
ul.option{margin:0 -41% 5% -1%}
.option li:first-child,.option li:nth-child(7),.option li:nth-child(8){padding:2%}
.option li{height:auto}
#blog ul li, #services li {
  
    width: 100%;
    padding: 2% 0%!important;
    border: 0;
    border-bottom: 1px solid #DEDEDE;
}
#services li{border:0}
.is-sticky #nav_main a {
    font-size: 14px;
    padding: 0 5%!important;
}

}

@media screen and (max-width: 768px) {
/* ~~~~~~~~~~~~~Header~~~~~~~~~~~~~~~ */
#nav_main a {padding: 13px 6.8px 0 !important;} 
#nav_main_background { margin-top: 46px;}
#social_links {left: 71%;}


#news-feed span{width:15%}#news-feed ul {
    width: 85%;}#news-feed{    height: 43px;}
#logo img {padding: 10.5px 17px;width: 154px;}
/* ~~~~~~~~~~~~~Body~~~~~~~~~~~~~~~ */
.commentaire_selection article:nth-child(2) { width: 80.8%;}
.title_gradient_all_article {width: 26%;}

.login {margin-left: 163px;
}

#zhumeurs li {  width: 47.5%;margin-right:5%!important}

#zhumeurs li:nth-child(2n){margin-right:0%!important}


}

@media screen and (max-width:600px){
/* ~~~~~~~~~~~~~Header~~~~~~~~~~~~~~~ */


form label, form input, form select, form fieldset input, form fieldset select{width:100%!important}

input[name="mail"] { width: 63%;}
#nav_main a {font-size: 0.7em;  padding: 13px 13.2px 0 !important;}
.is-sticky #nav_main a {
    font-size: 10px;}
#photo-week span {
    width: 100%;}
	#photo-week ul {
    width: 100%;}#photo-week ul img {
    max-height: none;
}
footer form {width: 100%;}
footer > ul:first-of-type li {margin: 5px 13px;}
#head-container{height: 148px;}
#nav_subscribe a {top:46px;}
#nav_subscribe {background-position: 188px 40px;}
#social_links { left: 40%;width: 100%; top: -35px;}

#agenda {margin-bottom:4%;}
/* ~~~~~~~~~~~~~Body~~~~~~~~~~~~~~~ */

	
#breadcrumb {    width: 100%;float: none;padding: 0;}
#topbarhome{    padding: 3%;}

.budget a {font-size:1.1em;}
.agenda span.date span:nth-child(2) {margin: 23px 0 0 -8px;}
.agenda span.date span:nth-child(1) {margin-left: -3px;}
.synthese h2 {width: 100% !important;}
.profil article {width: 48%;}
.profil h1 a {margin-top: -10px;}
.profil span {width: 100%;}
.forum h2 a:nth-child(2) { left: 52%;}
.profil article span a {left: 1%;min-height: 29px;padding-top: 3%;}
.option li:first-child {padding:2%;}
.test h2 {width:50%!important}
.mesavis h2, .mesparis h2 {width:100%!important}
.all_article ul {  width: 50%;}
.title_gradient_all_article{width:34%!important;}
.bloc_news li:nth-child(6), .bloc_news li:nth-child(12) {padding: 0 1.85% 6% 0;}
.commentaire_selection article:nth-child(2) {width: 76.8%;}
.bloc_news li:nth-child(6) span, .bloc_news li:nth-child(12) span {width: 87%!important;}
.bloc_news span {  width: 87%;}
.bloc_news li {  width: 23.1%;}
.title_gradient { width: 20%;}
#slides { margin-bottom: 87px;}
.title_gradient_essais{width:49%!important;}
.essais ul {width: 98.1% !important;}
.title_gradient_all_article_essais{width:40%;}
.essais ul li {width: 48%;}
.all_article_essais { width: 92.8% !important;}
.actu_article h2 {float: none !important;width: 100% !important;}
#pagination a:link, #pagination-digg a:visited {padding: 4px;}
.img_clef {margin-bottom:7%;}
.keys img {max-height: 70%; max-width: 70%;}
.monrepaire h2 {width:100%!important}
.triple-columns img{float:none}
#circuit-card div:nth-child(1), #circuit-card div:nth-child(2) {width:100%}
.triple-columns li, .double-columns div, .double-columns li, .double-columns ul {
    width: 100%; margin: 0; float: none; min-height: 0; max-height: none;}
.four-img span span{width:100%}
.four-img h4{margin-bottom:7px;min-height:0;margin-top:16px}
}

#menu-bt{display:none;}


@media screen and (min-width: 1000px){
	#nav_main > ul > li:hover{    background: #f2f2f3;}
	#nav_main > ul > li:hover > a{color:grey}
#nav_main > ul > li:hover > div{display:flex;}
}




@media screen and (max-width: 800px) {
footer ul { width: 100%; text-align: center; min-height: 0;    padding: 15px;}
.footer-ytp, .footer-ytv {display: block!important;}
	/*translation*/
.goog-te-gadget-simple {display: none!important;}
#mobile-flag {display: block;position: fixed;top: 8px;width: 24px; z-index: 9999;right: 41px;}
#mobile-flag img{width:100%}
header{margin-top: 41px;} 
	/*search bar*/
	#search-container{position: fixed;transform: translate3d(-100vw, 0, 0);transition: transform .3s cubic-bezier(0, .52, 0, 1); z-index: 999;right: inherit;padding: 19px!important;top: 33px;background: 0; width: 100%;}
	#search-container input {padding: 0 10px;}
	
	#nav_main_background{position:fixed;top:39px;margin-top:0;width:100%;height:100%;z-index:111; transform: translate3d(-100vw, 0, 0);  padding-top: 46px;transition: transform .3s cubic-bezier(0, .52, 0, 1);}
	/*Button*/
	#menu-bt{outline:none;display:block;min-height: 0;border:0;padding:0;margin: 0;position:fixed;top:0;  z-index:111;width:100%;box-sizing:border-box}
	#menu-bt div{padding:10px}
	#menu-bt div:after,#menu-bt div:before,#menu-bt div span{background-color:#fff;content:'';width:27px;display:block;height:3px;margin:0 0 5px;transition:all .2s ease-in-out}
	#menu-bt div:after{margin:0}
	.open div:before{transform:translateY(8px) rotate(135deg)}
	.open div:after{transform:translateY(-8px) rotate(-135deg)}
	.open div span{transform:scale(0)}
	
	#home-social { position:fixed;transform: translate3d(-100vw, 0, 0);transition: transform .3s cubic-bezier(0, .52, 0, 1); z-index: 999;}
	#home-social.open-nav {transform: translate3d(0vw, 0, 0)!important;bottom: 0;top: initial;background: white;width: 100%;left: 0;text-align: center;box-sizing: border-box;padding: 10px;}
	#home-social a { margin: 0 8px;}
	
	/*Sous menus*/
	#nav_main > ul{    height: 100vh;overflow: scroll;}
	#nav_main_background.open-nav, #search-container.open-nav{ transform: translate3d(0vw, 0, 0);}
	#nav_main > ul > li{display:block;     padding: 10px; border-bottom:1px solid #004d89;  height: auto;position:relative}
	
#nav_main > ul > li span {
    display: block;
    width: 40px;
    height: 100%;
    top: 0;
    position: absolute;
    right: 0;
    z-index: 999;
}
	#nav_main > ul > li span:after{content:"+";color:#fff;width: 40px;top:50%;transform:translateY(-50%);right:10px;font-family:"Bitter";font-weight:600;line-height:0;font-size:23px;position:absolute}
	.close-sub-nav span:after{content:"-"!important}
	#nav_main ul li a {font-size: 20px;text-align: left;    font-weight: 600; padding: 0 10px!important;line-height: 30px;position:relative;z-index:1;}
	#nav_main ul li > div {width: 100%;display: block; top: 50px;transform: translate3d(-100vw, 0, 0);  border:0;transition: transform .3s cubic-bezier(0, .52, 0, 1);}
	#nav_main ul li > div.open-sub-nav{ transform: translate3d(0vw, 0, 0)!important;  display: block;  z-index: 9999;   height: 100vh; overflow: scroll;}
	#nav_main > ul > li:last-child, #nav_main ul li > div > div:last-of-type div:last-of-type h4{border:0}
	/*Sous sous menu*/
	
	#nav_main ul li > div > div {width: 100%!important;   display: block; border: 0;text-align: left;padding:0}
	#nav_main ul li > div > div div {margin-bottom: 0;}
	#nav_main ul li > div > div div h4 {border-bottom: 1px solid #dedede;border-bottom: 1px solid #d2cdcd;margin-bottom: 7px;}
	#nav_main ul li ul li{width:100%!important;margin-bottom: 4px;}
	#nav_main ul li ul li a{padding:0!important; text-transform: uppercase;   width: 100%;display: block;}
	#nav_main ul li > div > div ul{ display:none;margin-bottom: 13px; text-align: left;}
#logo{position:fixed;top:6px;z-index:999;width:100%;left:47px}
#logo img{display:none}
#head-container{height:auto}
#logo:after{content:"";background:url(/img/logo/lerepaire.svg)no-repeat;height:23px;display:block;top:2px;margin-left:2px;width:100%;position:absolute;background-size:130px}
a.logout img{display:none}
	
	.login:after{content:none}
.logout:after{content:"";display:block;border:0;background:url(/img/icones/logout-m.png)no-repeat;width:40px;height:40px;top:4px;right:0;background-size:74%;    background-position: center;}
	.signin:after{content:"";display:block;border:0;background:url(/img/icones/login-m.png)no-repeat;position: absolute;width:40px;height:40px;top:0px;right:0;background-size:74%;    background-position: center;}
	.signup{display:none!important}
	.signin {
    text-indent: 9000px;
    position: absolute;
    top: 0;
}
	#logo a{width:109px;display:block;position:relative;z-index:3;height:18px}
#nav_main{-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent}
.login{position:fixed;z-index:9999;background:0;top:0;width:116px;margin:0;padding-right:21px;height:24px;text-align:right;right:0}
.login img{background:#fff;height:39px}
.login a span{display:none}

.login a{width:40px;height:40px;display:block;right:0}
	
	#nav_main ul li div a{letter-spacing: 1px;}
	
.forum > div > a:last-of-type{position: relative; left: 91px; top: -12px;}	
	.login > span{display:none!important}
}
@media screen and (max-width: 500px){
.forum-list p span:last-of-type { display: block;}
.last_message_date { float: none; display: block;margin-top: 10px;}
}
@media screen and (max-width: 480px) {
	
.view-more {color: gray !important; background: 0;padding: 12px 0;font-size: 15px;}
.actu-info {float: none;margin-bottom: 6px;display: inline-block;}
	
#footer-share{max-width:100%}
#footer-share span:last-of-type{ width: 48px;} 
#footer-share a{    width: 10%;} 
.forum-title {margin-bottom: 44px;}
.forum-title .view-more { margin-top: 48px!important}
.msg-options { margin: 7px 39px; display: block;}
.msg-date {top: 6px}


.list h4{padding-right: 36px;}

.event dt, .event dd {
    clear: both;
    margin: 2px 0;
}

#topbarhome {box-sizing: border-box;}
.share {border: 0;height: auto;margin: 5px 0 10px;}
.share p {width:100%;border-bottom: 1px solid #f3eded;}
.share > span {margin: 7px 0 0;display: inline-block;}
.share > span:last-child{border:0;top:2px}
.share > span:last-child a:nth-child(3){position: relative; top: 2px; left: -2px;}
.share > span:last-child a:nth-child(4){position: relative; top: -2px;left: -2px;}
	a.more-event {
    margin-left: 0;
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.graph p, .graph .legend-note { width: 100%!important;}
.border{width:100%} 
.border.right{width:auto} 
	progress[value] {
    width: 68%;
}
	.classement-bt{position: relative;right: initial!important;    margin-bottom: 7px!important;
    display: block;
    text-align: center;}.circuit img {

    margin-right: 0%;
    margin-top: 31px;
    width: 68%;
    display: block;
    float: none;
    margin: auto;
    margin-bottom: 10px;
}
aside li {max-height:none;width:30.3%;min-height:120px;} 
aside li span{display:none}
aside img{width:100%}
#zhumeurs li { width:100%;margin-right:0!important}
#zhumeurs li img{height:auto}
.dl-horizontal dt, .dl-horizontal dd {width: 100%;}
.dl-horizontal dd:nth-child(5n), .dl-horizontal a img {position: relative;}
.dl-horizontal dd:nth-child(5n){    background: #05468C;}
.double-columns, .triple-columns, #actuclef, .long-column, .short-column, #news-feed, #saviez-vous, div#dossiers h2{
        padding-top: 33px!important;}
	div#dossiers, #saviez-vous div, #blog ul,#ils-ont-dit, #vie-repaire {
    padding-top: 0!important;
}
.carrousels h2{padding-top:36px}

	#news-feed span {
    width: 96%;float:none;
}#news-feed ul {
    width: 100%;float:none;
}#news-feed {
    height: auto;
}#news-feed > span:first-child:after{right:-14px}
/* Force table to not be like tables anymore */
.tab-res-blue table,.tab-res-blue thead,.tab-res-blue tbody,.tab-res-blue th,.tab-res-blue td,.tab-res-blue tr, .tab-res-white table,.tab-res-white thead,.tab-res-white tbody,.tab-res-white th,.tab-res-white td,.tab-res-white tr{display:block}


.tab-res-blue thead, .tab-res-white thead{display:none}

.tab-res-blue tr,.tab-res-blue, .tab-res-white{border:0}
.tab-res-blue tr td:nth-child(even){background:#fff}

.budget-table tr td:last-child{background:#fff;padding:0;width:100%}
.tab-res-blue tr td:last-child a{width:49%;display:inline-block;text-align:center;padding:14px 0;  background:white;  z-index: 9; position: relative;}
.tab-res-blue tr td:last-child a:before{font-family:"Bitter";color:#898888;font-size:16px;margin-right:7px;position:relative;top:-2px}
.tab-res-blue tr td:last-child a:first-child:before{content:"Modifier"}
.tab-res-blue tr td:last-child a:last-child:before{content:"Supprimer";font-family:"Bitter"}

.tab-res-blue td {border:none;background:#EBEBEB;min-height:17px;position:relative;padding-left:101px;    line-height: 17px;}
.tab-res-white td, .tab-res-white th{padding-left:101px;  position:relative;     text-align: left; }

.tab-res-blue td:before, .tab-res-white td:before{position:absolute;top:0;box-sizing:border-box;left:0;width:88px;white-space:nowrap;height:100%;padding:7px;background:#05468C;color:#fff;font-family:"Bitter"}
.tab-res-white td:before{    background: white;
    text-align: left;
    padding: 4px 10px;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    color: #333;}
.tab-res-blue td:before,  .tab-res-white td:before{ content: attr(data-label); }


	
#portrait div:nth-child(5) img{width:100%}
.col-2 input, .col-2 select, .col-3 input, .col-3 select{width:100%!important}
.col{margin:0!important;width:100%!important}
.fiche a:after{content:none!important}
#post-subscribe a{width: 100%!important;}#post-subscribe a:nth-child(2):after {right: 0;}
#post-subscribe a:nth-child(2){    margin-left: 0;}
#slider .owl-controls{position:relative;right:inherit;top:8px}
.avis-page ul,.photo-avis,.noteplus,.avis-statistique li{width:100%!important}
.avis-form div div{width:97%}
#social{width:100%}
#diaporama-section li{width:100%;margin:0}

.annonces-form input[type="text"],.annonces-form select{width:98%;font-size:9px}
#portrait div:nth-child(4) {
    margin-bottom: 5%;
    width: 100%;
    margin-top: 0;
    text-align: center;
}

#portrait div:nth-child(3){width:100%}
#roadbook ul,#roadbook span,#chroniques ul,#chroniques span,#photo-jour span,#photo-jour ul{width:100%}
.diaporama-full .news-side{width:90%}	
	


#cookies {border-radius: 0; width: 100%; padding: 10px 0;}

#pub{background-color:#e8e8e8;margin:auto;padding:0;min-height:0px;}
#social_links{left:4%;top:-34px}
#slider span{min-height:0}
#slider p{display:none}
.login a{    font-size: 9px;}
#roadtrip h2 { margin-top: 23px;}
#roadtrip .more2 {top: -7px;position: relative;font-size: 24px;}
#nav_subscribe a:nth-child(1){margin-left:135px}
#logo img{width:93px}
#nav_subscribe .login{display:block;margin-top:-4px}
#active{margin:-53% 4% 0}
#slides{margin-bottom:93px}
.budget a{display:block;width:96%}
ul.option{margin:0}
.maptool input[name="maptool_clear"]{float:none}
.generic dd input{clear:both;margin-bottom:16px}
.maptool input[name="search"],.maptool input,.generic input[type="submit"],input[name="save"]{width:100%!important}
#pubenligne{width:97%}
#pub a img{margin: 10px 0;}
#pub-300 img{width:98.5%;height:auto}
.actu-date{text-align:left}
.forum h2 a:nth-child(2){top:90%}
.forum table{padding-top:4%}
.forum th:nth-child(2){font-size:1em;width:41px}
.forum_article article img.avatar{float:none}
.forum_article article span span{width:69%}
a.forums_tools img{width:auto!important;margin-top:-6px!important}
.forum_article article img{width:100%;margin-left:0;margin-top:2%}
.forum_article article span:first-child a:nth-child(2){left:73.8%}
span.like{left:84px;position:absolute;top:65px;width:75px}
.forum_article article p{margin:2.5% 0 0;width:100%}
.profil article h2{width:70%!important}
.profil article{width:47%}
.test img{margin-top:0}
.agenda span.date{width:21%}
.test{width:100%}
.budget input{width:100%}
.agenda section p{margin:0 0 3px 99px}
#actuclef h2{width:100%!important;font-size:1.3em}
#depeches ul{width:100%}
#agenda h2{width:30%!important}
.title_gradient_all_article_essais{width:49%!important}
.title_gradient{width:27%}
.note_avis{float:left;margin-top:4%;width:51%}
.title_gradient_all_article{width:45%!important}
.left_part_div a span{font-size:1em}
.commentaire_selection article:nth-child(2){width:72.8%}
.all_article ul{width:100%}
.all_article ul li{width:96%}
.bloc_news li:nth-child(6) span,.bloc_news li:nth-child(12) span{width:92%!important}
.bloc_news span{width:92%}
.bloc_news li{width:48.1%}
.filter article{width:92%;border-right:0;border-bottom:2px groove rgba(255,255,255,0.5)}
.filter article:first-child{padding:2% 3% 3% 4%}
.filter article:last-child{border:0}
.actu_article img{width:100%}
#maincontent section{float:none}
.sous-page-index h1{font-size:1.5em}
.agenda input{float:left;margin:2%;width:29%}
.forum_list_title{margin:23% 0 1%}
.option li a{font-size:1em}
.left_part_div form select{margin-left:5%;padding:2% 0}
.left_part_div form select:first-child{margin:3% 0 0;width:100%}
.maptool p{padding:1% 0 0 19%}
.maptool input[name="search"]{width:68.6%!important}
.news-side h4{border-top:#05468C 3px solid;padding-top:10px}
.line-top{border:none}
#slider h3{font-size:1.4em;width:97%;padding:2%}
.key-articles li{width:100%}


#photo-jour h2{margin-top:0}
.tab-res-blue tbody tr:first-child{display:none}
h2{width:100%!important}

}

@media screen and (max-width: 320px) {
.border.right{width:100%} 
	.dl-horizontal img{width:auto!important;}
.budget-table tr td:last-child a {
    width: 100%;
   
}.budget-table img{width:auto;}
.budget-table tr td:last-child a:first-child {
    padding-bottom: 6px;
    border-bottom: 1px dotted #EBEBEB;
}
.budget-table tr td:last-child a:last-child {
    padding-top: 10px;
}
#nav_subscribe a {top: 46px;font-size: 1em;}
#nav_subscribe a:nth-child(3){left: 134px;top: 47px;}
#social_links a:nth-child(3) {left: 0;top: 46px;}
#nav_subscribe {background-position: -23px 48px;}

#partenaires a:nth-child(5) img { width:100%;}
#partenaires a:nth-child(5) {height:auto}



a.btn_suivant { margin-bottom: 8%;}
.icon-feed {float:none;margin:0 0 2% 0}
.actu_more {width: 89%;}
.fav {padding: 1% 0 3% 12%;}
.profil h1 a {margin-top: -1px;}

.profil article {width: 46%;}
.option li {width:95%;}
.left_part_div form select {width:88%;}
.profil article h2 { width: 100% !important;}
.mur a, .contenu_onglet input[type="submit"], .contenu_onglet input [id="fileupload"] {float:none;}
.forum_article article span:first-child a:nth-child(3) {text-align: center;top: 3px;width: 100%;}
#profile dt {width:auto;}
.keys span:first-child {min-height: 136px;}
span.like { top: 117px;}

.forum_article article span span {  width: 100%;}
.forum_article article span:first-child a:nth-child(2) {left: 0; top: 100%;width: 96%;}
.forum_article article img.avatar { margin: 14% 0 0;}
.title_link a { margin-top: 4px;width:98%;}
.forum_article article span.author{clear:both}
.forum_list_title {margin: 34% 0 1%;}
.left_part_div a span {margin: 2px 0 6px;}
.bloc_news li {width: 97.8%;}
.title_gradient_all_article { width: 60% !important;}
.title_gradient {margin-top: 2%; width: 34%;}
.all_article_essais ul {width: 100% !important;}
.commentaire_selection article:nth-child(2) {width: 93%;}
.avis_tab li:nth-child(1) {list-style: none outside none !important;width: 45%;}
.all_article ul li {width: 100%;}
#controls { margin: -84% 0 0;}

.categorie {clear:both;float:none;margin-top:5px;}
.forum h2 a:nth-child(2) {left:0;width: 100%;}
.forum h2 img {  margin: -1px 0 3px; width: 30px;}
.forum h2 a:first-child {font-size:0.7em;  padding: 3% 1%;}
.forum table {padding-top: 12%;}
.forum th{width:100%}
.agenda input[name="submit"] {float:none;width:95%;}
.agenda select {margin-left: 7px;width: 93.5% !important;}



.agenda input {float: left; margin: 2%; width: 92%;}
.agenda section p { margin: 0 0 3px;}
.agenda span.date { width: 31%;}
.title_gradient_container { margin-left: 1%;}
.essais ul {margin-left: 1%;}
.essais ul li {width: 97%;}
#slides {margin-bottom: 254px;}
.info a span {display:none;}
#active {margin: -75% 4% 0;}
.info h3 {font-size: 1.1em;}
.info { min-height: 0;padding: 9px 16px 0;}
article img {width:100%;height:auto}

#active{visibility:hidden}

#depeches p{margin-left:138px}
}

.april-line {display: inline-block;width: 100%;margin: 0 auto;padding-bottom:10px;}
.april-line a {font-family : Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight : 400; color: #404040; line-height:18px; text-align:center; display: block;margin: 0 auto;text-decoration:underline;}
.april-line span { display:block; width:100%; float:left;color: #ccc;padding-top: 3px;}
.april-line a:hover {text-decoration:none;}

.cta-essai li {list-style-type: none; background: none;padding:0;}
.cta-essai a {display: inline-block;font-size: 1.3em;font-weight: 600;color: #05468c;padding : 8px 16px;border: #006ce4 2px solid;border-radius: 20px;text-decoration: none;margin: 15px 0;text-align:center;}
.cta-essai a:hover {background: #006ce4;color: #ffffff !important;}

.lien-essais {display: inline-block;width: 100%;margin: 0 auto;padding-bottom:5px;border-bottom:#ff8c00 solid 2px;margin-bottom: 15px;}
.lien-essais p, .lien-essais a {font-family : Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight : 600;color: #02376c;line-height:18px;text-align:left;}
.lien-essais span {display:inline-block;width:100%;color: #ccc;padding-top: 3px;text-align:right;}
.lien-essais a {display: block;text-decoration:underline;}
.lien-essais a:hover {color:#3591c9;text-decoration: none;}
#april-pub {margin-bottom: 5px;}
@media screen and (max-width:599px) {
    .lien-essais, .lien-essais p {line-height: 1.5em;}
    .lien-essais span {text-align:left;}   
}