/* Initialise les marges des elements bloc */
body, div, 
dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, 
p, blockquote, th, td { margin: 0; padding: 0; }

/* Initialise la taille des titres */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/* Enleve les puces aux listes */
ol, ul { list-style: none; }

/* Initalise le style du texte */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* Enleve les bordures aux images et aux fieldset */
fieldset, img { border: 0; }

a {outline:none;}

body{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	background:#36869e url(../images/fond_pattern.jpg) 0 0 repeat-x;
}

#conteneur{
	width:961px;
	min-height:802px;
	margin:0 auto;
	background:#36869e url(../images/fond.jpg) 0 0 no-repeat;
}

#pub_haut{
	margin:0 auto;
	width:728px;
	margin-bottom:-18px;
}
h1{
	width:960px;
	height:110px;
	background:url(../images/fond.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

/* menu */
#menu{margin-left:56px;height:32px;}
#menu a{display:block;text-indent:-9999px;float:left;height:32px;}
#menu a#home{width:135px;background:url(../images/menu_principal.jpg) 0px 0px no-repeat;}
#menu a#home:hover{background:url(../images/menu_principal.jpg) 0px -32px no-repeat;}
#menu a#order{width:340px;background:url(../images/menu_principal.jpg) -135px 0px no-repeat;}
#menu a#order:hover{background:url(../images/menu_principal.jpg) -135px -32px no-repeat;}
#menu a#about{margin-left:227px;width:123px;background:url(../images/menu_principal.jpg) -700px 0px no-repeat;}
#menu a#about:hover{background:url(../images/menu_principal) -700px -32px no-repeat;}
#menu div{height:32px;text-indent:-9999px;float:left;}
#menu #home_actif{width:135px;background:url(../images/menu_principal.jpg) 0px -32px no-repeat;}
#menu #order_actif{width:340px;background:url(../images/menu_principal.jpg) -135px -32px no-repeat;}
#menu #about_actif{margin-left:227px;width:123px;background:url(../images/menu_principal.jpg) -700px -32px no-repeat;}

/* contenu */
#contenu{
	margin-left:81px;
	margin-top:23px;
	margin-bottom:22px;
	width:377px;
	height:263px;
}
#contenu #produits{height:263px;}
#contenu #produits a{position:absolute;width:377px;height:86px;text-indent:-9999px;}
#contenu #produits a#spring_water{margin-top:23px;background:url(../images/menu_produits.jpg) 0px -22px no-repeat;}
#contenu #produits a#spring_water:hover{background:url(../images/menu_produits.jpg) -377px -22px no-repeat;}
#contenu #produits a#perfume{margin-top:155px;background:url(../images/menu_produits.jpg) -0px -155px no-repeat;}
#contenu #produits a#perfume:hover{background:url(../images/menu_produits.jpg) -377px -155px no-repeat;}

/* description */
#contenu #description{
	height:226px;
	background:url(../images/description_fr.jpg) 0px 0px no-repeat;
	padding-top:37px;
}
#contenu #description p{font-family:verdana, sans-serif;color:#ffffff;padding: 7px 20px;font-size:14px;}
#contenu #description a{
	position:absolute;
	margin-top:30px;
	height:52px;
	width:377px;
	text-indent:-9999px;
	background:url(../images/description_fr.jpg) 0px -211px no-repeat;
}
#contenu  #description a:hover{background-position: 0px -263px;}

/* formulaire */

#contenu #formulaire{
	height:223px;
	background:url(../images/commander.jpg) 0 0 no-repeat;
	color:#ffffff;
	padding-top:40px;
}
#contenu form{
	width:360px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
}
#contenu form div{float:left;width:180px;}
#contenu form div ul:first-child{width:85px;}
#contenu form div p{text-align:center;color:#FF0000;font-weight:bold;}
#contenu form div ul{float:left;}
#contenu form div ul li{height:30px;}
#contenu form div ul li input{width:85px;}
#contenu form p{clear:both;padding: 10px 10px;}
#contenu form p input{margin-right:10px;}
#contenu #message{font-style:italic;color:black;margin-top:-20px;font-size:10px;}

/* partenaires */
#partenaires{height:250px;padding-bottom:47px;}
#partenaires p{width:200px;float:left;margin-top:25px;}
#partenaires #milieu_gauche{margin-left:132px;}
#partenaires #milieu_milieu{margin-left:51px;}
#partenaires #milieu_droit{margin-left:48px;}

/* pied de page */
#pied_de_page{
	width:960px;
	height:32px;
}
#pied_de_page p {text-indent:-9999px;}