/*************** CSS DE LA PAGE HOME */
.twocolright#content{ width:980px; background:url(/fileadmin/templates/img/home-bg-colleft.gif) repeat-y left bottom;}
li.all a{ color:#669933; display:block; padding:4px 15px 8px; font-style:italic; margin-top:8px }
.twocolright#content ul, .twocolright#content ul li{ margin:0; padding:0; list-style:none}
.twocolright#content h2{ margin:0; padding:0;}
.twocolright#content h3{ margin:0; padding:0; font-size:1em}
.twocolright#content .colleft{ float:left; width:748px; }
.twocolright#content .colleft .player{width:748px; position:relative}
.twocolright#content .colleft .player ul#noscript{ font-size:0.9em; color:#4A4A4A; margin:2px; padding-left:15px; background:#fff}
.twocolright#content .colleft .player ul#noscript li{color:#4A4A4A; list-style:disc; padding-left:10px}
.twocolright#content .colleft .player ul#noscript li a{  color:#4A4A4A; text-decoration:underline}
.twocolright#content .colleft .player ul#noscript li a:hover{ text-decoration:none}
.twocolright#content .colleft .cleft{width:473px; float:left; background:#f3f1eb url(/fileadmin/templates/img/home-bg-cleft.gif) repeat-y right -30px}
.twocolright#content .colleft .cleft .firstcol{width:251px; float:left}
.twocolright#content .colleft .cleft .firstcol ul{ margin:0 8px 0; padding:0 }
.twocolright#content .colleft .cleft .firstcol ul li{ margin:0 0 5px 0; padding:0;font-size:1em;}
.twocolright#content .colleft .cleft .firstcol ul li a{ display:block }
.twocolright#content .colleft .cleft .firstcol ul li a:hover{ cursor:pointer}
.twocolright#content .colleft .cleft .firstcol ul li a img{ display:block; float: left; border:#e4e2df solid 1px; }
.twocolright#content .colleft .cleft .firstcol ul li a:hover img {border:#C43517 solid 1px; cursor:pointer  }
.twocolright#content .colleft .cleft .firstcol ul li a span{ display:block; float: left; width:140px; margin-left:10px;  height:49px; border-bottom:#e4e2df solid 1px; }
.twocolright#content .colleft .cleft .firstcol ul li.last a span{ border-bottom:none; }
.twocolright#content .colleft .cleft .secondcol{width:222px; float:left}
.twocolright#content .colleft .cleft .secondcol ul{ margin:0; padding:0}
.twocolright#content .colleft .cleft .secondcol ul li{ font-size:.9em; border-bottom:#e4e2df solid 1px; padding:0 ; margin:0 0 5px 0 ; margin-right:15px; height:49px}
.twocolright#content .colleft .cleft .secondcol ul li.last{ border-bottom:none;}
.twocolright#content .colleft .cleft .secondcol ul li a{ display:block; padding-right:15px; }
.twocolright#content .colleft .cleft .thirdcol{width:473px; float:left; background:#ece9e1 url(/fileadmin/templates/img/home-bg-thirdcol.gif) no-repeat left top; min-height:120px}
.twocolright#content .colleft .cleft .thirdcol ul{ margin:4px 9px 4px; font-size:0.9em }
.twocolright#content .colleft .cleft .thirdcol ul ul{ margin:0; font-size:1em }
.twocolright#content .colleft .cleft .thirdcol ul li.all a{ background:url(/fileadmin/templates/img/home-bg-picto.gif) no-repeat left top; }
.twocolright#content .colleft .right{width:274px; float:left; background:#f3f1ec }
.twocolright#content .colleft .right h3{float:left; margin-top:5px }
.twocolright#content .colleft .right h3 a#deplivente{ display:block; background-image: url(/fileadmin/templates/img/titres/home-enligne-envente.gif); background-repeat: no-repeat ; background-position:left bottom; width:135px; height:24px}
.twocolright#content .colleft .right h3 a#deplivente.active{  background-position:left top; }
.twocolright#content .colleft .right h3 a#deplivente.inactive{  background-position: inherit; }
.twocolright#content .colleft .right h3 a#depliligne{ display:block; background-image: url(/fileadmin/templates/img/titres/home-enligne-envente.gif); background-repeat: no-repeat ; background-position:right top; width:139px; height:24px}
.twocolright#content .colleft .right h3 a#depliligne.active{background-position:right bottom;}
.twocolright#content .colleft .right h3 a#depliligne.inactive{  background-position: inherit; }
.twocolright#content .colleft .right #listeenvente{ display:block}
.twocolright#content .colleft .right #listeenvente.on{ display:inherit}
.twocolright#content .colleft .right #listeenvente.of{ display:none}
.twocolright#content .colleft .right #listeenligne{ display:block}
.twocolright#content .colleft .right #listeenligne.on{ display:none}
.twocolright#content .colleft .right #listeenligne.of{ display: inherit}
.twocolright#content .colleft .right ul{ background:#fff; padding-top:10px; padding-left:11px; padding-bottom:6px }
.twocolright#content .colleft .right ul li{ margin-bottom:10px }
.twocolright#content .colleft .right ul li a{ display:block }
.twocolright#content .colleft .right ul li a img{ display:block; float: left; border:#e4e2df solid 1px; padding:5px; margin-top:5px }
.twocolright#content .colleft .right ul li a:hover img {border:#C43517 solid 1px;  }
.twocolright#content .colleft .right ul li a span{ display:block; float: left; width:150px; margin-left:10px; font-size:1em;font-weight:bold; padding-top:7px;  border-top:#e4e2df solid 1px;  }
.twocolright#content .colleft .right ul li.first a span{ display:block; float: left; width:150px; margin-left:10px; font-size:1em;font-weight:bold; padding-top:7px;  border-top:#ffffff solid 1px;  }
.twocolright#content .colleft .right ul li.all a{ background:url(/fileadmin/templates/img/home-bg-picto-white.gif) no-repeat left bottom; margin-top:14px; font-size:.9em; padding:10px 15px 5px}
.twocolright#content .colright{ float:left; width:232px; background:url(/fileadmin/templates/img/home-bg-inscription.gif) repeat-y; }
.twocolright#content .colright .cartable{width:232px;}
.twocolright#content .colright .inscription{width:232px; background:url(/fileadmin/templates/img/home-bg-inscription.gif) repeat-y; }
.twocolright#content .colright .inscription p { text-align:center; margin:15px 0 4px;}
.twocolright#content .colright .inscription p input.ok{background: url(/fileadmin/templates/img/home_input-inscription.gif) no-repeat top; border:none; padding: 0 30px 7px 30px; cursor:pointer; height:32px; width:120px }
.twocolright#content .colright .inscription p.comment{ padding:4px 10px 0 12px; margin:0; font-size:0.9em; text-align:left}
.twocolright#content .colright .inscription ul{ margin:20px 0 0 25px}
.twocolright#content .colright .inscription ul li span{ display:block; padding: 0px 30px 3px 40px; margin:8px 10px 4px; background-image:url(/fileadmin/templates/img/home-bg-inscription-ico2.gif); background-position:left top; background-repeat:no-repeat; font-size:0.9em; min-height:25px}
.twocolright#content .colright .inscription ul li span.send{background-position:left -35px;}
.twocolright#content .colright .inscription ul li span.contribute{background-position:left -64px;}
.twocolright#content .colright .inscription ul li span.history{background-position:left -104px;}
.twocolright#content .colright .inscription ul li span.bookm{background-position:left -137px;}
.twocolright#content .colright .newsletter{width:232px; background:url(/fileadmin/templates/img/home-bg-newseltter.gif) repeat-y left top; padding-bottom:10px}
.twocolright#content .colright .newsletter fieldset { padding:0; margin:0; border:none;}
.twocolright#content .colright .newsletter fieldset p  { padding:0 0 0px 12px; margin:0}
.twocolright#content .colright .newsletter fieldset legend{ display:none}
.twocolright#content .colright .newsletter fieldset p label { display:none}
.twocolright#content .colright .newsletter fieldset p input.text {width:167px;padding-left:3px; font-size:0.9em; padding-top:4px; padding-bottom:5px}
.twocolright#content .colright .newsletter fieldset p input.ok{background:url(/fileadmin/templates/img/bg-input-home.gif) no-repeat top; border:none; cursor:pointer; height:26px;}
.twocolright#content .colright .promorss{width:232px; background:#eceae5 url(/fileadmin/templates/img/home-bg-rss.gif) repeat-y left top; font-size:0.9em}
.twocolright#content .colright .promorss a{ display:block; padding:3px 0 10px 35px; background:#eceae5 url(/fileadmin/templates/img/home-bg-rss-a.gif) no-repeat left top; margin-left:20px; color:#b73410 }
.twocolright#content .colright .promorss2{width:232px; font-size:0.9em}
.twocolright#content .colright .promorss2 a{ display:block; padding:3px 0 10px 35px; margin-left:20px; color:#b73410 }
.twocolright#content .colright .pub{width:232px; background:url(/fileadmin/templates/img/home-bg-colright.gif) no-repeat left bottom; min-height:395px; text-align:center; padding:0px 0 }
.twocolright#content .colright#cart .pub{min-height:335px; }
.twocolright#content .colright .pub p { margin:0; margin-bottom:8px }
.twocolright#content .colright .pub .push{ margin-bottom:8px }
.twocolright#content .colright .pub a{ margin-top:20px}
.twocolright#content .colright .cartable{width:232px; }
.twocolright#content .colright .cartable h3{float:left; margin-top:0px }
.twocolright#content .colright .cartable h3 a#deplithemes{ display:block; background-image: url(/fileadmin/templates/img/titres/home-onglet-cartable.gif); background-repeat: no-repeat ; background-position:left bottom; width:126px; height:33px}
.twocolright#content .colright .cartable h3 a#deplithemes.active{  background-position:left top; }
.twocolright#content .colright .cartable h3 a#deplithemes.inactive{  background-position: inherit; }
.twocolright#content .colright .cartable h3 a#deplifavoris{ display:block; background-image: url(/fileadmin/templates/img/titres/home-onglet-cartable.gif); background-repeat: no-repeat ; background-position:right bottom; width:105px; height:33px}
.twocolright#content .colright .cartable h3 a#deplifavoris.active{background-position:right top;}
.twocolright#content .colright .cartable h3 a#deplifavoris.inactive{  background-position: inherit; }
.twocolright#content .colright .cartable #listethemes{ display:block}
.twocolright#content .colright .cartable #listethemes.on{ display:inherit}
.twocolright#content .colright .cartable #listethemes.of{ display:none}
.twocolright#content .colright .cartable #listefavoris{ display:block}
.twocolright#content .colright .cartable #listefavoris.on{ display:none}
.twocolright#content .colright .cartable #listefavoris.of{ display: inherit}
.twocolright#content .colright .cartable ul{ background:url(/fileadmin/templates/img/home-bg-cartable.gif) repeat-y ; padding-top:10px; padding-left:11px; padding-bottom:0; overflow:auto; height:400px;}
.twocolright#content .colright .cartable ul li{ margin-bottom:10px; clear:both  }
.twocolright#content .colright .cartable ul li img{ display:block; float: left; border:#e4e2df solid 1px; padding:5px; background:#fff }
.twocolright#content .colright .cartable ul li img:hover  {border:#C43517 solid 1px;  }
.twocolright#content .colright .cartable ul li span{ display:block; float: left; width:100px; margin-left:10px; font-size:1em;font-weight:bold; padding-top:0; }
/*.twocolright#content .colright .cartable ul li span{ display:block; float: right; width:124px; margin-left:10px; font-size:1em;font-weight:bold; padding-top:0; }*/
.twocolright#content .colright .cartable ul li span.ico{ display:block; float: left; width:100px; margin-left:10px; font-size:1em;font-weight:bold; padding:7px 0 10px 0; border-bottom:#e4e2df solid 1px; margin-bottom:10px }
.twocolright#content .colright .cartable ul li span.ico a{ display:block; float: left; padding-top:5px; padding-right:12px}
.twocolright#content .colright .cartable ul li span.ico a img{ display:inline; float: none; border:none; padding:0; background:none }
.twocolright#content .colright .promorss2{width:232px; background:url(/fileadmin/templates/img/home-bg-rss-2.gif) no-repeat left top; font-size:0.9em; height:53px; padding-top:7px}
.twocolright#content .colright .promorss2 p{ margin:0; padding:0}
.twocolright#content .colright .promorss2 a.rss{ display:block; padding:3px 0 6px 35px; background:#eceae5 url(/fileadmin/templates/img/home-bg-rss-a.gif) no-repeat left top; margin-left:14px; color:#b73410  }
.twocolright#content .colright .promorss2 a.cartablelien{display:block; padding:3px 0 6px 35px; background:#eceae5 url(/fileadmin/templates/img/home-bg-rss-a-2.gif) no-repeat left top; margin-left:14px;color:#b73410  }

/* Element pour affichage du lien Mobile sur la home */
#mobile_header{
background-color:#F61D05;
color:#000000;
font-size:28px;
text-align:center;
}
#mobile_header .mobile{
height:50px;
width:100%;
}