body {
font: 10pt Arial, serif;
background-color:#F0A109;
}

a:active, a:link, a:visited, a:hover {color:#D91A21;text-decoration:none;}

p {
display:inline;
}


#roller {
width:800px;
position:absolute;
left:50%;
margin-left:-400px;
top:5px;
}

#haut, #menu, #bas, #bbas {
width:800px;
}

#haut {height:209px;}
#menu {height:77px;}
#bas {height:22px;}

#contenu {
width:753px;
background-color:#331702;
padding-left:27px;
padding-right:20px;
}

#texte {
width:730px;
color:#331702;
background-color:#FFFFFF;
padding-left:10px;
padding-right:10px;
}

#haut {
border-top:solid 1px #331702;
}

/************** MENU ***************/

#a2, #a2 a:link, #a2 a:active, #a2 a:visited	{
	float:left;
	width:102px;
	height:38px;
	background-image:url(images/acc.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	}

#a2 a:hover{
	display:block;
	background-image:url(images/acc-b.jpg);
	}

#b2, #b2 a:link, #b2 a:active, #b2 a:visited	{
	float:left;
	width:102px;
	height:38px;
	background-image:url(images/rollx.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	}
#b2 a:hover {
	display:block;
	background-image:url(images/rollx-b.jpg);
	}

#c2, #c2 a:link, #c2 a:active, #c2 a:visited	{
	float:left;
	width:144px;
	height:38px;
	background-image:url(images/boutique.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	}
#c2 a:hover{
	display:block;
	background-image:url(images/boutique-b.jpg);
	}

#d2, #d2 a:link, #d2 a:active, #d2 a:visited	{
	float:left;
	width:97px;
	height:38px;
	background-image:url(images/panier.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	}
#d2 a:hover{
	display:block;
	background-image:url(images/panier-b.jpg);
	}

#d2, #d2 a:link, #d2 a:active, #d2 a:visited	{
	float:left;
	width:97px;
	height:38px;
	background-image:url(images/panier.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	}
#d2 a:hover{
	display:block;
	background-image:url(images/panier-b.jpg);
	}

#e2, #e2 a:link, #e2 a:active, #e2 a:visited	{
	float:left;
	width:209px;
	height:38px;
	background-image:url(images/suivi.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	}
#e2 a:hover{
	display:block;
	background-image:url(images/suivi-b.jpg);
	}

#f2, #f2 a:link, #f2 a:active, #f2 a:visited	{
	float:left;
	width:146px;
	height:38px;
	background-image:url(images/contact.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	}
#f2 a:hover{
	display:block;
	background-image:url(images/contact-b.jpg);
	}

#a2b	{
	float:left;
	width:102px;
	height:38px;
	background-image:url(images/acc-b.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	}
#c2b {
	float:left;
	width:144px;
	height:38px;
	background-image:url(images/boutique-b.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
}
#d2b {
	float:left;
	width:97px;
	height:38px;
	background-image:url(images/panier-b.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
}
#b2b {
	float:left;
	width:102px;
	height:38px;
	background-image:url(images/rollx-b.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
}
#e2b	{
	float:left;
	width:209px;
	height:38px;
	background-image:url(images/suivi-b.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	}
#f2b {
	float:left;
	width:146px;
	height:38px;
	background-image:url(images/contact-b.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
}

/************** MENU ***************/

h1,h2,h3,h4 {
display:inline;
font-size:12pt;
background-image:url(images/sep_h.jpg);
background-repeat:repeat-x;
}

.famille {
padding-top:2px;
text-align:center;
font-weight:bold;
color:white;
width:98px;
height:117px;
background-image:url(images/rub_famille.jpg);
background-repeat:no-repeat;
}

.milieu {
width:50px;
background-image:url(images/sep.jpg);
background-repeat:repeat-y;
}

/************ panier *********************/
.panier {text-align:left;}
.panier_mg, .panier_tot_mg {text-align:left;}
.panier_h, .panier_hg {text-align:left;background-color:#D91A21;color:white;}