/* CSS Document */

body {
	background-color:#E6F2EE;
}

a {text-decoration : none; color : #007b59}
a:hover {text-decoration : underline; color : #007b59}
a:active {text-decoration : none; color : #007b59}

.body_incontournables { background-color:#FCF3F7; }
.body_solaire { background-color:#FBE2D0; }
.body_collectors { background-color:#ECF0F4; }
.body_saveurs { background-color:#EBDBDF; }
.body_pastels { background-color:#F9E9EA; }
.body_dermokids { background-color:#FDF2D9; }
.body_mains { background-color:#EEF5E4; }
.body_pienett { background-color:#DFE8F1; }
.body_top { background-color:#DFF9F9; }
.body_indienlevres { background-color:#FCE2F2; }
.body_indienmains { background-color:#EDFAE0; }
.body_curomal { background-color:#D4E0ED; }

#blancinter {
	width: 816px;
	height : 13px;
	background-color: #E6F2EE;
	position: absolute;
	margin-top: 90px;
}

#blancincontournables {
	width: 816px;
	height : 13px;
	background-color: #FEF9FB;
	position: absolute;
	margin-top: 90px;
}

#blancintersolaires {
	width: 816px;
	height : 13px;
	background-color: #FFEFE5;
	position: absolute;
	margin-top: 90px;
}

#blanccollectors {
	width: 816px;
	height : 13px;
	background-color: #F5F7F9;
	position: absolute;
	margin-top: 90px;
}

#blancsaveurs {
	width: 816px;
	height : 13px;
	background-color: #F6EDF0;
	position: absolute;
	margin-top: 90px;
}

#blancpastels {
	width: 816px;
	height : 13px;
	background-color: #FDF3F4;
	position: absolute;
	margin-top: 90px;
}

#blancdermokids {
	width: 816px;
	height : 13px;
	background-color: #FFF9E5;
	position: absolute;
	margin-top: 90px;
}

#blancmains {
	width: 816px;
	height : 13px;
	background-color: #F6FCEF;
	position: absolute;
	margin-top: 90px;
}

#blancpienett {
	width: 816px;
	height : 13px;
	background-color: #EDF4F8;
	position: absolute;
	margin-top: 90px;
}

#blancindienlevres {
	width: 816px;
	height : 13px;
	background-color: #FCE2F2;
	position: absolute;
	margin-top: 90px;
}

#blancindienmains {
	width: 816px;
	height : 13px;
	background-color: #EDFAE0;
	position: absolute;
	margin-top: 90px;
}

#blanccuromal {
	width: 816px;
	height : 13px;
	background-color: #D4E0ED;
	position: absolute;
	margin-top: 90px;
}

#blanctop {
	width: 816px;
	height : 13px;
	background-color: #DFF9F9;
	position: absolute;
	margin-top: 90px;
}


#container	{
	width: 816px;
	margin: auto;
	background-color: #FFFFFF;
}

#top {
	height: 90px;
	background-color: #007B59;
}

#footer {
	clear: both;
	width: 816px;
	height: 16px;
	margin-top: 20px;
	background-color: #007B59;
}

.navigation {
	width: 172px;
	float: left;
	margin-top: 39px;
}

header {
	height: 90px;
	background-color: #007B59;
	margin-bottom: 10px
}

.bloc {	
	clear:right;
	width: 519px; 
	margin-left: 35px;
}

.bloc_pienett {
	clear:both;
	width: 519px; 
	margin-left: 252px;
	margin-top: -60px;
}

#flash {
	width: 590px; 
	margin-left: 206px;
	margin-top: 40px;
}


.imagemargin {
	clear:both;
}

.texteprod {
	text-align: left;
	vertical-align: top;
	display: inline;	
}

.produit_tab {
	clear:both;
	width: 539px; 
	margin-left: 35px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.conteneurbis {
	width: 590px; 
	margin-left: 217px;
	margin-top: 40px;
}

#imageprod {
	width: 70px;
	height: 142px;
	margin-bottom: 10px;
	float:left;
}

#imageprod_mains {
	width: 93px;
	height: 156px;
	margin-bottom: 10px;
	float:left;
}

.imageprod_saveurs {
	width: 45px;
	height: 146px;
	margin-left: 10px;
	margin-bottom: 10px;
	float:left;
}

.imageprod_pastels {
	width: 60px;
	height: 146px;
	margin-left: 20px;
	margin-bottom: 10px;
	float:left;
}

.imageprod_dermokids {
	width: 40px;
	height: 146px;
	margin-right: 10px;
	margin-bottom: 10px;
	float:left;
}

.texte_saveurs {
	width: 55px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:left;
}

.texte_pastels {
	width: 85px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:left;
}

.texte_dermokids {
	width: 90px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:left;
}

#imageprod_ete {
	width: 111px;
	height: 153px;
	margin-bottom: 10px;
	float:left;
}


.textechapitre {
	width:374px;
	margin-left: 0px;
	float:left;
	border: 0px;
}

.imgchapitre {
	margin-left: 374px;
	margin-top: 0px;
	width: 208px;
	border: 0px;
}

#traittop {
	position: absolute;
	background-color: #E6F2EE;
	margin-top: 66px;
	height: 1px;
	width: 816px;
}

#navtop {
	position: absolute;
	margin-top: 10px;
	margin-left: 399px;
}

#labotop {
	position: absolute;
	margin-top: 10px;
	margin-left: 22px;
}

#dermotop {
	position: absolute;
	margin-top: 71px;
	margin-left: 22px;
}

#traitpage {
	margin-left: 0px;
	margin-right: 0px;
	height: 1px;
	width: 566px;
}

#titre {
	padding-top: 18px;
	padding-left: 45px;
}

#texte {
	clear:both;
	width: 300px;
	margin-top: 17px;
	margin-left: 45px;
	text-align:justify;
	margin-bottom: 20px;
}

.colorvert { color : #007b59; }
.colorbleu { color : #9CB2C8; }
.colorbleu2 { color : #3a0099; } 
.colorrouge { color : #ff3300; }
.colororange { color : #ff6600; }
.musique { font-family: Arial, Helvetica, sans-serif; color : #BDDDD4; font-size: 9px;}

a.musique { font-family: Arial, Helvetica, sans-serif; color : #BDDDD4; font-size: 9px; text-decoration:underline;}
a.musique:hover { font-family: Arial, Helvetica, sans-serif; color : #BDDDD4; font-size: 9px; text-decoration:none;}

.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	
}

#texteprodtab1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:center;
}

#texteprodtab2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:justify;

}

.titrepop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4F96BF;
	font-weight: bold;
	text-align:justify;

}

#arrondi {
	width: 208px;
	height: 28px;
}

#image {
	width: 208px;
	height: 221px;
}

.titreblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bold;
}

.textemaj {
	text-transform:uppercase;
}

#topnav {
	width: 172px;
	height: 20px;
}