/* CSS A domicile INDEX  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: #b2cf00; padding: 0 0 0 15px;   }
h3 { margin: 15px 0 10px 20px;  font: normal 18px "Trebuchet MS"; color: #b2cf00;   }
h4 { margin: 15px 0 10px 20px;  font: normal 17px "Trebuchet MS"; color: #b2cf00;  }
h5 { margin: 15px 0 10px 20px;  font: normal 16px "Trebuchet MS"; color: #b2cf00;  }

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 18px; background: url(../images/puce/puce.gif) left 5px 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: white; text-decoration: underline; font: normal 11px arial}
a:hover {color: #cbdf4c; text-decoration: underline;}

.visuright {float: right; margin: 0 5px 5px 5px; }

#visuRecrutement {float: right;  }



/*          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; text-decoration: none;  background-repeat: no-repeat; padding: 0 3px 0 3px}
div#menu-top a:hover {   color: white;    }



/*                Format Recrut formulaire                  */

form.formatrecrut { border-right: 1px dotted #f29702; border-left: 1px dotted #f29702; 
					     position:relative; top: 0px; left: -55px; 
						  margin: 25px auto 10px auto;  padding: 15px 0px 10px 26px; width: 460px }
						
form.formatrecrut p span  { font: normal 10px arial; display: block; text-align: right; margin: 3px 0 0 0px;}

form.formatrecrut p input  { border: 1px solid #f29702;    }
form.formatrecrut select#idcivility  { border: 1px solid #f29702;    }

form.formatrecrut p label  { font: normal 12px verdana; width: 180px;    }

form.formatrecrut p.buttons  {  text-align: center; margin: 0px 0 10px 0px; padding: 10px 0 0 0;  clear: both; }




/*                       CONTENEURS GENERAUX                     */	

#main { position: relative; margin: 0 auto; width: 991px; text-align:left;  
background: url(../images/fond/f-Mid-Cours.jpg) left top repeat-y;  }

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

#content { width: 991px;  overflow: auto; 
           margin: 0; padding:0;     
           background: url(../images/fond/spread.jpg) left top no-repeat;  }
			  
		#content-Top { width: 991px;  overflow: auto; min-height: 426px;
           margin: 0; padding:0;     
           background: url(../images/fond/content-Top.jpg) left top no-repeat;  }
			  	 
		#content-Bot { width: 991px;  overflow: auto; min-height: 61px;
           margin: 0; padding:0;     
           background: url(../images/fond/content-Bot.jpg) left top no-repeat;  }		  
			  


div#colonne_droite {  float: right;  width: 660px; margin: 65px 0 0 0    }

div#colonne_droite p{  margin: 0px 0 10px 0px; padding: 0 40px 0 10px;    }

 


/*                      FOOTER           */
			
#outro { width: 991px;  height: 110px;  clear: both; background: #b1c4d8 url(../images/fond/f-Foot-Cours.jpg) left top no-repeat;   }
#outro p {  color: #406f9d; text-align: left; margin: 0 0 0 20px;  padding: 85px 0 0 0;     }
#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:normal italic 11px verdana;  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: #fff ; font: normal 12px arial; margin: 10px 20px 20px 30px;   }

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


/*  Tableaux   */

table.tabletarifs {width: 94%; margin: 15px 24px 10px 3px;  }

table.tableavantages {width: 540px; margin: 15px 0 10px 60px  }






/*        Page contact       */ 

.contactform   {  width: 543px;  
					   background: url(../images/fond/f-form-contact_bot.jpg) left bottom no-repeat; 
					   margin: 15px auto 10px auto ; }
					
.contactform_bot {  width: 543px;  
					     background: url(../images/fond/f-form-contact.jpg) 0px top no-repeat; 
					       padding: 13px 0 8px 12px;  }					

.contactform .lbleft  { width: 185px;  }
.contactform input    { border: 1px solid #41709e }


textarea#comment{ width: 487px; margin: 4px 0 0 0px; border: 1px solid #41709e}

p.conformement_c { font: normal 10px arial; width: 530px;  padding: 0; 
                 position:relative; top: 0px; left: 65px;   }

					  
/*                PAGE MENTIONS            */

#bg-adr {background: url(../images/fond/f-adr.jpg) left top no-repeat; width: 625px; height: 196px; }


.adr{ float: left;  
		padding: 5px 15px 15px 15px ;  height: 155px;  
		margin: 20px 0 0px 65px; width: 230px; }

.adr2 {float: left; height: 155px;    width: 230px; 
			padding: 5px 15px 15px 15px ;
			margin: 20px 0px 0px 30px ;}

hr#hr-mentions {clear: both; visibility: hidden; height: 20px;}

.conformement{font: normal 10px arial;  }


/*      Plan du site        */

div#planLeft {	float: left;   margin: 0 100px 0 70px;  }

div#planRight {	float: left;  }

div#planLeft ul , div#planRight ul  { background: url(../images/fond/bg-liste.jpg) right bottom no-repeat;  padding: 0 60px 40px 0; }

div#planLeft ul li, div#planRight ul li {   list-style: none;  margin: 10px 15px 10px 0px; padding: 0 0 0 22px; background: url(../images/puce/puce.gif) left 6px no-repeat;}

div#planLeft ul li span, div#planRight ul li span {display: none; }

div#planLeft ul li a, div#planRight ul li a{text-decoration: none;  }
div#planLeft ul li a, div#planRight ul li a{ }