@charset "utf-8";

html {
	/*background:#fff url('html.gif') no-repeat top center;*/
}

body {
	float:left; width:100%; clear:both;
	/*background:transparent url('body.gif') top repeat-x;*/
	background:#fff url('html.gif') no-repeat top center;
	margin: 0;
	padding: 0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}

#body {
	float:left; width:100%; clear:both;
	background:transparent url('body.gif') top repeat-x;
}

a		{ text-decoration:underline; color:#002d71; }
a:hover	{ text-decoration:none; color:#cc0000; }

h1 {font-size:24px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:10px;}
h6 {font-size:10px;}

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

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

input[type=radio], input[type=checkbox] {
	background:none;
}

#center {
	width:980px;
	margin:auto;
}

#container {
	float:left;
	width:100%;
	/*background:#FFFFFF url('html.gif') no-repeat top center;*/
}

#main {
	float:left;
	width:100%;
	clear:both;
	position: relative;
}

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

#logo {
	position:absolute;
	top:0; left:0;
}

#menu {
	position:absolute;
	bottom:24px; left:10px;
	
	list-style-type:none;
	margin:0; padding:0;
}

#menu li {
	float:left;
	margin-right:2px;
	background:#ccc url('menu_hover.gif') repeat-x top;
}

#menu li a {
	font-weight:bold;
	color:#002d71;
	text-decoration:none;
}

#menu li a span {
	color:#002d71;
}

#menu li:hover, #menu li.active {
	background:#002d71 url('menu.gif') repeat-x top;
}

#menu li:hover a, #menu li.active a {
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

#menu li:hover a span, #menu li.active a span {
	color:#cc0000;
}

#menu li a {
	float:left;
	margin:10px;
	margin-top:0;
	margin-bottom:0;
	padding-top:5px;
	padding-bottom:8px;
}

#map {
	position:absolute;
	bottom:0; left:0;
	
	list-style-type:none;
	margin:0; padding:0;
	height:24px;
	width:100%;
	/*background:#002d71;*/
}

#map li {
	float:left;
	color:#fff;
	margin-left:10px;
	margin-top:4px;
	
	font-size:11px;
}

#map li a {
	color:#fff;
}

#data {
	float:left;
	width:1000px;
	clear:both;
	/*height:600px;*/
	;
}

#sidebar div.block {
	float:left;
	clear:both;
	width:200px;
	background:url('bg_block.gif') repeat-y;
}

#sidebar div.bleublock /*div.block*/ {
	float:left;
	clear:both;
	width:200px;
	background:#002d71;
}

#sidebar div.noirblock /*div.block*/ {
	float:left;
	clear:both;
	width:200px;
	background:#333333;
}


#sidebar div.onglet {
	float:left;
	clear:both;
	background:url('bottom_block.jpg') bottom no-repeat;
	width:180px;
	padding:10px;
	padding-bottom:20px;
}

#sidebar div.bleubottom /*div.onglet*/ {
	float:left;
	clear:both;
	/*background:url('bottom_block_bleu.jpg') bottom no-repeat;*/
	width:180px;
	padding:10px;
	padding-bottom:20px;
	color:#fff;
}

#sidebar div.bleu a {
	color:#fff;
}

#sidebar h3 {
	font-size:14px;
	float:left;
	width:190px;
	color:#fff;
	margin:0; padding:5px;
	margin-top:10px;
	background:#002d71 url('top_block.gif') top repeat-x;
}

#sidebar div.bleu h3 {
	font-size:14px;
	float:left;
	width:190px;
	color:#002d71;
	margin:0; padding:5px;
	margin-top:10px;
	background:#cccccc url('top_block_gris.gif') top repeat-x;
}

#sidebar div.noir h3 {
	font-size:14px;
	float:left;
	width:190px;
	color:#002d71;
	margin:0; padding:5px;
	margin-top:10px;
	background:#333333 url('top_block_noir.gif') top repeat-x;
}

#sidebar div.onglet ul {
	list-style-type:none;
	padding:0; margin:0;
}

#sidebar div.btn {
	width:120px;
	height:25px;
	margin-top:10px; 
	float:left; 
	background: url('btn_bleu.jpg') top center no-repeat; 
	text-align:center;
}

#sidebar div.bleu div.btn {
	width:120px;
	height:25px;
	margin-top:10px; 
	float:left; 
	background: url('btn_blanc.jpg') top center no-repeat; 
	text-align:center;
}

#sidebar div.btn div {
	padding-top:5px;
	font-weight:bold;
	font-size:10px;
}

#sidebar div.btn a {
	text-decoration:none;
	color:#FFFFFF;
}

#sidebar div.bleu div.btn a {
	text-decoration:none;
	color:#002d71;
}

#sidebar div.btn a:hover {
	text-decoration:none;
	color:#CCCCCC;
}

#sidebar div.bleu div.btn a:hover {
	text-decoration:none;
	color:#666666;
}

#sidebar table {
	font-size:10px;
}

#sidebar div.bleu table {
	font-size:10px;
	color:#FFFFFF;
}

#sidebar div.bleu table a {
	color: #99CC00;
}

#sidebar {
	float:left;
	width:200px;
	margin-left:10px;
}

#middlebar {
	float:left;
	width:750px;
	margin-left:10px;
}

#middlebar p {
	text-align:justify;
	padding:0px; margin:0;
	margin-bottom:10px;
	margin-top:10px;
}

#bottom {
	float:left;
	width:100%;
	clear:both;
	/*margin-top:10px;*/
	background:#002d71 url('bottom.jpg') top center repeat-x;
	border-top:1px solid #ccc;
	height:150px;
	text-align:center;
}

#bottom ul {
	float:left;
	list-style-type:none;
	margin:10px; padding:10px;
	text-align:left;
}

#bottom ul a {
	color:#FFFFFF;
}

#bottom ul a:hover {
	color:#ffee00;
}

/* DIVERS */
input.panier {
	width:120px;
	height:25px;
	background: url('btn_panier.gif') top center no-repeat; 
	text-align:center;
	border:0;
	color:#002d71;
}

input.panier_bleu {
	width:120px;
	height:25px;
	background: url('btn_bleu.jpg') top center no-repeat; 
	text-align:center;
	border:0;
	color:#fff;
	cursor:pointer;
}

input.panier_blanc {
	width:120px;
	height:25px;
	background: url('btn_blanc.jpg') top center no-repeat; 
	text-align:center;
	border:0;
	color:#002d71;
	cursor:pointer;
}

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

form.livraison fieldset {
	margin:0; padding:0;
	border:1px solid #ccc;
}

form.livraison legend {
	font-size:14px;
	color:#fff;
	font-weight:bold;
	margin:10px;
	background:#002c73;
	padding:5px;
	border:1px solid #002c73;
}

form.livraison label {
	font-weight:bold;
}

form.livraison sup {
	color:#cc0000;
}

form.livraison div {
	clear:both;
	margin-bottom:10px;
}

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

/* INSCRIPTION */
div.inscription form {
	margin:0; padding:0;
}

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

div.inscription form legend {
	font-size:14px;
	color:#fff;
	font-weight:bold;
	margin:10px;
	background:#002c73;
	padding:5px;
	border:1px solid #002c73;
}

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

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

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

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

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

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

ul.etapes li {
	float:left;
	margin-right:20px;
}

/* INPUT PANIER */
input.panier {
	float:left;
	background: url('panier.gif') no-repeat center;
	width:120px;
	height:60px;
	/*margin-left:20px;*/
	border:0;
	cursor:pointer;
}

/* LIVRAISON */
div.livraison_24h {
	background:url('24h-48h.gif') no-repeat;
	width:240px; height:60px;
}

div.livraison_72h {
	background:url('72h.gif') no-repeat;
	width:240px; height:60px;
}

/* FICHE */
div.fiche div.top {
	width:750px;
	height:70px;
	float:left;
	background:url('produit_top.gif') no-repeat;
}

div.fiche div.top div.titre {
	float:left;
	width:500px;
	color:#333333;
	font-size:18px;
	line-height:normal;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
	padding-top:25px;
	padding-left:10px;
}

div.fiche div.top div.prix {
	float:right;
	width:180px;
	color:#990000;
	font-size:18px;
	line-height:normal;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
	padding-top:15px;
	padding-right:30px;
}

div.fiche div.top div.prix div.prix_net {
	text-decoration:line-through;
	color:#000;
	font-size:18px;
	line-height:normal;
}

div.fiche div.top div.prix div.prix_promo {
	font-size:18px;
	line-height:normal;
}

div.fiche div.top div.prix div.date_promo {
	padding-top:10px;font-size:10px;
}

div.fiche div.content {
	width:750px;
	float:left;
	clear:both;
	background:url('produit_content.gif') repeat-y;
}

div.fiche div.content div.photos {
	float:left;
	width:280px;
	margin-left:20px;
	background:#fff;
	text-align:center;
	clear:right;
}

div.fiche div.content div.photos div.mini {
	width:100px;
	float:left;
	margin-right:10px;
	margin-top:10px;
}

div.fiche div.content div.infos {
	float:left;
	width:380px;
	margin-left:30px;
	clear:right;
}

div.fiche div.bottom {
	width:750px;
	height:44px;
	float:left;
	background:url('produit_bottom.gif') no-repeat;
	clear:both;
}