/* CSS PHASAE */

* {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; padding: 0 0 0 15px; }
 
h3 { margin: 25px 0 15px 20px;  font: normal 18px "Trebuchet MS"; color: #5485ad;   }
h4 { margin: 15px 0 10px 25px;  font: normal 16px "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 20px 10px 20px; text-align:left }

input {	padding: 0 0 0 3px; }
textarea {	padding:  4px; border: 1px solid #d5d5d5; margin: 3px 0 0 0px; }
select  {	 border: 1px solid #d5d5d5; }


ul li {list-style: none; font: normal 11px/15px arial; margin: 10px 15px 10px 24px;   }
 
ul.puced li {list-style: none;  
 margin: 10px 15px 10px 24px; 
 padding: 0 0 0 26px; background: url(../images/puce/puce2.gif) left 0px 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; }

 p.visuleft {float: left; margin: 0 10px 10px 20px; }
  p.visuright {float: right; margin: 0 20px 10px 10px; }
    p.signature {font: italic 12px arial; margin: 0 0 0 35px }
  
#messagebank          {text-align: center;  }    
#messagebank input    {  border: none }    


 /*                Articles               */ 
 	  
   .format_para{ margin: 0px 20px; }
  .imgarticle	{float: right; margin: 0px 20px 10px 0px; }	
   .dates{font-weight: bold; }
  
  
/*                 Programme                   */

.prog { background: url(../images/fond/f-prog.jpg) 10px bottom no-repeat; padding: 0px 0px 4px 0px; margin: 0px 0px 15px 0px; }	
 
.paraprog {line-height: 19px; }
.progtitre { color:#5485AD;	margin: 0px 0px 5px 0px; font:normal 18px "Trebuchet MS";}
								 
	
.bordered {border: 1px solid #94bfe0}	   

table.fullz  {width: 690px;   border-collapse: collapse; position: relative; top: 0px; left: 20px;      } 	
table.fullz td {padding: 1px 2px;   } 	
thead{ background-color: #94bfe0; text-align: center; border: 1px solid #94bfe0; height: 24px; }	
table.fullz caption { text-align: left; margin: 10px 0 5px 10px;  font: normal 18px "Trebuchet MS"; color: #5485ad; }  

.englobing form { margin: 10px 90px; border: 1px solid #9abbd4; padding: 10px  }  
.englobing fieldset { margin: 10px 90px; border: 1px solid #9abbd4; padding: 10px  }   

span.info{ font: normal 10px arial; float: right}  


.englobing2{ margin: 10px 90px; border: 1px solid #9abbd4; padding: 10px } 
  .englobing2 h3{ margin: -20px 0px 20px 0px; background-color: white; width: 160px } 
  
#content p.imc_link  { float: right;   text-align :right; padding: 0 80px 0 0;  margin: 0 0 0 0px;   }
#content p.imc_link a{   color: #a2c62e  }


#content form.recap   { padding: 85px 0 0 0;  }

#content form.recap p        { height: 23px; color: #fff; margin: 0 0 10px 0px; padding: 0 ; font-weight: bold;   }
#content form.recap p label  { text-align :right; width: 70px; float: left; display: block; margin: 0 10px 0 0px; padding: 0 0 0 25px;  
										 position:relative; top: 2px; left: 0px;   }
#content form.recap p span  {font: bold 16px arial; color: #fff }



	
/*                   Formulaires           */

fieldset { border: 1px dotted #9abbd4; padding: 10px; }

legend { margin: 15px 0 15px 20px; padding: 0px 4px; font: normal 18px "Trebuchet MS";  color: #5485ad; background-color: white;  }		 

input {border: 1px solid #d5d5d5 }

.formatform fieldset { margin: 10px 130px; border: 1px solid #9abbd4; padding: 10px  }
.formatform legend {color: #5485ad; font: bold 14px arial; padding: 0 5px;   }

.formatform input {border: 1px solid #d5d5d5;  font: normal 11px arial;   }

div#colonne_gauche a , div#colonne_droite a       {color: #374b96; text-decoration: underline; font: bold 11px arial}
div#colonne_gauche a:hover , div#colonne_droite a:hover   {color: #374b96; text-decoration: underline;}
									 
form#contact { margin: 10px 100px;  border: 1px solid #2a5d88; padding: 10px  }
form#contact textarea#comment {width: 465px;  margin: 3px 0 0 0px; }
form#contact label {width: 170px;  }	 

input.envoyer { border: none; position:relative; top: 2px; left: 0px; margin: 0 0 0 10px;  }
 
#contactform label.lbleft {width: 190px;    }

/*                 */
 
.formatform2 input {border: 1px solid #d5d5d5;  font: normal 11px arial;   }
.formatform2 label.lbleft {   font: normal 11px arial;  width: 340px;  }
.formatform2 label.little {  margin: 0 10px;   }


/*       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: 310px;    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: 210px; position: absolute; top: 2px; right: -5px;  margin: 5px 0px 0px 0px;    }
div#menu_logged ul li{ display: inline;   margin: 0px 0px 5px 10px; padding: 0px 0px 0px 0px; text-align :right;  }
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; position: relative; top: 2px; left: 0px;  }
p#bonjour span{ font: bold 12px arial; color: #ffffff;  }
		 

			  
/*    Page LOGIN        */
			  
fieldset.loginfieldset div {	float: left;   }
fieldset.loginfieldset div input {	  font: normal 11px arial;   }
p.validLogin {float: left; position:relative; top: 16px; left: -7px; }
p.validLogin input{border: none }			 


/*                                HOME                             */
	
	div#formulaireCalcul            { margin: 0px 0 0 15px; }

	div#formulaireCalcul form       {  background: url(../images/fond/f-calcul2.jpg) left top no-repeat; width: 222px; height: 205px;  padding: 60px 0 0 0px ;  	}	
		  
	div#formulaireCalcul form label { color: white; font: bold 12px arial; text-align :right; margin: 0 4px 0 0px; width: 90px}		
	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          {  float: left;  }	
	div#formulaireCalcul form ul li       { margin: 0; padding: 0; height: 15px; margin: 0 0 3px 0;  width: 100px;      }		
	div#formulaireCalcul form ul li label { color: white; font: bold 12px arial;   margin: 0 4px 0 0px;  width: 80px; float: none;     }	
	div#formulaireCalcul form ul li input { color: white; font: bold 12px arial;   margin: 0 4px 0 0px; width: 20px;   }			  

	 label.jesuis  { height: 50px  }		 
	 
	 .buttons      { text-align: center; clear: both; margin: 15px 0px 10px 0px }
	 .buttons input{ border: none }
	  
	ul.messsage li { background: url(..images/puce.puce.gif) left top no-repeat; padding: 0px 0px 0px 16px;  } 
	
		   
	
	div#formulaireCalcul form p.texteform{  color:#ffffff; clear: both;  margin: 0; 	padding: 0px  10px;  }	 
											 
    div#formulaireCalcul form p.texteform a{ color: #b6e131	  }	
	
	 
	/* Abonnement          */
	 .abonnement p{font: normal 13px arial; }
	 .abonnement ul li{font: normal 13px arial;  padding: 0 0 0 26px; background: url(../images/puce/puce2.gif) left 0px no-repeat; }
	 .abonnement ul ul { padding: 0 0 0 25px }
	 .abonnement ul li ul { padding: 0 0 0 25px }
	 
	.courbe {float: right; margin: 0px 0px 0px 0px;  }
	.courbe p{  margin: 0px ;padding: 0px ; position: relative; top: 0px; left: -10px;  }
	  
	.telephonne{padding: 0px 0px 0px 30px; }
	.telephonne p{font: normal 15px/19px arial; }	  
	.telephonne p b{font: bold 18px arial;color:#3b4e9d}
	
	/*                    montageFormulaireClip                                */
	
	.montageFormulaireClip { padding: 0 0 0 25px; }
	.montageFormulaireClip p{ float: left; }
	.montageFormulaireClip input{ margin: 0 10px 0 0px; }
	.montageFormulaireClip h4 { margin: 15px 0 10px 0px; padding: 0 0 0 0;  font: normal 15px "Trebuchet MS"; color: #5485ad;  } 
		.montageFormulaireClip ul { float: left; }
		
		textarea#comment2 {	width: 660px; margin: 0 0 0 0px;  }
		textarea#comment3 {	width: 660px; margin: 0 0 0 0px; }
		
		.firstPart p{margin-bottom: 13px  }
		
  /*             */
  

 p#phase {  width: 222px; height: 280px; 
 position: relative; top: 0px; left: 10px;  
 margin: 0; padding: 0px }
		  
		  
/*                       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;  width: 100%; }

div#colonne_gauche { float: left; width: 242px;  padding: 5px 5px 0px 5px;     }
div#colonne_droite {  float: right;  width: 732px; margin: 0 ; padding: 5px 5px 20px 5px;   }


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

 
/*                PAGE MENTIONS            */

.adr{ float: left;      border-bottom: 1px dotted #9abbd4; 	 border-right: 1px dotted #9abbd4; 
padding: 5px 0px 10px 0;  height: 153px;
margin: 20px 0 15px 65px; width: 202px; }

.adr2 {float: right; height: 153px;        border-bottom: 1px dotted #9abbd4; 
padding: 5px 0px 10px 0; width: 202px; 		 border-right: 1px dotted #9abbd4; 
margin: 20px 125px 15px 5px ;}

.conforme{font: normal 10px arial; }
.ver12 {font: normal 12px verdana;display:none;}

/*                        General styles                   */	

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

.centerimg {text-align: center; }
.centerimg img{margin: 0 10px;  }

.lbleft { float: left; width: 145px; font: bold 11px arial;  }
.lbleftfloatnone {  width: 145px; }
.lbleft2 { float: left; width: 235px; font: bold 11px arial;  }

.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%}

.conformement{text-align: center; font: normal 11px arial; }


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

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


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

/*  */

.desabonnerBT       {  position:relative; top: 7px; left: 0px;   } 

/*  */

.result_ok_ajout    { width: 480px; margin: 0 auto 4px auto;  border: 1px solid #9ABBD4; background-color: #cfe1ef } 


#deniedS    {  position:relative; top: 0px; left: 0px; width: 400px;  } 
#deniedS2    {  position:relative; top: 0px; left: -35px; width: 500px;  }