*{margin:0px; padding:0px;}
table{border-collapse:collapse;}

body{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
img { border: none; }
h3 { width: 172px; text-align: center; margin-bottom: 16px; }
 
.main{position:absolute; width: 100%; left: 0; top: 0; text-align:center;}
.main-body{margin: 0 auto; position: relative; width:960px; height:auto; text-align:left; }

.haut{position: relative; width:960px; height:187px; text-align:left; background-color: #FFFFFF;}
#logo{ float: left; width: 203px; height: 113px; background: transparent url("../imgs/logo.jpg") no-repeat; }

#login{ float: left; margin-left: 261px; width:170px; height: 113px; background: transparent url("../imgs/break_left.jpg") no-repeat left center; }
#login .titre { font-family: Verdana; font-size: 10pt; font-weight: bold; color: #0d608b; margin-left: 10px; margin-top: 24px; width:160px; height: 20px; text-align: left;}
#login input{ margin-bottom: 4px; margin-left: 10px; border: 1px solid #0d608b;}

/*#panier{ float: left; width:160px; height: 113px; background: transparent url("../imgs/break_left.jpg") no-repeat left center; }
#panier .titre{ font-family: Verdana; font-size: 10pt; font-weight: bold; color: #0d608b; margin-left: 10px; margin-top: 24px; width:227px; height: 20px; text-align: left;}
#details_panier { margin-left: 10px; } */
.user{ margin-left: 10px; }

#aide{ float: left; width:166px; height: 113px; background: transparent url("../imgs/break_left.jpg") no-repeat left center; }
#aide .titre { font-family: Verdana; font-size: 10pt; font-weight: bold; color: #0d608b; margin-left: 10px; margin-top: 24px; width:166px; height: 20px; text-align: left; }
#aide img { margin-left: 10px; }

#recherche{ float: left; width: 100%; height: 20px; background-color: #1e6d95; }
#liens { float: left; width: 700px; height: 20px; }
ul#list_liens { list-style-image: url("../imgs/puce_triangle.png"); color: #FFFFFF; margin-left: 18px; margin-top: 3px;}
ul#list_liens li{ float: left; width: auto; .list-style-image: url("imgs/puce_triangle.png"); }
ul#list_liens li a{ float: left; width: auto; color: #FFFFFF;}
#searchfield { float: right; width: 200px; height: 20px; margin-right: 5px; }

#newsletter{ width: 100%; height: 80px;}
#newsletter .titre{ font-family: Verdana; font-size: 10pt; font-weight: bold; color: #e9821d; margin-left: 5px; margin-top: 24px; margin-bottom: 6px; width:160px; height: 20px; text-align: left; }
#newsletter input{ float: left; margin-left: 5px; color:#a3a3a3; }
#newsletter input[name=valider]{ margin-left: 5px; height: 18px; } 

#reduc{ width: 100%; height: 88px; text-align: center; } 
#remise{ width: 100%; height: 200px; text-align: center; margin-top: 10px;} 

#promo{ float:left;
height:auto;
min-width:555px;}
#promo a { text-decoration: none; }
#promo a:hover{ text-decoration: underline; }
#boxpos
{
	float:left;
	margin-left:30px;
	width:540px;
}
#logg
{margin-left:60px;
text-align:right;
width:200px;}
.boxAccProm 
{ 
	height:auto;
	float:left;
	margin-bottom:11px;
	margin-left:48px;
	width:190px; 
} 
.boxAccNew 
{
	height:auto;
	width:190px;
	margin-left:30px;	
	float:left;
} 
.boxAccCC 
{ 
	height:auto;
	float:left;
	margin-left:30px;
	width:190px;
}
.promImage { float: left; width: 120px; height: 80px; margin-left: 40px; margin-top: 34px;text-decoration:none;} 
.promDes { float: left; width: 145px; margin-left: 24px; margin-top: 45px; font-size: 9pt;text-align:center;} 
.promPrix 
{
	color:#EA1113;
	float:right;
	font-size:8pt;
	text-align:center;
	width:191px;
}
#box_promo { float: left; width: 181px; border: 1px solid #efefef; margin-right: 10px; height: 253px; }
#visuel_promo { display: table-cell; vertical-align: middle; width: 181px; height: 156px; text-align: center; }
#produit_promo { width: 171px; height: 42px; text-align: center; padding-left: 5px; padding-right: 5px; font-family: Arial; font-size: 10pt; color: #6b86c4;}
#reduc_promo { width: 181px; height: 20px; text-align:center; color: #FFFFFF; font-family: Arial; font-size: 12pt; font-weight: bold;background-color: #e8487a;}
#apartir_promo{ width: 181px; height: 21px; text-align: center; color: #6b86c4; background-color: #f5f5f5;}
#aulieu_promo { width: 181px; height: 15px; text-align: center; color: #888888; background-color: #dfdfdf; }

#encart{ width: 100%; height: auto; }
#encart_promo { float: left; width: 376px; height: 150px; margin-right: 10px; margin-bottom: 10px; background-color: #FF0000; }

a{ color: #0D608B; text-decoration: none;}
a:hover { text-decoration: underline; }


i.info{color:#555}
hr{
	color:#EA5B19;
	width:145px;
}

.bas{position: relative; width:940px; padding-right:20px; height:29px; padding-top:25px; text-align:center; background:url(../imgs/bas.jpg); text-align:right; color:#fff;}
.bas a{color:#fff; text-decoration:none;}
.bouton{width:auto; height:14px; background:#e95a18; color:#fff; font-weight:bold; padding:3px; margin:5px; font-size:11px;}

.menu{position: absolute; height:20px; top:114px; left:200px;}
.menu a{color:#333; text-decoration:none; font-weight:bold; display:block; float:left; padding:3px; padding-left:10px; padding-right:10px; }
.menu a:hover{text-decoration:none; color:#fff; background:#90c3dd;}

.milieu{position: relative; width:960px; height:auto; text-align:left;}

.option-titre{font-size:10pt; font-family: Verdana; display:block; border-top:2px solid #aaa; letter-spacing:-1px; text-transform:uppercase; color:#e9821d; padding:2px; margin-right:10px; font-weight:bold; margin-bottom: 5px;}

.milieu-milieu{ float:left; width:555px; margin-top: 12px; height:auto; text-align:left; backgr ound:url(../imgs/milieu-milieu.png)}
/*.milieu-haut{margin-top:10px;font-weight:bold; text-decoration:none; font-size:12px; color:#184092; position: relative; float:left; width:575px;  height:25px; padding-top:10px; text-align:left; background:url(../imgs/milieu-haut.png)}
.milieu-bas{ font-weight:bold; text-decoration:none; font-size:12px; color:#184092; position: relative; float:left; width:595px;  height:26px; text-align:left; background:url(../imgs/milieu-bas.png)}*/
 

 
.gauche{position: relative; width:216px; height:auto; text-align:left; padding-top:5px; background:url(../imgs/gauche.jpg) no-repeat}

.droite-droite{ width:185px; padding-left:0px; height:auto; text-align:left; padd ing-top:22px; }

.niveau1{display:block; float:left; width:178px; margin-left:15px; height:auto; color:#e9821d; padding:2px; padding-top:6px; padding-left:5px; font-weight:bold; text-decoration:none; font-size:10pt; font-family: Verdana;}

.niveau2{display:block; float:left; width:135px; margin-left:40px; height:auto; padding:2px;  text-decoration:none; color:#000; }
.niveau2b{display:block; float:left; width:155px; height:auto; padding:2px; margin-left:20px;  text-decoration:none; color:#000; }

.niveau2:hover{background:#aaa; color:#ffffff;}
.question{margin-bottom:5px; font-weight:bold;}
.reponse{margin-top:0px;}

.partie{display:block; float:left; width:158px; background:#f09522; height:auto; color:#fff; margin-top:20px; padding:2px; font-weight:bold;}
.orange{background:#f09522; color:#fff; font-weight:bold;}
.back_rouge{background:#ea5b19; color:#fff; font-weight:bold; padding:2px;}
.droite{position: relative; height:auto; text-align:left; width:550px;;float:left; padding-left:5px;}

.niveau1d{padding-left:9px;
padding-top:5px; padding-bottom:5px; text-transform : uppercase; display:block; width:525px; height:auto;backgr ound-color:#EA5B19; float:left; font-weight:bold; font-size:12px; font-family: Verdana; text-decoration:underline;}

.box{float:left; width:172px; height:212px; border: 1px solid #efefef; text-align:center; margin:8px; margin-left:5px; }

.boxpro{float:left; width:140px; height:177px; background:url(../imgs/boxpro.jpg); padding:5px; margin:16px;}
.titre{text-align:center; height:30px; color:#333; font-size:14px;}
.boxpro .titre a{color:#333; text-decoration:none;}

.boxpro .image{font-weight:bold; text-align:center; height:125px}
.prix{font-weight:bold; text-align:center; height:20px; font-size:14px; background-color: #f5f5f5; color:#cc270e;}

.moyenne{border:1px solid #aaa; margin:5px;}
.ptitre{text-align:left; font-weight:bold;padding:5px; font-size:12px;}
.pprix{text-align:right; font-weight:bold; text-align:center; height:20px; font-size:25px; color:#cc270e; padding:5px;}
.pcom{text-align:left; padding:5px;}
.box{float:left; width:130px; height:212px; text-align:center; margin-right: 10px;margin-bottom:56px;color:#0f608d;font-size:7pt;font-weight:bold; }
.boxp{background:url("../imgs/boxp2.jpg");width:120px; height:81px;  padding:5px;}
.boxp img
{
	height:80px;
	padding-right:10px;
	width:120px;
}
.inscription td
{
	padding:8px;
}
.boxpro{float:left; width:140px; height:177px; background:url(../imgs/boxpro.jpg); padding:5px; margin:16px;}
.boxpro .titre a{color:#000; text-decoration:none;}

.boxpro .image{font-weight:bold; text-align:center; height:125px}
.prix{font-weight:bold; text-align:center; height:20px; font-size:14px; color:#cc270e;}

.moyenne{border:1px solid #aaa; margin:5px;}
.ptitre{text-align:left; font-weight:bold;padding:5px; font-size:12px;}
.pprix{text-align:right; font-weight:bold; text-align:center; height:20px; font-size:16px; color:#cc270e; padd ing-right:110px;}
.pcom{text-align:left; padding:5px;}

.lienbas{border-top:1px solid #aaa; color:#333; padding:2px;}
.lienbas a{color:#333; text-decoration:none;}

/*input[type=submit]{border:1px solid #395ea4; background-color:#EA5B19;color:white;font-weight:bold; }*/
input[type=radio]{ border: none; }
select{border:1px solid #395ea4; background:#fff;}

.boxpromo{float:left; width:286px; height:177px; background:url(../imgs/boxpromo.jpg); padding:5px; margin:12px; margin-left:50px;}
.ancien_prix{font-size:12px}

.boxcoupdecoeur{float:left; width:286px; height:177px; background:url(../imgs/boxcoupdecoeur.jpg); padding:5px; margin:12px; margin-left:50px;}
.boxnouveaute{float:left; width:286px; height:177px; background:url(../imgs/boxnouveaute.jpg); padding:5px; margin:12px; margin-left:50px;}

h2{font-size:14px; color:#E9821D; letter-spacing:-1px; text-transform:uppercase;}

div.tagcloud{text-align:justify; width:180px; margin-top:20px; float:left}
div.tagcloud span{color:#395ea4; font-weight:bold; }

.panier{border-collapse:collapse; width:534px; float:left;}
.panier th{background:#e95a18; color:#FFFFFF; padding:2px;}
.panier td{ padding-top: 3px;}
.panier img{border:1px solid #184092; float:left;}
.gris{background:#eee;}

.inscription{ border-collapse:collapse; width:100%; float:left;}
.inscription td{ padding-top: 5px;}
.panier input[type=radio], .inscription input[type=radio]{ margin-right: 3px;}

a{color:#0D608B}
.titre a { color:#333; }
.accroche { font-size: 10pt; }
p{}
h3{ color:#e9821d;  }
dl { margin-left: 15px; }
dt { font-size: 12px; color: #E9821D; font-family: Verdana; font-weight: bold; margin-bottom: 8px;}
dd { margin-left: 25px; }
dd img{ margin-right: 5px; }
#soins{ width: 730px; height: auto; }
#dldroite{ float: right; width: 350px; height: 560px; }
#dlgauche { float: left; width: 350px; height: 560px; }
#diapo{ width: 730px; height: 105px; margin-left: 8px; }
#diapo img { border: 1px solid #E9821D; }
#cil{  width: 730px; }
#plan { text-align: center; width: 730px; }
.message{color:red; font-weight:bold; font-size:12px;}
#connecte
{
	float:left;
	margin-left:66px;
	width:160px;
}
#accpanier
{
	float:left;
	padding:10px;
	margin-left:66px;
	margin-top:50px;
	width:140px;
	background-color:#EA5B19;
	color:white;
}

.deconnecter { background:url(../imgs/btn_deconnecter.png) no-repeat; width:141px; height:31px; border:none; cursor: pointer; margin-left:8px; }
.connecter { background:url(../imgs/btn_connecter.png) no-repeat; width:141px; height:31px; border:none; cursor: pointer; margin-left:8px; }
input[type=submit].btn_panier { background:url(../imgs/btn_panier.png) no-repeat; width:141px; height:31px; border:none; cursor: pointer; margin-left:8px; }

.gauche #top-menu-catalogue { width:185px; height:40px; background:url(../imgs/bg_top-menu-catalogue.png) no-repeat; margin-left:33px; }
.gauche #milieu-menu-catalogue { width:185px; height:auto; background:url(../imgs/bg_milieu-menu-catalogue.png) repeat-y; margin-left:33px; }
.gauche #bottom-menu-catalogue { width:185px; height:13px; background:url(../imgs/bg_bottom-menu-catalogue.png) no-repeat; margin-left:33px; }
.gauche #top-fb { width:185px; height:40px; background:url(../imgs/bg_top-fb.png) no-repeat; margin-left:33px; }

.droite-droite #top-compte { width:185px; height:40px; background:url(../imgs/bg_top-compte.png) no-repeat; }
.droite-droite #top-panier { width:185px; height:40px; background:url(../imgs/bg_top-panier.png) no-repeat; margin-top:11px; }
.droite-droite #top-question { width:185px; height:40px; background:url(../imgs/bg_top-question.png) no-repeat; margin-top:11px; }

.droite-droite #milieu-menu-catalogue { width:170px; height:auto; background:url(../imgs/bg_milieu-menu-catalogue.png) repeat-y; padding-left:15px; }
.droite-droite #bottom-menu-catalogue { width:185px; height:13px; background:url(../imgs/bg_bottom-menu-catalogue.png) no-repeat; }

/*menu*/
.arrowlistmenu{
width: 186px; /*width of accordion menu*/
margin-left:10px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 10pt Arial;
color: #545353;
margin:0px;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-tran sform: uppercase;
padding: 2px 0 2px 0; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
border-bottom:1px solid #e3e1e0;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
back ground: #EA5B19;
color:#e95e27;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
padding-bottom:5px;
mar gin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 5px; /*bottom spacing between menu items*/
list-style-type: none;
}

.arrowlistmenu ul li a{
color: #232323;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 13px;
list-style-type: none;
font-style:italic;
font-weight:normal;
margin-left:35px;
width:131px;
}
.arrowlistmenu h3 { width:166px; }

.arrowlistmenu h3:hover { width:166px; color:#e95e27; }

.arrowlistmenu a.cat { 
border-bottom:none;
font: bold 10pt Arial;
color: #545353;
margin:0px;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-tran sform: uppercase;
padding: 2px 0 2px 0; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
width:166px;
}

.arrowlistmenu a.cat:hover  { color:#e95e27;
background:none;
width:166px;
}



.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
width:131px;
}

.center { text-align:center; }