/* Valeurs par default
------------------------------------------------------------------------------------*/
*{list-style:none;padding:0;margin:0;}
html{background:url(../img/fond.jpg) repeat;width: 100%; height: auto}
body{background:url(../img/fond.jpg) repeat; font:68% Tahoma, Geneva, sans-serif; height: 100%}
a{color:#4b7da0; text-decoration:none;font-weight: bold;}
a:hover{color:#12a6c2;}
a img{border:0;}
textarea, option, select, input[type=text], input[type=password] {background-color: #FFFFBB;}
form select.champnormal, form textarea.champnormal, form input.champnormal{background-color: #FFFFBB;}
form select.champselectionne, form textarea.champselectionne, form input.champselectionne{background-color: #FFCCCC;}
.reqMark {color: #F00;padding: 0 4px;}


/* Structure des blocs
------------------------------------------------------------------------------------*/

  #header{clear: both; height:170px; background:url(../img/header.jpg)}
    #speedbar{height:35px; text-transform:uppercase; padding-left:180px;}    
  #wrapper{float: left; width: 100%; min-height:500px;background:url(../img/fond.jpg) repeat-y; background-color:#fff; margin-top:0px;}
    #sidebar{float: left; background:url(../img/fond.jpg) repeat-y; width:180px}
    #mainbar{clear: none; margin-left: 180px;font-size:13px;}
    #mainbar h1{font-size: 14px}
  #spacer{clear: both; background:url(../img/fond.jpg) repeat-y; height: 10px; width: 100%; margin-top:-11px}  
  #footer{float: left; width: 100%; vertical-align: middle; height:25px; background:url(../img/footer.jpg) repeat-x 0 100%;}
   #copyright{margin-top: 5px; height:20px;text-align:center;font-weight:bold;color:#8F4622}
	 #copyright a{font-weight:bold;color:#501E04}   
   #validatorleft{margin-top: 3px; float: left; width: 120px; height:90%}
   #validatorright{margin-top: 3px; float: right; width: 120px; height:90%}
  


/* Contenu  des blocs
------------------------------------------------------------------------------------*/
/*========== Contenu #header ============== */
#header h1{background:url(../img/logo.png) no-repeat; background-position: center center; height: 110px; font-size:0;line-height:0;text-align:center; margin-bottom:12px; overflow: hidden}
#header h2{float: left; margin-left: 30px; margin-right: 100px; width: 120px; height: 120px; cursor: pointer; background:url(../img/wrt.png) no-repeat;}
#header h3{float: right; width: 250px; height: 55px; font-size: 10px; font-weight: 600; color: #555; padding-top: 65px; line-height: 20px; overflow: hidden}


#speedbar li{float:left;height:35px;margin: 0 1%;}
#speedbar li a{display: block; padding: 0 10px;line-height:35px;color:#FFFFFF;}
#speedbar li h4{font-size:11px;}
#speedbar li:hover, #speedbar li.current{background:url(../img/lispeed.gif);}

#speedbar li.current a{color: #FFFF00}
#speedbar li h4:hover{color: #FFFFFF}

#speedbar li a:hover, #speedbar li.current a{background:url(../img/aspeed.jpg) no-repeat 100% 0;}
#speedbar li h4:hover, #speedbar li.current h4{background:url(../img/speedh4.jpg) no-repeat;}


/*========== Contenu #mainbar ============== */
.softools{padding-top:15px;}
.softools h2{font-size:15px;padding-left:10px; color:#000; background:url(../img/contentitle.jpg);line-height:30px;}
.softools h3{font-size:14px;padding-left:2%;line-height:60px;color:#a74f27;}
.softools .p1{padding:8px 1%; line-height:20px;  text-align: justify}
.softools ul li, .softools ol li{padding-left:8px; padding-right:8px; line-height:20px; margin-left: 40px;  text-align: justify}
.softools ul li {list-style-type: disc; }
.softools ol ul li {list-style-type: disc; }
.softools ol ol ul li {list-style-type: disc; }
.softools ol ul ul li {list-style-type: disc; }
.softools ol li {list-style-type: decimal; }
.softools ol ol li {list-style-type: lower-alpha; }
.softools ol ol ol li {list-style-type: lower-roman; }


.softools .apercu{display: block; float: right; clear: right; width: 170px; margin: 20px; line-height:20px; color: #333; font-style: italic; font-weight: bold; text-align: center; font-size: 0.8em}


/*========== Contenu #sidebar ============== */
#sidebar dl dt{background:url(../img/sidetitle.jpg);line-height:30px;color:#fff;font-size:1.1em;font-weight:500;margin-top:12px;min-height:30px;height:auto! important;height:10px;}
#sidebar dl dt a{float:left; background:url(../img/arrow.gif) no-repeat 3px 10px; padding: 0px 18px; margin-top: 0px; color: #fff;}
#sidebar dl .selected{color: #FFFF00}
#sidebar ul li .selected{color: #FE4003}

#sidebar dd{position:relative;}
#sidebar ul{font-size:1em; background:#fff url(../img/sideul.jpg) repeat-x; padding:15px 0;margin:0 8px 20px 6px;font-weight:500;}
#sidebar ul li{padding-left:10px; line-height:20px; border-bottom:1px solid #ff8043}

#sidebar p{text-align: justify;  margin: 5px; line-height: 20px; color: #000; padding-top: 100px; font-weight: 600}