/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis à la licence GPL
 */

/* Eléments HTML en général
-------------------------------------------------------- */

body,td,th {
  font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

body {
  background:url(images/bg2.jpg) no-repeat #fff center top;
  padding:0;
  font-family: Arial, Geneva, Helvetica, sans-serif;
  font-size:11px;
  margin:0px auto auto auto;
  color:#000;
	z-index:10000;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color:#b0cf36;
}

h1{
	font-size: 28px;
}

h2{
	font-size: 24px;
	margin:0 0 20px 0;
}

h3{
	font-size: 20px;
	margin:0 0 10px 0;
}

h4{
	font-size: 15px;
	margin:0 0 10px 0;
}

h5{
	font-size: 12px;
	margin:0;
	clear:both;
}

a, a:visited {
	color: #00529a;
	text-decoration: none;
}
 a:hover  {
	color: #00529a;
	text-decoration: underline;
}

img {
	border: 0
}

.hide {
	display:none;
}

/* Page
-------------------------------------------------------- */

#wrapper {
	width: 998px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 10px auto 0 auto;
	padding: 0;
/*
	background-color:#999999;
*/
}

#contenu {
	float: left;
	width:594px;
	margin: 5px 0 0 8px;
}

#contenuAutre {
	float: left;
	width:594px;
	margin: 5px 0 0 8px;
}

#contenuPaiement {
	float: left;
	width:594px;
	margin: 5px 0 0 8px;
}
#contenuPaiement td {
  font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 13px;
}

/* Entête
-------------------------------------------------------- */

#header {
  width:1000px;
  height:190px;
  margin:auto;
/*
  height:60px;
  background:url(images/bg.jpg) no-repeat center;
  background-position:-300px 0px;
*/
}

#header h3 {
	color:#40479c;
	font-size:18px;
	margin:0 0 5px 0;
}

#monCompte {
	float: right;
	width: 713px;
	margin: 0;
	padding: 0 0 0 10px;
	height: 72px;
}

#monCompte form {
	float: left;
	padding: 0;
	margin: 0;
}

#monCompte form p { 
  padding:0;
	margin:0;
	float:left;
}

#monCompte h3 {
  font-family: Arial, Geneva, Helvetica, sans-serif;
	color:#504cab;
	font-size:13px;
	font-weight:bold;
}

#monCompte form input {
	margin: 0 5px 0 0;
	padding:2px;
	width:90px;
	border:solid 1px #88888b;
  font-family: Arial, Geneva, Helvetica, sans-serif;
	color:#626164;
	font-size:12px;
	font-weight:bold;
	background-color:#eee;
	float:left;
}

#monCompte .menu {
	font-size:11px;
	float: left;
	width: 290px;
	color: #c7c9ca;
	margin: 5px 0 0 0;
	padding: 0;
}

a.zoneAccueil {  
  float: left;
  width: 135px;
  height: 22px;
  margin-top: 53px;
  margin-left: 286px;
	text-align: center;
  font-size:18px;
  color:#eee;
  font-weight:bold;
  outline:none;
}
a.zoneSuivante {  
  float: left;
  width: 135px;
  height: 22px;
  margin-top: 53px;
  margin-left: 43px;
	text-align: center;
  font-size:18px;
  color:#eee;
  font-weight:bold;
  outline:none;
}
a.zoneAccueil:hover, a.zoneSuivante:hover {
  color:#e8f5a5;
	text-decoration: none;
}

/* Etapes de commande
-------------------------------------------------------- */

#remarquePanier {
	float: left;
	width:684px;
	margin: 5px 0 10px 8px;
}

.warningPanier {
	float: left;
  width:670px;
	font-size: 15px;
	font-weight: normal;
  text-align:center;
	margin:10px 0px 10px 0px;
}

/* Etapes de commande
-------------------------------------------------------- */

#etapesDeCommande {
	float: left;
	width:684px;
	color: #b0cf36;
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0 15px 1px;
	padding:0;
	background-color:#e8f5a5;
  line-height:22px;
}

#etapesDeCommande ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:684px;
	border-right:solid 1px #878787;
  line-height:22px;
}

/* Texte bloc non selectionne */
#etapesDeCommande ul li {
	color:#878787;
	width:170px;
	margin:0;
	padding:1px 0px 0px 0px;
	list-style:none;
	display:inline;
	float:left;
	border-left:solid 1px #878787;
	border-bottom:solid 1px #878787;
	border-top:solid 1px #878787;
  text-align:center; 
}

/* Texte bloc selectionne */
#etapesDeCommande ul li.selection {
	color:#333333;
	border-left:solid 1px #878787;
	border-bottom:solid 1px #878787;
	border-top:solid 1px #878787;
	background-color:#d6ee63;
}

/* Bloc "adresse de livraison" & "adresse de facturation" 
-------------------------------------------------------- */

.adresseDeLivraison {
	float: right;
	margin: 20px 0 20px 0;
	width:345px;
}

.adresseDeLivraisonRecap {
	float: left;
	margin: 0px 0 20px 0;
	width:684px;
}

.adresseDeFacturation {
	float: left;
	margin: 20px 0 20px 0;
	width:345px;
}

.adresseDeLivraison h3, .adresseDeFacturation h3, .adresseDeLivraisonRecap h3 {
	color:#ffffff;
	float: left;
	padding: 5px 0 7px 10px;
	margin:10px 0px 0px 0px;
	height: 14px;
	font-size: 14px;
	background-color: #b12379;
	width:676px;
}

/*
.adresseDeLivraison h4 {
	color:#ffffff;
	width:335px;
	margin:5px 0 0 0;
	padding: 5px 0 7px 10px;
	background-color: #b12379;
	float:left;
}
*/
.adresseDeLivraison .contenu, .adresseDeFacturation .contenu {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #b12378;
}

.adresseDeLivraisonRecap .contenu {
	float:left;
	width: 664px;
	margin:0px 0 0 0;
	padding: 10px;
	background-color: #e8f5a5;
	border:solid 1px #878787;
}

.adresseDeLivraison ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 345px;
	float:left;
}

.adresseDeLivraisonRecap ul {
	list-style:none;
	margin: 0;
	padding:0;
	width:684px;
	float:left;
}

.adresseDeLivraison ul li, .adresseDeLivraisonRecap ul li {
	margin: 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.adresseDeLivraison ul li a, .adresseDeLivraisonRecap ul li a,
.adresseDeLivraison ul li a:visited, .adresseDeLivraisonRecap ul li a:visited {
	color:#fff;
	display:block;
	background-color:#8fbce3;
	border-top:solid 1px #FFF;
	padding:3px 0 3px 10px;
}

a.modifierOuAjouter, a.modifierOuAjouter:visited {
	font-size:12px;
	font-weight:bold;
	border-top:solid 1px #FFF;
	color:#fff;
	display:block;
	clear:both;
	background-color:#40479c;
	padding:3px 0 3px 10px;
}

.adresseDeLivraison ul li a:hover, .adresseDeLivraisonRecap ul li a:hover, a.modifierOuAjouter:hover {
	text-decoration:none;
	background-color:#00529a;
}



/* Bloc "Mode de livraison" 
-------------------------------------------------------- */

.choixDeLaLivraison, .choixDuReglement {
	float: left;
	width:710px;
	margin: 0;
	padding:0;
}

.choixDeLaLivraison ul, .choixDuReglement ul {
	margin: 0;
	padding:0;
	list-style:none;
	width: 710px;
}

.choixDeLaLivraison ul li, .choixDuReglement ul li {
	margin: 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

.choixDeLaLivraison span.modeDeLivraison, .choixDuReglement span.modeDeReglement,
.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	color:#ffffff;
	line-height:37px;
	width:355px;
	margin:0;
	padding:0;
	background-color:#b12379;
	float:left;
	text-indent:10px;
	height:40px;
}

.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	background-color:transparent;
	color:#FFFFFF;
}

.choixDeLaLivraison ul li a, .choixDeLaLivraison ul li a:visited, .choixDuReglement ul li a, .choixDuReglement ul li a:visited {
	height:40px;
	color:#fff;
	display:block;
	background-color:#40479c;
	border-top:solid 1Px #FFFFFF;
}

.choixDeLaLivraison ul li a:hover, .choixDuReglement ul li a:hover {
	text-decoration:none;
	background-color:#00529a;
}

/* Bloc Mozaïque (utilisé en page d'accueil et en page produit)
-------------------------------------------------------- */

.blocMozaique {
	float: left;
	margin: 10px 0 20px 0;
}

.blocMozaique h3 {
	color:#ffffff;
	width: 578px;
	font-weight: bold;
	margin:0;
	padding: 5px 0 7px 10px;
	background-color: #5a3191;
	height: 20px;
}

.blocMozaique .contenu {
	float:left;
	width: 568px;
	margin:1px 0 0 0;
	padding: 10px;
}

.blocMozaique .contenu ul.image {
	margin: 0;
	padding:0;
	list-style:none;
	border:none;
	width: 568px;
	float:left;
}

.blocMozaique .contenu ul.image li {
	margin:0;
	padding:0;
	border:none;
	float:left;
}

.blocMozaique .contenu ul.image li a, .blocMozaique .contenu ul.image li a:visited  {
	margin:0;
	padding:2px;
	height: 120px;
	width:76px;
	float:left;
	display:block;
	background-color:#fff;
	overflow: hidden;
  outline: 0;
	zoom:0;
	text-align:center;
}

.blocMozaique .contenu ul.image li a:hover {
	background-color:#ddd;
	text-decoration:none;
	padding:0;
  font-weight:bold;
}

.separation {
	float: left;
	margin:0;
	height:1px;
	width:710px;
}

/* Contenu d'une fiche produit (produit.html)
-------------------------------------------------------- */

.blocProduit {
	float: left;
	margin: 5px 0px 2px 5px;
	width: 566px;
}

.blocProduit .blocDImages {
	float: left;
	margin: 15px 0 20px 12px;
	padding: 0;
	width: 360px;
}

.blocProduit a.grandeImage {
	margin:0;
	float:left;
  outline: 0;
}

.blocProduit ul.vignettes {
	margin: 10px 0 0 0;
	padding:0;
	list-style:none;
	text-align:center;
	border:none;
	width:155px;
	float: left;
}

.blocProduit ul.vignettes li a {
	margin:0 1px 1px 0;
	float:left;
  outline: 0;
}

.blocProduit .introProduit {
	float: right;
	margin:8px 0px 20px 0px;
	padding:0;
	width:180px;
}

.blocProduit .introProduit .chapoStock {
	color:#7caf2c;
	font-size: 14px;
	font-weight:bold;
	padding: 0;
	margin:0 0 15px 0;
}

.blocProduit .introProduit .chapoIndispo {
	color:#ff0000;
	font-size: 14px;
	font-weight:bold;
	padding: 0;
	margin:0 0 15px 0;
}

.blocProduit .introProduit .chapoReappro {
	color:#FF8C00;
	font-size: 14px;
	font-weight:bold;
	padding: 0;
	margin:0 0 15px 0;
}

.blocProduit .introProduit .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 24px;
	margin:5px 0 0 0;
	padding: 0;
}

.blocProduit .introProduit .fiche {
	font-size: 12px;
	font-weight:normal;
	padding: 0;
	margin:12px 0 0px 0;
}

.blocProduit .blocLien {
	float: left;
	margin: 0 0 10px 6px;
	padding: 0;
	width: 360px;
}

/* Personnalisation du zoom de la fiche produit (produit.html)
-------------------------------------------------------- */

#superbox-overlay {
	width: 100%;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	background:#e0e4cc;
}

#superbox-container .loading {
	width:32px;
	height:32px;
	text-indent:-9999px;
	background-position:center 0;
	background-repeat:no-repeat;
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 100%;
}

#superbox .close a {
	float:right;
	padding:0 5px;
	line-height:20px;
	color:#fff;
	background:#00529a;
	cursor:pointer;
}

#superbox .nextprev a {
	float:left;
	margin-right:5px;
	padding:0 5px;
	line-height:20px;
	background:#00529a;
	cursor:pointer;
	color:#fff;
}

#superbox .nextprev .disabled {
	background:#ccc;
	cursor:default;
}

#superbox .close a:hover {
	color:#fff;
	background:#00529a;
	text-decoration:none;
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
	float: left;
	color:#626164;
	width: 580px;
	text-align: right;
	font-size: 11px;
	padding: 5px 10px 5px 0;
	margin: 10px 0;
}

#pages a, #pages a:visited {
	color:#626164;
	text-decoration: none;
	font-weight: bold;
}

#pages a:hover {
	text-decoration: underline;
}

/* Pied de page
-------------------------------------------------------- */

#footer {
	float: left;
	width: 998px;
	color: #9a9b9d;
	font-size: 11px;
	font-weight:normal;
	padding:5px 0 20px 0;
	border-top:solid 1px #b12378;
	margin:10px 0 0 0;
	}
	
#footer .centre {
	float: left;
	width: 998px;
	text-align: center;
	margin:0;
	padding:0 10px;
	}
	
#footer h4 {
	font-size:11px;
	color: #626164;
	background-image:none;
	padding:0;
	margin:3px 0 0 0;
	}
			
#footer a, #footer a:visited  {
	font-weight:normal;
/*
	color: #9a9b9d;
*/
	color: #666666;
	text-decoration: none;
	padding:0 5px;
	border-right:solid 1px #9a9b9d;
}

#footer h4 a, #footer h4 a:visited {
	font-weight:bold;
	border:none;
	}

#footer a:hover {
	text-decoration: underline;
}


/* formulaire
-------------------- */

#contenu form {
	padding:0;
	margin:0 0 20px 0;
}

#contenu form p {
	margin: 0;
	padding: 4px 0;
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	font-size: 12px;
	border-bottom:1px solid #ccc;
	clear:both;
	float:left;
	width:90%;
}

#contenu form p.derniereLigne {
	border:none;
}

#contenu form p label {
	float: left;
	width: 290px;
	padding:0 10px 0 0;
	margin: 0;
	line-height:24px;
}

#contenu form p label.codeDeReduction {
	width: 180px;
}

#contenu form p label.petit {
	width: 80px;
}

#contenu form p input, #contenu form p select, #contenu form p textarea {
	float:left;
	margin: 0;
	width: 190px;
	padding: 3px;
	border:solid 1px #a9abad;
  font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size:12px;
	color:#626164;
	font-weight:bold;
	background-color:#e8f5a5;
}

#contenu form p input.codeDeReduction {
	width: 50px;
	background-color:#fff;
	padding: 4px;
}

#contenu form p select {
	width: 198px;
}

#contenu form p textarea {
	width: 300px;
}

#contenu form p input.radio, #contenu form p input.checkBox {
	float:left;
	margin: 5px 0;
	width: 20px;
	padding: 0;
	background-color:transparent;
	border: none;
}
#contenu form p .labelRadio, #contenu form p .labelCheckBox {
	float:left;
	margin: 5px 10px 0 0;
	padding: 0;
	background-color:transparent;
	border: none;
	font-weight:bold;
}
	
#contenu form button.bouton,
#contenu form button.boutonMemeLigneQuInput { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0 0 0 300px; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
	border:none;
    background:none;
	font-size:13px;
	font-weight:bold;
}

#contenu form button.boutonMemeLigneQuInput { 
    margin:0 0 0 10px; 
}
	
#contenu form button.bouton span,
#contenu form button.boutonMemeLigneQuInput span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#40479c;
}

#contenu form button.bouton span span,
#contenu form button.boutonMemeLigneQuInput span span {
    padding:0 8px 0 0;/* Largeur du côté droit */ 
	color:#FFF;
	height:24px;
	line-height:24px; /* Alignement vertical du texte */ 
	border: none;
}

.obligatoire {
	font-size: 12px;
	color: #FF0000;
	clear:both;
	margin:10px 0;
}

/* Tableaux
-------------------------------------------------------- */

#contenu table, #contenu table tr {
	padding: 0;
	margin: 0px 0px 0px 1px;
	width:684px;
}

#contenu table th, #contenuAutre table th {
	font-weight: bold;
	background-color: #b12378;
/*
	border-bottom:solid 1px #FFFFFF;
*/
  color:#FFFFFF;
	font-size:13px;
}

#contenu table td, #contenuAutre table td {
	font-weight: bold;
	background-color: transparent;
	border:none;
	font-size:12px;
}

#contenu table td.ligne {
	font-weight: bold;
	background-color: transparent;
/*
	border-bottom:solid 1px #b12378;
*/
  vertical-align:middle;
}

#contenu table th.total {
	font-weight: bold;
	color:#000;
	background-color: #d6ee63;
	border-left:solid 1px #878787;
	border-bottom:solid 1px #878787;
	border-top:solid 1px #878787;
	border-right:solid 1px #878787;
}

/*  Panneau gauche
-------------------------------------------------------- */

.left_panel {
	float: left;
	width:196px;
	margin:5px 0 0 0;
}

.title_box, .title_box a {
  width:196px;
  height:27px;
  margin:5px 0 0 0;
  background:url(images/menu_title_bg.gif) no-repeat center;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  color:#fff;
  line-height:27px;
}

.border_box {
  width:194px;
  height:auto;
  text-align:center;
  border:1px #6da6b1 solid;
}

ul.left_menu {
  width:196px;
  padding:0px;
  margin:0px;
  list-style:none;
}

ul.left_menu li {
  margin:0px;
  list-style:none;
  font-size:12px;
  font-weight:bold;
}

/* Menu selectionne - gris-bleu foncé */
ul.left_menu li.odd a {
  width:166px;height:25px;display:block;background:url(images/fee.gif) no-repeat left #b1d4c4; background-position:5px 4px;border-bottom:1px #FFFFFF solid;
  text-decoration:none;color:#000000;padding:0 0 0 30px; line-height:25px;
}

/* Menu normal - gris-bleu clair */
ul.left_menu li.even a {
  width:166px;height:25px;display:block;background:url(images/fee.gif) no-repeat left #d4e4bd;background-position:5px 4px;border-bottom:1px #FFFFFF solid;
  text-decoration:none;color:#555555;padding:0 0 0 30px; line-height:25px;
}

/* Menu normal - gris-bleu clair */
ul.left_menu li.even2 a {
  width:181px;height:25px;display:block;background:#d4e4bd;border-bottom:1px #FFFFFF solid;
  text-decoration:none;color:#555555;padding:0 0 0 15px; line-height:25px;
}

ul.left_menu li.evenSorciere a {
  width:166px;height:25px;display:block;background:url(images/sorciere.gif) no-repeat left #d4e4bd;background-position:5px 4px;border-bottom:1px #FFFFFF solid;
  text-decoration:none;color:#555555;padding:0 0 0 30px; line-height:25px;
}

/* Menu souris dessus */
ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover {
  background:url(images/fee.gif) no-repeat left #b1d4c4; color:#000000;background-position:5px 4px;
}
ul.left_menu li.even2 a:hover {
  background:#b1d4c4; color:#000000;background-position:5px 4px;
}
ul.left_menu li.evenSorciere a:hover {
  background:url(images/sorciere.gif) no-repeat left #b1d4c4; color:#000000;background-position:5px 4px;
}

/*  Panneau droite
-------------------------------------------------------- */

.right_panel {
  width:196px;
  float:right;
  padding:5px 0 0 0;
}

input.newsletter_input {
  width:125px;
  height:16px;
  border:1px #ddd9d9 solid;
  margin:10px 0 10px 0;
  font-size:12px;
  padding:3px;
  color:#777777;
}

img.newsletter_input {
   margin-bottom: -7px;
}

a.join {
  width:17px;
  display:block;
  margin:0px 0 5px 115px;
  padding:2px 8px 6px 8px;
  text-decoration: underline;
  color:#169ECC;
}

.banner_adds {
  width:194px;
  text-align:center;
  padding:10px 0 10px 0;
}

/* Moyens de paiement
-------------------------------------------------------- */

.moyensDePaiement {
	float:left;
	margin: 0;
	padding:0 10px;
	width:980px;
}

.moyensDePaiement h4 {
	margin:32px 0 0 0;
	float:left;
 
}

.moyensDePaiement ul, .moyensDePaiement ul li {
	list-style:none;
	margin: 0;
	padding:0;
	border:none;
}

/* Divers
-------------------------------------------------------- */

.texte_menu {
  color:#555555;
  padding:5px 2px 3px 2px;
  font-weight:bold;
}

.texte_menu_noir {
  color:#222222;
  padding:5px 2px 3px 2px;
  font-weight:bold;
}

.texte_menu_rouge {
	color:#ff0000;
  padding:5px 2px 3px 2px;
  font-weight:bold;
}

.texte_menu_rouge a {
	color:#993333;
  padding:5px 2px 3px 2px;
  font-weight:bold;
}

.text_noir {
	margin: 0;
	padding: 0;
	color:#333333;
  font-size:15px;
  font-weight:bold;
}

/* Prix rouge */
.prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: center;
	font-size: 20px;
	margin:0 0 3px 0;
	padding: 0;
	display:block;
}

/* Prix gris barré */
.prixBarre {
	color:#626164;
	font-weight:normal;
	text-align: left;
  text-decoration: line-through;
  font-weight:bold;
	font-size: 16px;
	padding: 0;
}

/* Prix gris barré */
.dispo, .dispo a, .dispo a:visited {
	color:#626164;
	font-weight:normal;
	text-align: center;
  font-weight:bold;
	font-size: 15px;
	padding: 0;
	margin:0px 0px 5px 0px;
}

.titreProduitLarge {
  width:546px;
  height:28px;
  float:left;
	text-align: left;
  padding:0px 0px 0px 28px;
  margin:0px 0px 0px 0px;
  line-height:28px;
  font-size:18px;
  color:#FFFFFF;
  font-weight:bold;
  background:url(images/bar_bg_large.gif) no-repeat;
}

.ongletProduitLarge {
  width:567px;
  height:24px;
  float:left;
	text-align: left;
  padding: 0 0 0 20px;
  margin: 5px 0 0 0px;
  line-height:24px;
  font-size:16px;
  color:#b52379;
  font-weight:bold;
  background:url(images/tab_bg_large.gif) no-repeat;
}

.ongletProduitLargeVert {
  width:567px;
  height:24px;
  float:left;
	text-align: left;
  padding: 0 0 0 20px;
  margin: 5px 0 0 0px;
  line-height:24px;
  font-size:16px;
  color:#93be0d;
  font-weight:bold;
  background:url(images/tab_bgv_large.gif) no-repeat;
}

.description {
	float:left;
	font-size: 12px;
	padding: 0;
	margin:0px 0px 1px 0px;
	width: 576px;
}

.titreParagDesc {
  display: inline;
  margin:0 0 0 10px;
  padding: 10px 50px 2px 0px;
  font-size:16px;
  font-weight:bold;
  border-bottom: 1px dotted #666666;
}

.paragDesc {
  font-size:12px;
  padding: 11px 10px 14px 10px;
  text-align: justify;
}

.bdVert {
	float: left;
	width:290px;
  border:1px #93be0d solid;
}

.bdViolet {
	float: left;
	width:290px;
  border:1px #b52379 solid;
}

.titreProduitViolet, .titreProduitViolet a {
  width:292px;
  height:26px;
  float:left;
	text-align: center;
  margin:0 0 0 0px;
  line-height:26px;
  font-size:16px;
  color:#FFFFFF;
  font-weight:bold;
  background:url(images/bar_bg.gif) no-repeat;
	text-decoration: none;
}

.titreProduitVert, .titreProduitVert a {
  width:292px;
  height:26px;
  float:left;
	text-align: center;
  margin:0 0 0 0px;
  line-height:26px;
  font-size:16px;
  color:#FFFFFF;
  font-weight:bold;
  background:url(images/bar_bgv.gif) no-repeat;
	text-decoration: none;
}

.produitListe {
	float: left;
	margin: 5px 3px 0px 0;
	width:292px;
  text-align:center;
}

.produitListe .contenu {
	float: left;
	width: 272px;
	margin: 1px 0 0 0;
	padding: 10px;
  text-align:center
}

.produitListe .contenu a.image {
	padding: 1px;
	height: 140px;
	width: 140px;
  outline: 0;
}

.produitListe .contenu .description {
	float:left;
	font-size: 12px;
	padding: 0;
	width: 272px;
}

.produitListe .contenu .description .chapo {
	margin: 2px 0 0px 0;
	color: #5f5e61;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
  height: 42px;
}
/*
	color: #626164;
*/
.produitListe2 {
	float: left;
	margin: 5px 4px 0px 0;
	width:193px;
  text-align:center;
}

.titreProduitViolet2, .titreProduitViolet2 a {
  width:193px;
  height:26px;
  float:left;
	text-align: center;
  margin:0 0 0 0px;
  line-height:26px;
  font-size:12px;
  color:#FFFFFF;
  font-weight:bold;
  background:url(images/bar_bg_l3.gif) no-repeat;
	text-decoration: none;
}

.bdViolet2 {
	float: left;
	width:191px;
  border:1px #b52379 solid;
}

.produitListe2 .contenu {
	float: left;
	width: 181px;
	margin: 1px 0 0 0;
	padding: 5px;
  text-align:center
}

.produitListe2 .contenu a.image {
	padding: 1px;
	height: 100px;
	width: 100px;
  outline: 0;
}

.produitListe2 .contenu .description {
	float:left;
	font-size: 12px;
	padding: 0;
	width: 181px;
}

.produitListe2 .contenu .description .chapo {
	margin: 2px 0 0px 0;
	color: #626164;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
  height: 60px;
}

.surPlace, .surPlace a, .surPlace a:visited {
	color:#333333;
	font-size: 12px;
	text-align: center;
	margin:0 0 9px 0;
	padding: 0;
	display:block;
}

.surPlace a:hover {
	color:#666666;
	text-decoration: none;
}

.prixrouge, .prixrouge a, .prixrouge a:visited {
	color:#ff0000;
	font-size: 12px;
	text-align: center;
	margin:0 0 9px 0;
	padding: 0;
	display:block;
}

.prixrougeproduit {
	color:#ff0000;
	font-size: 12px;
}

.titreVert {
	margin: 10px 0px 15px 0px;
	color:#b0cf36;
	font-size: 20px;
	font-weight: bold;
}

.dummy_panel {
	float: left;
	margin:5px 0 0 150px;
}

.dummy_panel_account {
	float: left;
	margin:5px 0 0 220px;
}

.tableau {
	padding:0px;
	float:left;
	margin:15px 0 10px 0;
}

.adresse {
	float: left;
	font-size: 12px;
	font-weight: normal;
	width:664px;
	margin:0 0 20px 10px;
}
.marge12 {
	float: left;
	width:664px;
	margin:0 0 12px 0;
}
.adresse_entete {
	color:#ffffff;
	float: left;
	padding: 5px 0 7px 10px;
	margin:10px 0px 0px 0px;
	height: 14px;
	font-size: 14px;
	font-weight: bold;
	background-color: #b12379;
	width:376px;
/*
	width:676px;
*/
}
.adresse_corps {
	float:left;
	font-weight: normal;
	font-size: 12px;
	margin:0px 0 0 0;
	padding: 10px;
	background-color: #e8f5a5;
	border:solid 1px #878787;
	width: 364px;
/*
	width: 664px;
*/
}
.texte_simple {
	float: left;
	font-size: 12px;
	font-weight: normal;
	margin:0px;
}

.texte_titre {
	float: left;
	font-size: 16px;
	font-weight: normal;
	margin:10px 0px 10px 0px;
}

.texte_titre_promo {
	float: left;
  width:580px;
	font-size: 16px;
	font-weight: normal;
  text-align:center;
	margin:10px 0px 10px 0px;
/*
	float: left;
  width:580px;
	font-size: 16px;
	font-weight: bold;
  text-align:center;
	color:#ff0000;
	margin:10px 0px 10px 0px;
*/
}

.titre_exclu, .titre_exclu a, .titre_exclu a:visited {
	text-decoration: none;
	color:#333333;
	font-size: 13px;
	font-weight: bold;
  text-align:center;
	margin:5px 0px 5px 0px;
}

/* Boutons
-------------------------------------------------------- */

a.button {
	background:url(images/button.gif);
  display:inline-block; 
	color:#555555;
	font-size:12px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin-bottom:14px;
	text-decoration:none;
	width:170px;
  outline: none;
}
a:hover.button {
	background:url(images/button_sel.gif);
	color:#111111;
  outline: none;
}
.add {
	background:url(images/add.gif) no-repeat 15px 8px;
	text-indent:38px;
	display:block;
}
.delete {
	background:url(images/delete.gif) no-repeat 10px 7px;
	text-indent:35px;
	display:block;
}
.msg {
	background:url(images/msg.gif) no-repeat 10px 7px;
	text-indent:31px;
	display:block;
}
.checked {
	background:url(images/checked.gif) no-repeat 10px 7px;
	text-indent:35px;
	display:block;
}
.return {
	background:url(images/return.png) no-repeat 10px 7px;
	text-indent:35px;
	display:block;
}

.un_bouton_gauche {
	float:left;
	margin:10px 0px 0px 10px;
} 

.un_bouton_marge170 {
	float:left;
	margin:10px 0px 0px 170px;
} 

.deux_bouton_centres {
	margin:10px 0 0 160px;
	float:left;
}

.shopping_cart{
  width:195px;
  height:84px;
  text-align:center;
  padding:10px 0 0 0px;
  background:url(images/cart_bg.gif) no-repeat center;
}

.cart_title{
  font-size:13px;
  color:#847676;
  font-weight:bold;
  padding:5px 0 0 0;
}

.cart_details{
  width:115px;
  float:left;
  padding:5px 0 0 15px;
  text-align:left;
}

.cart_icon{
  float:left;
  padding:5px 0 0 5px;
}

span.border_cart{
  width:100px;
  height:1px;
  margin:3px 0 3px 0;
  display:block;
  border-top:1px #999999 dashed;
}

.div500 {
	float: left;
	margin: 5px 4px 5px 4px;
	width: 490px;
}


/* Correction des bug Internet Explorer
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}