@import url("reset.css");
html{
height:100%;	
}

body {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#body{
	height:100%;
	background:#d9d3cf url(/images/bgBody.gif) top repeat-x;
}

#bodyBottom{
	background: url(/images/bgBodyBottom.gif) bottom repeat-x;
}

#email2, #website2{
	display:none;
}

a:link {color:#008fc5;}
a:visited {color:#008fc5;}
a:hover {color:#008fc5;text-decoration:none;}
a:active {color:#008fc5;}

h1 {
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
color:#fff;
padding:12px 0 0 5px;
}

h1 span{
font-size:11px;	
}


h2 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#008fc5;
font-size:30px;
margin-bottom:30px;
}


h3 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:20px;
color:#008fc5;
margin-bottom:15px;
}

h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
color:#bc136a;
margin-bottom:15px;}
h4 strong, h4 b{
	color:#008fc5;
}

h5 {
color:#008fc5;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
padding-bottom:15px;
font-weight:bold;
}

h6 {
color:#008fc5;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
padding-bottom:15px;
font-weight:bold;
}

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

ul {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#69584d;
list-style:disc;
margin-left:30px;
padding-bottom:10px;
}

ol{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#69584d;
list-style:decimal;
margin-left:30px;
padding-bottom:10px;	
}

li {padding-bottom:7px;}

label img {
  behavior: url("/css/label_img.htc");
}

table {
	
}

th {
background:#664d3f;
color:#fff;
font-weight:bold;
font-size:12px;
text-align:center;
padding:8px;
}

td {
font-size:12px;
border:1px solid #ddd;
padding:5px;
}

table.prix{
	width:100%;
	margin-bottom:30px;
}
table.prix th{
	border-right:1px solid #fff;
	vertical-align:text-top;
	background:#d8ecf4;
	color:#008fc5;
	}
	table.prix th.vide{
		background:#FFF;
	}
table.prix td{
	vertical-align:text-top;
	text-align:center;
	color:#412f24;
	}






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

#pageFull {
width:950px;
margin: 0 auto;
background:url(/images/bgPageFull.gif);
}



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

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

#logoPrint{
display:none;	
}


#header p{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#fff;
padding:12px 20px 0 0;
}

#header p a{
color:#fff;
text-decoration:none;
}
#header p a:hover{
font-weight:bold;
}

#menu{
position:absolute;right:30px;bottom:2px;
}

#menu img{
float:left;

}


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

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

#contentFull{
width:950px;
background: url(/images/bgContentFull.jpg) top no-repeat;	
}

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



/* ContentFull
--------------------------------------------------------------------------------------- */


#innerContentFull{
padding:60px;
padding-top:20px;
	
}



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

#contentRight{
width:375px;
float:right;
padding-left:10px;
padding-top:62px;
}

#widgetPromoTop{
background:url(/images/bgWidgetPromoTop.jpg) top no-repeat;
}

#widgetPromoCenter{
background:url(/images/bgWidgetPromoCenter.jpg) ;
width:302px;

margin:20px 0 0 18px;
}
	
#widgetPromoBottom{
background:url(/images/bgWidgetPromoBottom.jpg) bottom no-repeat;
text-align:center;
padding-top:6px;
position:relative;
padding-bottom:9px;
}





#widgetPromoText{
margin-left:10px;
border-top:1px solid #b2a7a3;
width:283px;
background:#e4e0dd;
}

#widgetPromoText img{
float:left;	
}

#widgetPromoText h2{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
color:#008fc5;
margin:0px;
padding:0px;
}

#widgetPromoText p{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#008fc5;
padding:0px;
margin:0px;
text-align:center;
}

#arrowLeft{
position:absolute;
left:10px;
bottom:9px;
}

#arrowRight{
position:absolute;
right:9px;
bottom:9px;
}




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

#contentLeft{
width: 487px;
float:right;
padding-right:18px;
padding-top:20px;
min-height:400px;
height:auto !important;
height:400px;
}




/* CART
-------------------------------------------------- */

#cart{
background:url(../images/bgCart.jpg);
margin-top:14px;
width:830px;
}

#cartBottom{
background:url(../images/bgCartBottom.jpg) bottom no-repeat;
}

#cartRight{
width:226px;	
float:right;
margin-left:25px;
}

#cartLeft{
float:right;
width:579px;
padding-top:20px;
}



.modele{
float:left;
margin-right:20px;
}

#modeleDispo .modele{
margin-right:10px;	
}

.modele p{
padding:0px;
margin:0px;
padding-top:4px;
text-align:right;
}
.modele input{
width:50px;height:12px;font-size:10px;	
}

.modele h3{
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom:10px;
padding:0px;
}

.modele h3 strong{
font-size:16px;	
}

.modele h4{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#008fc5;
font-size:24px;
font-weight:bold;
text-align:center;
padding-top:8px;
}

.modele h4 sup{
font-size:10px;	
}

#modeleCases{
height:30px;
background:url(../images/modeleBgCase.jpg);
margin-bottom:8px;
}

#modeleCases div{
float:left;width:120px;margin-right:27px;	text-align:center;padding-top:6px;
}

#modeleCases a{
float:right;
text-decoration:none;
}

#modeleCases a b{
	position:relative;
	top:4px;
	font-weight:normal;
}

.cartNext{
float:right;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#684f40;
}
.cartNext a{
color:#684f40;
text-decoration:none;
}

.cartNext img{
position:relative;
top:3px;
}

.cartPrev{
float:left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#684f40;
}
.cartPrev a{
color:#684f40;
text-decoration:none;
}

.cartPrev img{
position:relative;
top:3px;
}


.cartCochez{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#008fc5;
}

a.etape{
display:block;
width:186px;
height:40px;
background:url(../images/etape.jpg);
padding-left:40px;
padding-top:17px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#b3aba6;
text-decoration:none;
}
a.etape span{
font-size:14px;
font-weight:normal;
}

#cartRight a.etapeOn{
display:block;
background:url(../images/etape_hov.jpg);
width:186px;
height:40px;
padding-left:40px;
padding-top:17px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#cartRight a.etapeOn span{
font-size:14px;
font-weight:normal;
}

#cartRight a.etapeHov{
display:block;
background:url(../images/etape.jpg);
width:186px;
height:40px;
padding-left:40px;
padding-top:17px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#b3aba6;
text-decoration:none;
}
#cartRight a.etapeHov span{
font-size:14px;
font-weight:normal;
}
#cartRight a.etapeHov:hover{
color:#fff;
background:url(../images/etape_hov.jpg);
}

.etape{
display:block;
width:186px;
height:40px;
background:url(../images/etape.jpg);
padding-left:40px;
padding-top:17px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#b3aba6;
text-decoration:none;
}
.etape span{
font-size:14px;
font-weight:normal;
}

.etapeOn{
display:block;
background:url(../images/etape_hov.jpg);
width:186px;
height:40px;
padding-left:40px;
padding-top:17px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
text-decoration:none;
}

.etapeOn span{
font-size:14px;
font-weight:normal;
}


.visuel{
float:left;
width:135px;
margin-left:10px;
}

.visuel img{
border:10px solid #edeeef;
}
.visuel h3{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
color:#008fc5;
margin:0px;
padding-bottom:5px;
}



.visuel h4{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#008fc5;
font-size:24px;
font-weight:bold;
text-align:center;
padding-top:8px;
}

.visuel h4 sup{
font-size:10px;	
}

.visuel h4 span{
font-weight:normal;
}


.doubleLignes{
text-align:left;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:5px 0px 5px 0px;padding:10px 0px 0px 0px;	
}

.doubleLignes img{
	margin:0px;
	padding:0px;
}

.doubleLignes .setmiddle{
	position:relative;
	top:-30px;
}

.doubleLignes label.setmiddle{
	margin-right:25px;
}

.doubleLignes input{
	margin-left:10px;
}

#cartCategorie{
height:30px;
background:url(../images/modeleBgCase.jpg);
margin-bottom:8px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#008fc5;
}
#cartCategorie p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#008fc5;
position:relative;left:5px;top:6px;
padding:0px;
margin:0px;
}
#cartCategorie select{
position:relative;top:6px;	
}

.cartCategorie{
height:30px;
background:url(../images/modeleBgCase.jpg);
margin-bottom:8px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#008fc5;
}
.cartCategorie p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#008fc5;
position:relative;left:5px;top:6px;
padding:0px;
margin:0px;
}
.cartCategorie select{
position:relative;top:6px;	
}



.cartImage{
width:134px;
float:left;
padding-bottom:5px;
border-right:2px solid #d9d3cf;
border-bottom:2px solid #d9d3cf;
padding-left:10px;
padding-top:10px;
}

.cartImage img{
border:10px solid #edeeef;	
}

.cartImage h4{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#008fc5;
font-size:24px;
font-weight:bold;
text-align:left;
padding-top:8px;
}

.cartImage input{
position:Relative;
right:8px;
top:8px;
}

.cartImage h4{
margin-bottom:5px;
padding:0px;
}

.cartImage h4 sup{
font-size:10px;	
}

.cartImage h4 span{
font-size:16px;
font-weight:normal;
}

#positionnementRight{
width:209px;
border:10px solid #b9e0ef;
background:#d9eef6;
float:right;
margin-left:10px;
padding:10px;
font-weight:bold;
line-height:15px;
}

#positionnementRight p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#684f40;
padding:0 20px;
padding-bottom:15px;
text-align:center;
font-weight:normal;
}



.positionnement{
background:#f5fbfd;
padding:5px;
margin-bottom:15px;
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
color:#008fc5;
}

#positionnementRight .positionnement p{
margin:0px;
padding-top:4px;
padding-bottom:4px;	
}

#positionnementLeft{
float:left;
border:10px solid #e8e5e3;
text-align:center;
}


#resume{
background:#f0edec;	
width:564px;
}

#resume img{
border:1px solid #e2ddda;
margin-bottom:30px;
}

#resumeRight{
float:right;
width:404px;
padding-top:25px;
margin-left:30px;
}

#resumeRight ul{
list-style:none;	
margin:0px;
padding:0px;
margin-bottom:25px;
}

#resumeRight ul li{
list-style:none;
padding:5px;
background:#fff url(../images/bgResumeLi.jpg) bottom no-repeat;
width:394px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color:#008fc5;
}
#resumeRight ul li span{
color:#684f40;
float:right;
}

#resumeRight ul li i{
	font-style:normal;
}

#resumeDetails{
background:#fff;	
width:375px;
margin-top:30px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color:#684f40;
min-height:160px;
padding:8px;
margin-bottom:30px;
}


#resumeDetailsTotal{
	
}


#resumeLeft{
float:right;
width:130px;
text-align:right;
padding-top:25px;
}

#resumeLeft ul{
margin:0px;
padding:0px;
margin-bottom:30px;
}
#resumeLeft li{
list-style:none;
background:#fff url(../images/resumeBgLiLeft.jpg) bottom no-repeat;
width:110px;
padding:5px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#008fc5;
text-align:left;
padding-left:10px;
}

.commandeForm{
margin-top:8px;
width:502px;
border:30px solid #f0edec;
margin-bottom:8px;
padding:8px;
}
.commandeForm label{
display:block;
float:left;
width:200px;
text-align:right;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color:#008fc5;
padding-right:10px;
}
.commandeForm div{
padding-bottom:8px;	
}

.commandeForm a{
	font-size:10px;
}

#error{
color:#900;
font-weight:bold;
}

#step2Side{
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;font-size:18px;color:#008fc5;
}
#step2Side img{
float:left;
}
#step2Side span{
display:block;float:left;position:relative;padding:8px 0 0 10px;
}


.nouvProm{
padding:5px;
border:1px solid #ddd;
cursor:pointer;
margin-bottom:10px;
}

.nouvProm:hover{
border:1px solid #bbb;	
}

.nouvProm img{
float:left;
padding:3px;
border:1px solid #ddd;
margin-right:5px;
}

.nouvProm:hover img{
border:1px solid #ccc;	
}



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

#footer {
clear: both;
width:950px;
height:89px;
background:url(/images/bgFooter.jpg);
}

.HDP{
padding-left:50px;	
}

#footer p#conditions{
float:right;	
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#604534;
padding:10px 49px 0 0 ;
}
#footer p#conditions a{
color:#604534;
text-decoration:none;
}


#footer p#conditions a:hover{
color:#69615d;
}

#footer p#copy{
float:right;	
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#fff;
padding:18px 49px 0 0 ;
}

#footer p#copy a{
color:#fff;
text-decoration:none;
}

#footer p#copy a:hover{
color:#69615d;
}

#footer ul{
padding:10px 0 0 49px;
margin:0px;
list-style:none;
}

#footer ul li{
padding:0 15px;
background:url(/images/sep.gif) right no-repeat;
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#867266;
}

#footer ul li.sepnone{
background:none;	
}

#footer ul li a{
color:#867266;	
text-decoration:none;
}

#footer ul li a:hover{
color:#69615d;
}


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