@charset "iso-8859-1";
/* CSS Document */

html {
	background:#28343c url('html.gif') repeat-y center top;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	margin:0;
	padding:0;
	background:url('fond-top.gif') top repeat-x;
}

a {color:#fff;text-decoration:none;}
a:hover {color:#CC0000;text-decoration:none;}

H1,H2,H3,H4,H5,H6 {margin:0;padding:0;}

H1 {font-size:24px;}
H2 {font-size:22px;}
H3 {font-size:20px;}
H4 {font-size:18px;}
H5 {font-size:14px;}
H6 {font-size:12px;}

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

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

.email {unicode-bidi:bidi-override; direction: rtl;}

/**********************/
center.main {
	width:100%;
	margin:0;
	padding:0;
	background:url('fond-bottom.gif') bottom repeat-x;
}

#main {
	width:1000px;
}

#top {
	width:100%;
	height:132px;
	background:url('top.gif') no-repeat;
	position:relative;
}

#top div.panier {
	width:600px;
	position:absolute;
	top:0; right:1px;
	background:url('connect_bg.gif') top left no-repeat;
	height:50px;
}

#top div.connect {
	float:left;
	width:446px;
	height:50px;
	padding-left:20px;
	padding-top:8px;
	text-align:left;
}

#top div.panier_log {
	width:600px;
	position:absolute;
	top:0; right:1px;
	background:url('login_bg.gif') top left no-repeat;
	height:50px;
}

#top div.panier_log input {
	font-size:11px;
}

#top div.panier_log a {
	text-decoration:underline;
}

#top div.deja_inscrit {
	float:left;
	width:292px;
	height:50px;
	position:relative;
	text-align:left;
}

#top div.deja_inscrit form {
	position:absolute;
	top:6px; right:35px;
}

#top div.pas_inscrit {
	float:left;
	width:154px;
	height:50px;
	position:relative;
	text-align:center;
}

#top div.pas_inscrit div {
	position:absolute;
	top:2px; left:10px;
}

#top div.pas_inscrit a:hover {
	text-decoration:none;
	color:#D9DFE2;
}

#mypanier {
	float:right;
	padding-right:50px;
	padding-top:8px;
	color:#FFFFFF;
}

#menu_swf {
	position:absolute;
	right:2px;
	bottom:1px;
}

#menu {
	margin:0;
	padding:0;
	list-style-type:none;
	position:absolute;
	right:0;
	bottom:0;
}

#menu li {
	float:left;
	margin:10px;
}

#middle {
	width:100%;
	background:url('middle.gif') repeat-y;
	position:relative;
}

.flags {
	float:left;
	width:148px;
	margin:0; padding:0;
	list-style-type:none;
	padding-left:15px;
	padding-bottom:10px;
}

.flags li {
	float:left;
	margin:4px;
	padding-left:20px;
}

.flags span {
	display:none;
}

.flags a {
	float:left;
	display:block;
	width:22px; height:15px;
	border:1px solid #ccc;
}

.flags a.fr {
	background:url('../../fr/fr.jpg') no-repeat;
}

.flags a.fr_off {
	background:url('../../fr/fr_off.jpg') no-repeat;
}

.flags a.fr_off:hover {
	background:url('../../fr/fr.jpg') no-repeat;
}

.flags a.uk {
	background:url('../../uk/uk.jpg') no-repeat;
}

.flags a.uk_off {
	background:url('../../uk/uk_off.jpg') no-repeat;
}

.flags a.uk_off:hover {
	background:url('../../uk/uk.jpg') no-repeat;
}

.left {
	float:right;
	width:285px;
	padding-left:112px;
	padding-top:10px;
}

.right {
	float:right;
	width:603px;
	margin-bottom:10px;
}

#page {
	text-align:left;
	width:583px;
	/*margin-top:18px;*/
	float:right;
}

#page div.goutte {
	background:url('goutte.jpg') no-repeat bottom center;
}

#page h1 {
	text-transform:uppercase;
}

#page div.bb {
	margin-top:10px;
	margin-bottom:10px;
	background:#fff;
	color:#47535b;
	
	float:left;
	clear:both;
	padding:10px;
}

#page div.bb a {
	color:#47535b;
}

#page div.bb a:hover {
	color:#660000;
}


#page div.thumb {
	float:left;
	display:block;
	margin-right:10px;
	width:165px;
	height:165px;
}

#page div.thumb a.zoom {
	display:block;
	width:100%;
	height:100%;
	padding-bottom:30px;
	background:url('zoom.gif') no-repeat center bottom;
}

#page div.infos {
	float:left;
	display:block;
	width:388px;	
	color:#47535b;
}

#page div.infos h4 {
	font-weight:normal;
}

#page hr {
	border:1px solid #eee;
}

#page div.infos p {
	text-align:justify;
}

#v div.infos div.prix {
	float:left;
	display:block;
	margin-top:10px;
}

#page div.infos div.prix span.prix {
	font-size:24px;
	color:#660000;
	font-weight:bold;
}

#page div.infos span.prix sup {
	font-size:10px;
}

#page div.infos input.panier {
	border:0;
	padding:0;
	float:right;
	display:block;
	width:150px;
	height:90px;
	background:url('btn-panier.gif') bottom no-repeat;	
}

#page div.infos a.indispo {
	border:0;
	padding:0;
	float:right;
	display:block;
	width:150px;
	height:90px;
	background:url('btn-panier-indispo.gif') bottom no-repeat;	
}

#page div.infos input.panier:hover {
	cursor:pointer;
}

/********** LISTE DE PRODUITS SUR LA FICHE *************/
#page div.liste {
	background:#fff url('fleche.gif') top left no-repeat;
}

#page div.bb div.produits {
	display:block;
	width:500px;
	/*height:80px;
	overflow:hidden;*/
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left:63px;
	position:relative;
}

#page div.bb h4 {
	color:#47535b;
	font-weight:normal;
}

#middle div.rayon {
	float:left;
	width:147px;
	height:25px;
	background:url('rayon.gif') top center no-repeat;
}

#middle ul.rubriques {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
	width:147px;
	min-height:450px;
	height:450px;
}

#middle ul.rubriques a {
	display:block;
	width:100%;
}

#middle ul.rubriques a:hover, #middle ul.rubriques a.active {
	color: #fff;
	background:#660000 url('rublink.gif') right center no-repeat;
}

#middle ul.rubriques a.selected {
	color: #47535b;
	background:#FFF url('rublink-selected.gif') right center no-repeat;
}

#middle ul.rubriques span {
	display:block;
	padding:2px;
	padding-left:5px;
	padding-right:14px;
}

#middle ul.rubriques div.infoline {
	position:absolute;
	bottom:0;
	width:147px;
	height:62px;
	background:url('infoline.gif') bottom no-repeat;
}

#middle ul.rubriques div.trophee {
	position:absolute;
	bottom:112px;
	width:148px; height:140px;
	background:url('trophee_com.jpg') bottom no-repeat;
}

#middle ul.rubriques div.pro {
	position:absolute;
	bottom:112px;
	width:148px; height:93px;
	background:url('pro.gif') bottom no-repeat;
}

#middle ul.popular {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
	width:137px;
	margin-top:-25px;
}

#middle ul.popular a {
	display:block;
	width:100%;
	color:#fff;
}

#middle ul.popular a:hover {
	color: #ccc;
}

#middle ul.popular span {
	display:block;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
}

#middle li.most_popular {
	width:137px; height:25px;
	background:url('popular.gif') top left no-repeat;
}

#middle ul.srubriques {
	float:left;
	
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
	width:137px;
}

#middle ul.srubriques a {
	display:block;
	width:100%;
	color:#fff;
}

#middle ul.srubriques a:hover, #middle ul.srubriques a.active {
	color: #333333;
	background:#fff;
}

#middle ul.srubriques span {
	display:block;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
}

#bottom {
	width:100%;
	height:204px;
	background:url('bottom.gif') bottom no-repeat;
	position:relative;
}

#slide {
	position:absolute;
	left:112px;
	top:6px;
	width:888px;
	height:147px;
	background:#fff;
	overflow:hidden;
}

#slide img {
	margin:2px;
	margin-bottom:0;
}

#bottom div.card {
	position:absolute;
	bottom:1px;
	left:42px;
	background:url(../../images/card.gif) no-repeat top left;
	width:500px;
	height:36px;
}

#bottom div.legal {
	position:absolute;
	bottom:10px;
	right:0;
	font-size:10px;
}

#bottom div.legal a {
	text-decoration:underline;
	color:#CCC;
}

#bottom div.legal div {
	float:right;
	margin-left:10px;
}

/***** FORMULAIRE INSCRIPTION ****/
.client {
	color:#000;
}

.client sup {
	color:#CC0000;
}

.client label {
	clear:both;
	width:100%;
	font-weight:bold;
}

.client fieldset {
	border:1px solid #CCC;
	clear:both;
	display:block;
	margin-bottom:20px;
	padding:10px;
}

.client legend {
	font-weight:bold;
	color:#660000;
}

.client input, .client select, .client textarea {
	clear:both;
	width:100%;
	margin-bottom:5px;
}

.error {
	text-align:center;
	color:#FF0000;
	font-weight:bold;
}

.warning {
	display:block;
	float:left;
	width:112px;
	height:100px;
	background:url('warning.png') no-repeat;
}

.warnmsg {
	margin-left:40px;
	float:left;
}

.etapes {
	list-style-type:none;
	width:100%;
	clear:both;
	float:left;
	margin:0;
	padding:0;
	margin-bottom:20px;
}

.etapes li {
	float:left;
	width:132px;
	text-align:center;
	padding:4px;
}

a.etapes {
	width:124px;
	height:35px;
	display:block;
}

a.quantites {
	background:url('quantites.gif') no-repeat;
}
a.quantites_off {
	background:url('quantites_off.gif') no-repeat;
}
a.quantites_on {
	background:url('quantites_on.gif') no-repeat;
}

a.identification {
	background:url('identification.gif') no-repeat;
}
 a.identification_off {
	background:url('identification_off.gif') no-repeat;
}
a.identification_on {
	background:url('identification_on.gif') no-repeat;
}

a.livraison {
	background:url('livraison.gif') no-repeat;
}
a.livraison_off {
	background:url('livraison_off.gif') no-repeat;
}
a.livraison_on {
	background:url('livraison_on.gif') no-repeat;
}

a.paiement {
	background:url('paiement.gif') no-repeat;
}
a.paiement_off {
	background:url('paiement_off.gif') no-repeat;
}
a.paiement_on {
	background:url('paiement_on.gif') no-repeat;
}

input.reset {
	border:0;
	width:170px;
	height:35px;
	background:url('reset.gif') no-repeat;
}

input.refresh {
	border:0;
	width:170px;
	height:35px;
	background:url('refresh.gif') no-repeat;
}

/********** CARTES DE PAIEMENT ************/
input.card {
	margin:5px;
	border:0;
	width:45px;
	height:30px;
}

input.card:hover {
	cursor:pointer;
}

input.cb { background:url('../../paiement/CB.gif') no-repeat;}
input.mastercard { background:url('../../paiement/EUROCARD_MASTERCARD.gif') no-repeat;}
input.amex { background:url('../../paiement/AMEX.gif') no-repeat;}
input.visa { background:url('../../paiement/VISA.gif') no-repeat;}
input.ecard { background:url('../../paiement/E_CARD.gif') no-repeat;}