@charset "utf-8";

/* -------------------------------------
 * 20px 1.27em
 * 19px 1.21em
 * 18px 1.15em
 * 17px 1.09em
 * 16px 1.03em
 * 15px 0.96em
 * 14px 0.88em
 * 13px 0.82em
 * 12px 0.77em
 * 11px 0.71em
 * 10px 0.65em
 * 9px 0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */
/* ------------------------------------------
20/* Correction des styles HTML par defaut
21/* ------------------------------------------ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 font-family: verdana;
 font-size: 12px;
}

a , a:link , a:visited , a:hover , a:focus {
 text-decoration: none;
}
a img, a:link img, a:visited img, a:hover img, a:focus img{
 border: 0;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

ol, ul {
 list-style: none;
}
/* @end */


body {
 position: relative;
 margin: 0;
 padding:0;
 font-size: 1em;
 color: #333;
 background: #ffffff;	
}

/* ------------------------------------------
/* Fin de correction des styles HTML par defaut
/* ------------------------------------------ */

/* ------------------ page -----------------------------------*/


#cart-logo {
	background:url(../img/logoIndex.png) no-repeat 240px 0;
	height:83px;
}

#menuContainer {
background: #6699CC url(../img/menu_container.gif) no-repeat ;
	width:615px;
margin-top:50px;
margin-left:10px;

}

#menu { width:574px;}

.menu-btn {
color:#FFFFFF;
cursor:pointer;
font-family:Trebuchet MS,Arial,Sans,sans-serif;
font-size:95%;
font-weight:bold;
padding:3px;
background:#3399CC ;
border-top: thin solid #ffffff;
border-left: thin solid #ffffff;
}

/* ------------------ product -----------------------------------*/

.conteneur-product {
margin-left:10px;
margin-right:0px;
	position: absolute;
	width:590px;
	top: 0px;
	left: 0px;
	text-align:left;
	filter:shadow(color:gray, strenght:10, direction:135);
}
 
 
.product {
	display:block;
	margin-top:10px;
	height:24px;
}
.product li{
	float:left;
	margin-right:0;
	
}
.product li a{
	display:block;
	/*background:url(../img/bg/fond_onglet_off.gif) repeat-x 0 0;*/
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:0px 10px ;
	text-transform:uppercase;
}
.product li.active a{
	color: #6699FF;
	/*background:url(../img/bg/fond_onglet_on.gif) repeat-x 0 0;*/
}
.product li span {
	display:block;
	/*background:url(../img/bg/fond_onglet_on.gif) repeat-x 0 0;*/
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:#6699FF;
	text-decoration:none;
	padding:4px 10px ;
	text-transform:uppercase;
	text-align: left;
}

.prodintro {
	color:#6699FF;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	margin-right:5px;
}
.product li select{
	margin-left:10px;
}
.web {margin-top:-5px;}

.price li{
	display:block;
	float:left;
	margin-right:0;
	
}

/* filetree */

.filetree li a {
	font-family:Arial;
	font-size:12px;
	font-size: 12px;
	text-align:left;
}

/* menu v2 */

#header {
height: 0px;
}



.conteneur-footer {
margin-left:10px;
margin-right:0px;
	position: absolute;
	width:590px;
	top: 0px;
	left: 0px;
	text-align:left;
	filter:shadow(color:gray, strenght:10, direction:135);
}
 

#centre #haut {
height: 30px;
background-color:#FFF;
}
#conteneur {
position: relative;
background-color:#FFF;
width: 100%;

}
#centre {
background-color:#FFF;
margin-left: 176px;
margin-right: 150px;
height:3000px;
width: 100%;
}
#gauche {
position: absolute;
top:180px;
left:12px;
width: 156px;
background:#ffffff url(../img/menubox_background.gif) repeat-y 0 0;
}
#droite {
position:absolute;
width: 150px;
}
#pied {
height: 30px;
background-color: #FFF;
}

.menuhaut {
background-color: #FFF;
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
.menudroit_f {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit_f li {
margin-bottom: 5px;
}
.menudroit_f a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit_f a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}



#bandeau_menu {
width: 100%;
height: 0px;
padding: 0px 0 0 0px;
background:#E6E6E6 ;
margin-left: 200px;
margin-top: 40px;
}

/* menuBox */
.menubox_head {
width: 154px;
height: 14px;
background:#fff url(../img/menubox_headsimple.gif) no-repeat 0 0;
}

.menubox_foot {
width: 154px;
height: 14px;
background:#fff url(../img/menubox_foot.gif) no-repeat 0 0;
}