@import url("reset.css");

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#body{
background: #000 url(/images/bgBody.jpg) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;	
}

a:link {color:#99162c;}
a:visited {color:#99162c;}
a:hover {color:#99162c;text-decoration:none;}
a:active {color:#99162c;}

#mailingemail, #mailingwebsite{display:none;}

h1 {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#fff;
text-transform:uppercase;
position:absolute;
top:3px; 
right:90px;
}

h2 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:24px;
color:#99162c;
margin-bottom:23px;
}

h3 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#77787b;
margin-bottom:20px;
}


h3 span{
	color:#99162c;
}


h4 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#99162c;
margin-bottom:20px;
}

h5 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
color:#231f20;
margin-bottom:20px;
}

h6 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color:#99162c;
margin-bottom:20px;
text-transform:uppercase;
}

p {font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#000;
margin-bottom:20px;
text-align:justify;
}


ol{margin-bottom:20px;margin-left:20px;}
ol li{font-size:11px;list-style:decimal;padding-bottom:3px;}

ul {margin-bottom:20px;margin-left:5px;}
ul li {font-size:11px; background:url(/images/bullet.jpg) left top no-repeat;padding-left:15px;padding-bottom:11px;position:relative;margin-top:0px;padding-top:0px;}
ul li span{
color:#99162c;
}

#special li{
padding-bottom:28px;	
}



#page {
width: 950px;
margin: 0 auto;
background:url(/images/bgPage.jpg) repeat-y;
}

/* Header
--------------------------------------------------------------------------------------- */


#logo{
position:Absolute;left:32px;
top:77px;
}

#header {
width:950px;
height:250px;
background:url(/images/bgHeader.jpg) no-repeat;
position:relative;
}

#menu{
position:absolute;
left:283px;
top:191px;
margin:0px;
padding:0px;
}

#menu li{
float:left;
list-style:none;
margin:0px;
padding:0px;
background:none;
}

#menu li span{
display:block;
float:left;
height:32px;
padding:0;
padding:17px 24px 0 19px;
background:url(/images/separateur.jpg) right no-repeat;
cursor:pointer;
color:#fff;
}

#menu li a{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
display:block;
height:49px;
text-decoration:none;
float:left;
}

#menu li a:hover{
background:url(/images/bgMenu.jpg) center;
}

#menu li span.last{
background:none;
padding:17px 23px 0 18px;
}


/* Content
--------------------------------------------------------------------------------------- */

#content {
width:950px;
background:url(/images/bgContent.jpg) no-repeat;
float:right;
}

#contentRight{
float:right;
width:196px;
padding-top:30px;
margin-bottom:10px;
}

#contentMiddle{
float:right;
width:401px;

padding:30px;
}

#contentMiddle img{
border:10px solid #fff;	
}

#contentMiddleLong{
width:597px;
float:right;
padding:30px;
}

#contentMiddleLong img{
border:10px solid #fff;	
}


#contentLeft{
float:right;
width:253px;
padding:21px 0 0 40px;
}

#promotions{
width:213px;	
background:url(/images/promoContent.jpg);
}

.produit{
padding:20px;
padding-top:3px;
position:relative;
}

.produit img{
border:1px solid #000;
float:right;
margin-left:8px;
}

.produit img:hover{
border:1px solid #666;
}


img.separateur{
border:0px;
padding:8px 0 8px 20px;
}

.produit p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
color:#000;
margin-bottom:10px;
text-align:left;
}

#contentLeft .produit p a{
	text-decoration:none;
	color:#000;
}

.produit a:hover{
	color:#444;
}

.produit a.lePrice{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
display:block;
position:absolute;
height:23px;
font-style:italic;
background:url(/images/bgPrix2.gif);
background-repeat:repeat-x;
color:#fff;
text-decoration:none;
padding-left:4px;
padding-right:4px;
}

.produit a.lePrice sup{
font-size:10px;	
}

.produit a:hover.lePrice{
color:#e5e5e5;
}


#promoBottom{
width:213px;
background:url(/images/promoBottom.jpg) bottom no-repeat;
height:35px;
}

#promoBottom a{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:12px;
text-decoration:none;
padding-left:17px;
color:#99162c;
}

#promoBottom a:hover{
color:#c0495d;
}

#product a{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:12px;
color:#99162c;
}



#mailing{
width:213px;
height:100px;
background:url(/images/bgListeEnvoi.jpg);
margin-top:30px;
padding-top:50px;
position:relative;
}
#mailing p{
text-align:right;
padding-right:18px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
margin-bottom:4px;
}

#formEnvoie{
text-align:right;	
padding-right:18px;
}

#formEnvoie input{
font-size:11px;
color:#606060;
border:1px solid #a8171b;
margin-bottom:5px;
height:14px;
padding-top:3px;
width:135px;
background:#fff url(/images/arrow.jpg) left no-repeat;
padding-left:15px;
}


#contentMiddle .toolbarRow img{
margin:0px;
padding:0px;
border:0px;
}

#formulaire label{
float:left;
padding-top:5px;
width:150px;
color:#666;
}

#formulaire input, textarea {
	border:1px solid #4c0d16;
	padding:3px;
	width:190px;
}

#formulaire input.bt{
	background:#99162c;
	color:#fff;
	margin-left:110px;
}
#formulaire input:hover.bt{
	background:#d7d7d7;
color:#666;
}

#formulaire div{
font-size:12px;
clear:left;
padding:5px;
background:#f2f2f2;
}

#formulaire div.bgnone{
background:none;	
}

#url, #email2{display:none;}


/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
width:950px;
height:100px;
background: #000 url(/images/bgFooter.jpg) no-repeat top;
border-top:10px solid #fff;
clear: both;
position:relative;
}

#HDP{
position:absolute;
right:10px;
top:22px;
}

#copyright{
font-family:Verdana, Geneva, sans-serif;
color:#a6a6a6;
position:absolute;
right:10px;
bottom:-9px;
font-size:9px;
}

#copyright a:link {color:#a6a6a6;text-decoration:none;}
#copyright a:visited {color:#a6a6a6;text-decoration:none;}
#copyright a:hover {color:#a6a6a6;text-decoration:underline;}
#copyright a:active {color:#a6a6a6;text-decoration:none;}


/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f3f3f3;padding:10px;}

#contentMiddleLong .toolbarRow img{
margin:0px;
padding:0px;
border:0px;
}
#contentMiddle .toolbarRow img{
margin:0px;
padding:0px;
border:0px;
}

#product{
	
}

#product img{
	border:1px #000 solid;
	border-bottom:0px;
}

#product p{
	padding-bottom:0px;
	margin-bottom:0px;
}


#product a.prix{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
width:78px;
height:23px;
display:block;
background:url(/images/bgPrix2.gif);
background-repeat:repeat-x;
color:#fff;
text-decoration:none;
text-align:center;
border:1px #000 solid;
border-top:0px;
}

#product a:hover.prix{
color:#e5e5e5;	
}


.prix sup{
font-size:10px;
}

#liquidation{
margin-bottom:20px;
width:390px;
}

#liquidationInner{
background:url(/images/liquidationContent.jpg);	
float:left;
width:390px;
}


#liquidation img{
	border:0px;
}

.liquidation{
margin-left:25px;
width:340px;
float:left;
background:#731021;
}

.liquidation a.prix{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
width:78px;
height:23px;
display:block;
background:url(/images/bgPrixLiquidation.gif);
background-repeat:repeat-x;
color:#fff;
text-decoration:none;
text-align:center;
border:1px #000 solid;
border-top:0px;
}

.liquidation a:hover.prix{
color:#e5e5e5;	
}

.liquidation h3{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px; 
font-weight:bold;
color:#fff;
margin:5px 0px 0px 0px;
}
.liquidation p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px; 
color:#fff;
margin:5px 0px 0px 0px;
padding:0px;
}

.liquidation p span{
color:#000;
font-weight:bold;
font-style:italic;
font-size:12px;
}
.liquidation a.specialWhite{
color:#fff;
font-weight:bold;
font-style:italic;
font-size:12px;
text-decoration:none;
}
.liquidation a.specialWhite:hover{
color:#000;
}


#liquidation .liquidation img{
	border:1px #000 solid;
	border-bottom:0px;
}


#formulaire label{
float:left;
padding-top:5px;
width:150px;
color:#4c0d16;
}

#formulaire input, textarea {
	border:1px solid #4c0d16;
	padding:3px;
	width:190px;
}
#formulaire input{

	width:230px;
}

#formulaire input.bt{
	background:#99162c;
	color:#fff;
	margin-left:110px;
}
#formulaire input:hover.bt{
	background:#d7d7d7;
	color:#a8171b;
}

#formulaire div{
font-size:12px;
clear:left;
padding:5px;
background:#f2f2f2;
}

#formulaire div.bgnone{
background:none;	
}