/*NE PAS TOUCHER*/
table#conteneur{position:relative; width:960px; height:auto; margin:auto; margin-top:0px; border:1px solid #111;}



/*A CHANGER*/
body {font: 8pt/12pt arial; background-color:#00716f; margin-top:0px; text-align:justify; color:#464646;}
td#banniere{height:85px; back ground:url(imgs/banniere.jpg);}
td#banniere2{height:142px; background:url(imgs/banniere2.jpg);}
td#menu{width:198px; height:200px;  background:#fff;}

td#bas{height:19px; background:url(imgs/bas.jpg); text-align:center; color:#fff;}
#bas a{color:#fff;}
td#milieu{padding:10px; background:#fff;}


input{border:1px solid #012b81; background:#ace3e2; width:300px;}
input#submit{border:1px solid #012b81; background:#ace3e2; width:80px;}
textarea{border:1px solid #012b81; background:#ace3e2; width:300px;}


li{ma rgin:0px; pad ding:0px; lis t-style-type:none;}

h1{color:#00716f; font-style:italic; font-size:12pt;}
h1.produit { width:734px; height:21px; background:url(imgs/bg_h1_produit.jpg) no-repeat; color:#FFFFFF; padding-top:5px; padding-left:10px; text-transform:uppercase; font-style:normal; }


/* Sample 1*/
#box1{
	position:absolute;
	
}
#box1 span{
	display:block;
	float:left;
	overflow:hidden;
}

.mask1{
	position:relative;
	width:960px;
	height:142px;
	overflow:hidden;
}


/***** MENU *****/
.glossymenu{
margin: 5px 0;
padding: 0;
width: 198px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background:url(imgs/bg_menu.jpg) no-repeat;
width:178px;
height:22px;
font: 15px Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
pad ding: 4px 0;
padding-left: 20px;
text-decoration: none;
margin-top:1px;
margin-bottom:1px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background:url(imgs/bg_menu_hover.jpg) no-repeat;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #bfbfbf;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #fff;
}

.glossymenu div.submenu ul li a{
display: block;
font: italic 14px Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #a8a8a8;
colorz: white;
}

.box { float:left; width:108px; height:173px; text-align:center; margin:8px; background:url(imgs/bg_produit.jpg) no-repeat; padding:1px; }
.titre a { text-transform:uppercase; font-size:11px; color:#FFFFFF; font-weight:bold; text-decoration:none; }
.pri { color:#363636; font-size:14px; font-weight:bold; }
.pri1 a { color:#363636; font-size:12px; font-weight:bold; text-decoration:none; }

.des { font-size:15px; font-weight:bold; text-transform:uppercase; }
.prix { font-size:30px; font-weight:bold; }
.img { border:1px solid #00716f; }

.break { clear:both; overflow:hidden; height:10px; }