/* ************************************************************************ */
/* Crème éclaircissante : Style sheet                                                */
/* ************************************************************************ */
/* Creation : BAWAN - och - 2006-06-23                                */
/* ************************************************************************ */



/* *****************STRUCTURE DE LA PAGE*********************** */

body { font-family: Arial, Helvetica, sans-serif; 
       font-size: 0.8em;
	   background-image:url(images/fd_page.jpg);
	   background-position:top;
	   background-color:#FFFFFF}
	   
#conteneur {position: absolute;
            width: 757px;
			left: 50%;
			margin-left: -375px;}

#header { height: 66px; }

.grise {padding: 0px 0px 0px 0px;
        border-top: solid 10px #C8AA68; 
		vertical-align: bottom; 
		background-color: #A6853D; 
		width:125px; 
		height:66px;}

.blue {border-top: solid 10px #9C7D39; 
       vertical-align: bottom; 
	   text-align: right; 
	   background-color: #C8AA68; 
	   margin-left:125px; 
	   width:632px; 
	   height:66px;
	   position:absolute;
	   left: 0px; 
	   top:0px}
	   
ul{ margin: 0px;
	border: 0px;
    list-style-type:none;
	padding-left:5px }
li{ margin: 0px;
	border: 0px;
    list-style-type:none;
	padding-left:5px}	   


#centre { width: 464px;
          margin-left: 135px;
		  margin-right: 133px;
		  color:#660000;}
		  
		  
/* ********************** COLONNES ******************************** */		  

#gauche { position: absolute; 
          left:0;  
		  width: 133px;
		  visibility: visible; 
		  left: 0px;
		  margin-top:20px }

#droite { position: absolute; 
          right:0; 
		  width: 133px; 
		  visibility: visible;
		  margin-top:20px }

.produits{ background-color: #D2BD72; 
           padding: 0px;
		   width:122px;
		   border:1px solid #B39573 }

.produits_droite {background-color: #D2BD72; 
                  margin-left: 10px;
				  padding: 0px;
				  width:122px;
				  border:1px solid #B39573  }
				 			  

#contact {
	width:462px;
	background-color: #FFFFFF;
	padding: 10px;
	margin-top: 10px;
	border:1px solid #3382A5;
}

#contact_home {width:469px;
               border-left: solid 1px #CF0070; 
			   border-right: solid 1px #CF0070; 
			   border-bottom: solid 1px #CF0070; 
			   background-color: #FFFFFF; 
			   font-size: 8pt; 
			   font-weight: normal; 
			   color: #576B70; 
			   padding: 10px}

#intro {width:462px; 
		background-color:#FFFFFF;  
		padding-right:5px;
		padding-left:15px;
		border-left:1px solid #996C34;
		border-right:1px solid #996C34;
		font-size:0.9em}

#intro_top {
	width:482px;
	margin-top:20px;
	background-color:#FFFFFF;
	border-left:1px solid #996C34;
	border-right:1px solid #996C34;
	border-top:1px solid #996C34;
}

.txt_home {padding-left:10px; padding-right:5px; margin-top:10px;}

/**********autre version intro top ************************/
#intro_top2 {width:472px;
	         height:220px;
	         margin-top:20px;
	         padding-left: 10px;
			 border-left:1px solid #996C34;
	         border-right:1px solid #996C34;
	         border-top:1px solid #996C34;
}


#intro_top_old {
	width:307px;
	height:330px;
	margin-top:20px;
	padding-left: 5px;
	padding-right: 170px;
	background-color:#FFFFFF;
	background-image:url(images/illustration_centre.jpg);
	border-left:1px solid #3382A5;
	border-right:1px solid #3382A5;
	border-top:1px solid #3382A5;
}
/***********fin autre version*****************************/


			
img {border:0px}			

.contacteznous {width: 295px; 
                background-color: #C8AA68; 
				border-left: solid 189px #9C7D39; 
				text-align:right}

.produits_txt {  padding: 5px; 
                 font-size: 0.85em; 
				 color:#FFE6E6; 
				 text-decoration: none; 
				 font-weight: normal; }



/* **************** TABLEAUX ACTION/RESULTATS ****************************** */

TD.tdtableautop {background-color: #A6853D; 
                 vertical-align: top;  
				 font-weight: bold; 
				 color: #FFFFFF; 
				 padding: 5px 5px 5px 5px;
				 width:185px}

TD.tdtableau {background-color: #EBDEC7; 
              vertical-align: middle; 
			  font-weight: normal; 
			  color: #675225; 
			  padding: 5px 5px 5px 5px}
			  

TD.tdtableau2 {background-color: #D8C194; 
               vertical-align: top; 
			   font-weight: normal; 
			   color: #675225; 
			   padding: 5px 5px 5px 5px}
			   

/* **************** LIENS ****************************** */

a:link    { color:#660000; text-decoration: underline;}
a:visited { color:#660000; text-decoration: underline;}
a:hover   { color:#660000; text-decoration: none;}

a:formulaire:link    { font-size: 14pt; color:#FFFFFF; text-decoration: none; font-weight: bold}
a:formulaire:visited { font-size: 14pt; color:#FFFFFF; text-decoration: none; font-weight: bold}
a:formulaire:hover   { font-size: 14pt; color:#794E04; text-decoration: none; font-weight: bold}

a.nav:link   { font-size: 0.95em; color:#FFE6E6; text-decoration: none; font-weight: bold;}
a.nav:visited{ font-size: 0.95em; color:#FFE6E6; text-decoration: none; font-weight: bold;}
a.nav:hover  { font-size: 0.95em; color: #660000; text-decoration: none; font-weight: bold;}

a.question:link    { font-size: 1em; color:#6E349C; text-decoration: none; font-weight: normal; font-style:italic; padding-left:80px;
padding-top:40px }
a.question:visited { font-size: 1em; color:#6E349C; text-decoration: none; font-weight: normal;  font-style:italic; padding-left:80px;
padding-top:40px }
a.question:hover   { font-size: 1em; color:#FF6600; text-decoration: none; font-weight: normal;  font-style:italic; padding-left:80px;
padding-top:40px }

a.question2:link    { font-size: 1.3em; color:#FFFFFF; text-decoration: none; font-weight: bold; }
a.question2:visited { font-size: 1.3em; color:#FFFFFF; text-decoration: none; font-weight: bold; }
a.question2:hover   { font-size: 1.3em; color: #996C34; text-decoration: none; font-weight: bold; }

a.sattelites:link    { font-size: 0.9em; color: #666666; text-decoration: none; font-weight: bold;}
a.sattelites:visited { font-size: 0.9em; color:#666666; text-decoration: none; font-weight: bold;}
a.sattelites:hover   { font-size: 0.9em; color: #999999; text-decoration: none; font-weight: bold;}

a.adresse:link    { color: #666666; text-decoration: none;}
a.adresse:visited { color:#666666; text-decoration: none;}
a.adresse:hover   { color:#666666; text-decoration: underline;}



/* ************************ TITRES *********************************** */

h1 {font-size:1.6em; font-weight:bold }

h2 {font-size:1.2em; font-weight:bold; margin:0px }

h3 {font-size:1.1em; font-weight:bold; margin:0px }


/* ****************** RAPPEL + PHILO ********************************************* */

#decouvrez_titre {
	background-image:url(images/oeil.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:35px;
	height:22px;
	background-color: #FFFFCC;
	border-left:#CC6600 1px solid;
	border-right:#CC6600 1px solid;
	border-top:#CC6600 1px solid;
	margin-left: 10px;
}
				  
#decouvrez {
	background-image:url(images/rappel.jpg);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#EDF0F0;
	height:150px;
	border:solid 1px #DEDEDE;
	margin-bottom:25px;
	padding-left:92px
}	
	
			
#question_box {
	border-left:1px solid # D7B5C9;
	border-right:1px solid #51AB6C;
	width:482px;
	height:59px;
	border-left: 1px solid #51AB6C;
}	
			   

.rappel {width:416px; 
         margin-left:25px; 
         background-image:url(images/rappel.jpg); 
		 background-position:left; 
		 background-repeat:no-repeat; 
		 height:170px; 
		 border:1px solid #993366; 
		 background-color:#FFE8F2; }
		 
.philo {
	background-image:url(images/rappel_philo.jpg);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#EDF0F0;
	height:140px;
	border:solid 1px #DEDEDE;
	margin-bottom:25px;
	padding-left:92px;
}
		 
		 
.rappel-titre {font-family:Arial, Helvetica, sans-serif;
	           font-size:1.1em;
	           margin-bottom: 5px;
	           color: #666666;
}	
			   
.rappel-philo {
			   float:left;
			   }
			   
.description {font-size:0.85em; font-weight:bold; margin:0px; color:#A82222}