/*mise ne page*/

body{font: 10pt/12pt arial; color:#000000; margin:0px; backgr ound:#e7e6e6; text-align:justify; background:url(img/bg_body.jpg); }




table#panier{width:100%; border-collapse:collapse;}
table#panier th{font-weight:normal; background:#f5ca01;}
table#panier td{border-bottom:2px solid #aaa;}
#gris{background:#ddd; font-weight:bold;}

table{border-collapse:collapse; }
table#conteneur{position:relative; margin:auto; width:977px; border-collapse:collapse;}

table#100{width:100%; border-collapse:collapse; margin:0px;}
td#haut{ width:977px; height:34px; background-image:url(img/menu.png); padding:0px;}
td#haut img{float:left; margin-top:7px;}
td#conteneurfiche{background:#f5ca01; font-size:8pt; padding:5px;}
div#fondcat{background-color:#f5ca01; color:#000000; font-size:11px; font-weight:bold; height:15px;margin-left:5px; margin-top:5px;margin-bottom:5px; padding:2px 0 0 5px;text-transform:uppercase;}
h1#categorie{font-size:16px;font-weight:bold; padd ing:5px 0; color:#3b669e; ma rgin-left:5px; background:url(imgs/h1cat.jpg) no-repeat scroll right bottom; width:100%;}
h1#produitboxgauche{font-size:12px;margin:0;padding:0 0 2px;color:#3b669e; width:100%; text-align:left; height:20px;}
td#prixbox{align:left; vertical-align:middle; font-weight:bold; color:black; font-size:10pt;}

div#boite{float: left;width:565px; padding:5px; padding-bottom: 20px; margin:5px; background:#fff; border:1px solid #aaa; margin-left:5px; margin-top:30px;}

div#boite2{float:left; width:565px; padding:5px; margin:5px; background:#fff; border:1px solid #aaa; margin-left:5px; margin-top:10px;}

div#boite img{border: none;}
div#boite form{margin-right: 150px; margin-left: 150px; margin-bottom: 0em; margin-top: 15px;}
div#boite form p{margin-right: 1em; display: inline; margin-top: 1em;}
div#boite form p input{width: 100px; margin-left: 15px; margin-top: 1.5em; float: right;}
div#boite label {float: left; width: 100px; margin-top: 1.5em;}
.submit input{margin-right: 70px;}
.result{float: right;margin-top: 0px; margin-right: 200px; padding: 0em; color: red; font-size: 12px;}

td#milieu{width:947px; height:auto; background:url(img/milieu.jpg) repeat-y; padding-left:10px; padding-right:10px; padding-top:5px;}
td#bas{width:977px; height:30px; background:url(img/bas.jpg) no-repeat; padding-top:20px; text-align:center; }

td#gauche{width:197px;}
td#centre{width:592px; backgr ound:#fefbdf; padding-left:5px; padding-right:5px;}
td#droite{width:141px;}


div#boxgauche{width:197px; height:auto; margin-top:15px;}
div#hautboxgauche{width:197px; height:18px; background:url(img/hautboxgauche.jpg); text-align:center; color:#fff; font-weight:bold; padding-top:2px;  color:#e32815; }
div#milieuboxgauche{width:191px; height:auto; background:url(img/miieuboxgauche.jpg); padding-left:3px; padding-right:3px;}
div#basboxgauche{width:197px; height:4px; background:url(img/basboxgauche.jpg); margin-bottom:10px;}

div#hautboxgauche a{color:#fff; text-decoration:none;}


div#boxdroite{width:141px; height:auto; margin-bottom:15px;}
div#hautboxdroite{width:141px; height:18px; padding-top:3px; background:url(img/hautboxdroite.jpg); text-align:center; color:#fff; font-weight:bold;  color:#e32815; }
div#milieuboxdroite{width:135px; height:auto; background:url(img/milieuboxdroite.jpg); padding-left:3px; padding-right:3px; text-align:center; }
div#basboxdroite{width:141px; height:5px; background:url(img/basboxdroite.jpg);}

strong { color:#e32815; }
#garantie { width:197; height:98px; }
#garantie a { text-decoration:none; color:#FFFFFF; }
#garantie img { border:none; }

div#boxproduit{float:left; width:141px; height:210px; border:1px solid #aaa; text-align:center; color:#fff; font-weight:bold; margin-top:20px; margin-left:23px; margin-right:23px; background-color:#FFFFFF;}

input.test { width:10px; }
input{border:1px solid #012b81; background:#fff; width:300px;}
input#submit{border:1px solid #012b81; background:#fff; width:80px;}
textarea{border:1px solid #012b81; background:#fff; width:300px;}


#des_pro{color:#e32815; font-weight:bold; height:35px; font-size:12px;}
#pri_pro{color:#e32815; font-weight:bold; font-size:10pt;  width:100%; position:relative; float:left}

#photo_pro {float:left;position:relative; margin-left:9px; }

#blanc{width:100%; height:auto; backg round:red; float:left;}
#page_resultat{ float:left; width:582px; height:auto; text-align:right; backg round:red;}

#petite{padding-bottom:5px; border-bottom:1px solid #3b669e;}

/*div#formulaire {display: block; width: 100%;}
div#formulaire p#genre{display: inline;}
div#formulaire p#genre input{margin-left: 4px; width: 30px; border: none;}
div#formulaire fieldset {margin-top: 2em;}
div#formulaire label {float: left; width: 30%;}
div#formulaire input, select {margin-left: 2em; width: 150px; border-color: none;}*/
.continuer{float: right; margin-right: 200px; background:url(imgs/continuer.jpg) no-repeat; border: none; height: 21px;}


/*titre*/
div#h1{background: url(img/h1.jpg) repeat-x scroll left bottom; height:18px; margin-bottom:7px;  width:100%; float:left;}
div#h1 h1{color:#f5ca00; background:#fff; display:inline; font-size:16px; font-weight:bold; margin:0; padding:0 2px 0 0;}
h2 { font-size:15px; color:#e32815; }

a{color:#000000; }


/*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: #e32815;
margin:0px;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-tran sform: uppercase;
padding: 2px 0 2px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

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

.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: #232323;
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:hover{ /*hover state CSS*/
color: #e32815;
background-color: #F3F3F3;
}



p#test2{ margin:0px; }

div#col_left img {
background:white none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin:0px 0px 0 0;
padding:5px;
width:auto;
}

/*img, a { color:#000000; }*/




.pano 
{
	float: left; 
	color: white;
	background-color: #fff;
	width: 570px;
	padding: 0px;
	margin: 0px; 
	ma rgin-left:10px;
	display:inline;
	
}

.pano_picture
{
	position: relative;
	left: 10px;
	top: 0px;
	background-image: url(img/pano.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 150px;
	width: 570px;
	margin-bottom: 0px;
	border:1px solid #f5ca00;
}

.scrolling_left
{
	float: left;  
	height: 150px;
	width: 100px;
	margin-bottom: 0px;
}

.scrolling_right
{
	float: right;  
	height: 150px;
	width: 100px;
	margin-bottom: 0px;
}

.nav_bar
{
	text-align:center;
	width:570px;
	margin-top:5px;
	position: relative;
	left: 10px;
}

.conteneur
{
	width: 570px ;
	text-align: left ;
}