@charset "utf-8";
/* CSS Document */

BODY{
margin:0 auto;
width:100%;
background:url(img/front/bg-general.jpg) repeat-x #d6e0ec;
overflow-x:hidden;
}

#headerBack{
position:relative;
margin:0 auto;
padding:0;
width:1200px;
height:505px;
text-align:center;
background:url(img/front/headerBack.jpg) no-repeat;
}

#header{
position:relative;
top:0px;
margin:0 auto;
text-align:center;
width:800px;
height:505px;
background:url(img/front/bg-top.jpg) no-repeat;
}

#bandeau-mentions{
position:relative;
top:0px;
margin:0 auto;
text-align:center;
width:800px;
height:250px;
}

#mainBody{
position:relative;
top:-30px;
margin:0 auto;
padding:0;
width:800px;
height:750px;
background:#FFF repeat-y;
}

#mainBody h1{
width:770px;
padding:0 0 0 30px;
font:18px Arial, Helvetica, sans-serif;
color:#993399;
font-weight:bold;
}

#mainBody h2{
width:770px;
padding:0 0 0 30px;
font:14px Arial, Helvetica, sans-serif;
color:#33CCFF;
font-weight:bold;
}

#mainBody p{
width:770px;
padding:0 0 0 30px;
font:11px Arial, Helvetica, sans-serif;
color:#000;
}


#leftPan{
position:relative;
top:30px;
left:0px;
width:305px;
background:#FFF repeat-y;
}

#leftPan p{
font:14px Arial, Helvetica, sans-serif;
width:245px;
padding:0 10px 0 10px;
text-align:left;
margin:0;
color:#993399;
}

#boxLeftTop{
display:block;
width:285px;
height:12px;
background:url(img/content/boxLeftTop.jpg) no-repeat;
font-size:0;
margin:0;
padding:0;
}

#boxLeftMiddle{
width:283px;
background:#FFF;
background-repeat:repeat;
border-right:solid 1px #473a28;
border-left:solid 1px #473a28;
}

#boxLeftBottom{
display:block;
width:285px;
height:12px;
background:url(img/content/boxLeftBottom.jpg) no-repeat;
font-size:0;
margin:0;
padding:0;
}

#boxRightTop{
display:block;
width:455px;
height:12px;
background:url(img/content/boxRightTop.jpg) no-repeat;
font-size:0;
margin:0;
padding:0;
}

#boxRightMiddle{
width:453px;
background:#FFF;
background-repeat:repeat;
border-left:solid 1px #473a28;
border-right:solid 1px #473a28;
}

#boxRightBottom{
display:block;
width:455px;
height:12px;
background:url(img/content/boxRightBottom.jpg) no-repeat;
font-size:0;
margin:0;
padding:0;
}





#contact{
position:relative;
top:20px;
left:0px;
width:305px;
height:224px;
background:url(img/front/contact.jpg) no-repeat;
}

#mail{
position:absolute;
top:5px;
left:100px;
}

#mail img{
border:none;
}

#tarifs{
position:relative;
width:265px;
padding:0 20px 0 20px;
}

#rightPan{
position:absolute;
top:30px;
left:305px;
width:455px;
padding:0 20px 0 20px;
background:#FFF repeat-y;
}

#liste{
width:455px;
height:580px;
overflow-y:scroll;
}

#rightPan p{
font:14px Arial, Helvetica, sans-serif;
color:#3e3122;
width:435px;
padding:0 10px 0 10px;
text-align:justify;
margin:0;
}

#rightPan table.liste{
width:400px;
height:580px;
vertical-align:top;
font:12px Arial, Verdana, Sans-serif;
font-weight:bold;
color:#3e3122;

}

#rightPan table.liste tbody tr td.bleu{
width:220px;
height:30px;
background:#d4e1ed;
margin:0;
padding:0;
}

#rightPan table.liste tbody tr td.rose{
width:220px;
height:30px;
background:#f1e0ef;
margin:0;
padding:0;
}


#footer{
position:relative;
top:45px;
width:800px;
height:40px;
background:url(img/front/bg-footer.jpg) no-repeat;
padding-top:80px;
margin:0 auto;
font:12px Arial, Helvetica, sans-serif;
color:#3e3122;
text-align:center;
}

#mp3{
position:relative;
top:55px;
left:0px;
margin:0 auto;
padding:0;
width:800px;
height:30px;
}

.tarifs{
display:block;
width:305px;
height:40px;
background:url(img/content/h1_tarifs.jpg) no-repeat;
text-indent:-2000px;
margin:20px 0 0 0;
}


.parfums{
display:block;
width:495px;
height:40px;
background:url(img/content/h1_parfums.jpg) no-repeat;
text-indent:-2000px;
margin:0px 0 0 0;
}


.actu{
display:block;
width:221px;
height:40px;
background:url(img/content/h1_actualites.jpg) no-repeat;
text-indent:-2000px;
margin:0 0 0 0;
}


.mauve{
color:#933589;
}

.mentions{
width:770px;
padding:0 0 0 30px;
font:11px Arial, Helvetica, sans-serif;
color:#000;
}

.admin_parfum {font:15px Arial, Helvetica, sans-serif;}