@import url("reset.css");

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

a:link {color:#3c75a9;}
a:visited {color:#3c75a9;}
a:hover {color:#3c75a9;text-decoration:none;}
a:active {color:#3c75a9;}

h1 {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#ffffff;
text-transform:uppercase;
padding:5px 0 0 35px;
}

h2 {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-weight:bold;
font-size:24px;
color:#ec8c0c;
padding:25px 0 45px 0;
}

h3 {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:16px;
font-weight:bold;
color:#ff7207;
text-transform:uppercase;
padding-bottom:12px;
margin-top:15px;
}

h4 {
color:#0f518d;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:16px;
font-weight:bold;
text-transform:uppercase;
padding-bottom:20px;	
margin-top:15px;
}

h5 {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:16px;
font-weight:bold;
color:#ff7207;
padding-bottom:20px;
margin-top:15px;	
}

h6 {
color:#0f518d;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:16px;
font-weight:bold;
padding-bottom:20px;	
margin-top:15px;
}

p {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#444;
padding-bottom:20px;
text-align:justify;
}

ul {
margin-left:30px;
list-style:disc;
margin-bottom:15px;
}

ol {
margin-left:30px;
list-style:decimal;
margin-bottom:15px;
}

li {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#555;
padding-bottom:5px;
}


#page {
width: 905px;
margin: 0 auto;
background:url(/images/bgPage.jpg);
position:relative;
}

#pageFull{
width: 905px;
margin: 0 auto;
background:url(/images/bgPageFull.jpg);
position:relative;
}


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

#header {
width:905px;
height:310px;
background:url(/images/bgHeader.jpg);
position:relative;
}

#header-en {
width:905px;
height:310px;
background:url(/images/bgHeader3.jpg);
position:relative;
}

#menu{
position:absolute;
bottom:0px;
left:0px;
}

#header img{
float:left;	
}

#header-en img{
float:left;	
}


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

#content{
width:905px;
background:url(/images/bgContent.jpg) top no-repeat;
position:relative;
}
#contentFull{
width:905px;
background:url(/images/bgContentFull.jpg) top no-repeat;
position:relative;
}


#langues{
position:absolute;
left:440px;
top:15px;
}

#francais{
display:block;
padding-left:26px;
background:url(/images/flag_que.jpg) left no-repeat;
}

#anglais{
display:block;
padding-left:26px;
background:url(/images/flag_usa.jpg) left no-repeat;
}

#contentBottom{
width:905px;
background:url(/images/bgContentBottom.jpg) bottom no-repeat;
}
#contentBottomFull{
width:905px;
background:url(/images/bgContentBottomFull.jpg) bottom no-repeat;
}



#contentRight{
width:328px;
float:right;
padding-right:22px;
position:relative;
padding-top:277px;
}

#contentRight .arrowLeft{
position:absolute;
left:14px;
top:120px;
}

#contentRight .arrowRight{
position:absolute;
left:283px;
top:120px;
}

#contentRight .promoPic{
position:absolute;
left:80px;
top:64px;
}

#promoText{
background:#e9e9e9;
text-align:center;
}

#promoText h2{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#ff2600;
text-transform:uppercase;
margin:0 auto;
margin-bottom:9px;
width:209px;
padding:0px;
}

#promoText p{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#77787b;
margin:0 auto;
margin-bottom:9px;
width:220px;
text-align:justify;
padding:0px;
}

#promoText p a{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#ff2600;
font-weight:bold;
text-decoration:None;
}
#promoText p a:hover{
color:#444;
}



#promoText h3{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
font-weight:Bold;
color:#77787b;
text-transform:uppercase;
margin:0 auto;
width:209px;
}
#promoText h3 a{
color:#77787b;
text-decoration:none;
}
#promoText h3 a:hover{
color:#444;
}

#inventaire{
background:#8f8f8f;	
float:left;
width:314px;
padding-left:14px;
margin-bottom:30px;
}

#inventaire img{
padding:8px;
background:url(/images/bgPicInventaire.jpg);
float:left;
}
#inventaire img:hover{
background:url(/images/bgPicInventaire_hov.jpg);
}


#inventaire p{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
padding:10px 0px 10px 5px;
font-weight:bold;
clear:both;
color:#fff;
}

#inventaire p a{
color:#fff;
text-decoration:none;
}
#inventaire p a:hover{
color:#ffc69b;
}




#contentLeft{
float:right;
width:483px;
margin-right:10px;
padding:0 20px 40px 20px;
}



/* Inventaire
--------------------------------------------------------------------------------------- */



#inventaireTitre{
margin-left:40px;
padding-bottom:33px;
}

#inventaireLangues{
float:right;
margin-right:30px;
text-align:right;
margin-top:10px;
}





#inventaireMenu{
float:right;
width:242px;
	
}
#inventaireMenu h3{
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#fff;
text-transform:uppercase;
margin-left:10px;
margin-top:6px;
font-weight:bold;
margin-bottom:0px;
padding-bottom:10px;
}


#inventaireMenu ul{
margin:0px;
list-style:none;
padding:0px;
}


#inventaireMenu {
padding:0px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
margin:0px;
}

#inventaireMenu a{
display:block;
padding:7px;
padding-left:15px;
background:url(/images/inv_li.jpg);
border-bottom:1px solid #b8c0c8;
color:#647c97;
text-decoration:none;
}

#inventaireMenu a:hover{
background:url(/images/inv_li_hov.jpg);
font-style:italic;
font-weight:bold;
}

#inventaireMenu a.selected{
background:url(/images/inv_li_hov.jpg);
font-style:italic;
font-weight:bold;
}







#inventaireMenu a.alt{
display:block;
padding:7px;
padding-left:15px;
background:url(/images/inv_li_alt.jpg);
border-bottom:1px solid #b8c0c8;
color:#647c97;
text-decoration:none;
}

#inventaireMenu a.alt:hover{
background:url(/images/inv_li_alt_hov.jpg);
font-style:italic;
font-weight:bold;
}







#inventaireContenu{
float:right;
width:551px;
padding-right:57px;
padding-left:33px;
position:relative;

}

#inventaireContenu2{
float:right;
width:561px;
padding-right:47px;
padding-left:33px;
position:relative;
}

#switch{
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#7a8b9d;
position:absolute;
right:40px;
top:8px;
}

#switch a{
color:#7a8b9d;
}

#switch a:hover{
text-decoration:none;
}

#leprix{
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#7a8b9d;
position:absolute;
right:40px;
top:1px;
}

#leprix a{
color:#7a8b9d;
}

#leprix a:hover{
text-decoration:none;
}


#categorie{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#466383;
font-weight:bold;
font-style:italic;
width:460px;
position:absolute;
left:21px;
top:6px;
}

#categorie span{
font-size:12px;
color:#7a8b9d;
}

#invProduit{
padding-top:40px;


}

.invProduit{
width:256px;
height:91px;
border:1px solid #e0e0e0;
background:#fff;
margin:0px;
padding:0px;
padding:6px;
float:left;
position:relative;

}

.invProduit:hover{
border:1px solid #bbc5d0;
background:#fdfdfd;
cursor:pointer;
}

.invProduit img{
padding:2px;
border:1px solid #e0e0e0;
float:left;
margin-right:5px;
}

.invProduit:hover img{
padding:2px;
border:1px solid #bbc5d0;

}

.invProduit h2{
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#4d5b6b;
margin:0px;
padding:0px;
padding-bottom:4px;
}

.invProduit p{
margin:0px;
padding:0px;
}
.invProduit h3{
position:absolute;
left:100px;top:80px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
color:#ff9403;
margin:0px;
padding:0px;
}

.invProduit .arrow{
position:absolute;
right:6px;
top:81px;
}

.paging{
text-align:right;position:relative;right:-17px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#7a8b9d;
position:relative;
top:-3px;
}

.paging a{
color:#7a8b9d;
}
.paging a:hover{
text-decoration:none;
}

.paging a.selected{
font-weight:bold;
text-decoration:none;
}

.leRetour{
text-align:left;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#7a8b9d;
position:relative;
top:-3px;
}

.leRetour a{
color:#7a8b9d;
}
.leRetour a:hover{
text-decoration:none;
}

.leRetour a.selected{
font-weight:bold;
text-decoration:none;
}



#invProd{
background:#fff;
border:1px solid #bfc4ca;
}

#invProd p{
padding:0 15px 20px 15px;	
}

#invConPics{
background:#f0efed;
padding:9px;
float:left;
width:541px;
}

#invConPics img{
float:left;
margin-right:6px;
border:1px solid #fff;
}








#promotions h3{
	margin-top: 0px;
	width: 483px;
}
#promotions div{width: 483px; padding-bottom: 30px;}
#promotions ul{
list-style:none;	
margin-left:10px;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
}

#promotions ul li{
padding-left:12px;
background:url(/images/promoBullet.jpg) left no-repeat;
margin-top: 0px;
padding-top: 1px;
margin-bottom: 0px;
padding-bottom: 1px;
}








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

#footer {
width:905px;
background:url(/images/bgFooter.jpg) top no-repeat;
clear: both;
margin:0 auto;
}

#menuFooter{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#905e0b;
padding: 15px 70px;
}

#menuFooter a{
color:#905e0b;
text-decoration:none;
}
#menuFooter a:hover{
color:#674610;
text-decoration:underline;
}

#menuFooter span{
display:Block;
float:right;
}


#copy{
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#b6b2a6;
text-align:center;
padding-top:18px;
padding-bottom:15px;
}
#copy a{
color:#b6b2a6;
text-decoration:none;
} 
#copy a:hover{
text-decoration:underline;
} 



/* 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: #f0f0f0;}