/* CSS A domicile HOME COURS   */

* {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: 20px; 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: 0 3px 0 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#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.img       {  float: right;  }
div#actus div         {  margin: 13px 0 0 0px;  }
div#actus p				 {  margin: 0 ;    }
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: #c7dd4c;  font-weight: bold;  }
div#actus p.titleactu { font-weight: bold;  }
div#actus p.descactu  {  }



/*                       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.gif) left top no-repeat;   }
#accroche {  position: absolute;top: 52px; left: 286px; }


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

div#home_gauche { float: left; width: 365px; 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: 5px 5px 0px 5px;  
							 position:relative; top: 8px; left: -15px;  }
							 
div#home_droite div#haut{ height: 337px; margin: 0 0 13px 0px   }

div#home_droite div#haut p     {  margin: 0 0 0 5px;  padding: 0 8px; font: normal 12px arial;   }
div#home_droite div#haut p b    {  font: bold 14px/19px arial; color: #c5db4a    }
div#home_droite div#haut ul    {   margin: 3px 0 3px 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 3px 0px; 
							              font: normal 12px arial;  }
			
			
div#home_droite div#haut div.para_un	   {  position:relative; top: 10px; left: 0px;   } 							  
div#home_droite div#haut div.paradeux  {  position:relative; top: 55px; left: 0px;  }
div#home_droite div#haut div.paradeux p { margin: 0px 0 0 5px }
											   	
div#home_droite div#haut ul li a {font: normal 12px arial; color:#fff;  } 	

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

div#home_droite div#bas p {      color: #406f9d; padding: 0 0 0 15px; }
div#home_droite div#bas p b{     font: bold 12px arial;     color: #406f9d }
div#home_droite div#bas p span{     font: bold 10px arial;     color: #406f9d }

div#home_droite div#bas p.entrer{ text-align :right; position:relative; top: -3px; left: 0px;  } 			 


#home{ }


/*                      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; }