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

body{ background:#a69b7f url(../imgs/bg_body.png); font-family:Arial, Helvetica, sans-serif; font-size:11px;}

 
.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:176px; text-align:left; background:url(../imgs/haut.png); background-repeat:no-repeat; }
.bas{position: relative; width:960px; height:60px; text-align:left; background-color:#FFFFFF; padding-top:20px;}
.bas a{color:#000; text-decoration:none; }
.bouton{width:auto; height:14px; background:#37acb0; color:#fff; font-weight:bold; padding:3px; margin:5px; font-size:11px;}

.menu{ position:relative; width:960px; height:34px; text-align:left; padding-right:22px; background:url(../imgs/menu.png) no-repeat; }
.menu a{color:#333; text-decoration:none; font-weight:bold;}
.menu a:hover{text-decoration:underline;}
.swf { width:381px; height:34px; }

.milieu{position: relative; width:960px; height:auto; text-align:left; background-color:#FFFFFF; margin-top:0; }
   
.gauche{position: relative; width:197px; height:auto; text-align:left;}

.niveau1{display:block; float:left; width:194px; background:#6c6a6e; height:auto; color:#fff; margin-top:5px; padding:2px; font-weight:bold; text-decoration:none;}
#niveau1_selected{background:#f09522;}
.niveau2{display:block; float:left; width:190px; height:auto; padding:2px; border-bottom:1px solid #aaa; padding-left:5px;  text-decoration:none; color:#000;}
.niveau2:hover{background:#ccc; color:#000;}
.niveau1:hover{background:#eb6004;}

.plan { width:194px; float:left; text-align:center; font-size:12px; margin-top:10px; margin-bottom:10px; }
.partie{display:block; float:left; width:194px; background:#37acb0; height:auto; color:#fff; margin-top:20px; padding:2px; font-weight:bold;}
.orange{background:#eb6004; color:#fff; font-weight:bold;}
.bleu { background:#37acb0; color:#fff; font-weight:bold; }

.droite{position: relative; width:762px; height:auto; text-align:left; border-top:1px solid #6c6a6e;}

.niveau1d{text-transform : uppercase; display:block; float:left; width:750px; background:url(../imgs/niveau1d.jpg) no-repeat; height:29px; color:#fff; margin-top:5px; padding:2px; font-weight:bold; padding-left:40px; padding-top:7px; }

.box{float:left; width:91px; height:120px; text-align:center; margin:8px;}
.boxp{width:81px; height:81px; background:url(../imgs/boxp.jpg); padding:5px;}
.box a{text-decoration:none; color:#000;}

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

.boxpro .image{font-weight:bold; text-align:center; height:125px}
.image img{bo rder:1px solid #aaa}
.prix{font-weight:bold; text-align:center; height:20px; font-size:14px; color:#ff6609;}

.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; padding:5px;}
.pcom{text-align:left; padding:5px;}

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

input{border:1px solid #aaa; background:#fff;}

.boxpromo{float:left; width:232px; height:124px; background:url(../imgs/boxpromo.jpg); background-repeat:no-repeat; padding:2px; margin:10px 3px 10px 20px; }
.ancien_prix{font-size:12px; float:left;}
.ancien_prix1 {font-size:12px; }
.boxpromo img { width:80px; height:79px; float:left; }


.boxcoupdecoeur{float:left; width:232px; height:124px; background:url(../imgs/boxcoupdecoeur.jpg); background-repeat:no-repeat; padding:2px; margin:10px 3px 10px 3px; }
.boxcoupdecoeur img { width:91px; height:91px; float:left; }

.boxnouveaute{float:left; width:232px; height:124px; background:url(../imgs/boxnouveaute.jpg); background-repeat:no-repeat; padding:2px; margin:10px 3px 10px 3px; }
.boxnouveaute img { width:80px; height:79px; float:left; }

h2{font-size:14px; color:#f09522; letter-spacing:-1px; text-transform:uppercase; margin-top:20px; margin-bottom:20px;}



/*menu*/
.arrowlistmenu{
width: 197px; /*width of accordion menu*/
margin:0px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 10pt Arial;
color: white;
background: #37ACB0;
margin:0px;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-tran sform: uppercase;
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: #37acb0;
}

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

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

.arrowlistmenu ul li a{
color: #FFFFFF;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
list-style-type: none;
}

.arrowlistmenu ul li a.sous{
color: #232323;
}

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

.menu_index {
color: white;
}