/* CSS Document */

body{background:white url(../interface/fond_body_interieur.gif) repeat-x left top;}
img{border:none;}

#fond_main{
	z-index:1;
	position:absolute;
	top:0px;
	left:50%;
	*left:-49%;
	_left:50%;
	width:50%;
	*width:49%;
	_width:50%;
	*margin-left:100%;
	_margin-left:0;
	height:352px;
	background:white url(../interface/fond_interface.gif) repeat-x left top;
}

#fond_personnages{
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
	width:215px;
	height:663px;
	background:white url(../interface/interface_main_interieur.gif) no-repeat left top;
}

#fond_gauche{
	z-index:2;
	position:absolute;
	top:0px;
	left:-142px;
	width:143px;
	height:277px;
	background:transparent url(../interface/fond_gauche_interieur.png) no-repeat left top;
	*background:transparent url(../interface/fond_gauche_interieur.gif) no-repeat left top;
}


#main{
	z-index:3;
	position:absolute;
	top:0px;
	left:-492px;
	width:985px;
	margin-left:50%;
	background:transparent url(../interface/bordure_interface.gif) repeat-y left top;
	padding:0 1px;
	/*border-bottom:1px solid;*/
	/*background:yellow;*/
	_padding-bottom:288px;
}

#tetiere{
	z-index:4;
	position:absolute;
	top:0px;
	left:1px;
	width:985px;
	height:288px;
	background:#e20177 url(../interface/fond_tetiere_interieur.gif) no-repeat left bottom;
	/*background:yellow;*/
}


#contenu{
	float:left;
	_float:none;
	_position:relative;
	_top:288px;
	min-height:74px;
	_height:74px;
	width:985px;
	margin:288px 0 0 0;
	background:white url(../interface/fond_centre_interieur.gif) no-repeat left top;
	/*border:1px solid;*/
}



#illustration_interieur{
	z-index:5;
	position:absolute;
	left:305px;
	top:0px;
}

#ma-bulle{
	z-index:6;
	position:absolute;
	left:300px;
	top:190px;
}

#titres_accueil{
	left:762px;
	width:223px;
	/*background:yellow;*/
	top:0px;
}
#titres_accueil ul{
	height:27px;
	_height:32px;
	font-size:0.75em;
	text-align:center;
	padding:5px 0 0 0;
}
#titres_accueil ul li{
	display:inline;
	border-right:#ffffff 1px solid;
	padding:0 4px 0 1px;
	*padding:0 1px 0 4px;
}
#titres_accueil ul li.last-child{border-right:none;}
#titres_accueil ul li a{
	color:#ffffff;
	text-decoration:none;
}
#titres_accueil ul li a:hover{text-decoration:underline;}
#titres_accueil img{
	display:block;
	margin:auto;
	position:relative;
	top:-6px;
	*top:-4px;
	_left:-1px;
}

#newsletter{
	z-index:6;
	position:absolute;
	top:264px;
	left:525px;
}

#menu_secondaire{
	float:left;
	width:643px;
	height:23px;
	/*_height:39px;*/
	list-style-type:none;
	/*margin:26px 94px 0 0;
	_margin:26px 47px 0 0;*/
	margin:0;
	/*background:yellow;*/
	border:none;
	padding:16px 0 0 342px;
}

#colonne_gauche{
	float:left;
	width:217px;
	/*height:200px;*/
	margin:0 0 0 27px;
	_margin:0 0 0 14px;
	/*background:yellow;*/
}

#form_rechercher_produit{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	text-align:left;
	margin-top:12px;
}
#form_rechercher_produit fieldset label{text-align:left;color:#e20177;padding-top:6px;}
#form_rechercher_produit fieldset input{margin-left:0;background-image:url(../interface/recherche-produit.gif);}


#menu_contextuel{
	margin:10px 0 0 0;
	list-style-type:none;
	width:100%;
	font-size:0.95em;
}
#menu_contextuel li{
	height:23px;
	background:transparent url(../interface/bordure_menu_contextuel.gif) repeat-x left bottom;
}
#menu_contextuel li a.first-child{text-align:right;}
#menu_contextuel li a{
	display:block;
	width:100%;
	height:22px;
	text-decoration:none;
	color:#e20177;
	line-height:22px;
	text-indent:6px;
}
#menu_contextuel li a:hover, #menu_contextuel li.active a{
	background:transparent url(../interface/fond_menu_contextuel.gif) repeat-x left top;
	font-weight:bold;
}


#pied_page{
	clear:both;
	float:left;
	padding:40px 0 0 0;
	margin:35px 0 0 25px;
	_margin:35px 0 0 12px;
	background:transparent url(../interface/illustration_pied_page.gif) no-repeat left top;
	_position:relative;
	_top:288px;
}

#colonne_gauche img.service-conso{
	margin-top:27px;
}


#colonne_centre, #colonne_centre_gamme{
	float:left;
	width:410px;
	/*height:200px;*/
	/*background:red;*/
	margin:0 0 0 55px;
	_margin:0 0 0 40px;
	padding:25px 0 0 0;
	/*background:yellow;*/
}
#colonne_centre_gamme{
	margin:0 0 0 42px;
	_margin:0 0 0 32px;
	padding:25px 0 0 0;
	/*background:yellow;*/
}
#colonne_centre h3, #colonne_centre h4, #colonne_centre_gamme h3, #colonne_centre_gamme h4{
	color:#e20177;
	font-weight:normal;
	font-size:1.25em;
}
#colonne_centre h5, #colonne_centre_gamme h5{
	color:#504b4e;
	font-size:0.95em;
	margin:0;
	padding:15px 0 5px 0;
}

#colonne_centre p, #colonne_centre_gamme p{
	color:#726d6f;
	font-size:0.95em;
	padding:0 0 8px 0;
}
#colonne_centre_gamme p{
	font-size:0.85em;
}

#colonne_centre p.visuel, #colonne_centre p.visuel{
	text-align:center;
}

#colonne_centre_gamme a{
	color:#e20177;
}

#colonne_centre blockquote{
	margin:0;
	padding:0;
	/*background:yellow;*/
}
#colonne_centre blockquote span.auteur{
	display:block;
	clear:both;
	width:100%;
	color:#e20177;
}

#colonne_centre a.avis{
	color:#504b4e;
	/*font-size:0.75em;*/
}

#menu_colonne_centre{
	list-style-type:none;
	margin:25px 0 0 0;
}
#menu_colonne_centre li{
	display:inline;
	border-left:#e20177 1px solid;
	font-size:0.85em;
	font-weight:bold;
	padding:0 1px 0 4px;
}
#menu_colonne_centre li.first-child{
	border:none;
	padding-left:0;
}
#menu_colonne_centre li a{
	color:#e20177;
	text-decoration:none;
}
#menu_colonne_centre li a:hover{text-decoration:underline;}


#colonne_droite{
	float:right;
	width:233px;
	background:transparent url(../interface/fond_colonne_droite.gif) no-repeat left bottom;
	margin:35px 0 0 0;
	padding:0;
	position:relative;
	right:21px;
}

#colonne_droite_bordure{
	float:right;
	width:231px;
	/*_width:233px;*/
	background:transparent url(../interface/bordure_colonne_droite.gif) repeat-y left top;
	padding:0 1px 17px 1px;
	margin:0 0 29px 0;
}
#colonne_droite_bordure h2{
	display:block;
	width:201px;
	/*_width:201px;*/
	float:left;
	position:relative;
	/*left:30px;*/
	padding:0 0 0 30px;
	top:-20px;
}
#colonne_droite .produit{
	float:left;
	width:115px;
	/*background:red;*/
	margin:0 0 10px 0;
}

#colonne_droite .produit h3{
	padding:0 4px;
}

#colonne_droite .produit h3, #colonne_droite .produit h3 a{
	color:#e20177;
	font-weight:normal;
	font-size:1em;
	text-align:center;
	text-decoration:none;
}
#colonne_droite .produit h3 a:hover{text-decoration:underline;}

.deposez-avis{
	display:block;
	margin:auto;
	clear:both;
	float:left;
	position:relative;
	bottom:-36px;
	left:27px;
}






#colonne_centre_gamme fieldset{
	border:none;
	margin:35px 0 35px  5px;
	*margin:0 0 0 5px;
	padding:0;
	*padding:35px 0 20px 0;
	/*background:yellow;*/
}
#colonne_centre_gamme fieldset.gauche{width:320px;float:left;}
#colonne_centre_gamme fieldset.droite{width:320px;_clear:none;float:right;}
#colonne_centre_gamme fieldset p{_width:307px;}

#colonne_centre_gamme legend{
	color:#e20177;
	font-size:1em;
	margin-bottom:17px;
}

#colonne_centre_gamme label{
	display:block;
	float:left;
	width:100px;
	line-height:21px;
	padding:0;
	text-align:right;
	margin:0 10px 0 0;
}


#colonne_centre_gamme input{padding:1px 2px;color:#e20177;}


#colonne_centre_gamme textarea{
	width:252px;
	*width:250px;
	_width:254px;
	height:160px;
	padding:1px 2px;
	color:#e20177;
	font-family: Arial, sans-serif, sans;
	font-size:1.15em;
	margin-top:4px;
}

#colonne_centre_gamme input.submit{
	display:block;
	clear:both;
	float:left;
	width:101px;
	height:22px;
	background:white url(../interface/envoyer-formulaire.gif) no-repeat left top;
	border:none;
	cursor:pointer;
	position:relative;
	left:5px;
	top:-55px;
	*top:-50px;
	_top:-45px;
}

#colonne_centre_gamme select, #colonne_centre_gamme option{color:#e20177;}

#colonne_centre_gamme p.question span, #colonne_centre_gamme div.question span, #colonne_centre_gamme div.question_finale span{
	clear:both;
	display:block;
	width:100%;
	padding:10px 0 2px 0;
	/*font-weight:bold;*/
	color:#859620;
}
#colonne_centre_gamme p.question label{width:auto;}
#colonne_centre_gamme p.question label.last-label{margin-left:10px;}
#colonne_centre_gamme p.question label, #colonne_centre_gamme p.question input{float:left;}

#colonne_centre_gamme p.question_longue label{width:100%;padding-top:10px;text-align:left;}
/*#colonne_centre_gamme p.question_longue input{position:relative;left:110px;}*/

#colonne_centre_gamme p.question, #colonne_centre_gamme p.question_longue{clear:both;}

#colonne_centre_gamme div.question_finale span{font-size:0.85em;}
#colonne_centre_gamme div.question_finale p{
	clear:both;
	padding:5px 0;
	*padding:1px 0;
	_padding:2px 0;
}
#colonne_centre_gamme div.question_finale p label{
	width:285px;
	*width:278px;
	_width:255px;
	margin-left:10px;
	float:right;
	text-align:left;
	line-height:1.25em;
}
#colonne_centre_gamme div.question_finale p input{
	float:left;
	margin:0 0 0 2px;
	position:relative;
	top:1px;
	*top:-3px;
}

.select_pays{
	width:148px;
	*width:146px;
	_width:144px;
}




#form_avis{
	display:none;
	border-top:#a9bc35 1px dotted;
	margin:30px 0 0 0;
	padding:10px;
}

#form_avis fieldset{
	border:none;
	margin:7px 0 35px  5px;
	*margin:0 0 0 5px;
	padding:0;
	*padding:7px 0 20px 0;
	/*background:yellow;*/
}
#form_avis fieldset.gauche{width:320px;float:left;}
#form_avis fieldset.droite{width:320px;_clear:none;float:right;}
#form_avis fieldset p{_width:307px;}

#form_avis legend{
	color:#e20177;
	font-size:1em;
	margin-bottom:17px;
}

#form_avis label{
	display:block;
	float:left;
	width:100px;
	line-height:21px;
	padding:0;
	text-align:right;
	margin:0 10px 0 0;
}


#form_avis input{padding:1px 2px;color:#e20177;}


#form_avis textarea{
	width:252px;
	*width:250px;
	_width:254px;
	height:160px;
	padding:1px 2px;
	color:#e20177;
	font-family: Arial, sans-serif, sans;
	font-size:1.15em;
	margin-top:4px;
}

#form_avis input.submit{
	display:block;
	clear:both;
	float:left;
	width:101px;
	height:22px;
	background:white url(../interface/envoyer-formulaire.gif) no-repeat left top;
	border:none;
	cursor:pointer;
	/*position:relative;
	left:5px;
	top:-55px;
	*top:-50px;
	_top:-45px;*/
}

#form_avis select, #form_avis option{color:#e20177;}

#form_avis p.question span, #form_avis div.question span, #form_avis div.question_finale span{
	clear:both;
	display:block;
	width:100%;
	padding:10px 0 2px 0;
	/*font-weight:bold;*/
	color:#859620;
}
#form_avis p.question label{width:auto;}
#form_avis p.question label.last-label{margin-left:10px;}
#form_avis p.question label, #form_avis p.question input{float:left;}

#form_avis p.question_longue label{width:100%;padding-top:10px;text-align:left;}
/*#form_avis p.question_longue input{position:relative;left:110px;}*/

#form_avis p.question, #form_avis p.question_longue{clear:both;}

#form_avis div.question_finale span{font-size:0.85em;}
#form_avis div.question_finale p{
	clear:both;
	padding:5px 0;
	*padding:1px 0;
	_padding:2px 0;
}
#form_avis div.question_finale p label{
	width:285px;
	*width:278px;
	_width:255px;
	margin-left:10px;
	float:right;
	text-align:left;
	line-height:1.25em;
}
#form_avis div.question_finale p input{
	float:left;
	margin:0 0 0 2px;
	position:relative;
	top:1px;
	*top:-3px;
}

#form_avis .replier{
	position:relative;
	top:-805px;
	*top:-812px;
	_top:-840px;
	left:252px;
}



span.reponse-avis{
	display:block;
	width:375px;
	padding:0 0 0 35px;
	height:40px;
	line-height:40px;
	font-size:1em;
	font-weight:bold;
	color:#e20177;
	border-top:#e20177 1px dotted;
	border-bottom:#e20177 1px dotted;
	background:transparent url(../interface/reponse-avis.gif) no-repeat 2px 9px;
	margin:0 0 20px 0;
}



p.macaron{
	width:410px;
	margin:0;
	padding:0 0 12px 0;
}
p.macaron img{
	margin:0 15px 0 0;
	padding:0;
}
#colonne_centre p.copyright {
	font-size:0.75em;
}

ul.liste_avantages {
	list-style:disc inside;
	padding:0;
	margin:0 0 20px 10px;
}

ul.liste_avantages li {
	margin:0 0 3px 0;
	color:#726d6f;
	font-size:0.95em;
	padding:0;
}

ul.liste_avantages li ul {
	list-style:circle inside;
	padding:0;
	margin:5px 0 0 10px;
}

ul.liste_avantages li ul li {
	margin:0 0 3px 0;
	color:#726d6f;
	padding:0;
}