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

body {
	background:#222222 url('bg.gif') repeat-x top center;
	/*background:#222222 url('bg2.gif') no-repeat top center;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

a 	{ color: #FF66CC;text-decoration:none; outline:none; }
a:hover { color: #FF0099;text-decoration:none; outline:none; }

div.liensblanc a 	{ color: #ffffff;text-decoration:none; ouline:none; }
div.liensblanc a:hover { color: #FF0099;text-decoration:none; outline:none; }

/************************************/

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

#top a.logo {
	position:absolute;
	width:350px; height:100px;
	top:0px; left:0px;
	display:block;
}

#top a.logo h1 {
	display:none;
}

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

#top ul.menu li.main {
	float:left;
	text-align:center;
	height:25px;
	background:url('btn_menu.gif') no-repeat top right;
	padding-left:0px;
	width:auto;
}

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

#top ul.menu li.main a:hover, #top ul.menu li.main a.active {
	color:#ff66cc;
	background:url('btn_menu.gif') no-repeat bottom right;
}

#top ul.menu li.accueil {
	float:left;
	text-align:center;
	height:25px;
	background:url('btn_menu_accueil.gif') no-repeat bottom left;
	padding-left:0px;
	width:auto;
}

#top ul.menu li.accueil a {
	font-weight:bold;
	text-decoration:none;
	display:block;
	color:#333333;
	padding:7px 6px 6px 6px;
	
}

#top ul.menu li.accueil a:hover, #top ul.menu li.accueil a.active {
	color:#ffffff;
	background:url('btn_menu_accueil.gif') no-repeat top left;
}

/* LOGIN */
#top div.login {
	position:absolute;
	top:9px; left:370px;
	background:url('login.gif') no-repeat;
	width:387px; height:50px;
}

#top div.login div.margin {
	position:relative;
	float:left; width:100%; clear:both;
}

#top div.login div.margin div.links {
	position:absolute;
	right:20px; top:4px;
	color:#fff;
}

#top div.login div.margin div.links a {
	color:#fff;
	text-decoration:underline;
}

#top div.login div.margin div.links a:hover {
	color:#ff0099;
	text-decoration:none;
}

#top div.login div.margin div.bonjour {
	position:absolute;
	left:20px; top:28px;
	color:#fff;
	font-size:11px;
}

#top div.login div.margin div.inputs {
	position:absolute;
	left:20px; top:24px;
}

#top div.login div.margin div.inputs input {
	width:160px;
	height:15px;
	border:0px;
}

#top div.login div.margin div.ok {
	position:absolute;
	right:20px; top:24px;
}

#top div.login div.margin div.ok input {
	width:18px; height:18px;
	background-color:#000099;
	background:url('btn_ok.gif') no-repeat top center;
	border:0;
	cursor:pointer;
}
/**/

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

#sideleft {
	width:776px;
	margin-left:10px;
	_margin-left:5px;
	float:left;
}

#sideright {
	width:214px;
	float:right;
}

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

#bottom div.copyright {
	width:720px;
	position:absolute;
	bottom:30px;
	left:40px;
	text-align:center;
	color:#fff;
	font-size:9px;
}

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

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

/* FORM */
div.form {
	font-size:12px;
}

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

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

div.form form legend {
	font-size:14px;
	color:#ff0099;
	font-weight:bold;
	margin:0px 10px;
	padding:5px;
	text-transform:uppercase;
}

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

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

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;
	
}

/* 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:#ff0099;
	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('valid_form.gif') no-repeat;
	border:0;
	width:182px;
	height:25px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}

/**********************SIDERIGHT**************************/

#content_sideright {
	width:100%;
	float:left;
	clear:both;
}

#content_sideright div.contenu {
	width:184px;
	margin:0px 0px 0px 10px;
	_margin:0px 0px 0px 5px;
	float:left;
	clear:both;
}

#content_sideright div.contenu div.top_panier {
	width:100%;
	height:30px;
	background:url('bloc_panier_top.gif') no-repeat top;
}

#content_sideright div.contenu div.content_panier {
	width:100%;
	background:#ec008c;
	background:url('bloc_panier_content.gif')repeat-y top center;
}

#content_sideright div.contenu div.bottom_panier {
	width:100%;
	height:15px;
	background:url('bloc_panier_bottom.gif') no-repeat bottom;
}

#content_sideright div.contenu div.top_recherche{
	width:100%;
	height:30px;
	background:url('top_recherche.gif') no-repeat top;
	margin-top:10px;
}

#content_sideright div.contenu div.top_noel{
	width:100%;
	height:30px;
	background:url('top_noel.gif') no-repeat top;
	margin-top:10px;
}

#content_sideright div.contenu div.top_moment{
	width:100%;
	height:30px;
	background:url('top_moment.gif') no-repeat top;
	margin-top:10px;
}

#content_sideright div.contenu div.content_recherche {
	width:100%;
	background:#222222;
}

#content_sideright div.contenu div.bottom_recherche {
	width:100%;
	height:10px;
	background:url('bloc_compte_bottom.gif') no-repeat top;
}

#content_sideright div.contenu div.top_blocright {
	width:100%;
	height:10px;
	background:url('bloc_right_top.gif') no-repeat top;
	margin-top:10px;
}

#content_sideright div.contenu div.content_blocright {
	width:100%;
	background:#fbbed8;
}

#content_sideright div.contenu div.bottom_blocright {
	width:100%;
	height:10px;
	background:url('bloc_right_bottom.gif') no-repeat top;
}

/********************BLOC ACCUEIL*********************************/

div.conteneur_bloc {
	float:left;
	width:100%;
	clear:both;
}

div.conteneur_bloc div.bloc {
	width:240px;
	float:left;
	margin:0px 5px 10px 5px;
	_margin:0px 0px 10px 5px;
}

div.conteneur_bloc div.bloc2 {
	width:370px;
	float:right;
	margin:0px 0px 10px 5px;
	_margin:0px 0px 10px 5px;
}

div.conteneur_bloc div.bloc3 {
	width:370px;
	float:left;
	margin:0px 0px 10px 5px;
	_margin:0px 0px 10px 5px;
}

/* FICHE PRODUIT */
div.fiche_produit {
	float:left; clear:both; width:100%;
	background:#fff;
	font-size:12px;
}

div.fiche_produit div.photos {
	float:left;
	width:330px;
	padding:10px;
}

div.fiche_produit div.photos div {
	text-align:center;
}

div.fiche_produit div.photos div img {
	/*border:1px solid #eee;*/
}

div.fiche_produit div.photos div.mini {
	float:left;
	margin-right:9px;
	margin-bottom:8px;
}

div.fiche_produit div.photos div.mini.last {
	margin-right:0px;
}

div.fiche_produit div.photos div.main {
	clear:both;
	margin-bottom:8px;
}

div.fiche_produit div.infos {
	float:left;
	width:400px;
	padding:10px;
}

div.fiche_produit div.infos div.titre {
	float:left; clear:both; width:100%;
	margin-bottom:10px;
}

div.fiche_produit div.infos div.titre h2 {
	float:left;
	font-family:"Trebuchet MS";
	font-size:18px;
	padding:0; margin:0;
	width:300px;
}

div.fiche_produit div.infos div.titre div.prix {
	float:right;
	text-align:center;
	font-family:"Trebuchet MS";
	font-size:18px;
	width:100px;
	height:40px;
	background:url('prix.gif') no-repeat;
}

div.fiche_produit div.infos div.titre div.prix div.base {
	color:#000;
	text-decoration:line-through;
	padding-top:10px;
}

div.fiche_produit div.infos div.titre div.prix div {
	padding-top:6px;
	color:#fff;
}

div.fiche_produit div.infos div.reference {
	color:#ff0099;
	margin-bottom:10px;
}

div.fiche_produit div.infos div.marque {
	margin-bottom:10px;
	color:#ff0099;
}

div.fiche_produit ul.tags {
	float:left; clear:both; width:100%;
	margin-bottom:10px;
	list-style-type:none;
	padding:0; margin:0;
}

div.fiche_produit ul.tags li {
	float:left;
	margin-right:4px;
	margin-bottom:4px;
}

div.fiche_produit ul.tags li a {
	background:#ff0099;
	display:block;
	-moz-border-radius:4px;
	padding:4px;
	color:#fff;
}

div.fiche_produit div.infos div.description {
	float:left; clear:both; width:100%;
	margin-top:10px;
	margin-bottom:10px;
	text-align:justify;
}

div.fiche_produit fieldset.options {
	margin-bottom:10px;
	border:1px dashed #ccc;
	/float:left;
}

div.fiche_produit fieldset.options div.options {
	float:left;
	padding:10px;
}

div.fiche_produit fieldset.options legend {
	font-weight:bold;
	color:#ff0099;
	padding:0px 8px;
	text-transform:uppercase;
	background:#fff;
}

div.fiche_produit fieldset.options div {
	padding:5px;
}

div.fiche_produit fieldset.options div td.label {
	font-weight:bold;
	width:120px;
	text-align:right;
}

div.fiche_produit div.panier {
	float:left; clear:both; width:100%;
	margin-bottom:10px;
	text-align:center;
}

div.fiche_produit div.panier a {
	display:block;
	width:200px; height:40px;
	background:url('btn_panier.gif') no-repeat bottom center;
	color:#fff;
	margin:auto;
	cursor:pointer;
}

div.fiche_produit div.panier a:hover {
	display:block;
	width:200px; height:40px;
	background:url('btn_panier.gif') no-repeat top center;
	color:#fff;
	margin:auto;
}

/*div.fiche_produit div.panier a:active {
	display:block;
	width:200px; height:40px;
	background:url('btn_panier.gif') 0px -40px no-repeat;
	color:#fff;
	margin:auto;
}*/


/*div.fiche_produit div.panier a b {
	display:block;
	padding-top:12px;
}*/

div.fiche_produit div.avantages {
	float:left; clear:both; width:100%;
	margin-bottom:10px;
	width:396px; height:69px;
	background:url('avantages.gif') no-repeat center;
}

/* PRIX */
div.prix {
	float:right;
	text-align:center;
	font-family:"Trebuchet MS";
	font-size:13px;
	width:75px;
	height:30px;
	background:url('prix_listing.gif') no-repeat top right;
}

div.prix div {
	padding-top:4px;
	color:#fff;
}

/* MENU PANIER, ETC... */
div.topmenu {
	float:left; clear:both; width:100%;
}

div.topmenu div {
	float:left;
	width:238px;
	height:40px;
	margin:10px;
	text-align:center;
}

div.topmenu div a {
	width:100%;	height:100%;
	display:block;
	color:#fff;
	font-weight:bold;
	background:url('../panier/btn_on.gif') no-repeat;
	font-size:16px;
}

div.topmenu div a.off {
	background:url('../panier/btn_off.gif') no-repeat;
	color:#666;
}

div.topmenu div a b {
	display:block;
	padding-top:10px;
}

/* NEXT & PREV */
div.next, div.prev {
	width:238px;
	height:40px;
	text-align:center;
	margin:10px;
}

div.next {
	float:right;
}

div.next a {
	width:100%;	height:100%;
	display:block;
	color:#000;
	font-weight:bold;
	background:url('../panier/etape_next.gif') no-repeat;
	font-size:16px;
}

div.prev {
	float:left;
}

div.prev a {
	width:100%;	height:100%;
	display:block;
	color:#000;
	font-weight:bold;
	background:url('../panier/etape_prev.gif') no-repeat;
	font-size:16px;
}

div.next a b, div.prev a b {
	display:block;
	padding-top:10px;
}

div.nouveau {
	background:url('titre_nouveau.gif') no-repeat top center;
	width:240px;
	height:25px;
}

div.promotion {
	background:url('titre_promotion.gif') no-repeat top center;
	width:240px;
	height:25px;
}

div.soldes {
	background:url('titre_promotion_soldes.gif') no-repeat top center;
	width:240px;
	height:25px;
}

div.meilleur {
	background:url('titre_meilleure.gif') no-repeat top center;
	width:240px;
	height:25px;
}

/* CHRONO RELAIS */
.chronorelais {
	width:550px;
	background:#fff;
	border-bottom:1px dashed #ff0099;
	padding:10px 0px;
	/*-moz-border-radius:10px;*/
}

.chronorelais.last {
	border-bottom:0;
}

.chronorelais_titre {
	width:550px;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	font-family:Trebuchet MS;
}