html, body {
	margin: 0 0 0 0;
	padding: 0;
}

body {
	background: #69cbe5 url('body.gif') repeat-x top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

a 	{ color: #0099FF;text-decoration:none; ouline:none; }
a:hover { color: #333333;text-decoration:underline; outline:none; }

.liens_blanc a 	{ color: #ffffff;text-decoration:none; ouline:none; }
.liens_blanc a:hover { color: #333333;text-decoration:none; outline:none; }

#container {
	width:1000px;
	margin:auto;
	background: transparent url('container.gif') repeat-y top center;
}
#top {
	float:left; clear:both; width:100%;
	height:179px;
	position:relative;
}

#top ul.menu {
	float:left;
	padding:0; margin:0;
	list-style-type:none;
	position:absolute;
	top:146px; left:10px;
	height:35px;
	padding-left:10px;
}

#top ul.menu li {
	float:left;
	text-align:center;
	width:86px;
	height:35px;
	margin-right:8px;
}

#top ul.menu li a {
	font-weight:bold;
	text-decoration:none;
	display:block;
	color:#fff;
	padding-top:14px;
	padding-bottom:2px;
}

#top ul.menu li a:hover, #top ul.menu li.active a {
	color:#fff;
	background:url('bg_menu.gif') no-repeat top center;
}

/**/
#top div.login {	
	position:absolute;
	top:6px; left:519px;
	width:200px;
	font-size:10px;
}

#top div.login form {
	margin:0; padding:0;
}

#top div.login form fieldset {
	margin:0; padding:0px 10px;
	border:0;
}

#top div.login form fieldset legend {
	padding:0; margin:0;
	
	/* HACK IE */
	*margin-left: -7px;
}

#top div.login form fieldset legend b {
	visibility:hidden;
	width:137px; height:29px;
	display:block;
}

#top div.login form fieldset label {
	width:95%; clear:both;
	text-align:left;
	margin-left:5%;
}

#top div.login form fieldset input {
	width:90%; clear:both;
	margin-bottom:4px;
	margin-left:5%;
	background:#fff;
	border-width : 1px;
}

#top div.login form fieldset input.submit {
	width:178px; height:21px;
	background:url('btn_login.gif') no-repeat center;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	border:0;
	margin:0; margin-top:4px;
}

#top div.login div {
	text-align:center;
	margin-top:4px;
}

#top div.login a {
	color:#000099;
	text-decoration:none;
}

#top div.login a:hover {
	color:#000;
	text-decoration:underline;
}

/**/
#top div.panier {	
	position:absolute;
	top:6px; left:780px;
	width:200px;
	font-size:10px;
}

#top div.panier fieldset {
	margin:0; padding:0px 10px;
	border:0;
}

#top div.panier fieldset legend {
	padding:0; margin:0;
	
	/* HACK IE */
	*margin-left: -7px;
}

#top div.panier fieldset legend b {
	visibility:hidden;
	width:137px; height:29px;
	display:block;
}

#top div.panier div.nb {
	font-size:11px;
	margin-top:4px;
	font-weight:bold;
	padding-left:14px;
}

#top div.panier div.nb b {
	color:#CC0000;
}

#top div.panier div.total {
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	padding-left:14px;
}

#top div.panier div.port {
	font-size:10px;
	padding-left:14px;
}

#top div.panier a {
	margin-top:14px;
	display:block;
	width:183px; height:25px;
	background:url('btn_panier.gif') no-repeat center;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
	font-size:12px;
	text-align:center;
	padding-top:8px;
}

#top div.panier a:hover {
	color:#fff;
	text-decoration:none;
}
/**/

#main {
	float:left; clear:both; width:100%;
	background: transparent url('container.gif') repeat-y top center;
	padding-bottom:10px;
}

#sideleft {
	float:left;
	width:820px;
	padding:0 10px;
	padding-left:20px;
}

#sideright {
	float:right;
	width:140px;
	padding-right:9px;
}

#sideright div.container {
	background:url('sideright.jpg') no-repeat top left;
	min-height:536px;
	_height:536px;
}

/**/
#sideright div.search {
	padding-top:15px;
}

#sideright div.search form {
	margin:0; padding:0;
}

#sideright div.search form fieldset {
	margin:0 auto; padding:0;
	padding-bottom:10px;
	border:0;
	width:92%;
}

#sideright div.search form fieldset div.inner {
	background:#fff;
	margin:0; padding:0;
	padding:10px 0px;
}

#sideright div.search form fieldset legend {
	padding:0; margin:0;
	
	/* HACK IE */
	*margin-left: -7px;
}

#sideright div.search form fieldset legend b {
	visibility:hidden;
	width:182px; height:19px;
	display:block;
}

#sideright div.search form fieldset label {
	width:182px; clear:both;
	text-align:center;
	font-size:10px;
}

#sideright div.search form fieldset input {
	width:182px; clear:both;
	margin-bottom:4px;
	background:#fff;
	border-width : 1px;
	margin-top:4px;
}

#sideright div.search form fieldset input.submit {
	width:182px; height:25px;
	background:url('btn_rechercher.gif') no-repeat center;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	border:0;
	
	margin:0; margin-top:4px;
}

#sideright div.search div {
	text-align:center;
	margin-top:4px;
}
/**/

/**/
#sideright div.ventes {
	padding-top:15px;
}

#sideright div.ventes fieldset {
	margin:0 auto; padding:0;
	padding-bottom:10px;
	border:0;
	width:92%;
}

#sideright div.ventes fieldset legend {
	padding:0; margin:0;
	
	/* HACK IE */
	*margin-left: -7px;
}

#sideright div.ventes fieldset legend b {
	visibility:hidden;
	width:172px; height:20px;
	display:block;
}

#sideright div.ventes div.inner {
	background:#fff;
	width:100%;
	text-align:center;
	margin:0; padding:0;
	padding:10px 0px;
}
/**/

#bottom {
	float:left; clear:both; width:100%;
	background: transparent url('bottom.gif') no-repeat;
	height:106px;
	position:relative;
}

#bottom div.copyright {
	position:absolute;
	top:10px; left:20px;
	color:#fff;
	font-size:10px;
}

#bottom div.copyright a {
	color:#fff;
	text-decoration:none;
}

#bottom div.copyright a:hover {
	color:#ccc;
	text-decoration:underline;
}

#bottom div.cb {
	position:absolute;
	top:60px; right:20px;
	color:#000;
	font-size:10px;
}

/* PANIER */
input.panier {
	width:120px; height:36px;
	background:url('fr/input_panier.gif') no-repeat bottom center;
	font-weight:normal;
	font-size:10px;
	color:#fff;
	cursor:pointer;
	border:0; margin:0;
	text-align:right;
	padding-right:8px;
}

/*input.panier a {
	display:block;
	width:182px; height:28px;
	background:url('btn_panier.gif') no-repeat bottom center;
}

input.panier a:hover {
	background:url('btn_panier.gif') no-repeat top center;
}*/

/* FORM */
div.form {
	margin-top:10px;
}

div.form form {
	margin:0; padding:0;
}

div.form form fieldset {
	margin:0; padding:0;
	border:1px solid #ccc;
	margin-bottom:20px;
}

div.form form legend {
	font-size:14px;
	color:#000;
	font-weight:bold;
	margin:10px;
	padding:5px;
	border-bottom:2px solid #ccc;
}

div.form form sup {
	color:#cc0000;
}

div.form table.inner label {
	font-weight:bold;
	font-size:10px;
}

div.form table.inner div {
	float:right;
	width:58%;
	clear:right;
}

div.form table.inner div.clear {
	margin-bottom:10px;
	clear:both;
	width:100%;
	float:left;
}

div.form table.inner input, div.form table.inner textarea, div.form table.inner select {
	width:100%;
}

div.form input, div.form select, div.form textarea {
	font-family:Tahoma;
	font-size:10pt;
	color:#000;
	background:#eef3f5;
}

div.form input, div.form textarea {
	border-width : 1px;
}
div.form *>input, div.form *>textarea {
	border-color : #333;
}

div.form input.valid {
	width:180px; height:25px;
	float:none; border:0;
	background:url('input.gif') no-repeat;
	margin-bottom:0px;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
	
}
/* */

div.etape {
	float:right;
}

div.etape a {
	background:url('btn_etape.gif') no-repeat bottom center;
	width:200px; height:30px;
	display:block;
}

div.etape a:hover {
	background:url('btn_etape.gif') no-repeat top center;
	width:200px; height:30px;
	display:block;
}

div.etape.prev a {
	background:url('btn_etape_prev.gif') no-repeat bottom center;
	width:200px; height:30px;
	display:block;
}

div.etape.prev a:hover {
	background:url('btn_etape_prev.gif') no-repeat top center;
	width:200px; height:30px;
	display:block;
}

div.etape.continue a {
	background:url('btn_etape_continu.gif') no-repeat bottom center;
	width:200px; height:30px;
	display:block;
}

div.etape.continue a:hover {
	background:url('btn_etape_continu.gif') no-repeat top center;
	width:200px; height:30px;
	display:block;
}

/* COMPTE CLIENT */
ul.compte {
	list-style-type:none;
	width:585px;
	height:100px;
	clear:both;
	float:left;
	margin:0;
	padding:0;
	margin-bottom:20px;
	
	background:url('panier/fond.gif') no-repeat;
	position:relative;
}

ul.compte li {
	position:absolute;
	width:80px; height:100px;
	text-align:center;
	top:6px;
}

ul.compte li a {
	width:100%;;
	height:100%;
	display:block;
}

ul.compte li b {
	display:block;
	padding-top:70px;
}

ul.compte li.compte {
	left:27px;
	background:url('compte/compte.gif') top center no-repeat;
}
ul.compte li.compte.off {
	background:url('compte/compte_off.gif') top center no-repeat;
}

ul.compte li.coordonnees {
	left:142px;
	background:url('compte/coordonnees.gif') top center no-repeat;
}
ul.compte li.coordonnees.off {
	background:url('compte/coordonnees_off.gif') top center no-repeat;
}

ul.compte li.commandes {
	left:257px;
	background:url('compte/commandes.gif') top center no-repeat;
}
ul.compte li.commandes.off {
	background:url('compte/commandes_off.gif') top center no-repeat;
}

ul.compte li.deconnexion {
	left:372px;
	background:url('compte/deconnexion.gif') top center no-repeat;
}
ul.compte li.deconnexion.off {
	background:url('compte/deconnexion_off.gif') top center no-repeat;
}

/* CONTACT */
div.contact form {
	margin:0; padding:0;
}

div.contact form fieldset {
	margin:0; padding:0;
	border:0;
	margin-bottom:5px;
}

div.contact form legend {
	font-size:18px;
	color:#007d9e;
	font-weight:normal;
	margin:10px;
	margin-bottom:0;
	padding:5px;
	padding-bottom:0;
	border-bottom:2px solid #ccc;
}

div.contact form sup {
	color:#cc0000;
}

div.contact table.inner label {
	font-weight:bold;
	/*float:left;
	width:40%;
	clear:left;*/
}

div.contact table.inner div {
	float:right;
	width:58%;
	clear:right;
}

div.contact table.inner div.clear {
	margin-bottom:10px;
	clear:both;
	width:100%;
	float:left;
}

div.contact textarea, div.contact input, div.contact select {
	/*border-width:1px;
	border-color:#666;*/
	border:1px solid #aaaaaa;
}

div.contact textarea {
	width:100%;
}

div.contact table.inner input, div.contact table.inner textarea, div.contact table.inner select {
	width:100%;
}

div.contact form input.radio {
	width:auto;
	clear:none;
}

div.contact form input.submit {
	background:url('btn_rechercher.gif') no-repeat;
	border:0;
	width:182px;
	height:25px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}