/*===================================================================
* jeromeb@eolas.fr
* =================================================================*/

/* ===================================================================
* COULEUR
* 
* 
* =================================================================*/

/* ===================================================================
* INITIALISATION CHARTE GRAPHIQUE
* =================================================================*/
* {
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Georgia, Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #51504f;
	background: #f4f4eb url(img/body_fond.gif) no-repeat 50% 0;
}

a {
	text-decoration: underline;
	color: #720606;
}

a:hover, a:focus {
	text-decoration: none;
	cursor: pointer;
}

ul {
	list-style: none;
}

h1, h2, h3, h4, h5, h6{

}

h1, h1 a, h1 a img{
	margin:0;
	padding:0;
}
h2 {
	font-size:21px;
	color: #720606;
	border-bottom: 1px solid #720606;
	width:100%;
	margin:10px 0;
}

h3 {
	font-family: Lucida Sans;
	color:#720606;
	font-size:17px;
	margin-bottom:8px;
	margin-top:8px;
	font-weight:none;
}
h4 {
	margin:0;
	font-size:13px;
	font-weight:bold;
}

h5 {
	margin-bottom:5px;
	margin-top:5px;
	text-transform:uppercase;
	font-size:12px;
}

br.clear {
	clear: both;
	height:0;
}

hr.separation {
	visibility: hidden;
	height: 0px;
	clear: both;
	margin: -2px;
	padding: 0px;
}

img {border: none;}
img.alignright {float: right;}
img.alignleft {float: left;}
.alignright {text-align: right;}
.alignleft {text-align: left;}
.aligncenter {text-align: center;}

.erreur {
	border: 1px solid red;
	font-weight: bold;
	color: red;
	padding: 5px;
	margin:10px 0 5px 0;
}

.rssImage {
	background: transparent url(img/rss.gif) no-repeat right bottom;
	margin: 2px;
	padding-right: 18px;
}
.barre, #barre{
	text-decoration: line-through;
	font-size: 12px;
	float:left;
	color: #a2a2a2;
	font-family: Lucida Sans;
	font-weight: bold;
	margin:5px 0 5px 10px;
	text-align:left;
	width:100%;
}
.sanslien {
	clear: both;
    margin: 0 0 0 0;
    bottom: 0;
    position: absolute;
    left: 0;
    padding: 10px 0;
    text-align: center;
    width: 163px;
}
/* ===================================================================
* LAYOUT *
* =================================================================*/
#overall {
	background: url(img/overall_fond.jpg) no-repeat 50% 100%;
}
#document {
	text-align:left;
	width: 963px;
	margin: 0px auto;
}

#colonneGauche {
	float: left;
	width: 232px;
	padding-bottom:10px;
}
#contenu {
	float: left;
	width: 695px;
	margin:0 0 25px 25px;
	overflow:hidden;
}

.corps {
	overflow: hidden;
	width: 100%;
	background:#FFF url(img/corps_fond.gif) repeat-y;
}
#generationTime  {display:none}
/* =================================================================== 
* BANDEAU HAUT   
* =================================================================*/
#bandeauHaut {
	position: relative;
	background: url(img/header.jpg) no-repeat top left;
	overflow: hidden;
	zoom: 1;	
	height: 270px;
}
#bandeauHaut #logo{
	position: absolute;
	top:53px;
	left: 14px;
}
#bandeauHaut #tools {
	position: absolute;
	top:182px;
	left:748px;
	width:215px;
}
#bandeauHaut #panierContact {
	color: #F7D300;
	padding:12px 10px 10px 7px;
	text-align: center;
	float:left;
}
#bandeauHaut #panierContact a:link, 
#bandeauHaut #panierContact a:visited {
	font-size:11px;
	font-family: Georgia;
	font-weight:bold;
	color: #FFF;
	display: block;
	float: left;
	height: 23px;
	line-height: 23px;
	text-decoration: none;
	padding:0 10px 0 29px;
	width: 60px;
}
#bandeauHaut #panierContact a:hover {
	text-decoration: underline;
}
#bandeauHaut #searchField{
	float:left;
	height: 21px;
	padding:6px 0 0 10px;
}
#bandeauHaut #searchField .recherche{
	width:157px;
	border:none;
}
#bandeauHaut #searchField .submit{
	border:0;
	background:transparent;
	color:#FFF;
	font-weight:bold;
	padding:2px 3px;
}
/* ===================================================================
* ARIANE
* =================================================================*/
#ariane{
	font-family: Lucida Sans;
	font-size:11px;
	color: #51504f;
	list-style:none;
	height:32px;
	margin:0 0 10px 0;
}
#ariane span { font-family: Garamond; font-size:15px; color:#131313; }
#ariane li a{
	color:#720606;
}
#ariane li{
	background:none;
	display:inline;
	margin:0px;
	padding:0px;
}
/* =================================================================== 
* BANDEAU BAS  
* =================================================================*/
#bandeauBas {
	background: url(img/footer_fond.jpg) no-repeat 0 100%;
	min-height: 129px;
	padding: 0 0 35px 0;
}
#bandeauBas .ajuste {
	display: none;
}
/* =================================================================== 
* FOOTER  
* =================================================================*/
#footer {
	text-align: center;
	padding: 30px 0 0 0;
}

#footer a{
	color: #51504f;
	text-decoration: none;
}

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

#footer ul {
	list-style: none;
	display: inline;
}

#footer ul li {
	font-size:11px;
	display: inline;
	padding: 0 8px;
	color: #51504f;
	text-decoration:none;
}

#footer ul li.rss {
	background: url(img/rss.gif) no-repeat 160px 0px;
	padding-right:32px;
}
/* =================================================================== 
* NAVIGATION  
* =================================================================*/
ul#navigation {
	font-family: Georgia;
	width: 100%;
	margin: 0;
	padding: 0 0 50px 0;
	background: url(img/navigation_fond.gif) no-repeat 1px 100%;
}

#navigation ul {
	margin: 0;
	padding: 0;
	font-family:Garamond;
	background: #FFF;
}
#navigation ul ul {
	margin: 5px 0;
}

#navigation li { 
	list-style: none; 
	margin: 0px 2px 0 10px;
	padding: 1px 0 1px 0;
	text-align: left;
	color: #51504f;
}
#navigation li li {
	border:none;
	padding: 2px 0 2px 18px;
	margin:0;
}
#navigation li li li{
	border:none;
	padding: 1px 0 1px 2px;
	margin: 0 0 0px 4px;
	background: url(img/navigation_selected_li_li_li_fond.gif) no-repeat 2px 3px;
}

#navigation li.selected, #navigation li.active {
	background: url(img/navigation_selected_li_fond.jpg) no-repeat 100% 0;
}
#navigation li li.selected, #navigation li li.active {
	background: url(img/navigation_selected_li_li_fond.gif) no-repeat 2px 3px;
}
#navigation li li li.selected, #navigation li li li.active {
	background: url(img/navigation_selected_li_li_li_fond.gif) no-repeat 2px 3px;
}

#navigation a {
	text-decoration: none;
	border-bottom: 1px solid #710606;
}
#navigation a:hover {
	color: #460404;
	text-decoration:none;
}

#navigation li a span {
	padding: 0 0 0 10px;
}

#navigation .active span {
	color: #460404;
}

#navigation .selected {
	color: #460404;
}

#navigation .selected span {
	color: #460404;
}

/* gestion des niveaux */
#navigation li a {
	font-size: 18px;
	color: #1a1a1a;
	display:block;
	width: 100%;
	padding:8px 0;
}
#navigation li.active a, #navigation li.selected a {
	color: #460404;
}

#navigation li li span a {
	font-size: 15px;
	padding: 0;
	margin: 0 0 0 5px;
	font-weight: normal;
	background-image: none;
	display: inline;
}

#navigation li li li a,
#navigation li li li span a {
	padding: 0 3px 0 6px;
	margin:0;
	border: none;
	font-size: 13px;
}

#navigation li li li a:hover {
	background: #460404;
	color: #FFF;
}
#navigation li li li.selected a, #navigation li li li.active a {
	background: #460404;
	color: #FFF;
}

/* =================================================================== 
* FORMULAIRE   
* =================================================================*/
form input, 
form textarea,
form select{
	font-size:100%;
	background-color: #FFF;
	color: #710606;
	padding: 2px 0;
	border:1px solid #bcbbb9;
}

form select{
	padding: 0;
}

form textarea,
form select{
	/*width:100%;*/
}

form select option{
	color: #710606;
}

/* BOUTON */
form input.submit {
	background: #710606;
	color: #FFF;
	padding: 5px 10px;
	cursor: pointer;
	border: 1px solid #51504F;
}

form input.checkbox,
form input.radio,
form input.case {
	border-style: none;
}

/* =================================================================== 
* LISTE PRODUIT 
* =================================================================*/
.accroche { margin: 10px 0; line-height: 1.4; }
.listeProduit {
	float: left;
	width: 695px;
	margin: 0;
}

.listeProduit .unProduit {
	float: left;
	margin: 0;
	width: 173px;
}

.listeProduit .unProduitHaut{
	background: url('img/haut_produit.png') no-repeat;
	height: 34px;
	overflow: hidden;
	width: 171px;
}

.listeProduit .unProduitMilieu{
	position: relative;
	width: 171px;
	height: 280px;
	overflow: hidden;
	text-align: center;
	background: url('img/fd_produit.png') no-repeat 100% 100%;
}

.listeProduit .unProduitBas{
	background: url('img/bas_produit.png') no-repeat -7px 0;
	height: 20px;
	clear: both;
	width: 171px;
}
.listeProduit h4{
	margin: 0 10px 0 10px;
	text-align: left;
	height: 35px;
}
.listeProduit h4 a{
	font-size: 15px;
	color: #720606;
	text-decoration: none;
	font-weight: normal;
}

.listeProduit h5{
	margin: 0 0 5px 10px;
	text-transform: uppercase;
	font-size: 17px;
	color: #720606;
	text-align: left;
	float:left;
}

.listeProduit .unProduit table.divImg td{
	margin: auto;
	width: 160px;
	height: 156px;
	vertical-align: middle;
	text-align: center;
	padding: 3px 0 0 0;
}

.listeProduit .unProduit .caddie   { position:absolute; bottom:0; left:0; padding:10px 0; clear:both; margin:0 22px; }
.listeProduit .unProduit .caddie a { padding:10px 30px 10px 0; background: url(img/caddieAdd.png) no-repeat 100% 0; text-decoration: none; }
.listeProduit .unProduit .prixUnite { float: right; font-size: 90%; margin-right: 5px; width: 80px; display:block; padding-top: 7px; }
/*--------------------------------------------------------------------
/*								MODULES
/*--------------------------------------------------------------------
/*	Actualite
/*	Ami
/*	Nouveaute
/*	Top des ventes
/*	Recherche par marque
/*	Nous trouver
/*	Nos engagement
/*	Notre selection
/*	Produit complementaire
/*	Cross selling
/*	Bonne affaire
/*-------------------------------------------------------------------*/


/* =================================================================== 
* NEWSLETTER
* =================================================================*/
#contenuNewsletter #mail_newsletter {width:99%;}

/* =================================================================== 
* ACTUALITE
* =================================================================*/
.actualites {
	overflow: hidden;
	float: left;
	width: 200px;
	border: 1px solid #ededed;
	margin:0 0 10px 5px;
	padding:0 10px 10px 10px;
}

.actualites .contenu{
	overflow: hidden;
	background: url('img/fd_actualites.png') repeat-x 0 0;
	padding-bottom: 10px;
}

.actualites h3 {
	background: #FFF url(img/titreACT.png) no-repeat 100% 100%;
	width: 207px;
	font-size:21px;
	font-family: Lucida sans;
	margin: 0;
	padding: 8px 0 18px 10px;
}

.actualites .uneActu {
	font-weight: normal;
	margin: 10px;
	width: 180px;
}
.actualites .uneActu a {
	color:#51504F;
	font-family:Lucida sans;
	font-weight:bold;
	text-decoration:none;
}

.uneActu h3{
	font-size: 120%;
}

.actualites a,
.actualites a:hover{
	color: #720606;
}

.actualites .rssActu {
	text-align: right;
	width: 195px;
	padding:0 5px 5px 0;
}
/* =================================================================== 
* AMI 
* =================================================================*/
#unAmi {
	overflow: hidden;
	width: 100%;
	margin: 0;
}

#unAmi h3 {
	color: #720606;
	border-bottom: 1px solid #720606;
	margin-bottom: 10px;
}

#unAmi .colDroite {
	text-align: left;
	float: left;
	width: 450px;
}
#unAmi .colGauche {
	text-align: left;
	float: left;
	width: 250px;
}

#unAmi label {
	height: 20px;
}

#unAmi .colGauche input {
	width: 95%;
	height: 20px;
}

#unAmi .colDroite textarea {
	height: 65px;
	width: 97%;
}

#unAmi .action {
	text-align: right;
	padding: 5px 0;
}

/* =================================================================== 
* NOUVEAUTE 
* =================================================================*/
#nouveautes {
	margin: 20px 0;
	overflow: hidden;
}
#nouveautes h3 {
	float: left;
	height:18px;
	margin:0;
}
#nouveautes .rss {
	margin: 0px;
	float: right;
	display: inline;
}

#nouveautes .rss a {
	
}

/* =================================================================== 
* TOP VENTES 
* =================================================================*/
.topVentes {
	overflow: hidden;
	margin:0 0 10px 5px;
	float: left;
	width: 224px;
	border:1px solid #EDEDED;
}

.topVentes h3 {
	background: url('img/titreTDV.png') no-repeat 100% 0;
	margin:0;
	padding:10px 10px 15px;
}
.unTopVentes {
	overflow: hidden;
	background:transparent url(img/fd_uneselection.png) no-repeat scroll 50% 100%;
	margin:0 5px;
	padding:0 0 5px 0;
}
.unTopVentes .nom {
	float: left;
	margin: 0;
	width:170px;
}
.topVentes .prix .barre,
.topVentes .prix #barre {
   clear: both;
    color: #A2A2A2;
    display: block;
    font-family: Lucida Sans;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    text-align: left;
    text-decoration: line-through;
    width: 100%;
}
.unTopVentes .nom a {
	color:#51504F;
	font-family:Lucida sans;
	font-weight:bold;
	text-decoration:none;
}
.unTopVentes .prix {
	display:block;
	color:#720606;
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
	margin:5px 5px 5px 0;
	overflow: hidden;
}
.unTopVentes .prixUnite {
	clear: both;
    font-size: 60%;
    font-weight: normal;
    width: 100%;
}
.unTopVentes .cellule {
	float: left;
	width: 38px;
	height: 34px;
	text-align: center;
	font-weight: bold;
	font-size:22px;
	color: #FFF;
	background: #450b0a;
	margin: 0 5px 5px 0;
	padding:8px 0 0 0;
}
/* =================================================================== 
* RECHERCHE PAR MARQUE 
* =================================================================*/
#rechercheMarque{
	overflow: hidden;
	zoom:1;
	margin: 10px 0 0 10px;
}

#rechercheMarque h3{
	display: none;
}

#rechercheMarque select{
	font-size: 12px;
	width: 220px;
}
/* =================================================================== 
* NOUS TROUVER 
* =================================================================*/
#ouNousTrouver{
	font-family:Georgia;
	font-size: 12px;
	height: 287px;
	margin: 10px 0 0 0;
	overflow:hidden;
	background: url(img/nt_fond.gif) no-repeat 1px 0;
}

#ouNousTrouver h3{
	display:none;
}

#ouNousTrouver ul{
	color: #FFF;
	font-size:12px;
	width:185px;
	float:left;
	padding:80px 0 8px 41px;
}
#ouNousTrouver a {
	color: #FFF;	
}

#ouNousTrouver .image{
	padding:41px 0 0 41px;
	float:left;	
	font-size: 11px;
}

/* PAGE NOUS TROUVER */
table.tadresse {
	width: 100%;
	border-collapse: collapse;
}

table.tadresse td {
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px solid #316D30;
}
/* =================================================================== 
* NOS ENGAGEMENTS
* =================================================================*/
#engagements {
	margin: 0 20px;
	clear:both;
}
#engagements h3{
	font-size:15px;
	padding-top:5px;
	border-bottom: 1px solid #720606;
}
#engagements .Securise {
	border-bottom: 1px solid #720606;
	margin:0;
	color: #51504f;
	font-size: 11px;
	padding:0 0 5px 0;
}

#engagements #Paiement {
	border-bottom: 1px solid #720606;
	margin:0;
	color: #51504f;
	font-size: 11px;
	padding:0 0 5px 0;
}

#engagements p {
	margin-top: 5px;
}
/* =================================================================== 
* NOTRE SELECION 
* =================================================================*/
.selection {
	overflow: hidden;
	float: left;
	width: 237px;
	border-bottom:0;
	padding:0;
	margin:0 0 10px 0;
}

.selectionBas { margin:0; width: 100%; height:12px; background: url(img/fd_ns.png) no-repeat 0 100%; }

.selection h3 {
	background: url(img/titreNS.png) no-repeat 93% 100%;
	display: block; 
	width: 215px;
	padding:10px 10px 15px 10px;
	margin:0;
	border: 1px solid #ededed;
	border-bottom: 0;
}

.sousSelection {
	overflow: hidden;
}

.uneSelection {
	position: relative;
	background: url(img/fd_uneselection.png) no-repeat 50% 100%;
	overflow: hidden;
	width: 215px;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	padding:0px 10px 10px 10px;
}

.uneSelection .image {
	padding: 5px;
	float: left;
	width: 60px;
	text-align: center;
	vertical-align: center;
}

.uneSelection .ajoutPanier {
	float: right;
	margin: 0 0px 0 0;
	position: absolute;
	bottom:12px;
	right:5px;
}

.sousSelection{
	width: 115px;
	float: left;
}

.sousSelection .nom {
	float: left;
	font-size: 11px;
	margin-top: 10px;
}
.sousSelection .nom a {
	color: #51504f;
	font-weight: bold;
	text-decoration: none;
	font-family: Lucida sans;
}
.sousSelection .prix {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #720606;
	margin:5px 5px 0 0;
}
.sousSelection .barre { margin-left:0; }

/* =================================================================== 
* PRODUIT COMPLEMENTAIRE
* =================================================================*/
#produitComplement{
	margin:20px 0 15px 0;
	overflow:hidden;
}
#slider-bg {
    position: relative;
    background: url(../../../../images/slider/bg-fader.gif) 5px 0 no-repeat;
    height: 28px;
    width: 228px;
    margin: auto; 
}

#slider-thumb {
    cursor: default;
    position: absolute;
    top: 4px;
}
/* =================================================================== 
* CROSS SELLING
* =================================================================*/
#crossSelling{
	margin: 5px 0 15px 0;
	overflow: hidden;
}
/* =================================================================== 
* BONNES AFFAIRES 
* =================================================================*/
#bonneAffaire{
	overflow:hidden;
	zoom:1;
	margin:10px 0 0 0;
}

#bonneAffaire .rss{
	margin: -30px 0 0 0;
	float: right;
	display: inline;
}
#bonneAffaire .rss a {
	text-decoration:underline;
}

#bonneAffaire h3{
	background:url(img/titreBA.png) no-repeat 100% 100%;
	height:18px;
}

#bonneAffaire a {
	text-decoration:none;
}

#bonneAffaire .badgeBA,
#lesBonnesAffaires .uneAffaire .badgeBA{
	background:transparent url('img/badge.png') no-repeat scroll -1px 0pt;
	float:left;
	line-height:49px;
	text-align:center;
	width:49px;
	margin-right:5px;
	font-weight:bold;
	color:#FFF;
	font-size:12px;
}

#bonneAffaire .descriptionBA{
	overflow: hidden;
}

#bonneAffaire .lienToutes{
	text-align: right;
}

#bonneAffaire .lienToutes a{
	text-decoration: underline;
}

/* =================================================================== 
* SUIVEZ NOUS
* =================================================================*/
#suivezNous  {
	padding: 5px;
}
#suivezNous .social-plugins {
    overflow: hidden;
    padding: 5px 5px 8px;
}
#suivezNous span.left {
    float: left;
    margin-right: 6%;
    padding: 2px 0 0;
    text-align: right;
    width: 34%;
}
#suivezNous a.left {
	float: left;
	text-decoration: none;
}
#suivezNous .clear {
	clear: both;
}

/* MODULE */
#bonneAffaire .uneAffaireAccueil {
	overflow:hidden;
	zoom:1;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	width:215px;
	background:none;
	padding-bottom:0px;
}

/* PAGE BONNE AFFAIRE */
#lesBonnesAffaires{
	margin: 20px 0;
}

#lesBonnesAffaires .uneAffaire {
	zoom:1;
	margin-right:0 10px 5px 0;
	padding-bottom:10px;
	width:98%;
}

#lesBonnesAffaires .uneAffaire .dateBA{
	margin: 3px 0pt 10px 0px;
	font-style: oblique;
	font-size: 90%;
	font-weight: bold;
	overflow:hidden;
}

#lesBonnesAffaires .uneAffaire .descriptionBA{
	overflow: hidden;
}

/*--------------------------------------------------------------------
/*								DIVERS
/*--------------------------------------------------------------------
/*	Etapes commande
/*	Cover
/*	Pagination
/*	Plan du site
/*	Contact
/*	Qui somme nous
/*	Panier
/*	Commande
/*	Produit
/*	Popup info produit
/*-------------------------------------------------------------------*/

/* =================================================================== 
* ETAPES COMMANDE  
* =================================================================*/
#navCommande {
	text-align:center;
}
#navCommande table {
	width: 100%;
	margin-top:10px;
}
#navCommande td {
	background: #DAAFB0;
	color: #51504F;
	padding: 5px 10px;
}
#navCommande td a{
	text-decoration: none;
}
#navCommande td.selected {
	background: #710606;
	color: #FFF;
}

/* =================================================================== 
* COVER   
* =================================================================*/
#cover {
	display: block;
	z-index: 100;
	filter: alpha(opacity = 50);
	opacity: .5;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ccc;
	cursor: wait;
}
/* ===================================================================
* PAGINATION
* =================================================================*/
.pagination {
	float: left;
	width: 695px;
	line-height:25px;
}
.regletteNavigation {
}

.pagination .regletteNavigation span a,
.pagination .regletteNavigation span strong{
	color:#720606;
}
.pagination .pages{
	
}
.pagination .regletteNavigation span strong {
	padding:5px;
	font-size:120%;
	font-weight:bold;
}

.pagination .regletteNavigation span.left a,
.pagination .regletteNavigation span.right a{
	font-size:15px;
	font-weight:bold;
	color:#720606;
}

.regletteNavigation span { 
	padding:1px;
} 
.regletteNavigation a { 
	text-decoration: none; 
} 
.regletteNavigation a:hover { 
	text-decoration: underline; 
}
.allProduit{
	float:right;
}
/* =================================================================== 
* PLAN DU SITE   
* =================================================================*/
#planSite li,
#planSite li a{
	color: #316D30;
}

#planSite ul{
	margin-left: 25px;
	padding-left: 10px;
	border-left: 1px solid #720606;
}

#planSite ul li,
#planSite ul li a{
	color: #720606;
	font-size:12px;
}

#planSite ul li ul{
	border:none;
}

#planSite ul li ul li,
#planSite ul li ul li a{
	font-weight: normal;
}

.entoure h4 {
    color:#720606;
    text-decoration: underline; 
}

/* =================================================================== 
* CONTACT  
* =================================================================*/
#contenuContact {
	margin-top: 20px;
}

#contenuContact table {
	width: 100%;
}

#contenuContact th,
#contenuContact td {
	vertical-align: top;
	text-align: left;
}

#contenuContact td {
	padding: 4px;
}

#contenuContact tfoot td {
	text-align: right;
}
/* =================================================================== 
* QUI SOMME NOUS?
* =================================================================*/
/* PAGE ACCUEIL */
.texteAccroche{
	clear:both;
	margin-top:15px;
}
.texteAccroche ul li{
	list-style: disc;
	margin: 3px 0 3px 15px;
}
/* =================================================================== 
* PANIER
* =================================================================*/
#resteFrancoPort, #francoPort{
	font-weight:bold;
}
#asterZone{
	font-size:10px;
}
table.panier{
	border-collapse: collapse;
	color: #720606;
	border-left: 1px solid #710606;
	border-right: 1px solid #710606;
	width:694px;
	margin:0 0 3px 1px;
}

table.panier th{
	border: 1px solid #710606;
	padding: 5px 0 5px 0;
	font-weight: bold;
	background-color: #710606;
	text-align:center;
	color: #FFF;
}
table.panier td{
	border-bottom: 1px solid #710606;
	padding:5px;
}
table.panier td input {
	text-align: center;
}

table.panier .ssTotal {
	padding: 5px 0 5px 0;
	background-color: #710606;
	text-align:left;
	border: 1px solid #710606;
	color: #FFF;
}
#bouton {
	float: left;
	width: 695px;
	padding: 5px 0;
}

#bouton #termine {
	float: right;
	width: 353px;
	text-align: right;
	font-weight:bold;
}
#bouton #poursuivre {
	float:left;
	font-weight:bold;
	text-align:left;
	width:300px;
}

#videPanier {
	margin:0 0 10px 0;
	text-align: right;
}
/* =================================================================== 
* COMMANDE
* =================================================================*/
#commande {
	margin: 0;
	float: left;
}
#commande table {
	width: 100%;
}

#commande th {
	text-align: left;
}

#commande th label {
	font-weight: normal;
	display: block;
	padding-left: 5px;
	border-bottom: 1px dashed;
}

#commande td {
	padding: 3px;
}

#commande tfoot td {
	text-align: center;
}

#commande #modePaiement,
#commande #modeLivraison,
#commande #fichiers,
#commande #coordonnees,
#commande .sectionCommande,
#commande .sectionResume {
	border: 1px solid #710606;
	margin: 0 0 10px 0;
	width: 693px;
}

#commande #coordonnees table {
	width: 100%;
}
/* =================================================================== 
* PRODUITS  
* =================================================================*/
#ficheProduit{
	margin:10px 0 5px 0;
	background: url(img/basProduit.png) no-repeat 0 100%;
	width:677px;
	padding:0 0 10px;
	clear:both;
}

#ficheProduitBas{
}

#ficheProduit h3{
	padding: 0 10px 5px 0;
	margin: 0;
}
#ficheProduit table {
	border:0;
	background: url(img/titreProduit.png) no-repeat 0 0;
	border-spacing: 0;
}
#ficheProduit table td {
	border-spacing: 0;
	margin:0;
	padding:0;
}
#ficheProduit table tbody{
	background: url(img/produit_fond.jpg) repeat-x 0 100%;
}

#ficheProduit table tr td.gaucheProduit{
	vertical-align:top;
	width: 400px;
	padding: 40px 5px 10px 10px;
}

#ficheProduit table tr td.gaucheProduit .prix{
	text-align: center;
	margin: 25px 0;
}

.gaucheProduit ul li, .accroche ul li{
	list-style-type: disc;
	margin: 3px 0 3px 15px;
}	

#ficheProduit table tr td.droiteProduit{
	width: 300px;
	text-align: center;
	vertical-align: top;
	padding: 40px 15px 0 15px;
}

#ficheProduit table tr td.droiteProduit .choix{
	margin:15px 0;
	float: right;
}
#ficheProduit table tr td.droiteProduit .choix select{
background: #e5e4d0;
}
#ficheProduit table tr td.droiteProduit .caddie {
	margin: 16px 0 10px 0;
	padding:0;
}

#ficheProduit table tr td.droiteProduit .caddie a {
	padding:10px 30px 10px 0;
	background: url(img/caddieAdd.png) no-repeat 100% 0;
}

#imprime             { clear: both; text-align: right; padding: 0; overflow: hidden; zoom:1; line-height:10px; float: right; }
#imprime .envoyerAmi {  margin-right: 10px; padding: 1px 0 5px 3px; }
#imprime .imprimer   { background: url('img/imprimer.gif') no-repeat 91% top; padding:3px 40px 7px 0; display: block; float: right; clear: both;}
#imprime .left 		 { float: left; height: 26px; line-height: 20px; color: #51504F; font-weight: bold;}
#imprime .socialIcon { margin-right: 6px; padding-left: 6px; }
#imprime a 			 { float: left; color: #51504F; font-weight: bold;}
#imprime #googleplus { height: auto; margin: 1px 6px -2px -2px; }

#ficheProduit table tr td.droiteProduit .facettes {
	padding: 5px 15px 0 45px;
	text-align:center;
	width: 200px;
}

#ficheProduit .droiteProduit .facettes a { display: inline-block; width: 34px; }
#ficheProduit .droiteProduit .facettes a img { max-width  : 34px; max-height : 34px; }
* html #ficheProduit .droiteProduit .facettes a img { width : 34px; }

#divHidder  #blcAchat {
	text-align: center;
	margin:10px 0;
}

#divHidder  #blcAchat input {
	padding:0;
}

#ficheProduit table tr td.droiteProduit table.divImg  {
	background: none;
	margin:auto;
	text-align:center;
	padding: 0;
	height: 260px;
	width: 260px;
}
#ficheProduit table tr td.droiteProduit table.divImg tbody { background: none; }
#ficheProduit table tr td.droiteProduit #divPrix{
  float: left;
  margin:12px 0 0 5px;
}
#ficheProduit table tr td.droiteProduit #spanPrix{
  font-size: 19px;
  color:#720606;
  float: left;
  margin:0 0 10px 0;
  width:150px;
}
#ficheProduit table tr td.droiteProduit #spanPrix #barre{
	margin-top:5px;	
}
#ficheProduit table tr td.droiteProduit #aPartirDe{
	text-align: left;
	display: block;
	color: #720606;
	text-align:center;
}

#ficheProduit table tr td.droiteProduit #divEtat {
	clear:both;
	margin:5px 0px ;
	padding:3px 0px ;
	border:none;
	border-top: 1px solid #720606;
}

#ficheProduit table tr td.droiteProduit .etatGeneral {
	clear:both;
	margin:5px 0px ;
	padding:3px 0px ;
	border: 1px solid #720606;
	border-left:none;
	border-right:none;
	color: #720606;
}

.spanTaxeEco{
	font-size : 12px;
}

/******************/
/* CONTENU LIBRE */
/*****************/

.clCentral h3 {
	font-size: 20px;
	padding-top: 3px;
	margin: 0;
	height: 36px;
	line-height: 36px;
}

.clCentralLarge{
	clear : both;
	padding: 10px 0 0 0;
}

.clCentral {
	width: 233px;
	float: right;
}


/* Central petit */
.clColonne {
	float:left;
	border:1px solid #EDEDED;
	margin:0 0 0 5px;
	width: 200px;
	padding:0 10px 10px;
}

.clColonne h3.titreModules{
	font-size : 15px;
	background:transparent url(img/titreTDV.png) no-repeat scroll 100% 0;
	margin:0;
	padding:10px 10px 15px;
}

/* Colonne Gauche */
#colonneGauche .clColonne {
	margin:10px 0 0 5px;
	padding:0;
	width: auto;
	border:0;
	float: none;
}

.clColonne h3.titreModules{
	display: none;
	background: none;
}

.prixUnite{
	font-size:60%;
	font-weight:normal;
	float:left;
	width:100%;
}

.codePromo {
	padding:10px;
}

.modeVacances{
	border:1px solid #720606;
	margin:5px 0;
	padding:5px;
}

#newsletter{
	float: left;
	width: 232px;
	padding:0 5px;
	margin:10px 0;
}

#newsletter h3{
	padding:0;
	margin:5px 0;
}

.filtre {
	overflow:hidden;
	text-align:center;
	font-weight: bold;
	color:#000000;
	font-weight:bold;
	padding:5px 0;
	width:100%;
}

.filtre select{
	border:1px solid #720606;
}

.filtre_d{
	float:right;
}
.filtre_g{
	float:left;
}

/***************************/
/*  AVIS INTERNAUTES       */ 
/***************************/

.avisInternaute{ margin: 10px 0 0 10px; overflow: hidden;}
#avis_table tr td{
    padding:5px 0;
}

#avis_table {width:100%;}
#avis_table .bouton{
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px;
    background-color:#000000;
    color:#FFFFFF;
    padding:2px;
    text-decoration:none;
    display:block;
    margin:0 5px;
}

#avis_table .bouton:hover{
    text-decoration : underline;
}

#blocAvis h5{
    background-color:#FFFFFF;
    line-height:30px;
    margin:5px;
    padding:0 5px;
    font-size:15px;
    -moz-border-radius: 8px 8px 0 0; 
    -webkit-border-radius: 8px 8px 0 0;
    margin:10px 0 0 0;
}

.grpTableQuestion{
    width:100%;
    margin:0 10px 5px 0;
    padding:10px 0;
    -moz-border-radius: 0 0 8px 8px; 
    -webkit-border-radius: 0 0 8px 8px;
    border-left:1px dashed #FFFFFF;
    border-right:1px dashed #FFFFFF;
    border-bottom:1px dashed #FFFFFF;
}

#blocQuestion{
    margin:5px;
}

#blocQuestion hr{
    border:1px dotted;
}

.blcEtoile{
    float:left;
}
.blcEtoile_ng{
    float:right;
}

.uneQuestion{
    float: left;
    width:240px;
}

.avi_question{
    width: 330px;
}
.avi_libelle{
    font-weight:bold;
}
.avi_question_border{
    border-left:3px solid #000000;
    padding-left:10px;
    width: 340px;
}

ul#question li{
    list-style-image: none;
    list-style-type: none;
}

ul#question .laQuestion{
    margin-left:15px;
}

.pseudo{
    font-weight: bold;
    font-size:14px;
}

#listeNote li{
    width:200px;
    line-height:20px;
    list-style-type: none;
}

.TunAvis{
    background-color:#FFFFFF;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    width:100%;
}

.unAvis, .lesAvis{
    width:100%;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    background-color:#FFFFFF;
}

.unAvis tr td{
    padding:3px;
}

.unAvis_bas{
    margin:0;
    padding:2px 0 15px 0;
    text-align:right;
}

.unAvis_bas a{
    text-decoration: none;
}
.avis_titre{
    font-weight:bold;
}

.ratingSimple{
    margin:0 auto!important;
}

/***************************/
/*  FRAIS DE LIVRAISON     */
/***************************/
.page {clear:both;}
.modeDeLivraison {float:left;margin:10px 0 0;width:50%;}
#contenu .modeDeLivraison h2,
#contenu .fraisDeLivraison h2{background-color:#720606;border:0 none;color:#FFFFFF;font-size:14px;font-weight:bold;margin:0;padding:3px 10px;text-transform:uppercase;}
.modeListe {padding-left:30px;margin:10px;list-style: disc;}
.fraisDeLivraison {float:left;margin:10px 0 0;width:100%;}
.fraisDeLivraison p {text-align:center;font-weight:bold;margin:10px;}
.fraisDeLivraison table {border:1px solid #FFFFFF;font-size:11px;width:100%;}
.fraisDeLivraison th {background-color:#720606;color:#FFFFFF;padding: 4px;text-align: center;}
.fraisDeLivraison td {text-align:center;}
.livraisonListe1 {background-color:#FBFBFB;}
.livraisonListe2 {background-color:#F0F0F0;}

/* Recherche categories et marques */
.catMarque h4{
    height: 22px;
    margin-top: 5px;
}

.catMarque li.catMarqueLi{
    float: left;
    width: 33%;
    list-style: none;
}

.clear{
    clear:both;
}

/***********************************/
/* Module Derniers Produits MOD_DP */
/***********************************/
#commandezVite, #commandezViteVariation {
    font-size: 1.4em;
    width: 110px;
}

/***********************************/
/*        Module DIAPORAMA         */
/***********************************/

.blocTxt          { background-color: #6F6F6F ;  padding: 5px 10px 10px ; opacity : 0.85 ; filter: alpha(opacity=85) ; color: #ffffff ; font-size: 14px ; font-weight: bold ; position: absolute ; width:100% ; text-align:left ; }
.blocTxt a        { text-decoration: none ; color: #ffffff}
.blocTxt a:hover  { text-decoration: underline ; }

.yui-skin-sam .carousel-container       { overflow: hidden ; position: relative ; margin: 0 ; }
.yui-skin-sam ol.carousel-content       { position: relative ; overflow: hidden ; width: 32000px ; padding: 0 ; margin: 0 ; }
.yui-skin-sam ol.carousel-content li    { position: relative ; margin: 0 ; float: left ; overflow: hidden ; *float: none ; *display: inline-block ; *zoom: 1 ; *display: inline ; width: 676px !important; }
.yui-skin-sam .carousel-container       { margin-top : 10px ; margin-left : 0px ; margin-bottom: 15px ; width: 500px ; height: 364px ; border: 5px #720606 solid ; border-radius:15px ; }
.yui-skin-sam ol.carousel-content li    { width: 500px ; height: 364px ; }
.yui-skin-sam .yui-carousel-nav         { background-color: #6F6F6F ; opacity : 0.85 ; filter: alpha(opacity=85) ; position: absolute ; bottom: 0 ; left: 0 ; right: 0; z-index: 300 ; width: 676px ; text-align: center ; height: 40px ; line-height: 30px ; }
.yui-skin-sam .yui-carousel-nav ul      { margin: 12px 0 ; padding: 0px ; display: inline-block ; *display: inline ; zoom: 1 ; vertical-align: middle ; list-style: none ; }
.yui-skin-sam .yui-carousel-nav ul li   { border-radius:2px ; float: left ; height: 8px ; width: 8px ; background-color: #F4F4EB ; margin: 5px ; border: 1px solid #720606 ; -moz-border-radius: 5px ; cursor: pointer ; }
.yui-skin-sam .yui-carousel-nav ul li a { left: -10000px ; position: absolute ; }
.yui-skin-sam .yui-carousel-nav ul li:hover,
.yui-skin-sam .yui-carousel-nav ul li.hover,
.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-selected {
                                          background-color: #720606 !important ; cursor: pointer ; opacity: 0.7 ; filter: alpha(opacity=70) }
.yui-skin-sam .yui-carousel-nav span    { position: absolute ; bottom: 3px ; width: 30px ; height: 30px ; }
.yui-skin-sam .yui-carousel-nav span button, #carousel-2 .yui-carousel-nav span button:focus {
                                          background: transparent ; border: none ; padding: 30px 0 0 ; width: 30px ; height: 30px ; cursor: pointer ; }
.yui-skin-sam .yui-carousel-nav span.yui-carousel-first-button {
                                          left: 250px ; background: url('../../../../include/css/images/prev-arrow.png') no-repeat top left ; }
.yui-skin-sam .yui-carousel-nav span.yui-carousel-next-button{
                                          right: 250px ; background: url('../../../../include/css/images/next-arrow.png') no-repeat top left ; }
.yui-skin-sam .yui-carousel-nav span.yui-carousel-first-button:hover,
.yui-skin-sam .yui-carousel-nav span.prev-hover{
                                          background: url('../../../../include/css/images/prev-arrow-hover.png') no-repeat top left ; border-radius:5px ; }
.yui-skin-sam .yui-carousel-nav span.yui-carousel-next-button:hover,
.yui-skin-sam .yui-carousel-nav span.next-hover{
                                          background: url('../../../../include/css/images/next-arrow-hover.png') no-repeat top left ; border-radius:5px ; }