body {
	margin:0px;
	padding:0px;
	background-color:#a5a5a5;
	background-image:url(../../img/fond.jpg);
	background-repeat:repeat-y;
	background-position:center;
	font-size:12px;
	font-family:Arial;
	color:#000;
	}

form {
	margin:0px;
	padding:0px;
	}

ul {
	padding:0px;
	margin:0px;
	list-style:none;
	}

a { color:#06c; }
a:hover { color:#666; text-decoration:none; }

#opacity_layer, #white_layer {
  display:none;
  z-index:10;
  position:absolute;
  height:1200px;
  width:100%;
  top:0px;
  left:0px;
  background-color:#fff;
  opacity: 0.8;
  filter:alpha(opacity=80);
	}

#white_layer { opacity:1; filter:none; }

#content_layer {
  display:none;
  z-index:20;
  position:absolute;
  width:100%;
  top:0px;
  left:0px;
	}

.content_layer_img {
	text-align:center;
	margin-top:10px;
	}

.content_button {
	padding:5px;
	border:1px solid #ccc;
	display:block;
	width:80px;
	margin:0 auto 0 auto;
	font-size:11px;
	font-family:Verdana;
	text-decoration:none;
	color:#fff;
	background-image:url(../../img/fond-reflet-bleu.gif);
	background-position:center;
	}

.content_button:hover { background-image:url(../../img/fond-reflet-marine.gif);color:#fff; }

.content_layer_img img {
	padding:5px;
	background-color:#fff;
	border:1px solid #ccc;
	}

/* Message */
.message_title {
	background-image:url(../../img/fond-reflet-bleu.gif);
	background-position:center;
	width:400px;
	padding:4px 10px 4px 10px;
	font-family:Tahoma;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	margin:200px auto 0 auto;
	border:1px solid #ccc;
	}

.message_content {
  background-color:#fff;
	text-align:center;
	width:400px;
	padding:10px;
	font-size:14px;
	margin:0 auto 0 auto;
	border:1px solid #ccc;
	border-top:0px;
	}

.message_content b { color:#06c; }

.message_content ul {
	padding-left:20px;
	margin:10px 0 0 100px;
	}

.message_content li {
	list-style:square;
	padding:0 0 2px 5px;
	margin:0px;
	text-align:left;
	}

/* Rows */
.blank_row, .pdt_row, .form_row, .row_button {
	height:1%;
	overflow:hidden;
	}

/* Loading */
.loading {
	color:#666;
	line-height:18px;
	font-family:Arial;
	font-weight:normal;
	font-size:11px;
	background:url(../../img/loading.gif);
	background-repeat:no-repeat;
	background-position:5px;	
	padding-left:30px;
	width:120px;
	margin:5px auto 5px auto;
	}

/* Logo */
.logo {
	margin:16px 0 16px 10px;
	width:248px;
	height:39px;
	background-image:url(../../img/logo.gif);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	float:left;
	}

/* Contenu, Pied de page, Reflet pied de page */
#content, #footer, #reflet {
	width:850px;
	padding:0 10px 0 10px;
	overflow:hidden;
	margin:0 auto 0 auto;
	background-repeat:repeat-y;
	background-position:center;	
	}

#content {
	background-image:url(../../img/fond-content.jpg);
	}

#footer {
	height:40px;
	background-image:url(../../img/fond-footer.jpg);
	font-size:10px;
	line-height:40px;
	font-family:Verdana;
	color:#666;
	text-align:center;
	}

#reflet {
	height:40px;
	background-image:url(../../img/fond-reflet.jpg);
	}

/* Haut de page, Menu onglets, Ombre menu onglets */
#header, #onglets, #ombre {
	width:850px;
	overflow:hidden;
	}

#header {
	height:70px;
	background-image:url(../../img/fond-header.jpg);
	}

#onglets {
	height:30px;
	text-align:center;
	background-image:url(../../img/fond-onglets.gif);
	}

#onglets img { margin:4px 5px 0 5px; }

#ombre {
	height:10px;
	background-image:url(../../img/fond-ombre.jpg);
	}

/* Menu gauche */
#menu {
	float:left;
	width:160px;
	overflow:hidden;
	background-image:url(../../img/fond-menu.gif);
	}

#menu .main {
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	padding:4px 15px 4px 10px;
	margin:0px;
	background-image:url(../../img/menu-sep.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}

#menu .main a { color:#fff;text-decoration:none; }
#menu .main:hover {	color:#fff; background-image:url(../../img/fond-menu-hover.gif);	}

#menu .sous_menu {
	background-image:url(../../img/fond-menu-clair.gif);
	padding:4px 15px 4px 0px;
	}

#menu .sous_menu div {
	background-image:url(../../img/fleche-sous-menu.gif);
	background-repeat:no-repeat;
	background-position:left center;	
	font-size:11px;
	padding:0 0 0 10px;
	margin-bottom:2px;
	}

#menu .sous_menu a { color:#fff; text-decoration:none; }
#menu .sous_menu div:hover { color:#f5a400;	background-image:url(../../img/fleche-sous-menu-hover.gif); }
#menu .sous_menu div:hover a { color:#f5a400; }

#menu .footer {
	height:210px;
	background-image:url(../../img/menu-footer.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}

/* Panier */
#panier {
	margin:10px;
	width:158px;
	height:50px;
	background-image:url(../../img/fond-panier.gif);
	background-repeat:no-repeat;
	background-position:center;
	float:right;
	}

#panier .content {
	font-size:11px;
	font-family:Arial;
	color:#444;
	margin:30px 0 0 48px;
	}

.rav_benzaquen {
	margin:10px;
	width:158px;
	height:50px;
	background-image:url(../../img/fond-rav.gif);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	float:right;
	}

/* Mise en page */
h1 {
	color:#06c;
	font-family:Tahoma;
	font-size:16px;
	line-height:25px;
	display:block;
	letter-spacing:1px;
	padding:0 0 0 30px;
	margin:0 0 5px 0;
	background-image:url(../../img/livre-h1.gif);
	background-repeat:no-repeat;	
	background-position:top left;
	}

.dots {
	background-image:url(../../img/point.gif);
	background-position:center;
	height:1px;
	overflow:hidden;
	margin-bottom:10px;
	}

h2 {
	color:#666;
	font-family:Arial;
	font-weight:bold;
	font-size:15px;
	padding:0px;
	margin:0 0 10px 0;
	}

#page {
	width:670px;
	float:left;
	margin:0 0 0 10px;
	}

.centre {
	margin:0 auto 0 auto;
	text-align:center;
	}

.texte, .texte_categorie {
	line-height:16px;
	font-size:13px;
	padding:10px;
	width:600px;
	margin:0 auto 0 auto;
	font-family:Tahoma;
	text-align:justify;
	}

.texte_categorie {
	padding:0px;
	margin-bottom:10px;
	color:#444;
	}

.texte div { margin-bottom:10px; }

.texte_noresult {
	text-align:center;
	margin:90px 0 90px;
	color:#666;
	}

/* Photos */
.loupe {
	background-image:url(../../img/ico/loupe.gif);
	background-repeat:no-repeat;	
	background-position:center;
	padding-left:17px;
	height:17px;
	display:block;
	position:absolute;
	z-index:10px;
	margin:-20px 0 0 5px;
	}

.loupe:hover { background-image:url(../../img/ico/loupe-hover.gif); }

.cadre_defaut_img_produit, .cadre_img_produit {
	border:1px solid #ccc;
	width:130px;
	float:left;
	}

.cadre_img_produit {
	margin:10px 0 0 10px;
	}

.cadre_panier_img {
	border:1px solid #ccc;
	width:50px;
	background-color:#eee;
	overflow:hidden;
	}

.defaut_img_produit, .img_produit, .panier_img {
	height:120px;
	border:5px solid #fff;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#eee;
	}

.defaut_img_produit:hover { border-color:#f29400; }

/* Produit */
.pdt_row {
	width:330px;
	float:left;
	margin:0 0 20px 0;
	}

.pdt_title, .pdt_title_small {
	color:#06c;
	font-family:Verdana;
	font-size:18px;
	padding:0px;
	}

.pdt_prix, .pdt_prix_small {
	color:#888;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	}

.pdt_prix_small, .pdt_title_small { font-size:14px; }

.pdt_details {
	color:green;
	font-size:11px;
	padding-left:15px;
	margin-top:10px;
	background-image:url(../../img/plus-vert.gif);
	background-repeat:no-repeat;
	background-position:center left;
	}

.pdt_details a { color:green; }
.pdt_details a:hover { color:#666; text-decoration:none; }

.pdt_promo {
	color:red;
	font-size:11px;
	}

.rub_list {
	margin:0 0 20px 10px;
	}

.rub_list li {
	padding-left:15px;
	background-image:url(../../img/plus-bleu.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	color:#06c;
	}

.rub_list li a { color:#06c; text-decoration:none; }
.rub_list li a:hover { color:#666; text-decoration:underline; }

.defaut_list {
	margin:0 0 20px 10px;
	}

.defaut_list ul {
	padding-left:30px;
	list-style:square;
	}

.defaut_list li { color:#06c; }

/* Oui / Non */
.bouton_oui, .bouton_non, .bouton_ok {
	width:60px;
	height:29px;
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	margin:0 auto 0 auto;
	}

.bouton_oui { margin-right:60px; background-image:url(../../img/button/oui.gif); }
.bouton_oui:hover { background-image:url(../../img/button/oui-hover.gif); }

.bouton_non { background-image:url(../../img/button/non.gif); }
.bouton_non:hover { background-image:url(../../img/button/non-hover.gif); }

.bouton_ok { background-image:url(../../img/button/ok.gif); }
.bouton_ok:hover { background-image:url(../../img/button/ok-hover.gif); }

.row_button { margin-top:20px; }

/* Points */
.plus, .moins, .fleche {
	width:11px;
	height:11px;
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	}

.plus { background-image:url(../../img/plus-bleu.gif); }
.plus:hover { background-image:url(../../img/plus-gris.gif); }

.moins { background-image:url(../../img/moins.gif); }
.moins:hover { background-image:url(../../img/moins-hover.gif); }

.fleche { background-image:url(../../img/fleche.gif); }
.fleche:hover { background-image:url(../../img/fleche-hover.gif); }

/* Boutons */
.bouton_continuer, .bouton_payer, .bouton_acheter, .bouton_vider {
	width:132px;
	height:29px;
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	}

.bouton_continuer { background-image:url(../../img/button/continuer.gif); }
.bouton_payer { background-image:url(../../img/button/payer.gif); }
.bouton_vider { background-image:url(../../img/button/vider.gif); }
.bouton_acheter { background-image:url(../../img/button/acheter.gif); }

.bouton_acheter_float {
	width:120px;
	height:29px;
	margin:10px 0 10px 0;
	position:relative;
	left:-10px;
	background-image:url(../../img/button/acheter.gif);
	background-position:center right;
	display:block;
	}

/* Table */
.table_panier {
	border:1px solid #ccc;
	font-size:14px;
	}
	
.table_panier_header,.table_panier_header_clair,.table_panier_footer td,.table_panier_header_gris {
	color:#fff;
	font-weight:bold;
	background-image:url(../../img/fond-reflet-marine.gif);
	background-position:center;
	text-align:center;
	padding:2px;
	border-bottom:1px solid #ccc;
	font-size:11px;
	}

.table_panier_header_clair { background-image:url(../../img/fond-reflet-bleu.gif); }
.table_panier_header_gris { background-image:url(../../img/fond-reflet-gris.gif); }

.table_panier_footer td {
	font-size:14px;
	background-image:url(../../img/fond-reflet-bleu.gif);
	border-bottom:0px;
	}

.table_panier_pdt td {
	padding:4px;
	text-align:center;
	}

.table_panier_promo td {
	padding:2px;
	text-align:center;
	font-size:11px;
	color:green;
	}

.process {
	width:600px;
	margin:0 auto 0 auto;
	margin-bottom:20px;
	}

/* Identification */
.cadre_titre, .cadre_titre_marine, .cadre_titre_gris {
	background-image:url(../../img/fond-reflet-bleu.gif);
	background-position:center;
	width:290px;
	padding:4px 10px 4px 10px;
	font-family:Tahoma;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	border:1px solid #ccc;
	border-bottom:0px;
	margin-bottom:1px;
	}

.cadre_titre_marine { background-image:url(../../img/fond-reflet-marine.gif); }
.cadre_titre_gris { background-image:url(../../img/fond-reflet-gris.gif); color:#fff; }

.cadre_content {
	border:1px solid #ccc;
	width:290px;
	padding:4px 10px 4px 10px;
	background-color:#fff;
	background-image:url(../../img/fond-degrade.gif);
	background-repeat:repeat-x;
	}

.infos {
	color:#666;
	font-size:11px;
	}

.form_row {	margin-bottom:5px; }
.form_row div {	float:left; }

.form_row .data {
	width:85px;
	padding-right:15px;
	text-align:right;
	font-size:11px;
	line-height:22px;
	background-image:url(../../img/fleche-simple.gif);
	background-repeat:no-repeat;
	background-position:center right;
	}

.form_row .input {
	margin-left:5px;
	font-size:11px;
	line-height:20px;
	}

.form_row .input input {
	border:1px solid #ccc;
	color:#666;
	padding-left:5px;
	height:16px;
	font-size:14px;
	width:160px;
	}

.form_row .input textarea {
	border:1px solid #ccc;
	color:#666;
	padding:5px;
	height:100px;
	font-size:12px;
	font-family:Arial;
	width:160px;
	}

.form_row .input select {
	border:1px solid #ccc;
	color:#666;
	font-size:14px;
	width:160px;
	margin-left:5px;
	}

.form_submit {
	width:280px;
	text-align:right;
	}

.form_submit input {
	border:1px solid #ccc;
	background-color:#fff;
	color:#fff;
	font-size:13px;
	width:70px;
	height:25px;
	background-position:center;
	background-image:url(../../img/fond-reflet-bleu.gif);
	}

.form_submit input:hover { background-image:url(../../img/fond-reflet-marine.gif); }

.ico_fdp {
	background-image:url(../../img/ico/colis.gif);
	background-repeat:no-repeat;	
	background-position:center left;
	padding-left:25px;
	height:21px;
	line-height:21px;
	float:right;
	}

.ico_paiement {
	background-repeat:no-repeat;	
	background-position:center left;
	padding-left:40px;
	height:25px;
	line-height:25px;
	font-size:14px;
	color:#666;
	margin:0 0 10px 100px;
	}

.photo {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	padding:5px;
	}