/*===================================================================
* anthonyp@eolas.fr
* =================================================================*/

/* ===================================================================
* COULEUR
* #316D30 VERT
* #B7D211 JAUNE
* #49301A MARRON
* =================================================================*/

/* ===================================================================
* 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: small;
	color: #49301A;
	background: #878378 url(img/fd_site.jpg) no-repeat top center;
}

a {
	text-decoration: underline;
	color: #49301A;
}

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: 140%;
	color: #49301A;
	/*border-bottom: 1px solid #49301A;*/
	width:700px;
	margin:10px 0 0 0;
}

h3 {
	color:#49301A;
	font-size:20px;
	margin-bottom:8px;
	margin-top:8px;
	font-weight:none;
	padding-left:20px;
}
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
}

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-left:1px solid #C0BCB8;
	border-right:1px solid #C0BCB8;
	font-weight: bold;
	color: red;
	padding: 5px;
	width:669px;
}

.rssImage {
	background: transparent url(./img/rss.gif) no-repeat right bottom;
	margin: 2px;
	padding-right: 18px;
}
.barre{
	text-decoration: line-through ;
	font-size: 85%;
	color:#AFA4A4;
}
.sanslien {
	color: #49301A;
	font-size: small;
	margin-top: 20px;
}

p{
	padding:5px;
}
/* ===================================================================
* LAYOUT *
* =================================================================*/
#document {
	text-align:left;
	width: 932px;
	margin: 0 auto;
}

#colonneGauche {
	float: left;
	width: 220px;
	background-color:#B7D211;/*vert*/
	padding-bottom:10px;
}

#contenuHaut{
	background: #E3DCD4 url(./img/fd_titre.jpg) no-repeat bottom left;
	float:right;
	height:80px;
	padding-bottom:10px;
	width:712px;
}

#contenuHaut h2{
	width:500px;
	float:left;
	margin:5px 0 0 10px;
}

#contenu {
	float: right;
	width: 712px;
	margin:0;
	padding-bottom:25px;
	clear:right;
}
#contour{
	overflow: hidden;
	margin:10px 0 0 5px;
	padding:15px 0 30px 10px;
	background:#FFF url('./img/fd_nouveaute.jpg') no-repeat bottom left;
}
.corps {
	overflow: hidden;
	width: 932px;
	background:url(./img/fd_site.png) no-repeat bottom left;
}
#generationTime  {display:none}
/* =================================================================== 
* BANDEAU HAUT   
* =================================================================*/
#bandeauHaut {
	background: #45301B url(./img/header.jpg) no-repeat top left;
	overflow: hidden;
	zoom: 1;	
	/*height: 274px;*/
}
#bandeauHaut #logo{
	width:195px;
	float:left;
}
#bandeauHaut #tools {
	float: right;
	width:195px;
}
#bandeauHaut #slogan {
	background-color:#000000;
	color:#FFFFFF;
	float:right;
	font-size:15px;
	margin:205px -197px 0 0;
	opacity:0.7;
	padding:2px;
}
#bandeauHaut ul#panierContact {
	margin-top:15px;
}

#bandeauHaut ul#panierContact li{
	float:left;
}
#bandeauHaut ul#panierContact li.panier{
	padding-left:50px;
	background: transparent url(./img/panier.gif) no-repeat 25px 3px;
}
#bandeauHaut ul#panierContact li.contact{
	padding-left:38px;
	background: transparent url(./img/enveloppeVerte.gif) no-repeat 15px 5px;
}
#bandeauHaut ul#panierContact a:link, 
#bandeauHaut ul#panierContact a:visited {
	color: #FFF;
	text-decoration: none;
}
#bandeauHaut ul#panierContact a:hover {
	text-decoration: underline;
}
#bandeauHaut #searchField{
	float:left;
	padding-top:3px;
}
#bandeauHaut #searchField .submit{
	border:0;
	background:transparent;
	color:#B7D211;
	font-weight:bold;
}
/* ===================================================================
* ARIANE
* =================================================================*/
#ariane{
	font-size:85%;
	color:#49301A;
	list-style:none;
	padding:5px;
	border-bottom:2px solid #C7BEB7;
	background-color: #E3DCD4;
	float: left;
	width:500px;
}
#ariane li a{
	color:#49301A;
}
#ariane li{
	background:none;
	display:inline;
	margin:0px;
	padding:0px;
}
/* =================================================================== 
* BANDEAU BAS  
* =================================================================*/
#bandeauBas {
	background-color: #DCD2C9;
	border-bottom:5px solid #C5BBB1;
}

.ajuste table {
	width: 892px;
	margin:0 20px;
}
.ajuste table tr td {
	text-align: center;
}
.ajuste table tr td h5 a{
	font-weight: bold;
	text-decoration: none;
}
/* =================================================================== 
* FOOTER  
* =================================================================*/
#footer {
	text-align: center;
	padding: 10px 0;
}

#footer a{
	color: #49301A;
	text-decoration: underline;
}

#footer a:hover{
	color: #49301A;
	text-decoration: none;	
}

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

#footer ul li {
	display: inline;
	padding: 0 10px;
	color: #B7D211;
	text-decoration:none;
}

#footer ul li.rss {
	background: url(./img/rss.gif) no-repeat 160px 0px;
	padding-right:32px;
}
/* =================================================================== 
* NAVIGATION  
* =================================================================*/
#menu{
	float:left;
	margin:3px 0 0 0 ;
	padding:0 0 5px 0;
	width:100%;
}

#menu li{
	float:left;
	height:33px;
	background: url(./img/ongletMenuAvant.jpg) no-repeat;
	margin:2px 0 5px 10px;
	padding:0;
}

#menu li:hover{
	float:left;
	height:33px;
	background: url(./img/ongletMenuAvantON.jpg) no-repeat;
	margin:2px 0 5px 10px;
	padding:0;
}


#menu li a{	
	color:#49301A;
	font-family: Trebuchet MS, Georgia, Verdana, Arial, Sans-serif;
	font-weight:bold;
	text-decoration:none;
	height:33px;
	/*display:block;*/
	float:left;
	background: url(./img/ongletMenuApres.jpg) no-repeat  right top;
	padding:0;
	margin:0 0 0 6px;
}

#menu li a:hover{	
	color:#49301A;
	font-family: Trebuchet MS, Georgia, Verdana, Arial, Sans-serif;
	font-weight:bold;
	text-decoration:none;
	height:33px;
	/*display:block;*/
	float:left;
	background: url(./img/ongletMenuApresON.jpg) no-repeat  right top;
	padding:0;
	margin:0 0 0 6px;
}
#menu li.active{
	padding:0;
	margin:2px 0 5px 10px;
	background: url(./img/ongletMenuAvantON.jpg) no-repeat;
}

#menu li.active a{
	padding:0;
	margin:0 0 0 6px;
	background: url(./img/ongletMenuApresON.jpg) no-repeat  right top;
}

#menu li a span{
	display:block;
	float: left;
	margin-top:8px;	
	margin-right:7px;
}

#ssmenu_haut{
	background: url(./img/fd_menu2_haut.jpg) no-repeat top left;
	height:24px;
}

#ssmenu{
	padding-bottom:30px;
	background: url(./img/fd_menu2.jpg) no-repeat bottom left;
	font-weight: bold;
}

#ssmenu li{
	background: url(./img/li_menu2.jpg) no-repeat top left;
}

#ssmenu li a{
	color:#FFF;
	display:block;
	padding:5px;
	text-decoration: none;
}

#sssmenu{

}

#sssmenu li{
	padding:0 0 0 5px;
	border-bottom:1px solid #E3E1E2;
	color:#000;
	margin:0 25px 0 5px;
	background-image: none;
	
}

#sssmenu li a{
	color:#B84100;
	color:#000;
	padding:0 0 0 10px;
	text-decoration: none;
	background: #FFF url(./img/puce_verte.gif) no-repeat 2px 5px;
}

#sssmenu li a:hover{
	color:#B84100;
	background: #FFF url(./img/puce_rouge.gif) no-repeat 2px 5px;
	padding-left:10px;
}

#sssmenu li.active a{
	color:#B84100;
	background: #FFF url(./img/puce_rouge.gif) no-repeat 2px 5px;
	padding-left:10px;
}

#sssmenu li a{
	
}
/* =================================================================== 
* FORMULAIRE   
* =================================================================*/
form input, 
form textarea,
form select{
	border:1px solid #49301A;
	font-size:90%;
	background-color: #F6FAE3;
	color: #49301A;
	padding: 2px 0;
}

form select{
	padding: 0;
}

form textarea{
	width:100%;
}

form select option{
	background-color: #F6FAE3;
	color: #49301A;
}

/* BOUTON */
form input.submit {
	background: #72811A;
	color: #FFF;
	padding: 2px 5px;
	cursor: pointer;
	border: 1px solid #F6FAE3;
}

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

/* =================================================================== 
* LISTE PRODUIT 
* =================================================================*/
#categorie{
	float:left;
	margin:10px 0 10px 10px;
	width:712px;
}
#categorie h3{
	background: transparent url(./img/cl_large_h3.jpg) no-repeat top left;
	color:#FFF;
	margin:0;
}
.listeProduit{
	float: left;
	width: 700px;
	margin: 0px 0 10px 0px;
	background: transparent url(./img/fd_categorie.jpg) no-repeat bottom left;
}

.nouveaute {
	float: left;
	width: 700px;
	padding: 10px 0 10px 5px;	
}

.listeProduit .unProduit,
.nouveaute .unProduit {
	float: left;
	margin-bottom:5px;
	margin-left:9px;
	width: 163px;
	text-align:center;
}

.listeProduit h4,
.nouveaute h4 {
	height:45px;
}

.listeProduit .achatProduit,
.nouveaute .achatProduit{
	background: url('./img/fd_achatProduit.jpg') no-repeat top left;
	height:42px;
	padding:5px 0 0 8px;
	margin-top:10px;
	text-align:left;
}

.listeProduit .achatProduit .caddie,
.nouveaute .achatProduit .caddie{
	float:left;
	margin-top:10px;
}

.listeProduit h4 a,
.nouveaute h4 a{
	color: #000;
	text-decoration: none;
}

.listeProduit h5,
.nouveaute h5{
	color:#99330B;
	font-size:13px;
	margin:0 0 2px 0;
	text-transform:uppercase;
	float:left;
	width:87px;
	font-family: Georgia, Verdana, Arial, Sans-serif;
}

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

/*--------------------------------------------------------------------
/*								MODULES
/*--------------------------------------------------------------------
/*	Actualite
/*	Ami
/*	Nouveaute
/*	Top des ventes
/*	Recherche par marque
/*	Nous trouver
/*	Nos engagement
/*	Notre selection
/*	Produit complementaire
/*	Cross selling
/*	Bonne affaire
/*-------------------------------------------------------------------*/
#miniModules,
#miniModules2{
	padding-left:5px;
	float:left;
	/*width:702px;*/
}
/* =================================================================== 
* ACTUALITE
* =================================================================*/
.actualites {
	overflow: hidden;
	float: left;
	width: 227px;
	margin-left: 5px;
	background: url('./img/fd_actualites.png') repeat-y;
}

.actualites .contenu{
	overflow: hidden;
	float: left;
	padding-bottom: 10px;
}

.actualites h3 {
	background: url('./img/titreACT.png') no-repeat;
	width: 227px;
	height: 45px;
	margin: 0;
	text-indent: -9999px;
}

.actualites .uneActu {
	font-weight: normal;
	color: #49301A;
	font-size: 85%;
	margin: 10px;
	width: 207px;
}
.actualites .uneActu ul li{
	padding-left:10px;	
}
.actualites .uneActu ul li.titre{
	background: #FFF url(./img/puce_rouge.gif) no-repeat 2px 5px;
}

.actualites .uneActu ul li.titre a{
	color:#B84100;
}

.uneActu {
	background:transparent url(./img/separateur.png) no-repeat bottom center;
	padding-bottom:10px;
}
.uneActu h3{
	font-size: 120%;
	color:#99330B;
	font-family:Verdana,Arial,Sans-serif;
	font-weight:normal;
	margin:8px 0 10px;
	padding:0;
}




.actualites a,
.actualites a:hover{
	color: #49301A;
}

.actualites .rssActu {
	text-align: right;
	width: 217px;
	float: left;
	padding-right: 16px;
	font-size: xx-small;
}
/* =================================================================== 
* AMI 
* =================================================================*/
#unAmi {
	overflow: hidden;
	padding:0 5px;
	width:702px;
	background-color: #ECE7E3;
}

#unAmi h3 {
	color: #49301A;
	border-bottom: 1px solid #49301A;
	font-size:100%;
	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 20px;
}

/* =================================================================== 
* NOUVEAUTE 
* =================================================================*/
#nouveautes {
	margin:10px 0 0 2px;
	padding:0 0 15px 0;
	float:left;
	background:#FFF url('./img/fd_nouveaute.jpg') no-repeat bottom left;
	width:700px;
}
#nouveautes h3 {
	background:url('./img/titreNV.png') no-repeat;
	height:32px;
	text-indent: -9999px;
}
#nouveautes .rss {
	margin: -30px 20px;
	font-size: 72%;
	float: right;
	display: inline;
}

#nouveautes .rss a {
	color: #49301A;
}

/* =================================================================== 
* TOP VENTES 
* =================================================================*/
.topVentes {
	padding-right: 14px;
	float: left;
	width: 220px;	
}

.topVentes h3 {
	font-family: Verdana, Arial, Sans-serif;
	font-weight: normal;
	margin:8px 0 10px 0;
	color:#647028;
}
.unTopVentes {
	overflow: hidden;
}
.unTopVentes .nom {
	float: left;
	font-weight: bold;
	margin: 7px 0 0 5px;
	width:120px;
}
.unTopVentes .prix {
	float: left;
	margin: 10px 0 7px 0;
	font-family: Georgia, Verdana, Arial, Sans-serif;
	color:#99330B;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
.unTopVentes .cellule1,
.unTopVentes .cellule2,
.unTopVentes .cellule3,
.unTopVentes .cellule4,
.unTopVentes .cellule5 {
	float: left;
	width: 29px;
	height: 34px;
	font-size: 180%;
	text-align: center;
	font-weight: bold;
	color: #B7D211;
	padding-top:5px;
	margin:5px 0 0 5px;
}

.unTopVentes .cellule1 {
	background: url('./img/cellule1.png') no-repeat top left;
}

.unTopVentes .cellule2 {
	background: url('./img/cellule2.png') no-repeat top left;
}
.unTopVentes .cellule3 {
	background: url('./img/cellule3.png') no-repeat top left;
}
.unTopVentes .cellule4 {
	background: url('./img/cellule4.png') no-repeat top left;
}
.unTopVentes .cellule5 {
	background: url('./img/cellule5.png') no-repeat top left;
}
/* =================================================================== 
* RECHERCHE PAR MARQUE 
* =================================================================*/
#rechercheMarque{
	background: transparent url('./img/rechParMarque.png');
	height:45px;
	margin:10px 0;
	float:left;
	width:220px;
}

#rechercheMarque h3{
	color: #FFF;
	font-size: 12px;
	margin:0;
	padding:2px 0 0 10px;
}

#rechercheMarque select{
	float: left;
	width: 160px;
	margin-left: 10px;
	border-color: #49301A;
	font-size: 11px;
}
/* =================================================================== 
* NOUS TROUVER 
* =================================================================*/
#ouNousTrouver{
	background:url(./img/fd_nousTrouver.png) no-repeat bottom center;
	float:left;
	padding:0 10px 10px 10px;
	width:200px;
	color:#FFF;
}

#ouNousTrouver a{
	color:#B5D311;
}

#ouNousTrouver h3{
	background:url(./img/titreNT.png) no-repeat;
	height:33px;
	padding:4px;
	margin:0;
}

#ouNousTrouver ul{
	font-size:11px;
	width:110px;
	float:left;
	padding:8px 0 8px 8px;
}

#ouNousTrouver .image{
	padding-left:8px;
	float:left;	
}

/* PAGE NOUS TROUVER */
table.tadresse {
	margin-left:20px;
	border-collapse: collapse;
}

table.tadresse td {
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px solid #49301A;
}
.map{
	margin-left:20px;
	border:1px solid #B7D211;
}
/* =================================================================== 
* NOS ENGAGEMENTS
* =================================================================*/
#engagements {
	margin: 0 auto;
	background-color: #F6FAE3;
	border-bottom:1px solid #8A9E1B;
	float:left;
	width:220px;
}
#engagements h3{
	font-size:15px;
	padding:5px;
	margin:0;
	background-color:#B7D211;
	border-bottom:1px solid #8A9E1B;
}
#engagements #Securise {
	border-bottom: 1px solid #49301A;
	font-size: 90%;
	text-align:center;
	padding:10px 0;
}

#engagements #Paiement {
	font-size: 90%;
	text-align:center;
}

#engagements p {
	margin-top: 5px;
	text-align:center;
}
/* =================================================================== 
* NOTRE SELECION 
* =================================================================*/
.selection {
	float: left;
	width: 220px;
	padding-bottom: 10px;
}

.selection h3 {
	background: url('./img/titreNS.png') no-repeat bottom left;
	color:#717171;
	padding-bottom:2px;
}

.sousSelection {
	overflow: hidden;
}

.uneSelection {
	overflow: hidden;
	width: 220px;
	background: url('./img/bas_notreSelection.png') no-repeat center bottom;
	padding-bottom: 10px;
}

.uneSelection .image {
	padding: 5px 0 5px 5px;
	margin-right:3px;
	float: left;
	width: 55px;
	text-align: center;
	vertical-align: center;
	border-top:1px solid #D4D4D4;
	border-right:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
}

.uneSelection .ajoutPanier {
	float: right;
	margin: 15px 5px 0 0;
}

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

.sousSelection .nom {
	float: left;
	font-size: 12px;
	margin-top: 10px;
	width: 90px;
}

.sousSelection .prix {
	float: left;
	font-weight: bold;
	color:#99330B;
	font-family: Georgia, Verdana, Arial, Sans-serif;
	font-size:13px;
	margin-top:10px;
	text-transform:uppercase;
}

/* =================================================================== 
* PRODUIT COMPLEMENTAIRE
* =================================================================*/
#produitComplement{
	margin:20px 0 15px 5px;
	float: left;
}

#produitComplement h3{
	background: transparent url(./img/cl_large_h3.jpg) no-repeat top left;
	color:#FFF;
	margin:0;
}
#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: 20px 0 15px 15px;
	overflow: hidden;
}
#crossSelling h3{
	background:transparent url(./img/cl_large_h3.jpg) no-repeat left top;
	color:#FFFFFF;
	margin:0;
}

/* =================================================================== 
* BONNES AFFAIRES 
* =================================================================*/
#bonneAffaire{
	float:left;
	zoom:1;
}

#bonneAffaire .rss{
	margin: -57px 0 0 0;
	font-size: 72%;
	float: right;
}

#bonneAffaire h3{
	background:url(./img/titreBA.png) no-repeat;
	height:59px;
	text-indent: -9999px;
	margin:0 0 -6px 0;
	width:195px;
}

#bonneAffaire a {
	text-decoration:none;
	color:#FFF;
	display:block;
	padding-top:5px;
}
#bonneAffaireProd a{
	text-decoration:none;
	color:#99330B;
	display:block;
	padding-top:5px;
}
#bonneAffaire .badgeBA0,
#bonneAffaire .badgeBA1,
#bonneAffaire .badgeBA2,
#bonneAffaire .badgeBA3,
#lesBonnesAffaires .uneAffaire .badgeBA0{
	float:left;
	text-align:center;
	margin-right:0;
	font-weight:bold;
	color:#49301A;
	font-size:15px;
	line-height:48px;
	width:57px;
}
#bonneAffaireProd .badgeBA{
	float:left;
	text-align:center;
	margin-right:0;
	font-weight:bold;
	color:#99330B;
	font-size:15px;
	line-height:56px;
	width:55px;
	background:transparent url('./img/badge.png') no-repeat scroll -1px 0pt;
}

#bonneAffaire .badgeBA0,
#lesBonnesAffaires .uneAffaire .badgeBA0{
	background:transparent url('./img/badge0.png') no-repeat scroll -1px 0pt;
}

#bonneAffaire .badgeBA1{
	background:transparent url('./img/badge1.png') no-repeat scroll -1px 0pt;
}

#bonneAffaire .badgeBA2{
	background:transparent url('./img/badge2.png') no-repeat scroll -1px 0pt;
}
#bonneAffaire .badgeBA3{
	background:transparent url('./img/badge3.png') no-repeat scroll -1px 0pt;
}
#bonneAffaire .descriptionBA{
	/*height:48px;*/
	background:transparent url('./img/fd_bonneAffaire.png') repeat-x;
	font-size:12px;
}
#bonneAffaireProd .descriptionBA{
	font-size:12px;
	text-align:left;
}
#bonneAffaire .lienToutes{
	text-align: right;
	margin-right:5px;
}

#bonneAffaire .lienToutes a{
	text-decoration: underline;
	color: #49301A;
}
/* MODULE */
#bonneAffaire .uneAffaireAccueil {
	width:215px;
}

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

#lesBonnesAffaires h3{
	background:transparent url('./img/fd_bonneAffaire.png') repeat-x;
	color:#FFF;
}

#lesBonnesAffaires h3 a{
	color:#FFF;
	text-decoration: none;
	line-height:48px;
}

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

#lesBonnesAffaires .uneAffaire .dateBA{
	margin: 3px 0 0 0;
	font-style: oblique;
	font-weight: bold;
	overflow:hidden;
	font-size: 12px;
	padding-left:55px;
}

#lesBonnesAffaires .uneAffaire .descriptionBA{
	overflow: hidden;
	padding-left:55px;
}

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

/* =================================================================== 
* ETAPES COMMANDE  
* =================================================================*/
#navCommande {
	text-align:center;
	width:681px;
	background:  #AF692B url(./img/nav_commande_haut.jpg) no-repeat top left;
	color:#FFF;
}
#navCommande table {
}
#navCommande td {
	color: #FFF;
	padding: 0 5px;
}
#navCommande td a{
	text-decoration: none;
	color: #FFF;
}
#navCommande td.selected {
	font-weight:bold;
	color: #49301A;
}

/* =================================================================== 
* 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
* =================================================================*/
.regletteNavigation{
}

.pagination {
	float: left;
	width: 695px;
	text-align: center;
}

.pagination .regletteNavigation span a{
	color:#7F930D;
	text-decoration:none;
}
.pagination .pages{
	margin:10px 0;
}
.pagination .regletteNavigation span strong {
	border:1px solid #E3E3E1;
	padding:3px 10px;
	font-weight:bold;
	background-color: #B7D511;
}

.pagination .regletteNavigation span.left a,
.pagination .regletteNavigation span.right a{
	font-weight:bold;
	text-decoration:none;
	color:#7F930D;
}

.regletteNavigation span { 
	
} 
.regletteNavigation a { 
	color: #000; 
	text-decoration: none; 
	border:1px solid #E3E3E1;
	padding:3px 10px;
} 
.regletteNavigation a:hover { 
	text-decoration: underline; 
}
/* =================================================================== 
* PLAN DU SITE   
* =================================================================*/

#planSite{
	padding: 20px;
}
#planSite li,
#planSite li a{
	color: #49301A;
}

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

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

#planSite ul li ul{
	border:none;
}

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

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

#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{
	padding-top:15px;
	background: #ECE7E3 url(./img/fd_accroche.jpg) no-repeat bottom left;
}
.texteAccroche ul li{
	list-style: disc;
	margin: 3px 0 3px 15px;
}

.texteAccroche .enSavoirPlus{
	text-align:right;
	padding:5px 0 5px 5px;
}
/* =================================================================== 
* PANIER
* =================================================================*/
#resteFrancoPort, #francoPort{
	border-left:1px solid #C0BCB8;
	border-right:1px solid #C0BCB8;
	font-weight:bold;
	width:674px;
	padding:5px 0 0 5px;
}
#asterZone{
	font-size:10px;
	float:left;
}
table.panier{
	border-collapse: collapse;
	color: #49301A;
	border-left: 1px solid #C0BCB8;
	border-right: 1px solid #C0BCB8;
	margin:0 0 3px 1px;
	width:681px;
}

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

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

#bouton #termine {
	float: right;
	width: 340px;
	text-align: right;
	font-weight:bold;
}

#bouton #termine .submit{
	color:#FFFFFF;
	cursor:pointer;
	padding:2px 5px;
	width:181px;
	height:35px;
	border:none;
	background: transparent url(./img/btn_terminer_cmd.jpg) no-repeat top left;
}

#bouton #poursuivre {
	float:left;
	font-weight:bold;
	text-align:left;
	width:340px;
}
#bouton #poursuivre .submit{
	color:#FFFFFF;
	cursor:pointer;
	padding:2px 5px;
	width:175px;
	height:34px;
	border:none;
	background:transparent url(./img/btn_poursuivre_cmd.jpg) no-repeat top left;
}
#videPanier {
	text-align: right;
	font-size: 80%;
	margin-right:16px;
	color: #49301A;
	border-left:1px solid #C0BCB8;
	border-right:1px solid #C0BCB8;
}
/* =================================================================== 
* COMMANDE
* =================================================================*/
#commande {
	margin: 0;
	color: #49301A;
	float: left;
}

#commande .submit{
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	width:175px;
	height:34px;
	padding-bottom:7px;
	border:0;
	background: transparent url(./img/btn_cmd.jpg) no-repeat top left;
}
#commande table {
	color:  #49301A;
	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 #coordonnees {
	border: 1px solid #49301A;
	margin: 0 0 10px 0;
	width:681px;
}

#commande #coordonnees table {
	width: 100%;
}
/* =================================================================== 
* PRODUITS  
* =================================================================*/
#ficheProduit{
	background: url('./img/fd_nouveaute.jpg') no-repeat bottom left;
	margin-left:5px;
}

#ficheProduit h1,
#ficheProduit h2,
#ficheProduit h3,
#ficheProduit h4,
#ficheProduit h5{width:450px;}

#ficheProduit h1 {
	font-size: 150%;
	color: #49301A;
	margin:10px 0;
}

#ficheProduit h2 {
	font-size: 140%;
	color: #49301A;
	margin:10px 0;
}

#ficheProduit h3 {
	color: #49301A;
	padding: 0;
	margin:10px 0;
	font-size: 120%;
}
#ficheProduit h4 {
	margin:5px 0;
	font-weight:bold;
	font-size: 110%;
}

#ficheProduit h5 {
	margin:5px 0;
	text-transform: none;
}


#ficheProduit table tr td.gaucheProduit{
	width: 450px;
	padding: 0 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: 200px;
	text-align: center;
	vertical-align: top;
	padding: 30px 15px 0 15px;
}

#ficheProduit table tr td.droiteProduit .choix{
	margin: 10px 0;
}

#ficheProduit table tr td.droiteProduit .caddie {
	margin: 10px 0;
	width:50px;
	float:left;
}

#imprime {
	background-color:#ECE7E3;
	text-align: right;
	font-size: 90%;
	font-weight: bold;
	padding: 4px 0;
}
#imprime .envoyerAmi {
	background: url('./img/enveloppe.gif') no-repeat 97% 5px;
	border-right: 1px solid #49301A;
	margin-right:2px;
	padding-right:27px;
}

#imprime .imprimer{
	background: url('./img/imprimer.gif') no-repeat 97% 0;
	padding-right:30px;
}

#ficheProduit table tr td.droiteProduit .facettes {
	padding-top: 5px;
	text-align:center;
}

#divHidder  #blcAchat {
	background:transparent url(./img/fd_achatProduit.jpg) no-repeat scroll center top;
	height:42px;
	margin-top:10px;
	padding-left:40px;
}
#divHidder  #blcAchat #qte{
	width:75px;
	float:left;
}
#divHidder  #blcAchat #qte .isInt{
	font-size:85%;
}
#ficheProduit table tr td.droiteProduit table.divImg  {
	margin:auto;
	text-align:center;
}

#ficheProduit table tr td.droiteProduit #spanPrix{
  	font-size: 25px;
  	font-family: Georgia, Verdana, Arial, Sans-serif;
	color:#99330B;
}

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

#ficheProduit table tr td.droiteProduit .etatGeneral {
	clear:both;
	margin:5px 0px ;
	padding:3px 0px ;		
}

.spanTaxeEco{
	font-size : 12px;
}

/* =================================================================== 
* POPUP INFO PRODUIT  
* =================================================================*/
#popup{
	background-color: #FFF;
	background-image: none;
}
#ficheProduitBasPopup{
	background: url('./img/bas_ficheProduit.png') no-repeat left bottom;
	padding-bottom: 15px;
}
#ficheProduitBasPopup .bouton{
	background:#72811A none repeat scroll 0 0;
	border:1px solid #F6FAE3;
	color:#FFFFFF;
	cursor:pointer;
	padding:2px 5px;
}
#ownFrame{
	width:725px;
}
/******************/
/* CONTENU LIBRE */
/*****************/
.clCentral {
	width: 220px;
	float: left;
}
.clCentral h3 {
	color:#99330B;
	font-family:Verdana,Arial,Sans-serif;
	font-weight:normal;
	margin:8px 0 0;
}

.clCentralLarge{
	float:left;
	background: transparent url(./img/fd_categorie.jpg) no-repeat bottom left;
	width:695px;
	margin-top:10px; 
}

.clCentralLarge h3{
	background: transparent url(./img/cl_large_h3.jpg) no-repeat top left;
	color:#FFF;
	margin:0;
}

.clColonne {
	width:220px;
	float:left;
	background-color:#F6FAE3;
}

.clColonne h3{
	font-size : 15px;
	border-bottom:1px solid #8A9E1B;
	margin:1px 0 0 0;
	padding:5px;
	background-color:#B7D211;
}
.clColonne .encadre{
	background-color:#F6FAE3;
}
/* =================================================================== 
* MOTEUR DE RECHERCHE  
* =================================================================*/
#searchField{
	float: right;
	background: transparent url(./img/fd_recherche.jpg) no-repeat top left;
	width:202px;
	height:59px;
}
#searchField div{
	margin:23px 5px;
}

.page{
	padding:10px;
}

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

.codePromo {
	padding:10px;
}

.modeVacances{
	border:1px solid #49301A;
	margin:0 16px 10px 0;
	padding:5px;
}

#newsletter{
	background-color:#F6FAE3;
	border-bottom:1px solid #8A9E1B;
	float:left;
	margin:0 auto;
	width:220px;
}
#newsletter h3{
	background-color:#B7D211;
	border-bottom:1px solid #8A9E1B;
	font-size:15px;
	margin:0;
	padding:5px;
}
#newsletter #contenuNewsletter, 
#newsletter #retourNewsletter{
	padding:5px 0 5px 5px
}

#newsletter #retourNewsletter{
	display: none;
}