body {
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	background-color: #D5D5D5;
	color: #6E6E6E;
	margin: 0px;
	padding: 0px;
}
img {border-style: none;}
form, input {margin: 0px; padding: 0px;}

#page {width: 770px; background-color: #FFF; margin: 0px auto;}
#cont {width: 770px; margin: 0px auto; }
#column_1 {float: left;	width: 197px; border-left: solid 3px #FFF; background-color: #FFF;}
#content {float: left;	width: 560px; padding-left: 0px; background-color: #FFF; border-right: solid 3px #FFF;}
div.cleaner {clear: both; padding-left:12px;}

.paget, .menut, .contt, .contb, .pageb, .menub {display: none;}


/* HEAD */
#head {
	margin: 0px;
	background:  #13B3BA repeat-x;
	height: 116px;
	padding: 0px;
	border: solid 3px #FFF;
}
#head div.image-head {
	background: url(bg2_header.jpg) no-repeat left top;
	height: 116px;
}
#head form {
	float: right;
	margin: 0px 0px px 0px;
	padding: 0px 0px 0px 12px;
	margin: -70px 0 0 0;
	display: block;
	height: 23x;
	width: 145px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	clear: both;
}
#head a.panier2 {
	clear: both;
	display: block;
	width: 125px;
	color: #fff;
	padding: 0px 0px 0px 20px;
	margin: 20px 5px 0px 612px;
	font-size: 11px;
	background: url(panier.gif) no-repeat left top;
	text-decoration: none;
	vertical-align: top;
}
#head a.panier2:hover {color: #000;}
input.inp6 {
	width: 100px;
	height: 15px;
	border-top: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #333;
	font-size: 11px;
	padding: 2px 0px 0px 2px;
	margin-left: 2px;
}
input.inp7 {
	border: 0px;
	width: 30px;
	height: 23px;
	cursor: pointer;
	background: url(bt_search.jpg) no-repeat;
	margin-left: 2px;
}



/* LOGO */
#logo {
	display: block;
	margin: 0px 0px 0px 20px;
	padding: 25px 0px 0px 0px;
	width: 175px;
	text-align: center;
}
#logo h1 {
	margin: 0px;
	padding: 0px;
}
#logo em {
	display: block;
	margin: 0px;
	padding: 0px;
}
#logo a {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
#logo a:hover {color: #000;}


/* MENU TOP */
#menu_top {
	margin: 0px auto;
	background: #000 repeat-x;
	width: 764px;
	height: 30px;
	overflow: hidden;
	border-left: solid 3px #FFF; 
	border-right: solid 3px #FFF;
	border-bottom: solid 3px #FFF;
}
#menu_top ul {
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px -1px;
}
#menu_top li {
	display: inline;
	/*background: url(dotts_menu_up.jpg) no-repeat left;*/
	padding: 0px 30px 0px 30px;
}
#menu_top a {color: #FFF; text-decoration: none; font-weight: bold; text-transform: uppercase;}
#menu_top a:hover {color: #FFF; text-decoration: none;}
#menu_top ul li a:hover {background-color: #3E3E3E;}


/* MENU LEFT */
#menu_left h2, #panier h2, #content h2, #login h2, #top_ventes h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 1px 1px 1px 1px;
	color: #FFF;
	height: 23px;
}
#menu_left h2, #panier h2, #login h2, #top_ventes h2 {background: url(bgtop_box.jpg) no-repeat top left;}
#menu_left span {background: url(icon_red.jpg) no-repeat 0px 0px;}
#menu_left strong, #panier strong, #login strong, #top_ventes strong {font-weight: bold;	margin: 0px;	padding-left: 26px;}
#menu_left dl {margin: 0px 0px 0px 0px;}
#menu_left dt {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	/*background: url(dotts_menu_left.gif) repeat-x left bottom;*/
}
#menu_left dd {margin: 0px;	padding: 0px;}
#menu_left a {
	display: block;
	color: #009BA2;
	text-decoration: none;
	background: url(bullet1.gif) no-repeat left center;
	padding: 6px 0px 6px 17px;
	font-weight: bold;
}
#menu_left a:hover {
	color: #3E3E3E;
}
#menu_left ul {
	margin: 0px;
	padding: 5px 0px 2px 21px;
	list-style-type: none;
}
#menu_left li a {
	width: 170px;
	color: #333;
	font-size: 11px;
	margin: 0px;
	background: url(bullet3.gif) no-repeat 0px 5px;
	padding: 1px 0px 1px 7px;
	font-weight: normal;
}
#menu_left li a:hover {
	text-decoration: underline;
	color: #000;
}


/* MON PANIER */
#panier, #top_ventes {width: 194px;}
#panier table, #top_ventes table {width: 194px; margin-bottom: 5px;}
#panier td, #top_ventes td {padding: 4px; color: #494949;}
#panier td.prix, #top_ventes td.prix {font-weight: bold; color: #009BA2; width: 50px; text-align: right;}
#panier td.no_prod, #top_ventes td.no_prod {padding: 10px 4px 10px 4px; text-align: center; font-weight: bold; color: #000;}

#panier span  {background: url(icon_panier.jpg) no-repeat 0px 0px;}
#top_ventes span {background: url(icon_ventes.jpg) no-repeat 0px 0px;}


/* MON PANIER LIST */
form.panier_list table {
	margin-left: 12px;
	width: 558px;
	padding: 0px;
	border: 0px;
}
form.panier_list tr.row1 {background-color: #F7F7F7;}
form.panier_list tr.row2 {background-color: #F0F0F0;}
form.panier_list td, th {padding: 4px;}
form.panier_list td.total {font-weight: bold; color: #009BA2;}


/* LOGIN */
#login {}
#login span {background: url(icon_login.jpg) no-repeat 0px 0px;}
#login table {width: 194px; margin: 0px 0px 5px 0px;}
#login td {
		padding: 4px;
		*padding: 3px 4px 3px 4px;
}
#login a {color: #009BA2; font-size: 11px; display: block; margin-top: 5px; text-align: center;}
#login a:hover {text-decoration: none;}


/* CONTENT */
#content h2 {background: #FFF; margin-left:12px; margin-right:12px; color: #000; text-align: center; font-size: 16px;} 
/*#content span.icon {background: url(icon_content.jpg) no-repeat 0px -7px;}*/
#content strong.icon {
	font-weight: bold;
	margin: 0px;
	padding-left: 26px;
}
input.inp1 {
	width: 186px;
	border-top: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #333;
	font-size: 12px;
	height: 15px;
	padding: 2px 0px 0px 2px;
}
input.inp2 {
	border: 0px;
	width: 190px;
	height: 20px;
	background: url(but_envoyer.gif) no-repeat;
	cursor: pointer;
	margin-top: -3px;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 2px;
	font-size: 11px;
}
input.inp3, input.inp4, input.inp5 {
	border: 0px;
	width: 80px;
	height: 20px;
	cursor: pointer;
	font-family: trebuchet MS, arial, sans-serif;
	
}
input.inp3 {background: url(but_valider.gif) no-repeat;}
input.inp4 {background: url(but_calculer.gif) no-repeat;}
input.inp5 {background: url(but_accepter.gif) no-repeat;}


/* ACONT) */
div.acont {
	padding: 0px 0px 0px 12px;
	margin-top: 10px;
	color: #000;
}
div.acont img {
	border: 4px solid #CCC;
	margin: 0px 5px 10px 0px;
	padding: 0px;
}
div.acont p, div.acont2 p {
	margin: 0px;
	padding: 0px;
}
div.acont h3, div.acont h4, div.acont h5, div.acont2 h5 {
	margin: 0px 0px 15px 0px;
	padding: 15px 0px 5px 0px;
	border-bottom: 1px solid #CCC;
}
div.acont h3, div.acont2 h3 {
	color: #009BA2;
	font-size: 14px;
	font-weight: normal;
}
div.acont h4, div.acont2 h4 {
	font-size: 14px;
	color: #009BA2;
	font-weight: bold;
}
div.acont h5, div.acont2 h5 {
	font-size: 14px;
	font-weight: normal;
	color: #009BA2;
}
div.acont ul, div.acont2 ul {
	clear: both;
	margin: 10px 0px 15px 0px;
	padding: 0px;
	list-style: none;
}
div.acont li, div.acont2 li {
	padding-left: 17px;
	background: url(bullet2.gif) no-repeat left center;
}
div.acont a, div.acont2 a {color: #009BA2;}
div.acont a:hover, div.acont2 a:hover {text-decoration: underline;	color: #000;}
div.acont a.on, div.acont2 a.on {color: #333; font-weight: bold; text-decoration: none;}


/* ACONT 2 */
div.acont2 {
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
	color: #000;
}
div.acont2 table.table1 {
	margin-left: 12px;
	margin-bottom: 15px;
	width: 550px;
	padding: 0px;
	border: 0px;
}
div.acont2 tr.row1 {background-color: #F7F7F7;}
div.acont2 tr.row2 {background-color: #F0F0F0;}
div.acont2 td, th {padding: 4px;}
div.acont2 td.total {font-weight: bold; color: #009BA2;}


/* SUBCATEG LIST */
#subcateg {margin: 0px 0px 0px 12px; padding: 7px 0px 20px 80px; *padding-bottom:35px;}
#subcateg ul {margin: 0px; padding: 0px;}
#subcateg li {display: block; float: left; width: 200px; margin:0px;}


/* BOX 3 */
div.box3 {
	float: left;
	display: inline;
	width: 530px;
	height: 155px;
	background-color: #FFF;
	padding: 8px;
	margin: 0px 0px 12px 12px;
	border: 1px solid #E0E0E0;
	font-size: 11px;
	font-weight: bold;
	overflow: hidden;
}
div.box3 p.title {
	font-size: 13px;
	padding: 0px 0px 4px 1px;
	margin: 0px 0px 10px 0px;
	/*background: url(dotts_menu_left.gif) repeat-x left bottom;*/
}
div.box3 img {
	margin: 0px 2px 0px 0px;
	padding: 0px;
	border: 0px;
}
div.box3 div.prod_text {
	width: 435px;
	float: left;
}
div.box3 img.prod_img {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 85px;
	margin: 0px;
}
div.box3 p.text {
	font-weight: normal;
	margin: 10px 0px 10px 0px;
}
div.box3 span {
	color: #009BA2;
}


/* BOX 1 */
div.box1 {
	float: left;
	display: inline;
	width: 250px;
	height: 185px;
	background-color: #FFF;
	padding: 8px;
	margin: 0px 0px 12px 12px;
	border: 1px solid #E0E0E0;
	font-size: 11px;
	font-weight: bold;
	overflow: hidden;
}
div.box1 p.title {
	font-size: 13px;
	padding: 0px 0px 4px 1px;
	margin: 0px 0px 10px 0px;
	/*background: url(dotts_menu_left.gif) repeat-x left bottom;*/
}
div.box1 img {
	margin: 0px 2px 0px 0px;
	padding: 0px;
	border: 0px;
}
div.box1 div.prod_text {
	width: 151px;
	float: left;
}
div.box2 img.prod_img {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 85px;
	margin: 0px;
}
div.box1 p.text {
	font-weight: normal;
	margin: 10px 0px 10px 0px;
}
div.box1 span {
	color: #009BA2;
}


/* BOX 2 */
div.box2 {
	background-color: #FFF;
	padding: 8px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #E0E0E0;
	font-size: 12px;
	font-weight: bold;
}
div.box2 div.prod_text {
	float: left;
	width: 270px;
	margin-right: 10px;
}
div.box2 img.prod_img {
	float: left;
	width: 250px;
	margin: 0px;
}
div.box2 img {
	margin: 0px 2px 0px 0px;
	padding: 0px;
	border: 0px;
}
div.box2 p.text {
	font-weight: normal;
	margin: 10px 0px 10px 0px;
}
div.box2 span {
	color: #009BA2;
}


/* FOOTER */
#foot {padding: 10px 10px 3px 10px; font-size: 11px; height:20px; background-color: #009BA2; margin-top:10px; border: solid 3px #FFF;}
#foot p.copy, p.links {
	margin: 0px;
	padding: 0px;
	color: #FFF;
}
p.copy {float: left;}
p.links {float: right;}
#foot a {color: #FFF; margin: 0px 0px 0px 10px;}
#foot a:hover {text-decoration: none;}