/* CSS PHASAE HOME  */

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

body {font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; 
padding: 15px 0 0 0; 
font-size: 11px; 
text-align: center; 
color: #630001; 
background-color: #9abbd4}

h1 a{position: absolute; top: 100px; left: 0px; top: 0px; width: 340px; height: 170px; display:block; text-indent: -999em ;   }
h2 {margin: 5px 0 20px 20px;  font: normal 18px "Trebuchet MS"; color: #630001;
background: url(../images/fond/f-h2.jpg) left 3px no-repeat; padding: 0 0 0 15px;   }
 
h3 { margin: 15px 0 10px 20px;  font: normal 18px "Trebuchet MS"; color: #5485ad;  }
h4 { margin: 15px 0 10px 20px;  font: normal 17px "Trebuchet MS"; color: #5485ad;  }
h5 { margin: 15px 0 10px 20px;  font: normal 16px "Trebuchet MS"; color: #5485ad;  }

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

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

ul{list-style: none}
 
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;}
 
a img {border: none; text-decoration: none; }

div#sup a , div#inf a       {color: #374b96; text-decoration: underline; font: bold 11px arial}
div#sup a:hover , div#inf a:hover   {color: #374b96; text-decoration: underline;}



/*       MENU       LOGIN    LOGGED       */

div#menu_login  { position: absolute; left: 441px; top: 30px;  width: 530px; height: 46px; 
						background: url(../images/fond/f-login.png) left top no-repeat;   } 

div#menu_login form    { position: relative; top:0; left: 270px; height: 46px; width: 279px; padding: 2px 0 0 0;  }
div#menu_login form p    { margin: 0 0 2px 0 ; padding: 0 }
  div#menu_login form label   {  color: #c7dbea; float: left; width: 100px; font: bold 11px arial;  }
    div#menu_login form input.champs   {  border: 1px solid #d5d5d5; width: 97px; height: 13px;  } 
	     div#menu_login form p.validForm  { float: right; position:relative; top: -22px; left: -55px;  }
 div#menu_login p.links a  {   position: relative; top: -25px; left: 330px;    font: bold 10px arial;  color: #c7dbea;  text-decoration: none;   }

 
div#menu_logged { position: absolute; left: 441px; top: 30px;  width: 530px; height: 46px; 
background: url(../images/fond/f-logged.png) left top no-repeat }

	   
div#menu_logged ul { overflow: auto; width: 300px; margin: 5px 0px 0px 47px;  }
div#menu_logged ul li{float: left;  margin: 0px 0px 5px 25px; padding: 0px 0px 0px 0px;  }
div#menu_logged ul li a{font: bold 11px arial; color: #ffffff; text-decoration: underline;    }	 	

p#bonjour{ font: normal 12px arial; color: #ffffff; float: left; margin: 12px 0px 0px 19px;  }
p#bonjour span{ font: bold 12px arial; color: #ffffff;  }  
		
			 
/*                                HOME                             */
	
	div#formulaireCalcul {float: right; margin: 23px 0 0 0px; }

	div#formulaireCalcul form{  background: url(../images/fond/f-calcul.jpg) left top no-repeat; width: 381px; height: 200px; padding: 65px 0 0 0px 	}	
		  
	div#formulaireCalcul form label, div#formulaireCalcul form span{ color: white; font: bold 12px arial; text-align :right; margin: 0 4px 0 0px; }		
	div#formulaireCalcul form input.champ{ color: #89b012; border: 1px solid #d5d5d5; width: 48px; height: 22px; margin: 0 4px 0 0px;  }		  
	
	div#formulaireCalcul form ul {width: 230px; 	float: left  }	
	div#formulaireCalcul form ul li{ margin: 0; padding: 0; height: 15px; margin: 0 0 3px 0;  }		
	div#formulaireCalcul form ul li label { color: white; font: bold 12px arial;   margin: 0 4px 0 0px;  width: auto; float: none  }	
	div#formulaireCalcul form ul li input { color: white; font: bold 12px arial;   margin: 0 4px 0 0px; width: 20px;   }			  

	div#formulaireCalcul form p.texteform{  color:#ffffff; clear: both; height: 20px; 
														 margin: 0px 0px 0px 0px; position:relative; top: 10px; left: 0px; 
														 padding: 0px  10px }	 
											 
    div#formulaireCalcul form p.texteform a{ color: #b6e131	  }	
	
	.buttonsF {padding: 0px 0 0 0; float: right;  }
	
	
	/*          Je veux             */
	
	
	div#je_veux { width: 575px; overflow: auto; padding: 0 0 0 10px; } 
	div#je_veux p{margin: 0 0 0 0px; padding: 0 0 0 0;  } 
	div#je_veux h3 span{display: none; }  
	p.blonde { float: left; position:relative; top: 0px; left: 20px;   }
	p.regime {  font: normal 16px "Trebuchet MS";   color: #a1a1a1 ;   position:relative; top: 0px; left: 91px; display: inline; }
	p.decouvre { color: white; font: normal 13px "Trebuchet MS";}
	p.decouvre a{float: right; margin: 0 10px 0 0px; position:relative; top: -13px; left: -18px; }
	
	.cadre {background: url(../images/fond/cadre.jpg) left top no-repeat; width: 208px; height: 83px; float: right; padding: 5px 10px 0 10px; margin: 31px 0 0 0px; }
	.cadre p.txt {font: bold 12px arial; color: white }
   .cadre p.txt span{position: relative; left: 65px; top: 0}
	
	
/*           Partie inferieure               */
	#encart2 {height: 111px; clear: both;background: url(../images/fond/spread_actu.jpg) left top repeat-x; }
	#encart2 div{ float: left; margin: 0 0 0 0px; width: 300px; padding: 5px 10px   }
	#encart2 div h4{ color: #84a7c2; font: bold 12px arial;   margin: 5px 0 0 0px; padding: 0 0 0 0; }
	#encart2 div h4 span.date{ color: #84a7c2;  font: bold 12px arial;   }
	
	#encart2 p.visufloat {float: left;  margin: 3px 8px 0 0px; height: 111px; }
	#encart2 div p { color: #989595 ; margin: 3px 0 0 0px; padding: 0 0 0 0;  }
	#encart2 div p span{ color: #84a7c2; font: bold 13px arial;  }
	
	
	#titles {clear: both;    }
	#titles h3{float: left}
	h3.quoi{ margin: 0 0 0 20px; }
	h3.recevoir{ margin: 0 0 0 70px;  }
	
	
	.article {position: relative; top: 0px; left: 0px; min-height: 135px }
	
	p.descA{ } 
	
	p.btSavoirPlus{  position: absolute; bottom: 0px; left: 115px;  }
	
	div.boutonSavoir { height: 45px; }
	div.boutonSavoir p.savoir1{ position:relative; top: 0px; left: 190px; width: 200px;  }
	div.boutonSavoir p.savoir2{  position:relative; top: -34px; left: 840px; width: 110px; }
	
	#nletter {position:relative; top: 6px; left: 3px;  }
	
	#nletter input.champnl { color: #aacd3e; border: 1px solid #d5d5d5; width: 130px; height: 15px; margin: 0 4px 0 0px; font: normal 11px arial; padding: 1px 0 0 3px; }
	#nletter p{  float: left; margin: 0 0 0 4px;  }
	input.inputValidNL  {  border: none ; position:relative; top: 1px; left: 0px; }


/*     Rajout programme d'essai   */

#programmeDeessai p.visufloat   { padding: 12px 0 0 0;    } 
#programmeDeessai p.firstpara   { padding: 0px 0 0 0;    } 

#programmeDeessai p             { text-align: center;  color: #969696; font:  bold 14px/19px arial; position:relative; top: -2px; left: 0px;    }  
#programmeDeessai p span.big    {  color: #9eb4c2; font: bold 18px arial;     }
#programmeDeessai p span.appel  { font: normal 11px arial;color: #969696;  }
 
 
 
	
/*                       CONTENEURS GENERAUX                     */	


#menu-central{  margin: 0;position: absolute; z-index: 500; left: 430px; top: 87px }
 
#main { position: relative; margin: 0 auto; width: 1000px; text-align:left;  
background: url(../images/fond/spread.jpg) left top repeat-y;  }

#intro {  width:1004px;  height:179px; background: url(../images/fond/header.jpg) left top no-repeat;   }

#content { margin: 0; padding:0 ;       }

div#sup { width: 974px;  padding: 5px 5px 0px 5px;      overflow: auto;    }
div#inf { width: 979px; margin: 0 ; padding: 5px 5px 20px 5px; position:relative; top: 0px; left: 8px;   }

/*                      FOOTER           */
#outro {  width: 1004px; height: 82px; background: url(../images/fond/footer.jpg) no-repeat ; clear: both;    }
#outro p {  color: #c7c7c7; text-align: center;  padding: 12px 0 0 0  ; line-height: 18px ;   }
#outro p a{ color:  #c7c7c7; text-decoration: none; }
#outro p a:hover {text-decoration: underline; }

/*                        General styles                   */	
.lbleft { float: left; width: 140px; }
.input  {   border: 1px solid black; }
.ver12 {font: normal 12px verdana;display:none;}
.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-weight: bold; font-style:italic;  margin: 10px auto;  color: #876a32;}
.center {text-align: center}
.left {text-align: left; }
.right {text-align: right; }
.full {width: 100%}


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

   ul.alert2 { padding: 15px 0px 10px 30px;  }
 ul.alert2 li{ background: url(../images/puce/puce.gif) left top no-repeat; padding: 0px 0px 0px 20px; margin: 0px 0px 4px 0px;  }