/* CSS Document */


/*************** Général ***************/
*{
	margin:0px;
	padding:0px;
}

body {
	background-color:#FFFFFF;
	width:800px;
	height:800px;
	margin-left:20%;
	margin-right:20%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/***************Fin général *************/

/************** Structure ***************/
div#haut {
	width:800px;
	height:127px;
	background-image:url(back/images/biowashball_01.jpg);
	background-repeat:no-repeat;
}
div#principal {
	width:631px;
	height:492px;
	background-image:url(back/images/biowashball_02.jpg);
	background-repeat:no-repeat;
	float:left;
}
div#droite {
	width:169px;
	height:492px;
	background-image:url(back/images/biowashball_03.jpg);
	background-repeat:no-repeat;
	float:right;
}
div#bas {
	width:800px;
	height:181px;
	background-image:url(back/images/biowashball_04.jpg);
	background-repeat:no-repeat;
	float:left;
}
/************** Fin Structure ***************/

/************** Structure menu ***************/
a.accueil {
	display:block;
	width:58px;
	height:15px;
	background-image:url(back/liens_menu/accueil.jpg);
	background-repeat:no-repeat;
	margin-left:105px;
}
a:hover.accueil {
	display:block;
	width:58px;
	height:15px;
	background-image:url(back/liens_menu/accueil-a.gif);
	background-repeat:no-repeat;
	margin-left:105px;
}
span.accueil-a {
	display:block;
	width:58px;
	height:15px;
	background-image:url(back/liens_menu/accueil-a.gif);
	background-repeat:no-repeat;
	margin-left:105px;
}
a.commande {
	display:block;
	width:86px;
	height:17px;
	background-image:url(back/liens_menu/commande.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-right:5px;
	margin-top:20px;
}
a:hover.commande {
	display:block;
	width:86px;
	height:17px;
	background-image:url(back/liens_menu/commande-a.gif);
	background-repeat:no-repeat;
	float:right;
	margin-right:5px;
	margin-top:20px;
}
span.commande-a {
	display:block;
	width:86px;
	height:17px;
	background-image:url(back/liens_menu/commande-a.gif);
	background-repeat:no-repeat;
	float:right;
	margin-right:5px;
	margin-top:20px;
}
a.fonctionnement {
	display:block;
	width:125px;
	height:16px;
	background-image:url(back/liens_menu/fonctionnement.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-right:5px;
	margin-top:20px;
}
a:hover.fonctionnement {
	display:block;
	width:125px;
	height:16px;
	background-image:url(back/liens_menu/fonctionnement-a.gif);
	background-repeat:no-repeat;
	float:right;
	margin-right:5px;
	margin-top:20px;
}
span.fonctionnement-a {
	display:block;
	width:125px;
	height:16px;
	background-image:url(back/liens_menu/fonctionnement-a.gif);
	background-repeat:no-repeat;
	float:right;
	margin-right:5px;
	margin-top:20px;
}
a.mode-emploi {
	display:block;
	width:111px;
	height:22px;
	background-image:url(back/liens_menu/mode-emploi.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-right:5px;
	margin-top:20px;
}
a:hover.mode-emploi {
	display:block;
	width:111px;
	height:22px;
	background-image:url(back/liens_menu/mode-emploi-a.gif);
	background-repeat:no-repeat;
	float:right;
	margin-right:5px;
	margin-top:20px;
}
span.mode-emploi-a {
	display:block;
	width:111px;
	height:22px;
	background-image:url(back/liens_menu/mode-emploi-a.gif);
	background-repeat:no-repeat;
	float:right;
	margin-right:5px;
	margin-top:20px;
}
a.recommandations {
	display:block;
	width:141px;
	height:17px;
	background-image:url(back/liens_menu/recommandations.gif);
	background-repeat:no-repeat;
	float:right;
	margin-right:5px;
	margin-top:20px;
}
a:hover.recommandations {
	display:block;
	width:141px;
	height:17px;
	background-image:url(back/liens_menu/recommandations-a.gif);
	background-repeat:no-repeat;
	float:right;
	margin-right:5px;
	margin-top:20px;
}
span.recommandations-a {
	display:block;
	width:141px;
	height:17px;
	background-image:url(back/liens_menu/recommandations-a.gif);
	background-repeat:no-repeat;
	float:right;
	margin-right:5px;
	margin-top:20px;
}
a.trucs-astuces {
	display:block;
	width:128px;
	height:16px;
	background-image:url(back/liens_menu/trucs-astuces.gif);
	float:right;
	margin-right:5px;
	margin-top:20px;
}
a:hover.trucs-astuces {
	display:block;
	width:128px;
	height:16px;
	background-image:url(back/liens_menu/trucs-astuces-a.gif);
	float:right;
	margin-right:5px;
	margin-top:20px;
}
span.trucs-astuces-a {
	display:block;
	width:128px;
	height:16px;
	background-image:url(back/liens_menu/trucs-astuces-a.gif);
	float:right;
	margin-right:5px;
	margin-top:20px;
}
a.video {
	display:block;
	width:45px;
	height:17px;
	background-image:url(back/liens_menu/video.gif);
	float:right;
	margin-right:5px;
	margin-top:20px;
}
a:hover.video  {
	display:block;
	width:45px;
	height:17px;
	background-image:url(back/liens_menu/video-a.gif);
	float:right;
	margin-right:5px;
	margin-top:20px;
}
span.video-a  {
	display:block;
	width:45px;
	height:17px;
	background-image:url(back/liens_menu/video-a.gif);
	float:right;
	margin-right:5px;
	margin-top:20px;
}
img.foire-aux-questions {
	width:106px;
	height:16px;
	margin-left:10px;
	margin-top:15px;
}


/************** Fin structure menu ***************/

/************** Mise en page accueil ****************/
h1.titre-accueil {
	color:#5CC73E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-left:150px;
	margin-top:25px;
	padding-bottom:50px;
}
p.txt-principal {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:5px;
	text-align:justify;
}
p.txt-centre {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
}

/************** Fin mise en page accueil ****************/

/************** Mise en page fonctionnement ****************/
h1.titre-fonctionnement {
	color:#5CC73E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-left:100px;
	margin-top:5px;
	padding-bottom:20px;
}
a.details {
	color:#2653A4;
	text-decoration:none;
	font-weight:bold;
}


/************** Fin mise en page fonctionnement ****************/

/************** Mise en page mode d'emploi ****************/
h1.titre-emploi {
	color:#5CC73E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-left:100px;
	margin-top:5px;
	padding-bottom:20px;
}
ul.liste-emploi {
	list-style-image:url(images/puce.png);
	margin-left:100px;
}
p.img-machine {
	text-align:center;
	margin-top:10px;
}

/************** Fin mise en page mode d'emploi ****************/

/************** Mise en page recommandations ****************/
h1.titre-recommandations {
	color:#5CC73E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-left:75px;
	margin-top:5px;
	padding-bottom:20px;
}
ul.liste-recommandations {
	list-style-image:url(images/puce.png);
	margin-left:100px;
}
h2.sous-titre-recommandations {
	color:#2653A4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-left:50px;
	margin-top:30px;
	padding-bottom:15px;
}


/************** Fin mise en page recommandations ****************/

/************** Mise en page commande ****************/
h1.titre-commande {
	color:#5CC73E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-left:100px;
	margin-top:5px;
	padding-bottom:20px;
}
a.aquamaison {
	color:#2653A4;
	text-decoration:none;
	font-weight:bold;
}
p.img-boite {
	text-align:center;
	margin-top:10px;
}
p.img-colissimo {
	margin-left:75px;
	margin-top:10px;
	border:solid 1px;
	width:468px;
	height:60px;
}
/************** Fin mise en page commande ****************/

/************** Mise en page trucs et astuces ****************/
h1.titre-astuces {
	color:#5CC73E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-left:250px;
	margin-top:75px;
	padding-bottom:40px;
}
ul.liste-astuces {
	list-style-image:url(images/puce.png);
	margin-left:100px;
}
/************** Fin mise en page trucs et astuces ****************/

/************** Mise en page video ****************/
h1.titre-video {
	color:#5CC73E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-left:150px;
	margin-top:10px;
	padding-bottom:40px;
}



/************** Fin mise en page video *****************/

/************** Mise en page foires aux questions ****************/
h1.titre-questions {
	color:#5CC73E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-left:200px;
	margin-top:5px;
	padding-bottom:40px;
}
ul.liste-questions {
	list-style-image:url(images/puce.png);
	margin-left:20px;
}
/************** Fin mise en page foires aux questions *****************/

/************** Mise en page contact *****************/
h1.titre-contact {
	color:#5CC73E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-left:250px;
	margin-top:5px;
	padding-bottom:40px;
}
a.contact {
	color:#2653A4;
	text-decoration:none;
	font-weight:bold;
}
p.img-contact {
	margin-top:30px;
	margin-left:10px;
}
/************** Fin mise en page contact *****************/