/* CSS A domicile HOME AIDE  */

* {margin:0; padding:0; border: none; text-decoration: none; }

body {font-family: "Trebuchet MS" , arial, Verdana, Helvetica, Lucida, Tahoma , Geneva, sans-serif; 
padding: 10px 0 0 0; font-size: 12px; text-align: center; color: #fff; 
background-color: #b1c4d8}

h1 a {position: absolute; top: 100px; left: 0px; top: 0px; width: 290px; height: 100px; display:block; text-indent: -999em    }
h2 {margin: 5px 0 20px 20px;  font: normal 18px "Trebuchet MS"; color: #630001; padding: 0 0 0 15px;   }
h3 { margin: 15px 0 10px 20px;  font: normal 18px "Trebuchet MS"; color: #806b3c;   }
h4 { margin: 15px 0 10px 20px;  font: normal 17px "Trebuchet MS"; color: #806b3c;  }
h5 { margin: 15px 0 10px 20px;  font: normal 16px "Trebuchet MS"; color: #806b3c;  }

p {font: normal 12px/16px arial;  margin: 0px 0 10px 0px; text-align: left }

input {	padding: 0 0 0 3px; }
textarea  {	padding:  4px; }

ul li {list-style: none; font: normal 12px/16px arial;  margin: 10px 15px 10px 24px;   }
ul.puced li {list-style: none;  margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat;}

ul.radio li {float: left; }
ul.radio li input{margin: 0px 4px 0 0px; position:relative; top: 2px; left: 0px;   }
 
a img {border: none; text-decoration: none; }

a       {color: red; text-decoration: none; font: normal 12px arial}
a:hover {color: blue; text-decoration: underline;}



/*          MENU GLOBAL    et raccourcis      */

#raccourcis         {position: absolute; top: 8px; right: 5px;   }
#raccourcis ul li   {float: left; margin: 0 7px 4px 7px;list-style: none; color: #406f9d; padding: 0  }
#raccourcis ul li a {text-decoration: none; color: #406f9d;  padding: 0 10px 0 0; font: normal 12px arial;  } 
#raccourcis ul li a:hover{text-decoration:underline} 

div#menu-top ul { position: absolute; top: 103px; left: 12px; width: 970px;  padding: 0 }
div#menu-top ul li{ display: inline; color: #406f9d; padding: 0; margin: 0; text-align: left; }
div#menu-top ul li span{ color: #406f9d; }
div#menu-top a {  font: bold 12px verdana ; color: #406f9d;   background-repeat: no-repeat; padding: 0pt 3px 0px 3px}
div#menu-top a:hover {   color: white; text-decoration: none;   }


/*       Home Cours    */

div#edito h2 { margin: 0 0 0 0px; padding: 0 ; width: 150px; }

div#edito { padding: 0 5px; 	}
div#edito p.editoPara img{float: right; margin: 0 0 3px 5px; padding: 0  	}


div#edito p.editoPara2 {float: right;  padding: 0 5px 0 0  	}


div#savoirPlus {    float: left; width: 205px ; margin: 0 5px 0 0px; padding: 0 0 0 10px; }
div#savoirPlus h3{ margin: 2px 3px 3px 0 ; padding: 0 ; font: bold 12px verdana; color: #fff }
div#savoirPlus p{   margin: 0 5px 5px 0px;   }
 

div#savoirPlus ul    { margin: 0 0 0 10px; }
div#savoirPlus ul li {  background: url(../images/puce/puce.gif) left 4px no-repeat; padding: 0 0 0 20px; margin: 0 0 6px 0px; 
							   text-transform: uppercase; font: bold 12px arial;   }

div#actus{   margin: 0 0 0 5px;    }
div#actus p{  margin: 0 ;     }
div#actus div {  margin: 13px 0 0 0px;    }
div#actus p.plus{  margin: 0 0 5px 0  }
div#actus h3{ margin: 5px 0 -3px 0px;   padding: 0 0 0 0; }
div#actus a{  color :white }
div#actus p.date{ color: #c4da49;  font-weight: bold;  }
div#actus p.titleactu { font-weight: bold;  }
div#actus p.descactu  {  }

#content ul.normal a{ color:#fff }



/*                       CONTENEURS GENERAUX                     */	

#main { position: relative; margin: 0 auto; width: 991px; text-align:left;    background: none;  }

#intro     {  width: 991px; height:125px; background: url(../images/fond/header_aide2.gif) left top no-repeat;   }
#accroche  { left:369px; position:absolute; top:68px; }


#content {           width: 991px; height: 451px;  margin: 0; padding:0; overflow: auto; 
                     background: url(../images/fond/f-HomeAide3.jpg) left top no-repeat;  }

div#home_gauche { float: left; width: 360px; height: 370px;   
                     padding: 5px 5px 0px 5px;   
							position:relative; top: 53px; left: 335px;    }

div#home_droite {  float: right;  width: 246px; height: 425px;  
							 margin: 0 ; padding: 0px 5px 0px 5px;  
							 position:relative; top: 8px; left: -15px;  }
		
/*       Bloc bleu 1    */
p#titleBloc {     }

div#blocBleu2 { position:relative; top: 40px; left: 0px;  }
							 
div#home_droite div#haut{ height: 337px; margin: 0 0 13px 0px; padding: 11px 0 0 4px;  }

div#home_droite div#haut p     {  margin: 0 0 0 0px;  padding: 0 4px; font: normal 12px arial  }
div#home_droite div#haut p b, div#home_droite div#haut p b a {  font: bold 12px/18px arial; color: #c5db4a  }
div#home_droite div#haut ul    {    margin: 4px 0 7px 30px;  }
div#home_droite div#haut ul li {   background: url(../images/puce/puce2.gif) left 4px no-repeat; padding: 0 0 0 20px; margin: 0 0 2px 0px; 
							              font: normal 12px arial;  } 
div#home_droite div#haut ul li a {  font: normal 12px arial;  } 											  	

div#home_droite div#bas{ height: 56px;   }

div#home_droite div#bas p {      color: #406f9d; padding: 0px 0 0 15px; position:relative; top: -4px; left: 0px; }
div#home_droite div#bas p b{     font: bold 12px/18px arial;     color: #406f9d }
div#home_droite div#bas p.entrer{ text-align :right; position:relative; top: -9px; left: 0px;  } 			 		

#home{ }

div.paradeux {position:relative; top: 15px; left: 0px; }

/*                      FOOTER           */
			
#outro { width: 991px;   clear: both; background: none;  }
#outro p {  color: #406f9d; text-align: left;  padding: 12px 0 0 20px   }
#outro p a{ color:  #406f9d; text-decoration: none; }
#outro p a:hover {text-decoration: underline; }

 


/*                        General styles                   */	


.lbleft { float: left; width: 140px; }
.input  {   border: 1px solid black; }
.bordered {border: 1px solid black; }
.noborder {border:none }
.clear {clear:both; display: none;  }
.kill {display: none;}
.fleft {float: left}
.fright {float: right; }
.center {text-align: center; }
.clear {clear:both; visibility: hidden }

.noborder {border: none}

.bita{text-align: center; font: bold italic 12px arial;  margin: 15px auto 10px auto;  color: #8cafca;}


.center {text-align: center}
.left {text-align: left; }
.right {text-align: right; }

.full {width: 100%}

.button {text-align: center; margin: 10px 0 0 0px; clear: both; }
.button input{border: none }



/*                 Messages d erreurs                    */
.denied {color: red; font: normal 12px arial; margin: 10px 20px 20px 30px;   }

.denied ul li {padding: 0 25px 0 17px; 
background: url(../images/puce/pucerouge.gif) left 2px no-repeat; 
margin: 0 0 3px 0px; }