/* ************************************************************************ */
/* SICOBEL-CREME SOLAIRE.FR : Style sheet                                                */
/* ************************************************************************ */
/* Creation : HANDICA - och - 2006-09-11                                */
/* ************************************************************************ */






/* ****************** STRUCTURE ********************************************* */
body { font-family: Arial, Helvetica, sans-serif; 
       font-size: 0.75em;
	   background-color:#FFCC33}

img { border: 0px solid #000000;}

#header { height: 66px; }

#conteneur {position: absolute;width: 757px;left: 50%;margin-left: -375px;}

#centre { width: 464px;
          margin-left: 135px;
		  margin-right: 133px;
		  color:#794E04}

#gauche { position: absolute; left:0;  width: 133px; }

#droite { position: absolute; right:0; width: 133px; }

#produits{
	background-color: #EEEF4E;
	padding: 0px;
	width:122px;
	border: 1px solid #E06700;
}

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

#contact {
	width:462px;
	background-color: #FFFFFF;
	padding: 10px;
	border:#E06700 1px solid;
	margin-top:15px;
	height:1590px
}

#intro {width:462px; 
		background-color:#FFFFFF;  
		padding-right:5px;
		padding-left:15px;
		border-left:1px solid #E06700;
		border-right:1px solid #E06700;
		height:1355px
		}

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

#intro_top2 {width:472px;
	         height:215px;
	         margin-top:20px;
	         padding-left: 10px;
			 border-left:1px solid #D83E3E;
	         border-right:1px solid #D83E3E;
	         border-top:1px solid #D83E3E;
}

/* ****************** STRUCTURE ********************************************* */

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

.adresse { width: 491px; background-color: #FFFFFF; text-align:center; }

.produits_txt {
	padding: 5px;
	font-size: 0.9em;
}

TD.tdtableautop {background-color: #990000; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF; padding: 5px 5px 5px 5px}

TD.tdtableau {background-color: #E17100; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #FFFFFF; padding: 5px 5px 5px 5px}

TD.tdtableau2 {background-color: #FFCC33; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #990000; padding: 5px 5px 5px 5px}


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

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

a.nav:link   { font-size: 0.9em; color:#983128; text-decoration: none; font-weight: normal; padding: 2px;}
a.nav:visited{ font-size: 0.9em; color:#983128; text-decoration: none; font-weight: normal; padding: 2px;}
a.nav:hover  { font-size: 0.9em; color: #FF6600; text-decoration: none; font-weight: normal; padding: 2px;}

a.nav2:link    { font-size: 0.97em; color:#576B70; text-decoration: none; font-weight: bold;}
a.nav2:visited { font-size: 0.97em; color:#576B70; text-decoration: none; font-weight: bold;}
a.nav2:hover   { font-size: 0.97em; color:#FFFFFF; text-decoration: none; font-weight: bold;}

a.aproduits:link   { font-size: 0.85em; color:#983128; text-decoration: none; font-weight: normal}
a.aproduits:visited{ font-size: 0.85em; color:#983128; text-decoration: none; font-weight: normal}
a.aproduits:hover  { font-size: 1em; color:#FFFFFF; text-decoration: none; font-weight: normal}

a.link_page:link    { font-size: 1em; color:#794E04; text-decoration: underline; font-weight: normal }
a.link_page:visited { font-size: 1em; color:#794E04; text-decoration: underline; font-weight: normal }
a.link_page:hover   { font-size: 1em; color:#003366; text-decoration: none; font-weight: normal}

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

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

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: #CC0000; text-decoration: none; font-weight: bold; }






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

.blue {
border-top: solid 10px #E06700; vertical-align: bottom; text-align: right; background-color: #F8FF99; margin-left:125px; width: 632px; height:66px;position:absolute; left: 0px; top:0px}

/* ****************** TITRES ********************************************* */
h1 {font-size:1.4em; font-weight:bold }

h2 {font-size:1.3em; font-weight:bold }



/* ****************** 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 #E06700;
	border-right:1px solid #E06700;
	width:482px;
	height:59px;
}	
			   

.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;
			   }
			   
.txt_home {padding-left:10px; padding-right:5px; margin-top:10px;}		

.description {font-size:0.85em; font-weight:bold; margin:0px; color:#A82222}			   		   		 
	   
			   
			   
TD.tdtableautop_nonsolaire {background-color: #9966FF; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF; padding: 5px 5px 5px 5px}

TD.tdtableau_nonsolaire {background-color: #00CCFF; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #FFFFFF; padding: 5px 5px 5px 5px}

TD.tdtableau2_nonsolaire {background-color: #E7F1FB; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #990000; padding: 5px 5px 5px 5px}