/* Le Repaire des Motards */
/* ~~~~~~~~~~~~~~GLOBAL~~~~~~~~~~~~~~~~ */
html, body{overflow-x: hidden;padding:0; margin:0; font-size:0.86em; font-family:Arial,Helvetica,sans-serif; color:#333;  background:#efefef; 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 */}
html, body {background:url(/img/layout/background/bk-suzuki-gsxs1000.jpg) #9c9dbc top center no-repeat}
body {cursor: pointer;}
body > *{cursor: default;}
a img {border:none}
p{font-size: 1.1em;color:#404040; line-height:17px;margin: 0 0 1em 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:hover{color:#858585!important}
form, ul, li, ol{margin:0; padding:0}
h1, h2, h3, h4, h5{font-family:"Bitter",Arial,Helvetica,sans-serif;color:#05468C; }
h1{font-size:1.9em;margin:0; padding-bottom:15px}
h2{font-size:1.6em; margin:0; padding-bottom:9px; font-weight:bold}
h3{margin:0; font-size:1.4em;padding-bottom:5px;}
h3:hover{color:#333}
h4{margin:0; padding-bottom:5px; font-size:1.3em!important;}
h5{margin:0; 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;}
.up{float:right;clear:both; padding: 0 1.3% 2% 0;width: 20%;}
.up img{margin-left:2%;}
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;}

.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;}

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%;}
.share img,.share a.img {border:none;position:relative;top: 1px;}
.share p{color:#838383;font-style:italic;width: 63%;float: left;margin: 0;line-height: 24px;}
.share span{border-right:1px solid #f3eded;display:block;width: auto;float: left;height: 24px;padding: 0 1%;line-height: 25px;}
.share span:last-child{border:none;padding-right:0;position: relative;top: 1px;}
.send{top:-1px!important}
.share p bold, .share p time{font-weight:bold}
.img_left img {border:3px solid #ccc;}
strong a{color:#05468C;}
section {}
.uppercase {text-transform: uppercase;margin-bottom: 2%;}
/* ~~~~~~~~~~~~~~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{clear:both;max-width:1000px; 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: 59%;height: auto;min-height: 367px;padding-left: 3.25%;padding-right: 4%;float: left;padding-top: 2%;background-color:#FFF}

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

/* ~~~~~~~~~~~~~~Subscribe~~~~~~~~~~~~~~~~ */
#nav_subscribe{clear:both;margin:0;padding:0;max-width:1000px; margin:auto; height:78px; background:url(/img/layout/bg_suscribe.png)no-repeat; background-position:200px 32px;color:white;}
#nav_subscribe a{font-family:"Bitter",Arial,Helvetica,sans-serif; font-size:1.2em; text-transform:uppercase; letter-spacing: 0.1em; color:white; position:relative; top:39px}
#nav_subscribe .login {margin-left: 220px;}
#nav_subscribe .logout {position:absolute; top:40px;left:50%}
#social_links {left:54%;top:-2px;position: absolute;}
#social_links a{padding-right:4px;}
#abo{ margin-top:31px; width:30%; float:right}

/* ~~~~~~~~~~~~~MAIN MENU~~~~~~~~~~~ */
#nav_main_background{position:relative; z-index:1; 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.4); -webkit-box-shadow:0px 5px 8px 0px rgba(0,0,0,0.4); box-shadow:0px 5px 8px 0px rgba(0,0,0,0.4);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 10px;font-family: "Bitter",Arial,Helvetica,sans-serif;color:white;display: block;letter-spacing: 0.1em;font-size: 1.08em;}
.nav_main ul li.cbp-hropen a, .nav_main ul li.cbp-hropen a:hover {background:#f2f2f3!important;color:#858585!important;}
.nav_main .cbp-hrsub-inner div li a, .nav_main .cbp-hrsub-inner div li a:hover{background:none!important;}
.nav_main .cbp-hrsub-inner div li a:hover{color:#999!important;}
/*Subnav*/
.cbp-hrsub {display: none;position: absolute;left:0;width:1000px;}
.cbp-hropen .cbp-hrsub{display: block;}
.cbp-hrsub h4{color:#3F3F3F;font-size:0.6em!important;text-transform:uppercase!important;letter-spacing:1px;}
.cbp-hrsub-inner{border: grey 1px solid;border-top: 0;padding: 22px;}
.cbp-hrsub-inner div {float: left;padding: 0 18px;width: 17%;border-right: groove 2px #FFFFFF;}
.cbp-hrsub-inner div ul{padding-bottom:10px;float: none;}
.cbp-hrsub-inner div ul li{display:block;height:auto;}
.cbp-hrsub-inner a{margin:0!important;padding:0!important;color:#675e5d!important;font-size:0.6em!important;line-height:21px!important;font-family:Arial, Helvetica, sans-serif!important;letter-spacing:0!important;color:grey!important;font-weight:bold;}
.nav_main .cbp-hrsub-inner > div:last-child{padding-right: 0%;border:0!important}
/*1*/.nav_main li:nth-child(1) .cbp-hrsub-inner div:nth-child(2){width:33%;}.nav_main li:nth-child(1) .cbp-hrsub-inner div:nth-child(2) ul{float:left;padding-right: 34px;}.nav_main li:nth-child(1) .cbp-hrsub-inner div:nth-child(2) h4{clear:both;}.nav_main li:nth-child(1) .cbp-hrsub-inner div {min-height: 350px;}/*2*/.nav_main li:nth-child(2) .cbp-hrsub-inner div:nth-child(1){width:27%;}.nav_main li:nth-child(2) .cbp-hrsub-inner div:nth-child(1) ul{float:left;padding-right: 34px;}.nav_main li:nth-child(2) .cbp-hrsub-inner div {min-height: 300px;}/*3*/.nav_main li:nth-child(3) .cbp-hrsub-inner div{width:20%;}.nav_main li:nth-child(3) .cbp-hrsub-inner div {min-height: 410px;}/*4*/.nav_main li:nth-child(4) .cbp-hrsub-inner div{width:21%;}.nav_main li:nth-child(4) .cbp-hrsub-inner div {min-height: 295px;}.nav_main li:nth-child(4) .cbp-hrsub-inner div:nth-child(3){width:23%;}/*5*/.nav_main li:nth-child(5) .cbp-hrsub-inner div{width:13%;}.nav_main li:nth-child(5) .cbp-hrsub-inner div {min-height: 206px;}
/* menu overlay */
.dark{visibility:hidden;position:fixed;left:0;z-index:-1;top:153px;width:100%;min-height: 89px;
/*Background degradé transparent*/
background:black;background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);opacity: 0;-webkit-transition: opacity .15s ease-in-out;-moz-transition: opacity .15s ease-in-out;-ms-transition: opacity .15s ease-in-out;-o-transition: opacity .15s ease-in-out;transition: opacity .15s ease-in-out;}
#nav_main_background .nav_main:hover .dark{visibility:visible;opacity:1}
/* ~~~~~~~~~~END MENU CODE~~~~~~~~~~ */


/* ~~~~~~~~~~~~~pub google~~~~~~~~~~~ */

.rhtitle span{font-family: "Bitter",Arial,Helvetica,sans-serif!important;}


/* ~~~~~~~~~~~~~pub 1000~~~~~~~~~~~ */
#pub{z-index:1; text-align:center;max-width:1000px; margin:auto;}
#pub a>img{margin: 0 0 5px -5px; border:5px solid #e2e2e2;}
#adiframe{scrolling:no;frameborder:0;width:1000px;height:1800px;}
#curlmark {background:url(/img/pub/curlmark-suzuki.png) no-repeat; display:block; height:100px; position:absolute; right:0; text-indent:-9999px; top:0; width:102px; }
#curlmark:hover	{background-position:-102px 0;}
/*-------------Formulaires-------------*/
#search2{width: 78%;}
#search{float: left;width: 28%;margin: 5px 0 0 17px;}
input[name="q"],input[name="search"]{border:1px solid #cacaca;color:#c5c5c5;padding-left:3%; padding: 2%;}
input[name="mail"]{float:left; border:#c5c5c5; height:30px; color:#c5c5c5; width:79%; padding-left:3%;}
textarea:focus, input:focus{color:#000}
button[class="buttonok"]{ font-family:"ubuntu mono",Arial,Helvetica,sans-serif;background:#05468C;border:none;color:white;cursor:pointer;font-size:1.3em; height:32px;width: 48px;}
button[name="search_button"]{position: relative;left: -4px;width: 16%!important;height: 30px;}

form[name="contact"] label{width: 119px;display: block;float: left;}
form[name="contact"] input, form[name="contact"] select, form[name="contact"] textarea{border:1px solid lightgrey;padding: 1%;position: relative;top: -6px;width: 77%;}
form[name="contact"] p{margin-bottom:5px;clear:both}
form[name="contact"] input[type="checkbox"]{top: 2px;width:auto!important}form[name="contact"] select{width: 79.3%;}form[name="contact"] input[type="submit"], form[name="contact"] input[type="reset"]{color: white;background: #05468C;border: none;width: 25%;margin-top: 16px;display: block;float: right;margin-right: 11px;}

/* ~~~~~~~~~~~~~~SECOND NAVIGATION~~~~~~~~~~~~~~~ */
/*First level*/
#nav_submenu {margin-top:130px} #nav_submenu ul{position:relative;text-transform: uppercase;}
#nav_submenu {margin-top:130px} #nav_submenu ul li{background: #262A35;text-align: center;float: left;width: 20%;padding: 10px 0px;background: -moz-linear-gradient(top,#4c4f59 1%, #000000 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4c4f59), color-stop(100%,# 000000)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,#4c4f59 1%,#000000 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,#4c4f59 1%,#000000 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,#4c4f59 1%,#000000 100%); /* IE10+ */background: linear-gradient(to bottom,#4c4f59 1%,#000000 100%); /* W3C */-webkit-background-size: 100% 200%; -moz-background-size: 100% 200%;background-size: 100% 200%;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .3s linear;-ms-transition: all .2s linear;transition: all .2s linear;}
#nav_submenu {margin-top:130px} #nav_submenu ul li a {font-size: 1.4em;letter-spacing: 1px;font-family: "Ubuntu Mono",Arial,Helvetica,sans-serif;color:#d2d6db;}
#nav_submenu li{border-top:3px solid;}#nav_submenu li:first-child {border-top-color:#d50303;}#nav_submenu li:nth-child(2) {border-top-color:#0350c3;}#nav_submenu li:nth-child(3) {border-top-color:#ffc600;}#nav_submenu li:nth-child(4) {border-top-color:#6faa12;}#nav_submenu li:last-child {border-top-color:#820250;}#nav_submenu {margin-top:130px} #nav_submenu ul li:hover a {color:white!important;}#nav_submenu {margin-top:130px} #nav_submenu ul li:hover ul a{color:#272727!important;}
/*Second level*/
#nav_submenu {margin-top:130px} #nav_submenu ul li:first-child ul{display:block;}
#nav_submenu {margin-top:130px} #nav_submenu ul li ul {display:none;margin-top:10px;background:#e0e0e0!important;left:0!important;position:absolute;width:99%;padding: 0 0 0 1%;}
#nav_submenu {margin-top:130px} #nav_submenu ul li ul li{background:#e0e0e0!important;border:0!important;float:left;width:auto;padding: 6.5px 0 0 0!important;}
#nav_submenu {margin-top:130px} #nav_submenu ul li ul li:last-child{padding-bottom: 6.5px!important;}
#nav_submenu {margin-top:130px} #nav_submenu ul li ul li a {color:#272727;font-size:1.1em;padding:0 6px 0 8px;}
#nav_submenu {margin-top:130px} #nav_submenu ul li ul li+li:before{content:" | ";}
#nav_submenu li:hover{cursor:pointer; background-position: 0 -15px;}
#nav_submenu {margin-top:130px} #nav_submenu ul li:hover ul{display:block;margin-top: 10px;}
#nav_submenu {margin-top:130px} #nav_submenu ul li:hover ul li:hover{background:none!important;}
#nav_submenu {margin-top:130px} #nav_submenu ul li:hover ul li a {color:#272727!important;}
#nav_submenu {margin-top:130px} #nav_submenu ul li ul li:hover a {color:#797272!important;}
/*-----FIN SECOND NAVIGATION*/

/*--border-top-bleu*/
#culture li, #agenda, #actuclef, #pub-txt, .left_part_div, .line-top, #motodujour, .forum h2{border-top:#05468C 3px solid; padding-top: 10px;}

/* ~~~~~~~~~~~~~Bar sous menu~~~~~~~~~~~ */
#topbarhome{width:100%; background:white;float:left; border-bottom: 1px solid #CACACA;position:relative}
#breadcrumb{width: 63%;float:left;padding: 15px 0 11px 3.25%;}
#breadcrumb a:after{content:"  >"; color:#3a3c3f; font-size:0.8em}
#breadcrumb a{color:#05468C; font-size:1.1em;font-weight:bold}
#breadcrumb img{width: 16px;margin-right: 3px;border:0}

/* ~~~~~~~~~~~~~SIDEBAR~~~~~~~~~~~ */
#sidebar{float:left;width: 28.6%;-webkit-box-shadow: -8px -5px 21px  rgba(199, 199, 199, 0.3);-moz-box-shadow:-8px -2px 21px  rgba(199, 199, 199, 0.3);box-shadow:-8px -2px 21px  rgba(199, 199, 199, 0.3); padding: 2% 3.1% 0% 2%; min-height: 1889px}/*----Bloc debat-----*/
#debats{color:#d90000; border-top:#d90000 3px 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;}
/*----Bloc article les plus commenté----*/
.news-side li {background: url(/img/icones/chevron.gif) no-repeat left center;padding:4px 0 5px 10px;}
.news-side 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}
/*----Bloc pub 300-----*/
#pub-txt ul{padding-bottom: 5px;}
#pub-txt li{list-style: Square inside;color:#05468C;}
#pub-300{min-height:231px;margin:5px 0;}
#pub-300 a>img{max-width:100%;width:300px;border:5px solid #e2e2e2;margin-left:-2px}
/*------------BLOC LEFT--------------*/
.left_part_div h3{font-size: 1.5em;}
.left_part_div{position:relative;clear:both;width:100%;overflow:auto;}
.left_part_div ul:last-child{margin-right:0px;}
.left_part_div li{position:relative;width: 100%;min-height:92px; clear:both; margin-bottom: 10px;border-bottom: 1px dotted lightgray;}
.left_part_div li:last-child{margin-bottom:0;border-bottom:0;}
.left_part_div {text-transform:none;}
.left_part_div a h4{margin: 0px 0 3px 23%;font-weight: bold;color: #05468C;font-family: Arial,Helvetica,sans-serif;font-size: 1.3em;font-weight: 700;line-height: 17px;padding-bottom: 0px;}

.date{display:block;font-style:italic;margin-bottom:4px;color:grey;}
.left_part_div ul{margin-top:9px;width: 45.4%;float:left;margin-right:27px;}
.left_part_div form{position:relative;margin-top: 4%; margin-bottom: 2%;}
.left_part_div form select{width:91%; margin-top: 3%;}
#depeches p {margin-bottom:6px;}
.list-news a+span{position:absolute;border-top:30px solid #d90000;border-left:30px solid transparent;top:0;right:0;}
.list-news li img{border:3px solid #ccc;}
.list-news li a span{position:relative;float:left;margin: 0px 7px 4px 0;}
.key {width: 0!important;border-top: 30px solid #d90000;border-left: 30px solid transparent;position: absolute!important;top: 0;right: 0;background: none!important;float: none!important;height: 0px!important;top: 0;margin: 0!important;}
.key span:after{content: url(/img/icones/flamme.png);top: -5px;position: absolute;left: 12px;border:none!important}
.list-news li span:last-child{background: none repeat scroll 0 0 #05468C;color: white !important;font-style: normal !important;height: 20px;line-height: 20px;position: absolute;text-align: center;width: 24px;bottom: 4px;right:0;margin: 0;}
.list-news li span span span{background:none!important;}
.list-news p a:hover{color:#858585}


/*-------FORMS-----*/
#formulaire input[name="mail"]{width:98%;}
#formulaire fieldset{border: 0 none;margin-bottom: 1%;}
#formulaire fieldset p{background: none repeat scroll 0 0 #05468C;color: #FFFFFF;font-family: "Bitter",arial;padding: 1%;}
#formulaire label {width:9em;display:inline-block;padding-bottom:5px}
/*-------BLOC MOTO DU JOUR-----*/
#motodujour{width:92%;padding:10px 0 1% 2%; margin:0 0 2% 3%;position: relative;}
#motodujour h3{text-transform:none; padding-bottom: 17px;}
#motodujour h4{font-family:Arial,Helvetica,sans-serif;color:#414040;margin-bottom:8px}
span.stars{color: #05468C!important;display: block !important;font-size: 3em !important;margin-bottom: 14px !important;}
#motodujour li{float:left; width:30.6%; margin-right:2.5%}
#motodujour li:last-child{margin-right:0;}
#motodujour img:first-child{ width:97%;}
#motodujour strong{margin-bottom:8px;display:block;}
/*-----BLOC ACTU CLES----------------*/
#actuclef{clear:both; width:92%; padding:10px 0 0 2%; position: relative; margin:2% 0 2% 3%;}
#actuclef section {width:100%;}
#actuclef li{border-right: 2px groove rgba(255, 255, 255, 0.5); float:left;padding:0 1.3% 3px; position:relative;width:206px;}
#actuclef li:nth-child(1){padding-left:0;}
#actuclef li:nth-child(4){padding-right:0; border:0}
#actuclef img{display:block;width:100%;border:0}
#actuclef h2{float:left}
#actuclef h3{font-size: 1.2em;text-transform: none;background: rgba(255, 255, 255, 0.8);position: absolute;min-height: 34px;right: 0;left: 0;top: 89px;width: 192px;padding: 6px 7px 6px 7px;}
#actuclef p{margin-top:5%;}
#actuclef a{position:relative;display:block;}
/*----------------------MAIN ARTICLES--------------------------------*/
#mainarticleshome{clear:both;margin:1% 0 1% 0}
#mainarticleshome h3{ margin-top:12px;line-height:23px}
#mainarticleshome img{float:left;width:186px; height:122px;margin-right:3%;margin-top:9px;}
#mainarticleshome li{width:45.25%;border-top:#06377f 3px solid;margin-left:3%; padding-top:10px; margin-top:10px; min-height: 188px; float:left; position:relative}
#mainarticleshome .view-more{width:50%;}
.more2{padding: 6px 9px 7px 12px;position: absolute;right: 0;top: 0;background:#06377f}
/* articles - highlight key articles on list */

/* last articles on home page on sidebar */
#encarts img{border: 3px solid #E6E6E6; float:left; margin:2px 3% 0 3%;}
#encarts li {min-height:146px; margin-bottom:4%;}
#encarts h4{border-top:#06377F 3px solid;padding:10px 0 10px 10px;text-transform:uppercase;color:#06377F;}
#encarts p{padding: 0% 4%;}

/*----------------------BLOC ROADBOOKS--------------------------------*/
#roadbook{width:60%; border-top:#6da30d 3px solid;padding-top:10px; float:left;min-height:231px; position:relative; margin: 0 3% 2% 3%}
#roadbook img{margin: 6px 4% 6px 0;float:left;}
.roadbook img{margin: 18px 4% 6px 0;float:left;border: lightgrey 4px solid;}
#roadbook h2{width:37%;color:#6da30d;}
#roadbook h3{color:#6da30d;}
#roadbook a:nth-child(3){right: 199px;}
.roadbook .bluelink {background:#05468C; color:white;padding:0.5% 1%}
.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;padding-right: 4px;}
.temps img{top:2px}.km img{top:5px}.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;}

/*---------------------BLOC AGENDA--------------------------------*/
#agenda{width:31.2%;text-align:center; margin: 0 0 2% 3%;position:relative}
#agenda h2{width:41%;}
#agenda a{padding: 7px 6px; float:right; }
#agenda li a{color:#05468C; font-weight:bold; width:96%;}
#agenda li:nth-child(odd) a{background:white; } /* even */

.event h2{clear:both;}
.event dl {border-top: solid 1px #CCCCCC;padding-top:10px;margin:0;min-height:80px;}
.event dt {height: 91px;width: 65px;background: url(/img/icones/agenda.png) no-repeat;font-size: 14px;color:#666666;text-align: center;float: left;}
.event dt span {height: 16px;display: block;font-size: 11px;color:#ffffff;text-align: center;padding: 6px 0 5px 0;}
.event dd {margin-left: 50px;padding-left:30px;padding-bottom: 2px;font-size:12px;}
.event dd span {font-weight:bold;}
.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{margin:19px 0 27px 3%;width:95%;position:relative;clear:both}
#culture h3{padding-bottom:12px}
#culture li{float:left; width:30.9%;position:relative;min-height:348px;margin:0 3% 31px 0}
#culture li:nth-child(3){margin-right:0;}
#culture img{width:100%; margin-bottom:10px; max-height:154px;border:0}
#culture a{clear: both;position:relative!important;float: right;}
#culture .culture_more{font-size:1.6em;display: block;position: absolute!important;top: 318px;line-height: 21px;}

/*-------FOOTER------------*/
footer{width:1001px;margin:auto; clear:both; overflow:hidden;background-repeat: no-repeat!important;background-size: 999px 29px;}
footer h3{background: #05468C;letter-spacing:1px; padding:0px;text-align:center;padding: 5px;}
footer h3 a{color:white}
footer h4{padding-top:10px; padding-left:12%;background-color:white}
footer p{width:80%;margin-bottom:0;border-bottom:3px solid #cacaca;padding : 0 15px 13px 22px;min-height: 106px;background-color:white}
footer img{width:100%;}
footer ul{float:left;width:16.58%;border-right: 1px solid lightgrey;overflow:hidden}
footer a{color:#cacaca}
footer li{background:#222;}
footer li:nth-child(2) {padding-top:20px;}
footer li:last-child {padding-bottom:19px;}
footer ul:nth-child(6){border-right:0px}
footer li + li {padding-left:20px;}

/*-------colonnes de liens------------*/
#nav_sub{width:99.98%; min-height:41px;background:#05468C;clear:both;}
#nav_sub ul{ width:1000px; text-align:center; padding-top:1.2%;}
#nav_sub li{background:none; width:100%; display:inline; padding:0; margin:0; text-align:center}
#nav_sub li {color:white; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:1.2em}
#nav_sub li a{color:white;}
#nav_sub li a:hover{color:#cacaca}
#nav_sub li:before{content:"| "}
#nav_sub li:first-child:before{content:none}
/*-------copyright------------*/
#copyright{margin:auto; text-align:center; padding-top:10px}
#copyright a{color:#05468C}
/* --- */
.view-more a {color:white!important;}
.view-more{color:white!important;letter-spacing:1px;padding:7px 15px 7px 15px;top: -35px;text-transform:uppercase!important;-webkit-transition: background 200ms linear;-moz-transition: background 200ms linear;-ms-transition: background 200ms linear;-o-transition: background 200ms linear;transition: background 200ms linear;position:absolute!important;top:0;right:0}
.bkg-blue{background:#05468C!important;}.bkg-blue:hover{background:#0083d9!important;color:white!important;}
.bkg-red{background:#d90000!important;}.bkg-red:hover{background:#870000!important;color:white!important;}
.bkg-apple-green{background:#91c732!important;}.bkg-apple-green:hover{background:#a6e439!important;color:white!important;}
.bkg-green{background:#6da30d!important;}.bkg-green:hover{background:#81c012!important;color:white!important;}
.bkg-darkblue{background:#0350c3!important;}.bkg-darkblue:hover{background:#06377f!important;color:white!important;}
.bkg-pink{background:#820250!important;}.bkg-pink:hover{background:#4e0030!important;color:white!important;}
.bkg-orange{background:#ff6600!important;}.bkg-orange:hover{background:#d05300!important;color:white!important;}
/*------------------------------------SLIDESHOW------------------------------------------*/
/*slider*/
#slider {position: relative;overflow: auto;margin-bottom: 15px;border:3px solid #ccc;max-height:272px;}
#slider p {color: white;}
#slider li {list-style: none; position:relative; float: left;}
#slider img{width:100%}
/* Info Box et boutons*/
#slider span{opacity: 100;line-height:20px; position:absolute; padding: 3%;color:#fff; background-color: rgba(0,0,0,0.7); bottom: 0;width:97%;min-height:51px;}
#slider span:hover{background-color:rgba(0,0,0,0.9);}
#slider h3{padding-bottom: 11px;font-size:1.9em;letter-spacing: 1px;width:550px;color:white}
.dots { position: absolute; text-align: center;  right: 20px;top: 17px;}
.dots li { width: 15px; height: 15px; margin: 0 4px; text-indent: -999em; border-radius: 50%; cursor: pointer;-webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;  background: #bbb;border:0;opacity: 0.5;float:left}
.dots li:hover{opacity: 1;}
#slider .dots li.active{background:#05468C;opacity: 1;}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----SOUS PAGES MAIN--------------*/
textarea{width:100%;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%;}
/*
.rating > span:hover:before {content: "\2605";position: absolute;color:#006fb7}
.rating {unicode-bidi: bidi-override;direction: rtl;font-size:2.5em;}
.rating > span:hover:before,.rating > span:hover ~ span:before {content: "\2605";position: absolute;color:#006fb7}
.rating {unicode-bidi: bidi-override;direction: rtl;float: left;margin: -18px -10px 5px;}
.rating > span {display: inline-block;position: relative;width: 1.1em;}
.rating > span:hover:before,
.rating > span:hover ~ span:before {content: "\2605";position: absolute;color:#006fb7;cursor:pointer}
*/
.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;font-family: "Bitter",Arial,Helvetica,sans-serif!important; color:white!important;background:# 054184;padding: 1%!important;font-size: 1.5em!important; letter-spacing:1px;border:none;}

.right_bottom_info{  color:grey;font-style:italic;text-align: right; margin: 0px;padding:0px ;float:right;padding-left: 2%; }
.nav_item { font-size:12px; margin:25px 0 25px 0;padding:0;clear:both;}
.nav_item p{width:auto;}
.nav_item a{margin:3px;padding:5px;border:solid 1px #2e6ab1;}
.nav_item a:hover {background-color:#2e6ab1;color:#FFF!important}
.nav_item span.current {margin:5px;padding:5px;background-color:#2e6ab1;font-weight:bold;color:#FFF;border:solid 1px #2e6ab1;}
/* annonces */
.annonces-form div{padding-top: 14px;padding-left: 32px;background:#edebeb;padding-bottom: 9px;border: 1px solid #a8a7a7;}
.annonces-form input, .annonces-form select{width:46%;padding: 1% 1%;margin-bottom: 8px;color:#afa89e;border: none;color: grey;}
.annonces-form input{width: 43.3%;}
.annonces-form input[type="submit"]{background:#05468c;color:white;font-family:"Bitter";border:none;text-transform:uppercase;font-size:1.2em;letter-spacing: 0.5px;padding: 2%;margin-top: 0px;width: 39.1%;cursor:pointer;float: left;margin-bottom: 5%;}
.avis-form .nb-annonce{float:none}
.avis-form div{overflow:auto}
.avis-form select{width:100%;padding: 3% 1%;}
.avis-form div div{width: 30%;float: left;padding:0;margin-right: 3%;border:none}
.avis-form label{background: #c3bebe;text-align: center;font-size: 1.4em;font-family: bitter;display: block;padding: 2% 0;border: 1px solid #a8a7a7;margin-bottom: 15px;}
#avis-menu{position:relative;height: 42px;width:100%;background:#05468c;color:white;overflow: auto;padding: 6px;}
#avis-menu td{background:#05468c;font-family: bitter;}
.avis-list td{padding-top: 5px;padding-bottom: 5px;border-left:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.avis-list tr td:last-child{border-right:1px solid #f1f1f1;font-weight:bold;color:#05468c}
.avis-list tr:nth-child(odd){background:#f9f7f7}
.avis-list a{color:#31333a}
.avis-list tr td{padding: 4px;}
.hreview-aggregate .average {font-size:0.8em}
/*Page avis*/
.photo-avis{border: 5px solid #ccc;float: left;margin-top: 3%;margin-bottom: 3%;}
.avis-page h3{margin-bottom: 1%;font-size: 1.4em!important}
.avis-page {display: block;}
.avis-page ul{margin-top: 10%;float:left;margin-left: 1.5%;}
.avis-page ul li{margin-bottom: 5px;background:none}
.avis-page ul span{padding-left:5px;font-weight:bold}
.note{border-radius: 7px;}
.noteplus{padding-top:0!important;float: right!important;width: 16%!important;padding: 6% 2%!important;margin-top: 6%;position:relative;font-size: 5.2em!important;line-height: 37px;}
.noteplus a{position: absolute;font-size: 0.3em;width: 100%;left: 0;bottom: -32px;font-style: italic;background: rgb(247, 240, 240);border-radius: 7px;padding: 5% 0;color: black;font-size: 0.2em;line-height: 23px;}
.avis-commentaire a{float: right;position: relative;top: -25px;font-weight: bold;}
.avis-commentaire p{border-bottom: 1px dotted lightgrey;padding-bottom: 1%;min-height:50px}
.avis-commentaire .author{display:block;padding:10px 0}
.avis-statistique h4{color:#333;}
.avis-statistique{padding-bottom: 0.2%;margin-bottom: 2.5%;width: 100%;margin-top: 10px!important;}
.avis-statistique li{background:none;float:left;width:33%;padding: 0;height: 19px;font-size: 0.9em;font-style: italic;color: grey;}
.age:before{content:url(/img/icones/age.png);padding-right:7px}.km:before{content:url(/img/icones/km.png);padding-right:7px}.ristourne:before{content:url(/img/icones/ristourne.png);position:relative;padding-right:7px;top:2px}.occasion:before{content:url(/img/icones/occasion.png);padding-right:7px}.conduite:before{content:url(/img/icones/conduite.png);position:relative;padding-right:7px;top:3px}.terrain:before{content:url(/img/icones/terrain.png);padding-right:7px}
.avis-modif{margin-top: 3%;}
.avis-modif p{padding-left: 1%;}
.avis-modif p:nth-child(even){background: rgb(250, 245, 245);padding: 1%;}
.avis-modif span{font-style:italic;}
.avis-tab table {width:100%;}
.avis-tab th{text-align:left;height: 26px;padding-left: 10px;}
.avis-tab td{height: 21px;padding-left: 10px;}
.avis-tab tr:nth-child(even){background:rgb(250, 245, 245);}
.avis-menu{clear: both;text-align: center;color: black;border-top: 1px solid lightgrey;padding: 1.5%;margin-bottom: 2px;margin-bottom: 15px;margin-top: 93px;background:rgb(245, 239, 239);}
.avis-menu a{padding: 0 1%;}
.driving{display: inline-block;background: rgb(238, 238, 238);padding: 1% 2%;border-radius: 15px;width: auto;margin-bottom: 8px;}

#filter-A-Z{clear: both;border:1px solid #f1f1f1;padding-top: 7px;}
#filter-A-Z li{display:inline;background:0}
#filter-A-Z a{font-family:"bitter";color:grey;margin-right: 10px;font-weight: bold;}
.fixed {position: fixed!important;  top: 0; width:585px!important; margin-top: 0!important;z-index: 1;height: 42px;}
#infobulleannonce{background:none;}
.nb-annonce{float:left;margin-top: 12px;margin-left: 23px;}
.nb-annonce span{font-weight:bold}
.tooltip{position: relative;background:none!important;width: 20px;float: right;padding-left: 0!important;}
.tooltip ul a{color:white}
.tooltip:hover ul, .tooltip:focus ul{transform:scale(1) rotate(0);opacity:1;}
.tooltip a:first-child{background:#05468c;color:white;padding: 12%;display: block;text-align: center;margin-top: -3px;}
.tooltip ul a:first-child{color:inherit;background:none;text-align:left;display:inline;margin:0;padding:0}
.tooltip ul{opacity:0;position:absolute; color:white;background:rgba(0,0,0,.9);border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.5);transform:scale(0) rotate(-12deg); transition:all .25s;width: 145px;padding: 63%;margin-bottom:10px;z-index: 999;}
.tooltip li{display:block;padding:0;margin-bottom:5px;}
#annonces li{border-top:lightgrey solid 1px; padding: 8px 0;position:relative;background:none}
#annonces p:first-of-type{border:1px solid lightgrey;width:auto;float:right;padding: 1% 5%;font-size: 1.2em;margin-top: -31px;color: lightgrey;}
#annonces li img{width:100px;height:75px;border:5px solid lightgrey;float:left;margin-right: 2%;}
#annonces p:last-child{float: right;position: absolute;top: 57px;right: 0;font-size: 1.6em;font-family: "bitter";}
#annonces li p{font-weight:bold;}

/*--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{margin-top: 34px;min-height: 146px;}
#liens-occa #partenaires a{margin-top: 27px;margin-left: 7%;}
#liens-occa #partenaires h4{width: 100%;font-size: 0.9em!important;margin-top: 3.5%;}
#liens-occa #partenaires span{left: 21px;width: 185px;font-size: 1.2em;padding-left: 13px;text-align: center;height: 39px;}
#liens-occa{clear:both;}
.annoncenum{float: left;width: 50%;padding: 1% 0;border-bottom: 1px dotted lightgrey;margin-bottom: 3%;}
.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;padding: 2%;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;margin:auto}
.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%!important;float:left}
#tabs li{float: left;}#tabs ul{margin-top: 7px;}#tabs ul li a{padding: 9px;margin-right: 6px;font-size: 1.1em;background: rgb(184, 173, 173)!important;color:white;display:block}
#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{margin-bottom: 18px;clear: both;overflow: auto;height: 31px;display: block;}.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;}

/*--------------------------------------------------------------------------*/
/*----Gabarit page listes dernieres actus + points d'entrees----*/
.sous-page-index{min-height:0}
.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 ul{width:100%;margin:0;padding:0}
.sous-page-index li{width:100%;padding: 2% 0 1% 0;margin:0;min-height: 96px;border-bottom: 1px dotted lightgrey;}
.sous-page-index h1{font-size: 1.8em;padding-bottom:0%;}
.sous-page-index h2{font-size: 1.4em;letter-spacing:1px;margin:10px 0 5px 0;padding-bottom:0px}
.sous-page-index h3{font-size: 1.2em;text-transform:none;margin-bottom:3%;background-size:100%}
.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: 1.2em; font-weight: bold; background-color:#CACACA;color: white;float:right;padding: 0.5% 1%;position:relative;z-index:1}
.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{border: 1px solid lightgrey;float:left;height:73px;margin: 2% 6% 0 0;padding:2%;padding: 0% 2% 0% 2%;}
#partenaires a:nth-child(3) img{position: relative;top: 3px;}
#partenaires a:nth-child(4) img{position: relative;top: 19px;}
#partenaires a:nth-child(5){padding:0;margin-right:0}
#partenaires h4{float: left;width: 48%;margin-top: 1.5%;text-align: center;}


/*-----Categories en listes----*/
.all_article{width: 97%;clear:both;margin:0 0 0 3%;}
.all_article ul li a{color: #006FB7;font-family: "Volkhov",Arial,Helvetica,sans-serif !important;font-size: 1.5em;}
.all_article ul {margin: 1% 0 3% 0;width:25%;float:left;}
.all_article ul li{border-bottom:1px solid #e2e2e2; padding: 2% 0; width: 85%;}
.all_article ul li ul{clear:both;float:none; display:none;width: 100%;}
.all_article ul li ul li{border-bottom:none;}
.all_article ul li ul li a{color:#666; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}
.all_article ul li span:nth-child(2){float:right;width:12px;}
.all_article ul li:last-child{border:0}
.all_article img{border:0}
/*-----Categories en listes------Specifications essais*/
.all_article_essais{width:43.8%!important;float:left!important;clear:none!important;}
.all_article_essais ul{padding: 2% 12% 0% 0%; width: 43.8%!important;}
.all_article_essais ul:last-child{padding-right:0}
.all_article_essais ul li{width:100%;}
.all_article_essais ul li ul li {width:300px;}

/*** categorie marques */

.filter_by_brand{width: 100%;border-top:#05468C 3px solid;margin-bottom:1%;}
.filter_by_brand h3 {font-family:Arial, Helvetica, sans-serif; color:#05468C;padding:2% 0 0 2%;width: 95%;font-size:1.5em;}
.filter_by_brand ul li a{color: #05468C;font-size: 1.5em;}
.filter_by_brand ul {margin: 1% 2% 3% 2%;width:45.5%;float:left;}
.filter_by_brand ul li{border-bottom:1px solid #e2e2e2; padding: 2% 0 0 0; width: 100%; min-height:0;}
.filter_by_brand ul li ul{clear:both;float:none;display:none;width: 100%;}
.filter_by_brand ul li ul li{border-bottom:none;}
.filter_by_brand ul li ul li a{color:#666;  font-size:1.2em;}
.filter_by_brand ul li span:nth-child(2){float:right;width:12px;position:relative;border:0;}
.filter_by_brand ul li:last-child{border:0}
.toggle img{border:0!important}

/*--------------------------------------------------------------------------*/
/*----GABARIT D'UN ARTICLE----*/
.article ul{margin-bottom:2%;margin-right:16px; width:100%;float:none;clear:both}
.article a{color:#05468C}
.article h4{border-bottom:1px solid #e3e3e3;  margin-bottom: 2%;}
.article h1 {border-top:1px solid #e3e3e3!important;margin-top:2%;padding-top:3%;padding-bottom:2%;}
.article ul li{min-height:0;height:auto;float:left;list-style: Square inside!important; }
.article span{float:right;margin-top:2%;}

/*PRONOSTICS*/
.flag{border: 6px solid rgb(236, 233, 233);float: left;margin-right: 14px;width: 14%;position: relative;top: -9px;height: auto;}.podium, .classement, .stat, .regle, .point{clear: both;border-top: 1px dotted rgb(216, 216, 216);padding-top: 13px;margin-top: 29px;display: block;}.podium:before{content:url("/img/icones/podium.png");margin-right: 7px;}.parier{text-align: center;font-size: 1.4em;font-weight: bold;background:#DFDFDF;width: 99%;margin-top: 18px;padding: 1% 1% 1.8% 0%;float: left;border-radius: 7px;}.parier a{color:#FFF;}.parier a:hover{color:#000!important;} .parier img{position:relative;margin-right: 8px;top: 4px;}select[name="race"]{border-color: lightgrey;width: 100%;padding: 1%;margin-bottom: 2%;}.classement, .stat{margin-top:18px}.classement:before{content:url("/img/icones/classement.png");margin-right: 7px;}.stat:before{content:url("/img/icones/stat.png");margin-right: 7px;}.podium:hover, .classement:hover{color:#05468C}.classementul li{background:none;margin:0;padding:0;font-weight:bold;margin-bottom: 6px;margin-top: 5px;}.classementul li:nth-child(1){float:left}.classementul li:nth-child(2){float:right}.sortable th{background:#DFDFDF;border:rgb(204, 204, 204) 1px solid;cursor:pointer}.sortable td{padding: 6px!important;}.statul{float:left;width: 45%;margin-top: 17px;}.statul li{margin-bottom:5px}.statul h5{margin-bottom:3px}.statp{text-align:right;font-weight:bold;font-size: 12px;}select[name="bet1"], select[name="bet2"], select[name="bet3"]{width: 68%;padding: 0.5%;margin: 5px;border-color:lightgrey}.flagsub{margin-top: 24px;font-size: 1.5em;font-family: "Bitter";font-weight: bold;}.flagsub .flag{width: 21%;margin-bottom: 13px}.podium-img{float:left;display:block;width:24%;margin-right: 20px;}.podiumsub{margin-bottom: 17px;}.pointul li{background:none;padding: 0;list-style-type: disc;margin-left: 15px;margin-bottom: 4px;margin-top: 5px;font-size: 13px;}
.greenbt{background:#2A9920}.redbt{background:#CE2121}

/*--------------------------------------------------------------------------*/
/*----Gabarit page des listes----*/
.main-tips{margin-top:2%;text-align: center;margin-bottom: 3%;font-style:italic}
.annuaire li img{border:none!important;width:auto!important;height: 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{background:#eee;padding: 1%;margin-top: 3%;clear:both;overflow: auto;}
.group p{border:none!important;margin:0!important;color:grey!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"}
.vcard{padding-bottom: 16px;}
/*Specifications guides des avis*/
ul.list{width:100%;border-bottom:1px solid #e3e3e3;}
ul.list li{width:30%;float:left;clear:none;min-height:0;height:auto;border:0;color:#404040;}
ul.list li:nth-child(1){width:15%;}
ul.list li:nth-child(2){width:28%;}
ul.list li:nth-child(3){width:10%;}
ul.list li:nth-child(4){width:10%;}
ul.list li:nth-child(5){width:10%;}
ul.list li:nth-child(6){width:10%;}
ul.list li:nth-child(7){width:12%;}
ul.list li:nth-child(8){width:4%;background:#548e30;color:white;text-align:center; padding: 0.2% 0;margin-top:10px;}
.list_title li{ color:#548e30!important;}
ul.list_title li:last-child{background:none;color:#548e30}
.list_title { margin-top: 3%;}
.filter{margin-bottom:13%;}
.filter img{border:0;width:49px}
.filter article{width:27%;float:left;clear:none;border-right:2px groove rgba(255, 255, 255, .5); padding: 2% 3% 3% 4%;}
.filter article:last-child{padding-right:0;border-right:0}
.filter section{overflow:auto;margin-top:0;border-top: 1px solid #e3e3e3;}
.filter article:first-child{ padding: 2% 3% 3% 3%;}
.filter input[name="submit"]{    background: none repeat scroll 0 0 #548E30;border: 0 none;color: white;float: right;font-family: "Volkhov",Arial,Helvetica,sans-serif;font-size: 1.2em;left: 66.5%;letter-spacing: 0.5px;padding: 1% 0.5% 0.5% 0.8%;position: absolute;text-transform: uppercase;top: -2px; }
.filter label{font-family: "Volkhov",Arial,Helvetica,sans-serif;font-size:1.4em;text-transform:uppercase}

.list img,.read img { border:none;}
.list,.read { margin-bottom: 2%;border-collapse:collapse;clear:both}
.list td,.list th { border-bottom:1px solid #ccc;padding: 5px 0px 5px 10px;line-height:18px}
.list th {  white-space:nowrap; font-family: "Volkhov",Arial,Helvetica,sans-serif; font-size:14px;color:#054184;text-transform:uppercase;}
/* .list td:nth-child(2){  padding-left:25px; } */
.list h4 a,.list h4 {  font-size: 12px;padding:0px;margin:0px;}


.forum-list-date{color:grey;font-style:italic}
.read { width:100%;clear:both}
.read td{min-height:30px;background: rgb(250, 250, 250);padding: 0 2%;}
.read td.message-subject { height: 37px;font-size: 1.1em;border-top: 3px solid #05468C!important;background: #EEE;}
.read td.message-subject a {color: #404040;font-family: Arial,Helvetica,sans-serif;color:#05468C}
.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;}
.message-read{line-height: 16px;}
.message-read a[target=_blank]{color:#05468C;font-weight: bold;}
.new-flag{float: right;top: -7px;position: relative;}
.newsubject{background: #05468C;padding: 2%;display: inline-block;color: white;text-transform: uppercase;font-family: "Bitter";font-size: 1.2em;font-size: 0.6em;}
.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-nb-reply, .forum-nb-view{display:block;text-align:left;color:grey}
.forum-nb-reply:before{content:url("/img/icones/reply.gif");margin-right:4px}
.forum-date{color: grey;}
.forum-nb-view:before{content:url("/img/icones/view.gif");margin-right:4px}
.last-reply{margin-left: 1px;color: grey;text-align:left;font-size: 0.8em;}
.last-reply a{display:block;font-size: 1em;font-style:italic;font-weight:bold;position: relative;line-height: 8px;color:grey}
.last-reply img{border: 2px solid lightgrey;display: block;float: left;margin-right:7px;width:40px;height:40px;margin-top: 3px;}
.last-reply span{position: relative;top: 3px;}
.post-author{font-weight:bold}
.list th{padding-right: 11px;color: white;background: #05468C;}
.list-forum th{background: rgb(248, 247, 247);color:#2e2e2e}
.list td{border-color:#F0F0F0}

/*--------------------------------------------------------------------------*/
/*----Gabarit forums----*/
.forum h2{margin-top: 6%;}
.forum h2 a{text-transform:uppercase;color:#05468C;font-family: "Bitter",Arial,Helvetica,sans-serif; }
.forum img{float: left;border: 4px solid #E6E6E6; margin: 26px 2% 10px 0; }
.forum h3{font-size:1.8em;border-bottom: 1px solid lightgrey;margin:21px 0 -13px 0; }
.forum h3 img{  width:36px;border:0;float:right;margin: -2px 0 0 0;height:auto; }
.forum h3 a:first-child{  background:#05468C;font-size:0.8em;text-transform:uppercase;color:white;font-weight:normal;padding: 1% 2.2%;top: 1px;position: relative; }
.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 p{  font-weight:normal; width: 84.5%; margin-top:23px!important; }
.forum strong{ font-size:20px;float:right;color:#05468C;font-family: "Bitter",Arial,Helvetica,sans-serif; }


/*.btn_suivant{float:right}
.btn_suivant img{    margin-left: 13px;}
.btn_precedent img{margin-right: 13px;}
.btn_suivant, .btn_precedent { font-size: 1em;text-transform:uppercase; font-family: "bitter";}
.btn_suivant img, .btn_precedent img{ position: relative;top: 6px;}*/
.clear{clear: both;}
/*----Gabarit mur----*/
.mur article{clear:both;margin-top:2%;overflow: auto;margin-bottom: 4%;position:relative}
.mur img{width:15%;height:auto;float:left;margin-right:2%;border: 3px solid lightgrey;}
.mur a:first-child{background:none;font-weight:bold;float:none;font-family: "Bitter",Arial,Helvetica,sans-serif;color:#05468C;font-size:1.4em;margin-right:1%;}
.mur a:nth-child(3){background:#39F}
.mur a, .contenu_onglet input[type="submit"]{border:0;float:right;background:#05468C;font-family: "Volkhov",Arial,Helvetica,sans-serif;font-size:1em;text-transform:uppercase;color:white;padding : 1%;position:relative;cursor:pointer;font-style: normal;}
.mur span{padding-bottom: 8px;margin-bottom: 8px;display:block;border-bottom:1px solid lightgrey; width: 80%;margin-left: 20%;font-style: italic;}
textarea.comment_message {  min-height:0;margin-top:2%; float: right;width: 80%;max-width: 466px; }
.mur p{ float: right; margin-top: 2%; width: 80%;}
.mur_comment{ float: right;width: 80%!important;}
span.mur_like {   float: right; margin-left: 0px; border: 0px; width: auto; }
span.mur_like span {  margin-left: 0px; border: 0px; display: inline; }
.mur h5, .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; }
.like{top:3px;padding:1.5%!important}
.mur p a {font-size: 1.2em!important;display: block;padding: 3% 0 0 0!important;}
.onglets {margin: 0% 0 9% 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;}
#submit_newaction_video_btn{top: 25px;}
#newaction_video{border-color: rgb(235, 229, 229);width: 97%;padding: 1%;}
.contenu_onglet{display:none;margin-top: 11px;line-height: 23px;}
.contenu_onglet input[type="submit"]{padding: 1% 4%;background: grey;position: relative;top: 7px;right: 14px;}
.contenu_onglet form{margin: 3% 0!important;}
.contenu_onglet textarea{width: 96%;max-width: 96%;min-height: 88px;border-color: rgb(235, 229, 229);padding: 2% 0 0% 3.5%;margin-bottom: 11px;}
.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 section{width:100%;}
.italic{font-style:italic;}

.agenda span {border-bottom:1px lightgrey solid;padding-bottom: 6px;margin: 0 0 8px !important;font-size: 1.1em!important;}
.agenda a{color:#05468C; font-weight:bold;}
.agenda a.put_fav {float: right;width:auto;margin-top: -0.5%;padding: 0.5% 1%;}
.agenda a.put_fav img{width:82%!important;border:none;float:right;}
.agenda span.date{width:13%;display:block;min-height: 81px;float:left;background:url(/img/icones/agenda.png)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;}

.agenda form{border:1px solid lightgrey;margin-top:0}
.agenda input{width: 33%;margin: auto;float: left;margin: 2%;}
.agenda select{width:33%!important;margin-top:2%!important;height: 22px;}
.agenda input[name="submit"]{float: right;width: 24.8%;padding: 3px 0px 2px 0;background:#05468C; color:white;text-transform:uppercase;font-family: "Volkhov",Arial,Helvetica,sans-serif;border:0;letter-spacing:1px;}

/*----Gabarit Monrepaire----*/
.display_more{display:none;}
.monrepaire p{margin:2% 0}
span.display_and_admin { clear: both;border-bottom: 1px dotted lightgrey;width: 100%;display: block;text-align: right;padding: 6% 0 2% !important;margin-bottom: 5%;cursor: pointer;font-weight:bold;color:#05468C;transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}
/*Actus fav*/
.actufav, .monbudget{clear:both;overflow:auto}
.actufav h2 img, .monbudget h2 img, .suivies h2 img{position:relative;top: 4px;margin-right: 4px;}
/*Discussions suivies*/
.suivies{overflow: auto;margin-top: 14px;}
.suivies ul, .actufav ul, .budgetlist{margin:1% 0}
.suivies ul li, .actufav ul li, .budgetlist li{min-height:0;border: 0;padding: 1% 2%;width: 96%;}
.suivies ul li:nth-child(odd), .actufav ul li:nth-child(odd), .budgetlist li:nth-child(odd){background:rgb(247, 247, 247)}
.suivies ul li span, .actufav ul li span{font-size:10px;margin:0;font-style:italic}
.suivies ul li span:nth-child(2), .actufav ul li span:nth-child(2),  .budgetlist li span:nth-child(2){float: right;margin-right: 2px;font-weight: bold;font-style: normal;}
.suivies ul li span:nth-child(2) a, .actufav ul li span:nth-child(2) a{color: grey}
/*Mon budget motard*/
ul.budget{margin :2% 0;width: 100%;display: block;}
.budget a{color:white;font-family: "Bitter",Arial,Helvetica,sans-serif;font-size:1.3em;text-transform:uppercase;display: block;float: left;padding: 2%;text-align: center;}
.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;}
.budget li{min-height:0;margin:0;padding:0;overflow:hidden;border:0;margin-top:1%;padding:2%; padding: 2% 0 2% 0;}
.budget li span{  float:right; padding-right:5px;font-size:1.5em;color:#0169b0;font-family: "Volkhov",Arial,Helvetica,sans-serif; }
/*Encarts roadbook avis paris annonces*/
.encarts-monrepaire{width:47%;float:left;margin-right: 6%;margin-top: 35px;}
.encarts-monrepaire h3 a, .option h3 a{font-family: "Bitter",Arial,Helvetica,sans-serif;color: #05468C;font-size: 1.2em;}
.encarts-monrepaire h3 a:nth-child(2), .option h3 a:nth-child(2){float: right;font-size: 1em;color: white;background: #05468C;padding: 2%;}
.encarts-monrepaire h3, .option h3{border-bottom:1px dotted lightgrey;margin-bottom: 7%;}
.encarts-monrepaire img{float:left;margin-right:10px;border:5px solid rgb(236, 232, 232);}
.encarts-monrepaire h4{font-size: 1.1em!important;margin:0!important}
.mesannonces, .mesparis{margin-right:0}
.mesavis .note{margin: 0;position: relative;top: 8px;margin-bottom: 8px;margin-right: 9px;color: white;font-size: 2em;line-height: 24px;}
.mesparis img{width:11%;border:3px solid rgb(236, 232, 232)}
.mesparis p{height: 28px;line-height: 27px;}
.fav{background:url(/img/icones/favoris.jpg)no-repeat; padding: 0.5% 0 1% 6%;}
.option p{font-weight:bold;}
.option div p{font-weight:normal}
.option h2{border-bottom: 1px dotted lightgrey;margin-bottom: 11px;padding: 2px;}
.profil article span a{background: rgba(255, 255, 255, 0.8);position: absolute;width: 97%;bottom: 0;left: 3%;font-weight: bold;color: #05468C;text-transform: uppercase;text-align: center;padding: 7% 0;font-size: 1.5em;}
.profil article span{  display:block;position:relative;padding: 3% 3% 3% 0;width: 100%; height: 130px; }
.profil article{  float:left;width:130px;margin: 1% 25px 10% 0%; }
.profil article img{  width:100%;height:130px; border:4px solid #E6E6E6; }
.profil article:last-child{margin-right:0}
.profil .amis {min-height: 150px }
.amis img {width: 77px; height: 60px; margin: 0% 0% 3% 3%; border: 3px solid lightgrey; }
.amis ul {width:290px; float: right;margin: 5% 0% -5% 0%; }
.monrepaire h1 a{float: right;font-family: "Bitter";font-size: 0.7em;background: #05468C;color: white;padding: 1% 2%;position: relative;top: -10px;}
.option li{background: lightgrey;text-align: center;padding: 2%;margin: 2% auto;font-size: 1.3em;font-weight: bold;}
.option a{font-family:"Bitter"; color:white}
.option li:hover{cursor:pointer;}

.test h1{font-size:1.4em;border-bottom: 1px solid lightgrey;margin-bottom:4%}
.test h1 a {margin-top:1px;}
.test{width:48%;float:left;overflow:auto; margin :2% 0}
.test img{width:40%;float:left;margin-top: 4%;}
.test h2{  font-size:1.4em; margin-top:0;padding-bottom:5px; }
.test h4{  font-size:1em; margin-top:0;padding-bottom:5px; border-bottom: 1px dotted lightgrey; }
.mesroadbooks, .mesavis{margin-right:4%!important;}
.test span{overflow:auto;}
.mesavis h2, .mesparis h2{  width:100%;margin-bottom: 3%; }
.mesavis p, .mesparis p{margin:0}
.mesparis p{margin-bottom:3%;}
.mesavis span span{font-size: 2.3em;color:#05468C}
.mesannonces li {  min-height: 0px;}
.test a:nth-child(2){  color: white!important; background: #05468C; text-transform: uppercase; padding: 2%; float: right; margin: -11% 0% 0% 0%; font-weight: bold; letter-spacing: 1px; }
.option .modifier a:first-child{  color: white!important; background: #05468C; text-transform: uppercase; padding: 3%; font-weight: bold; float:right}
.option > .gradient {padding: 6%;clear:both}
.mesparis li{  min-height:0px; padding 5px; }

/*Colors*/
.darkblue{color:#0B0B83;border-color:#0B0B83;}
.darkblue h1, .darkblue a span{color:#0B0B83}
.darkblue .nb_comment{background:#0B0B83}
.green, .green h1, .green h3, .green h2, .green h4{color:#548e30;width:100%;border-top-color:#548e30}
.green a span{color:#548e30}
.green .nb_comment{background:#548e30}
.oranges h1, .oranges h2, .oranges h3, .oranges h4, .oranges, .oranges a span{color:#d05300!important;border-color:#d05300!important}.oranges span.see_all {background:#ff6600}.oranges a.more2, .oranges .nb_comment{background:#d05300!important}
.bloodyred h1, .bloodyred h2, .bloodyred h3, .bloodyred h4, .bloodyred span, .bloodyred{color:#870000!important;border-color:#870000!important}.bloodyred span.see_all{background:#d50303; font-size: 0.95em!important;}.bloodyred a.more2{background:#870000!important;font-size:1.2em!important;}
.darkpink h1, .darkpink h2, .darkpink h3, .darkpink h4, .darkpink span, .darkpink{color:#4e0030!important;border-color:#4e0030!important}.darkpink span.see_all{background:#820250;}.darkpink a.more2{background:#4e0030!important;}.darkpink{clear:both}

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:3px solid #ccc;}
#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:3px solid #ccc;margin:0 0 5px 5px}
.right{float:right}
.left{float:left}
.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{border-top:1px solid #CCC}
.line{border-top:1px solid #CCC;margin:0 30px}
.note{float:left;height:40px;width:70px;text-align:center;font-size:36px;color:#fff;padding-top:18px;margin-right:10px}

.note0 {	background: url(/img/icones/synthese-0.gif) no-repeat ; }
.note1 {	background: url(/img/icones/synthese-1.gif) no-repeat ; }
.note2 {	background: url(/img/icones/synthese-2.gif) no-repeat ; }
.note3 {	background: url(/img/icones/synthese-3.gif) no-repeat ; }
.note4 {	background: url(/img/icones/synthese-4.gif) no-repeat ; }
.note5 {	background: url(/img/icones/synthese-5.gif) no-repeat ; }

.note_small {float:left;height:50px;width:60px;padding-top:9px;text-align:center;font-size: 24px;color:#ffffff;}
.note_0 {	background: url(/img/icones/synthese-0_.gif) no-repeat ; }
.note_1 {	background: url(/img/icones/synthese-1_.gif) no-repeat ; }
.note_2 {	background: url(/img/icones/synthese-2_.gif) no-repeat ; }
.note_3 {	background: url(/img/icones/synthese-3_.gif) no-repeat ; }
.note_4 {	background: url(/img/icones/synthese-4_.gif) no-repeat ; }
.note_5 {	background: url(/img/icones/synthese-5_.gif) no-repeat ; }

.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;}

.grey{border:solid #e6e7e8 thin;width:100%;border-collapse:collapse;margin:0;padding:0}
.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}

/* 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:10}
#adfooter-inner{height:60px;text-align:center;background:#FFF;border-top:solid 2px #0F0F0F;display:block;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:10}
.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}
/*
.diaporama{width:93.5%!important;padding-left: 3.25%!important;padding-right: 3.25%!important;}
.diaporama .share:nth-child(3){float:right;margin-top: 1.5%;}
.diaporama-encarts h5, .diaporama-encarts p{padding: 10px;}
.diaporama-encarts{width:65%;float:left;}
.diaporama-encarts li{float: left;width: 48%;margin-right: 21px;min-height: 260px!important;}
.diaporama-encarts h4{font-size: 1.7em!important;}
.diaporama-encarts img{width:53%;height: 100%;margin: 11px 3% 1% 3%!important;}
.diaporama-encarts li:last-child{margin-right:0;}
.diaporama > #pub-300{clear: both;float: left;margin-right: 19px;margin-top: 0;}
.diaporama .share .nav_item a, .diaporama .share .nav_item span.current {margin: 0px 12px 0 0!important;padding: 5px 8px;}

*/
#photo{width:600px;float:left;margin:20px 0 0 -20px;padding:0}
#photo .border-gray{border:10px solid #f1f1f1;padding:0}
#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:5px}
#photo-vignettes{text-align:center;margin:5px 0 0 5px;padding:10px 0}
#photo-vignettes img{margin-right:1px}

div.tab{width:100%; margin:0; padding:0;display:block;}
div.tab:after{content:"\A"; display: block; clear: both; }
div.col{float: left; width: 50%; margin: 0 ; padding:0; }
.minus,.plus{color: white;font-size: 1.5em;padding: 2% 4%;}
.minus{background-color:#CC0000; }
.plus{background-color:#33CC00; }
.eval{height:22px; font-weight:bold; text-align: center;padding-top:3px;}
.warning {background-color: #ffff80;}
.pad{
width:200px;
float:right;
padding:5px;
margin:5px;
border:solid thin #CCCCCC;
background-color:#F5F5F5;
}

#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;}	

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:0.3;
    position:fixed;
    bottom:50px;
    right:5em;
    display:none;
    text-indent:-9999px;
    background: url('/img/icones/arrow-top.png') no-repeat;
}