body{background:url(wimg/barrefond.jpg);	font: 8pt/12pt arial; margin:0px; }


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

div#col_left img, a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

td#presentation li{display:list-item; margin-top:10px; text-align:justify;}



#pas_manquer{border:1px solid #aaa; width:200px; float:left; display:inline; margin-top:5px; margin-left:4px;}

#art_desto{width:200px; margin-left:4px; margin-bottom:5px; background:#f0eff5;}

#desto_fam0{float:left; width:190px; background:#00489a; padding:5px; color:#fff; font-weight:bold; font-size:10pt;}
#desto_fam0 a{color:#fff;}
#desto_fam{float:left; width:190px; background:#f0eff5;padding:5px; }

#box_accueil{border-collapse:collapse;}
#box_accueil td{border:none;}


#bx_promo{font-weight:bold; color:#df423a; font-size:9pt;}
#bx_des{font-weight:bold; color:#00489a; height:90px;}
#bx_prix{font-weight:bold; color:#4f4f4f; }


a{color:#464D57; text-decoration:none;}
h1{color:#464D57; font: 10pt/12pt arial; font-weight:bold;}
h2{color:#FEED01; font: 10pt/12pt arial; font-weight:bold;}
legend{color:#464D57; font: 8pt/12pt arial; font-weight:bold;}
fieldset{color:#666;}
div#conteneur{position:relative;	margin:auto; margin-top:1px; width:960px; height:auto;}

div#haut{float:left;	width:960px; height:153px; background:url(wimg/bannierefond.jpg);}
div#carre{position:absolute; top:14px; left:760px; width:150px; height:75px; backgr ound:red;}
div#lang{position:absolute; top:14px; left:930px; width:20px; height:75px; backgro und:red;}

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

#menu dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
display:inline;
}
div#menu{position:absolute; top:109px; left:0px; width:960px; height:20px; backg round:red;}
ul#menu{margin:0px;}
ul#menu li {list-style-type:none;margin:0px;}
ul#menu li a{text-decoration: none; display:block; float:left; color:#ffffff; padding-left:5px; padding-right:5px; width:auto; height:20px; border-left:1px solid #aaa; padding-top:2px;}
ul#menu li a:hover {text-decoration: none; background-color:#FEE042; color:#00489A;}



div#ssmenu{float:left; top:133px; left:0px; width:960px; height:auto; background:#fddf41; margin-top:-20px;}
div#ssmenu a{float:left; display:block; text-decoration: none; color:#00489A; width:auto;	height:18px; padding-left:5px;	padding-right:5px;	padding-top:2px;white-space: pre}
div#ssmenu a:hover {text-decoration: none; color:#fddf41; background:#00489a;}


div#milieu{float:left; width:960px; min-height:500px; background-color:#ffffff; padding-top:3px;}
div#bas{float:left; width:960px; height:auto; background-color:#ffffff; padding-top:3px; text-align:center; padding-bottom:3px;}
#bas_bleu td{background:#00489c; color:#fff; text-align:left; font-weight:bold;}

div#gauche{float:left; width:180px; height:auto; height:auto; back ground:red;}

#box_gauche{float:left; display:inline; width:166px; height:27px; padding-left:10px; padding-top:3px; background:url(wimg/box_gauche.jpg); color:#fff; font-weight:bold;}

#box_droite{float:left; display:inline; width:139px; height:26px; padding-left:10px; padding-top:3px; background:url(wimg/box_droite.jpg); color:#fff; font-weight:bold; margin-left:5px;}
#box_droite a{color:#fff;}
#cbox_droite{float:left; display:inline; width:139px; height:auto; padding-left:10px; margin-bottom:10px; margin-left:5px;}

/*-------------------nav-----------------*/

dl#nav{float:left; margin-bottom:10px;}

#nav dt {
	margin: 0 ;
	ma rgin-left:5px;
	padding: 0 ;
	list-style-type: none ;
	margin-bottom:3px;
	
}
#nav ul{list-style-type:none; margin:0px;}
#nav dd{list-style-type:none; margin:0px;}

#nav li {
text-align: left;
background: #fff;
}

#nav li a{
color:#345D95;
text-decoration: none;
display: block;
height: 18px;
padding-top:2px;
width:176px;
marg in-left:5px;
text-indent: 38px ;
margin-bottom:3px;
background: url(wimg/bouton2.jpg) no-repeat 0 0 ;
}

#nav dt a
{
	display: block ;
	width: 176px ;
	height: 18px ;
	color:#345D95;
	text-indent: 30px ;
	padding-top:2px;
	text-decoration: none ;
	background: url(wimg/bouton.jpg) no-repeat 0 0 ;
}

#nav dt a:hover
{
	background: url(wimg/bouton.jpg) no-repeat 0 -20px ;
}


#nav li a:hover {
background: url(wimg/bouton2.jpg) no-repeat 0 -20px ;
}

div#centre{float:left;width:620px;height:auto; backgr ound:green; padding-bottom:20px;}
div#flash{float:left; width:620px; height:120px; margin-bottom:5px;}
div#titre_produit{float:left; width:590px; height:18px; background:url(wimg/titre.jpg); color:white; font-weight:bold; padding-left:30px; margin-bottom:10px;}
div#droite{	float:left; width:158px; height:auto; backgro und:yellow; b order:1px solid #4D484C;}


#titre td{height:20px;}














	
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}