
/*---------------------------------------------------------------------
				la structure
----------------------------------------------------------------------*/	
body, td, p, div, input, textarea {font-family: Arial, Helvetica, sans-serif;}
a{
				color:#6f1f52; 
				text-decoration:none;
}

a.lien img{border:0px;}
input,textarea {
	border:1px solid #CCCCCC;
}
input:hover,textarea:hover {
	border:1px solid #999999;
}
 input.radioBox { border:none}
 
form{margin:0px; padding:0px}

body {
					background-image:url(images/fondPage.jpg);
					background-position:center top;
					background-repeat:no-repeat;
					background-color:#c1a769;
					margin:0px;
					/*adaptation de la position verticale en fonction de la nature de la page*/
					/*margin-top:-40px;*/
					background-position:center -62px;
}
.cadreCarteBlanche {
					width:964px; overflow:hidden;
					background-image:url(images/fd_cadreLateral.jpg);
					background-repeat:repeat-y;
					background-position:center top;	
					/*margin-top:152px; accueil */
					margin-top:112px;
					margin-top:90px;
					text-align:left;
}
.header {
					background-image:url(images/fd_hautCadre.gif);
					background-repeat:no-repeat;
					background-color:#ffffff;
					padding-top:14px; clear:both;
					
}
.zonePrincipale {		
					margin-left:12px;
					margin-right:4px;
					/*background-image:url(images/logotype.gif);
					background-repeat:no-repeat;
					background-position:16px 11px;*/
					width:948px;
					overflow:hidden;
					padding-top:14px;margin-top:-14px;
									
					
				

}


.logoType{
					position:absolute;
					/*top:110px;*/
					padding:0px; z-index:1;
					padding-left:15px;
					margin:0px; 
					width:110px;
					/*margin-top:25px;*/
					margin-top:10px;
					/*background-image:url(images/logotype.gif);
					background-repeat:no-repeat; border:0px solid red;	
					background-position:10px 0px;	*/
					overflow:visible;clear:both;
}
.logoType a img{border:0px;}
.finCadre {
					width:964px;
					/*background-image:url(images/fd_basCadre.jpg);*/
					background-image:url(images/fd_basCadre.gif); /*gestion du fond colore*/
					background-color:#FFFFFF;
					background-position: top;
					background-repeat:no-repeat;
					padding:0px; margin:0px;
					padding-bottom:93px;padding-bottom:73px;
}
/*---------------------------------------------------------------------
				barreListeEnvie
----------------------------------------------------------------------*/	

#barreListeEnvie{
					position:relative;
					height:10px;
					width:929px;
					padding-left:20px;
					padding-right:0px;
					overflow:hidden;
					padding-top:15px;
					padding-bottom:12px;
					background-color:#6f1f52;
					color:#fff;
					left:-1px;
					z-index:100;
					top:-14px;
					
					padding-top:13px;
					height:12px;
					padding-left:40px;width:909px;
}

#barreListeEnvie H3 {
					margin:0px;
					padding:0px;
					text-transform:uppercase;
					font-size:12px;
					display:inline;
}
#menuListe {
					position:absolute;
					left:225px;
					top:0px;
					width:732px;
					

}
#menuListe  ul li {
					background-image:url(images/puce_barreListe.gif);
					background-repeat:no-repeat;


}
#menuListe  ul ul {
					/*width:130px;*/
}
/*---------------------------------------------------------------------
				menuRecherche
----------------------------------------------------------------------*/	

#menuRecherche {
					position:relative;
					height:23px;
					width:auto;
					padding-left:40px;
					padding-right:10px;
					overflow:hidden;
					background-color:transparent;
					color:#fff;
					left:0px;
					z-index:100;
					top:-14px;
					text-align:right;
					background-image:url(images/titre_recherche.gif);
					background-repeat:no-repeat;
					background-position:425px 7px;
					margin-top:5px;


}
#menuRecherche select{
					color:#3E5066;
					
					font-size:0.66em;
					line-height:0.63em;
					margin:0px 0px 0px 2px;
					padding:0px;
					width:145px;vertical-align:middle;
}
#menuRecherche input.texte {
				
				margin:0px;
				padding:0px;
				width:80px;
				margin-top:2px;
				float:none;
				vertical-align:middle;
				padding:1px;
				color:#3E5066;
				font-size:12px;
				}
				
#menuRecherche a{
			
			color:#fff;
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size:0.54em;
			font-weight:bold;
			padding-right:0px;
			background-image:url(images/fd_boutonOk.gif);
			background-repeat:no-repeat; vertical-align:middle;	padding-bottom:3px; padding-top:2px;padding-left:4px;padding-right:4px;			}
			
/*---------------------------------------------------------------------
				colonneGauche >>  menu produit
----------------------------------------------------------------------*/

				
		#dhtmlgoodies_listMenu {
					text-align:left;
					width:153px;
					overflow:hidden;

					margin:0px;
					padding:0px;
					margin-top:8px;
					margin-bottom:10px;
					
		}
		#dhtmlgoodies_listMenu ul {
					
					margin-left:0px; 
					padding:0px; margin:0px;
					padding-top:5px; 
					
		}
		#dhtmlgoodies_listMenu ul ul{
					display:none;
					margin-left:1px; margin-right:1px;
					padding-bottom:4px;
		}
		/*premier element*/
		#dhtmlgoodies_listMenu li{
						list-style-type:none;	
						margin:0px; padding:0px;
						
						font-size:12px; line-height:12px;
						font-weight:normal;
						margin-top:6px;
						
		}
		#dhtmlgoodies_listMenu li li {
						margin:0px;
						padding:0px;
						
		}
		#dhtmlgoodies_listMenu li li li{
						background-color:transparent;
						margin-left:6px;
						 border:0px;
		}
		
		#dhtmlgoodies_listMenu li a{
						padding:0px; margin:0px;
						font-size:15px;
						font-weight:bolder;
						line-height:normal;
						
						font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
						text-transform:uppercase;
						letter-spacing:0.05em
						
		}
		#dhtmlgoodies_listMenu li a.activeMenuLink{
						border:0px;
		}
		#dhtmlgoodies_listMenu li li a{
						padding:0px; margin:0px;
						
						font-size:10px;
						line-height:14px;
						font-weight:bolder;
						padding-bottom:2px;
						color:#474141;
						
		}
		#dhtmlgoodies_listMenu li li li a{
						font-size:14px;font-size:10px;
						font-weight:normal;
						padding-left:0px;
						color:#474141;
						border-bottom:0px;text-transform:none;
						
						
		}
		#dhtmlgoodies_listMenu  a:hover{
						color:#D00030;
								}
		
		#dhtmlgoodies_listMenu  ul a{
						
		}
		#dhtmlgoodies_listMenu  ul a b {
						
		}
		#dhtmlgoodies_listMenu  ul a:hover b{
						
		}
		#dhtmlgoodies_listMenu li a #selected{
						color:#e00538; border:0px;
		}
			
/*---------------------------------------------------------------------
				le caddie
----------------------------------------------------------------------*/	
#caddie {
			width:133px;
			overflow:hidden;
			background-image:url(images/panierAlone.gif);
			background-repeat:no-repeat;
			background-position:right top;
			height:40px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
			text-align:right;
			padding-top:12px;
			
			}
#caddie a {
			color:#302523;
			font-size:10px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
			text-transform:uppercase;
			margin:0px;
			margin-right:35px;
			padding:0px;
			font-weight:bolder;
			}
#caddie a b{			
			display:block;
			font-weight:normal;
			font-family:Arial, Helvetica, sans-serif;
			color:#302523;
			font-size:10px;
			text-transform:none;
}

/*---------------------------------------------------------------------
				le menu categorie
----------------------------------------------------------------------*/	
.menuCategorie {
	position:absolute; clear:both; 
	margin:0px; padding:0px;
	padding-left:170px; 
	 width:776px; overflow:hidden; 
	
				position:relative;
	}
.zonePrincipale .menuCategorie  h1, .zonePrincipale .menuCategorie h2{ 
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
					color:#8f8f8f; 
					font-weight:normal;
					clear:both;
					margin:0px; padding:0px;
					border-bottom:1px solid #767676;
					/*margin-left:120px;*/
					font-size:0.71em;
					margin-right:28px;padding-bottom:7px;
					text-transform:uppercase; 
		}
.zonePrincipale .menuCategorie h2 { border:0px; padding-top:6px;}
.zonePrincipale .menuCategorie h1 a {
					color:#767676;text-transform:uppercase; 
					padding:0px;
					margin-right:6px; margin-left:4px; 
					padding-bottom:7px; padding-top:6px;
					text-decoration:none;
					}
.zonePrincipale .menuCategorie h1 a:hover {
					text-decoration:underline;
					}
.zonePrincipale .menuCategorie h1 a.selected{
					font-weight:bolder;
					color:#B39B61;
					background-repeat:repeat-x;
					background-position:left bottom;
					padding-right:3px; padding-left:3px; 
					margin-right:2px; margin-left:0px; 

}
.zonePrincipale .menuCategorie h2 a.selected { 
					font-weight:bolder;
					color:#c4a867;border:0px}
.zonePrincipale .menuCategorie h2 a {
					color:#000000;text-transform:lowercase; 
					font-weight:bolder;
					padding-right:6px; padding-left:4px;
					text-decoration:none;
					
}
.zonePrincipale .menuCategorie h2 a:hover {
					text-decoration:underline;
					}
/*---------------------------------------------------------------------
				le menu navigation
----------------------------------------------------------------------*/	
#hautPage {/* padding-top:70px au 25/02/2008*/ }
.zonePrincipale .navigationDroite{
					float:right;
}

.zonePrincipale .navigationGauche{
					float:left;
}

.zonePrincipale .navigation{
					padding-left:120px;
					padding-right:32px;
					padding-top:30px;
					
					font-size:0.7em;
					font-weight:bold;
					display:table;
					 border:0px solid red;
					
					padding-left:20px;
					width:729px;
}
.zonePrincipale .navigation a{
					color:#000;
					text-decoration:none;
}
.zonePrincipale .navigation a:hover{
					color:#6f1f52;
}
.pageTexte {
					padding-right:20px;
				
}
/*---------------------------------------------------------------------
				les categories
----------------------------------------------------------------------*/

.categorie {
				margin:0px;
				
				clear:both;			
				padding-right:5px;
}

.categorie .produitMiniature { 
				width:147px; width:119px;
				/*height:300px;*/
				float:left; 
				white-space:normal;
				padding:4px 5px 8px 5px; 
				/*background-color:#FFFFFF;*/
				margin:0px;
				margin-right:7px;margin-bottom:5px; 
				
				border:0px solid #767676;
				border:0px solid #989491;
				float:left;display:table;
				
				
		}
				
.categorie .description {
				width:135px; width:115px;
				float:none; display:block; clear:both;
				font-size:0.6em;
}

.categorie .description h3 {
				 font-size:1.15em;
				font-weight:bolder; clear:both;
				margin:0px;
				padding:0px; padding-top:7px;
				}
.categorie .description b { 
				font-size:0.80em;
				display:block;
				float:right;clear:both;
}		

.categorie .description a { 
				color:#6f1f52; 
				font-family:Arial, Helvetica, sans-serif;
				font-size:1.1em; 
				font-weight:bold; 
				text-transform:lowercase;
				text-decoration:none; 
				padding-top:10px; clear:both; display:block;
}	
.categorie .description a:hover { 
				text-decoration:underline;
				
}

.categorie .produitMiniature a img {
				margin-bottom:2px; 
				width:135px;width:115px; border:0px;
				vertical-align:middle; border:1px solid #767676; 
				
}

.categorie .produitMiniature a.imageListe {						/* la zone de l'image miniature */
				width:115px; /*height:175px; pour coller le texte*/
				display:block;
				border:0px solid #000;
				vertical-align:middle;
				padding-top:0px;
}
.categorie .produitMiniature a:hover img {
				
				margin-bottom:2px; 
				/*height:175px;*/
				display:block;		
}
.categorie .produit .produitMiniature .ancienPrix{
					padding:0px; margin:0px;
					text-decoration:line-through; font-size:1em; float:left; padding-right:10px;
}
.categorie .produit .produitMiniature .prixPromotion{
					padding:0px; margin:0px;
					color:#000000;
					font-weight:bold;
					font-size:1.1em;
}

.categorie .produit .produitMiniature .prix{
					font-size:1.1em;
}
.categorie p {clear:both; margin:0px; padding:0px; width:100%; display:block;border:0px solid red;}	
.categorie .separationProduit{ clear:both; height:10px; padding:0px; margin:0px;}	
#coupDeCoeur{
					border:0px solid #6f1f52; 
							 
					font-weight:bolder;
					font-size:1.1em;  
					text-align:right;
					color:#6f1f52; 
					margin-bottom:3px; float:right;width:17px;	overflow:hidden;
									
}
#coupDeCoeur img, #nouveaute img{width:18px; height:19px}
#nouveaute{
					border:0px solid #000; 

					font-weight:bolder;
					font-size:1.1em;  
					text-align:right;
				 
					margin-bottom:3px;		float:right;	width:17px;	overflow:hidden;
					

}

.informationsProduit #nouveaute, .informationsProduit #coupDeCoeur{}

#etiquette{ 
					position:absolute;
					width:260px;top:90px; 
					border:0px solid red;
					

}
.etiquettePlusInfo{
					position:absolute;margin-left:80px;
						 
					background-repeat:no-repeat;

					border:0px solid black;
					left:30px;
					
					width:128px;
					height:250px;
					overflow:hidden;
					background-position:0px -15px;
					z-index:2;
					background-image:url(images/plusInfo.gif);
}

.etiquetteLaPresse{
					position:absolute;
					top:-25px; 
					
					background-repeat:no-repeat;
					height:405px;

					background-position:0px -25px;
					width:210px;
					height:405px;


					border:0px solid green;background-image:url(images/presse.gif);
					width:113px;
					height:370px;
					left:150px;
					top:0px;
					overflow:hidden; 
}

.etiquetteMarque {background-image:url(images/etiquette_ficheCreateur.gif);
					background-position:0px;
					background-repeat:no-repeat;
					border:0px solid green;
					height:182px;height:220px;
					left:20px;
					overflow:hidden;
					position:absolute;
					top:73px;top:23px;
					width:218px;

}
.etiquetteMarque a img {
					border:0px solid red;
					width:160px;
					height:155px;

}
.etiquettePlusInfo a img {
					border:0px solid red;
					width:128px;
					height:240px;

}
 .etiquetteLaPresse a img{
					border:0px;
					width:113px;
					height:370px;
}
.etiquetteMarque[class] {background-image:url(images/etiquette_ficheCreateur.png);
}
.etiquettePlusInfo[class] {background-image:url(images/plusinfo.png);
}
.etiquetteLaPresse[class] {background-image:url(images/laPresse2.png);


}
.categoriesAvoir {
				font-size:13px;
				margin:10px 0px 10px 0px;
}
.bloc_resultat_categories a.liens_sous_cat {
				font-size:13px;
				color:#6F1F52;
				text-decoration:none;
				padding:0px 0px 0px 15px;
}
/*---------------------------------------------------------------------
				specificite idee de liste
----------------------------------------------------------------------*/	

.informationListe{
					font-size:0.95em;font-size:0.68em;
					font-weight:bolder;
					padding-bottom:10px;
					font-family:Arial, Helvetica, sans-serif;
					color:#000;
					text-transform:none;
					padding-left:120px; padding-left:5px;
					padding-right:22px; border:0px solid red;
}

.animation {		float:left; 
					width:180px; 
					padding:0px; 
					margin:0px;
					border:0px solid red; 
					
					clear:left; position:absolute; 
					top:220px;}

/*---------------------------------------------------------------------
				cadre central, pages forms, ...
----------------------------------------------------------------------*/	
.zoneTexte {
					font-size:12px;
}

.zoneCentrale {
					
					clear:both;
					margin-left:28px;
					margin-right:25px;
					padding:2px;
					padding-left:8px;
					
					margin:0px;
					padding:0px;
					width:949px;
					position:static;
						margin-top:0px;
					/*margin-bottom:20px;				*/
	/*border:0px solid #767676;
					*/
}

.colonneGauche{
					margin:0px; padding:0px;
					float:left;
					width:200px;
					border:0px solid green; 
					
					margin-top:50px;
					width:153px;
					padding-left:27px;
					overflow:hidden;
					
					
}
.colonneDroite{
					margin:0px; padding:0px;
					
					
					border:0px solid red;
					width:684px;
					width:739px;
					width:749px;
					padding-left:20px;
						width:759px;
					padding-left:10px;
					float:left;
					overflow:hidden;
					
}

.zoneCentrale td{
					vertical-align:top;
}
.zoneCentrale h1{
					text-align:right;
					color:#000000; font-size:1em;
					border:none;
					font-weight:bolder;
					
					margin:10px;
}
.zoneCentrale h1 div{
					font-size:0.7em;
}
.zoneCentrale h2{
					color:#999999; font-size:0.9em;
					border:none;
					font-weight:bolder;
					font-weight:normal;
					margin:4px;
					margin-top:10px;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					text-transform:uppercase; clear:both;
}/**/
/*---------------------------------------------------------------------
				le menu compte
----------------------------------------------------------------------*/	
.blocService {font-size:0.8em}
.blocService a {
				display:block; font-weight:bolder;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				
}
.menuCompte a{
					font-size:0.75em; display:block;
					padding:0px; margin:0px;
					margin:0px; padding:0px;padding-bottom:5px;padding-right:0px;
					color:#6f1f52; 
					font-family:Arial, Helvetica, sans-serif;
					
					font-weight:bold; 
					text-transform:none;					
}

.colonneGauche h1 {
					float:none; text-align:left; margin-left:0px; font-size:0.9em;
}
.colonneGauche h1 i{
					font-size:0.8em;
					
					display:block;}
					
.menuAccueil a {
				display:block; font-weight:bolder;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				font-size:12px;


}
/*---------------------------------------------------------------------
				la fiche produit
----------------------------------------------------------------------*/	
.zonePrincipale .ficheProduit{
					border:1px solid #989491;
					border-left:0px;
					margin-left:118px;
					margin-right:23px;
					
					background-color:#FFFFFF;
					margin:0px;
					width:740px;
					overflow:hidden;
}
.ficheProduit {			
					padding-bottom:15px;padding-top:15px;
					}
.ficheProduit table {width:100%}					
.ficheProduit table td img{ float:left; padding:0px; margin:0px 0px; width:222px;}

.ficheProduit .aideProduit{
					font-size:0.7em;
					text-align:center;
					color:#666666;
					font-weight:bold;
					padding: 10px 0px; clear:both;
}

.informationsProduit {
					 color:#000000; 
					min-height:290px;
					width:290px;
					margin:0px;
					padding-left:15px;
					padding-right:40px;
					border-left:1px solid #989491;
					border-right:1px solid #989491;
					float:left;
					width:250px;
					padding-left:15px;
					padding-right:20px;
					
					}
					
.informationsProduit h1{
					font-family:Arial, Helvetica, sans-serif;
					text-transform:none;
					color:#000000; font-size:1em;
					font-weight:bolder;
					/*font-weight:normal;*/
					clear:both;
					margin:0px; padding:0px;
					border-bottom:none;
					padding-bottom:7px;
}

.informationsProduit p{
					font-size:8pt; margin:0px; padding:0px; padding-bottom:3px;}
.informationsProduit table td b { padding-right:15px;}
.informationsProduit td{
					font-size:8pt; margin:0px; padding:0px; }
.informationsProduit table{
					margin:0px; padding:0px; margin-bottom:10px;width:auto;}
.informationsProduit a{
					color:#6f1f52; 
					font-family:Arial, Helvetica, sans-serif;
					font-size:0.8em; 
					font-weight:bold; 
					text-transform:lowercase;
					text-decoration:none;
					clear:both;float:none; display:block; width:auto;
					padding-bottom:0px;padding-top:0px; 

}
.informationsProduit a:hover{
					text-decoration:underline;
}
.informationsProduit a.lien{
					color:#000;
					font-size:0.65em; 
					font-weight:normal; 
					text-transform:none;
					text-decoration:none;
					clear:both;float:none; display:block; width:auto;
					padding-bottom:1px;padding-top:1px;
}
.informationsProduit .info{
					margin-top:15px;
					text-align:center;
					color:#ffffff; font-weight:bolder;
					padding-left:5px;
					padding-top:3px;padding-bottom:3px;
					font-size:0.72em;
					background-color:#808080;
}
.informationsProduit form {display:bloc; clear:both; text-align:right}
.informationsProduit label{
					font-size:0.75em; font-weight:bolder; white-space:nowrap; margin-bottom:5px; display:compact
}
.informationsProduit label input, .informationsProduit label select {margin-right:2px;}
.informationsProduit .prix{
					color:#000000;
					font-weight:bold;
					font-size:1em;
					float:none; clear:right;
}
.informationsProduit .ancienPrix{
					padding:0px; margin:0px;
					text-decoration:line-through; font-size:0.9em; float:left; padding-right:10px;
}
.informationsProduit .prixPromotion{
					padding:0px; margin:0px;
					color:#000000;
					font-weight:bold;
					font-size:1em;
}

.informationsProduit input, .informationsProduit select .informationsProduit option { font-size:0.95em; font-weight:normal;}


/*---------------------------------------------------------------------
				les produits associés
----------------------------------------------------------------------*/	

.zoneProduitAssocie {
					vertical-align:bottom;
					padding-bottom:20px;
					/*padding-left:40px;*/
					width:170px; border:0px solid red; width:220px;
					
}
.zoneProduitAssocie h2{
					 
					color:#8f8f8f; 
					font-weight:bolder;
					 clear:both;
					margin:0px; padding:0px;
					border-bottom:0;
					font-size:0.75em;
					line-height:0.95em;
					margin:0px;padding:0px;width:220px; padding-bottom:3px;
					padding-top:80px; border:0px solid red;
					}
					
				
.zoneProduitAssocie img{ }
.zoneProduitAssocie .produitMiniature{
					float:left;
}

.zoneProduitAssocie .produitMiniature	{ 
					width:64px; float:left; white-space:normal;
					padding:2px 0px 0px 2px; margin:0px;}
					
	.zoneProduitAssocie .produitMiniature a { 
					display:block;margin:0px; padding:0px;
					text-decoration:NONE;
	}
	.zoneProduitAssocie .produitMiniature a img{
					border:1px solid #767676;
					margin:0px; padding:0px;
					margin-bottom:2px; 
					width:61px;
					display:block;
	}
	.zoneProduitAssocie .description {
					width:66px; float:none; display:block; clear:both
	
	}
	
	.zoneProduitAssocie .description h3{
					 font-size:0.7em;
					font-weight:normal;
					}
	
.zoneProduitAssocie .separationProduit{ clear:both; height:1px; padding:0px; margin:0px; line-height:1px;}		

/*---------------------------------------------------------------------
				Images supplémentaires fiche produit
----------------------------------------------------------------------*/


#autresVues{
					margin-top:0px; 
					
					margin-top:-32px;margin-top:-16px ;
					height:290px; 
					margin-left:-19px; 
					position:absolute; 
					width:18px; 
					overflow:hidden;
					background-color:none;
					
					/*margin-top:-21px !important;
					margin-top:-36px;*/
}

#imagesSupplId{
					position:absolute; 
					margin-left:18px; 
					width:70px; 
					/*width:73px; */width:104px;
					border:solid 1px #989491; 
					border-right:0px;
					background-color:#FFFFFF;
					padding:6px;
					padding-right:3px;
					padding-top:0px;
					
					padding-bottom:7px;
	
}

#imagesSupplBoutId{
					width:19px;
					position:absolute;
					margin-top:180px;
					background-color:none;
}
#imagesSupplId img{
					cursor:pointer;
					padding:0px;
					border:solid 0px #999999;
					margin-bottom:5px;
}

/*---------------------------------------------------------------------			
				le footer
----------------------------------------------------------------------*/	

	.footer{
					width:884px;
					width:100%;
					padding-bottom:5px;
					/*background-color:#ffffff;*/
					background-image:none;
					display:table;
					margin:0px; padding:0px;
					clear:both; padding-top:10px;
					position:relative;
						}
	.footer a {
					 
					color:#8f8f8f; 
					font-weight:normal; 
					text-decoration:none;border:0px;
						}
						


/*---------------------------------------------------------------------
				les menus catégories et cms
----------------------------------------------------------------------*/	

	.footer .zoneMenu		{
					clear:both;
					/*border-bottom:1px solid #c8c8c8;  */
					margin:0xp; padding:0px;
					margin-left:32px; margin-right:32px;	
					text-align:left;
										
					
					
	}			
	.footer .zoneMenu	a {
					text-transform:uppercase; padding-right:16px; padding-left:4px;font-size:0.71em; 
						
	}
	.footer .zoneMenu .menu {
					float:right; padding:0px; margin:0px}

	.footer .zoneMenu .menu a	{
					padding-right:0px; padding-left:20px}
					


 .separation{ 
					clear:both; border-bottom:1px solid #c8c8c8;
					margin-top:4px;
					margin-left:32px; margin-right:32px; padding:0px; height:1px; font-size:1px; line-height:1px;
					 width:884px;}

.footer .separation {
					width:600px; margin-left:316px;
}

.footer a.newsletter {
					display: block;
					margin-left:220px;
					margin-bottom:11px;
					margin-top:5px;

}
.footer .newsletter img{
					border:0px;
					background-image:url(images/b_inscriptionNewsletter.gif);
					width:186px;
					height:13px;
					background-repeat:no-repeat;
					


}
/*---------------------------------------------------------------------
				zone de recherche
----------------------------------------------------------------------*/	
	.footer .zoneRecherche {
					margin-top:2px;clear:both; 
					padding-left:32px; margin-right:32px;	
					display:table; width:884px;	width:600px;	margin-left:284px;				

				}
	.footer .zoneRecherche .sousmenu {float:right; padding:0px; margin:0px}				
	.footer .zoneRecherche .sousmenu a{ 		
					padding-right:0px; padding-left:7px; font-size:0.71em; 
					text-transform:lowercase;}

	.footer .zoneRecherche form {		
					float:left; 
					margin:0px; padding:0px;
					display:inline;
					text-align:right; 
					}
	.footer .zoneRecherche table td{ vertical-align:top; padding:0px;}
	
	.footer .zoneRecherche form input, .footer form select {
					 font-size:0.66em; 
					color:#3e5066;
					line-height:0.63em;
					margin:0px;
					padding:0px;
					margin-left:2px; 
					width:145px; float:left;
	}
	.footer .zoneRecherche form input.texte { height:15px; margin:0px; padding:0px;width:80px;}

	.footer .zoneRecherche form a {	
					color:#000; /*rouge*/
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:0.54em;
					font-weight:bold; clear:both;float:none; display:block; padding-right:0px;}
					
/*---------------------------------------------------------------------
				les menus de compte, caddie
----------------------------------------------------------------------*/					
					
	.footer  .navigation		{
					width:auto; 
					padding:0px; margin:0px;	
					height:auto;
					position:absolute; }
					
	.zonePrincipale .footer .navigation img{
						float:none;padding:0px
	
	}					
	.zonePrincipale .footer .navigation a{ margin:0px; padding:0px}
	
	
/*---------------------------------------------------------------------
				fin cadre signature creabilis
----------------------------------------------------------------------*/	
	
	.finCadre {
					padding-top:8px;
				
				}
	.finCadre a{
					text-decoration:none; color:#f4e3ba;
					font-weight:normal; 
					float:left; 
					font-size:0.6em;
					padding-left:28px;
				
				}
	
	
a:hover{
					/*text-decoration:underline;
					color:#7A1212;*/
					color:black;
}


/*---------------------------------------------------------------------
				onglet listes
----------------------------------------------------------------------*/
.ongletListe{
				padding-bottom:35px;padding-left:30px;
				float:right; clear:both;
}
.ongletListe a {
				margin-right:18px;
}
.ongletListe a:hover{border-bottom:2px solid #6f1f52;}
.ongletListe a img{
				border:0px;
}
/*---------------------------------------------------------------------
				entete des listes
----------------------------------------------------------------------*/
.signatureListe {	border-top:1px solid #808080; border-bottom:1px solid #808080;margin-bottom:20px;

					padding:10px;
					color:#909090;
					vertical-align:top; /*float:right;display:table;*/ clear:both; 
					
					border:0px solid #767676;
					border-left:0px solid #767676;	
					padding-left:0px;
					padding-right:25px;
					padding-top:10px;
					margin-left:6px
					}
					
.signatureListe h1{
					margin-top:0px; float:right;}
						
.signatureListe h3 {
					color:#6f1f52; margin:0px; padding:0px}		
							
.signatureListe strong, .signatureListe i {
					color:#000;}				
						
.signatureListe p {margin:0px; padding:0px}		
			
/*---------------------------------------------------------------------
				formulaires
----------------------------------------------------------------------*/
img.noBorder {
				 border:0px;
}
.blocFormulaire, .blocResultat{
					border:1px solid #767676;					
					margin:0px; padding:0px;
					margin-left:28px;
					margin-right:25px;
					margin-bottom:25px;
					padding-left:28px;
					padding-right:25px;
					padding-top:10px;
					
					clear:both;
					background-color:#FFFFFF;

}
.blocResultat{
					margin-left:0px;
					font-size:0.9em;

}
.blocResultat a{
					font-weight:bolder;
}
.blocResultat label{
					/*font-size:0.8em;*/

}
.blocResultat i { 
					display:block;

}
.blocFormulaire a.lienAction, .blocResultat  a.lienAction{
					font-weight:bolder; display:block; float:right; clear:both; font-size:0.9em;}
					
						
.formulaire, .formulaire input, .formulaire textarea, .formulaire td{
					font-size:12px;
}	

.formulaireCompteClient  { 
					padding-bottom:0px;margin-bottom:0px;
}
										
table.formulaire  td, table.formulaireCompteClient  td{
					padding-bottom:5px; font-size:1.2em; padding-right:5px;padding-left:15px; vertical-align:top;}

table.formulaireCompteClient  td	{
					font-size:0.85em; 
	}				

.zoneCentrale table.formulaire td label, .zoneCentrale table.formulaire td label{
					white-space:normal;
					font-size:0.85em; padding-right:15px;}
	

					
table.formulaire a {
					font-weight:bolder;}
					
table.formulaire a.lien {
					font-weight:normal; font-size:0.9em; color:#666666;}					
.pageTexte p{ 
					font-size:0.75em; float:none; clear:both;}
				
				
.commentaire{		padding:0px; margin:0px;
					padding-left:10px;
					font-size:1em;
}		

/*---------------------------------------------------------------------
				bouton de validation
----------------------------------------------------------------------*/
.submitBouton, .bigSubmitBouton, .smallSubmitBouton {
					background-image:url(images/fleche.jpg);
					background-repeat:no-repeat;
					background-position:0px 6px;
					border:0px;
					background-color:white;
					
					padding:0px;
					padding-left:30px;
					text-indent:5px;
					margin:0px;
					margin-bottom:25px;
					margin-left:25px;
					
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
					color:#6f1f52;
					font-weight:bold; 
					font-size:13pt;
					line-height:18pt;
					text-align:left;
					
					height:27px;
					width:auto;
					display:block;
					cursor:pointer;
					float:right; clear:both;
}
.bigSubmitBouton { font-size:16pt; float:right; clear:both;display:block;}

.smallSubmitBouton	{font-size:12pt;float:right; clear:both; margin-bottom:5px;}

.submitBouton:hover, .bigSubmitBouton:hover, .smallSubmitBouton:hover{ border:0px; color:black;}	

.submitDate { height:19px }	


 
/*---------------------------------------------------------------------
				nouveau processus d'inscription
----------------------------------------------------------------------*/
table.identification{padding:0px; margin:0px; margin:40px; margin-top:70px;}

table.identification td.cadreInscription { 
					width:49%}

.cadreInscription {
					border:1px solid #000000;
					padding:10px;
					vertical-align:top;
					background-color:#FFFFFF;
					
}
.cadreInscription p, .cadreInscription  ul{font-size:0.8em;}
.cadreInscription h2{
					color:#000000; font-size:1.1em;
					font-weight:bolder;
					font-weight:normal;
					clear:both;
					margin:0px; padding:0px;
					border-bottom:none;
					padding-bottom:7px;
					text-transform:none;

}
.cadreInscription form{
					width:100%; text-align:center;}

div.formulaire{
					/*display:inline;*/}
p.messageResultatErreur, p.message, .messageResultatOk {
					color:#6f1f52;
}
.cadreInscription table.formulaireCompteClient {
					width:auto; margin-right:0px; padding:0px; 
}
.cadreInscription table.formulaireCompteClient  td	{
					font-size:1.1em; vertical-align:top;
	}

.cadreInscription .submitBouton { margin-right:0px; float:none;}

#mon_adresse { padding-left:80px;}
/*---------------------------------------------------------------------
				recapitulatif du processus d'achat
----------------------------------------------------------------------*/
.processusAchat { 	
					margin-left:165px;  
					position:static; z-index:1}
					
.processusAchat a{ 	width:104px; height:36px; display:table; float:left;
					color:#9c9c9c;
					text-decoration:none;
					padding:0px; margin:0px; padding-left:32px;
					font-size:0.8em;
					line-height:0.85em; padding-top:5px;
					}
.processusAchat a.selected {
					color:#000; font-weight:bolder;width:109px
					}
					
#processus1{
					background-image:url(images/processus_1.gif);
					background-repeat:no-repeat;

}					
#processus2{
					background-image:url(images/processus_2.gif);
					background-repeat:no-repeat;

}					
	
#processus3{
					background-image:url(images/processus_3.gif);
					background-repeat:no-repeat;

}					
#processus4{
					background-image:url(images/processus_4.gif);
					background-repeat:no-repeat;

}					
						
/*---------------------------------------------------------------------
				processus achat
----------------------------------------------------------------------*/
					
form.recapitulatifPanier{

					margin:0px; padding:0px;
					margin-bottom:25px;
					padding-left:28px;
					padding-right:25px;
					padding-top:10px;
}
.recapitulatifPanier div {
					margin:0px; padding:0px;}

.recapitulatifPanier div.recapitulatifPanier{ 
					border:0px solid black; }
					
.recapitulatifPanier table { 
					width:100%}

.recapitulatifPanier table a.itemProduit{
					width:240px;}
					
.recapitulatifPanier table thead  th{ 
					text-transform:uppercase;  text-align:center; 
					font-size:0.70em;color:black;
					/*background-image:url(images/fd_th.gif);
					background-repeat:repeat-x;*/
					border-bottom:1px dashed #808080;
					border-left:1px dashed #808080;
					border-right:1px dashed #808080; 
					border-top:1px solid #808080; 
					padding-left:3px;
					padding-bottom:13px;padding-top:13px;
					background-color:#ffffff;
					} 
					
.recapitulatifPanier tr { padding:1px}					
 
.recapitulatifPanier td.commandeRow2, .recapitulatifPanier td.commandeRow1 {
					 padding-top:5px;  padding-left:6px;padding-right:6px;
					 margin-top:1px;
					 border-bottom:1px dashed #808080; border-top:1px dashed #808080;}	
					 
.formulaire td.commandeRow2, .formulaire td.commandeRow1 { border:0px}

.commandeRow1 .produitImg, .commandeRow2 .produitImg{ border:0px solid black		}	

.recapitulatifPanier tfoot td.basTotalCommande, 
.recapitulatifPanier tfoot td.basTotalCommandeValue,
.recapitulatifPanier  td.basTotalCommande, 
.recapitulatifPanier  td.basTotalCommandeValue, 
.commande tfoot td.basTotalCommande{
					padding:0px; margin:0px;
					text-transform:uppercase;  text-align:center; 
					border-top:1px dashed #000;
					border-left:1px dashed #000;
					border-right:1px dashed #000; 
					border-bottom:1px solid #000; 
					padding-left:3px;
					padding-bottom:5px;padding-top:5px;
					color:black; font-size:0.9em; vertical-align:middle;
}		
		

.recapitulatifPanier tfoot td.basTotalCommande, .recapitulatifPanier  td.basTotalCommande{
					border-right:0px;
}

 .recapitulatifPanier tfoot td.basTotalCommandeValue, .recapitulatifPanier  td.basTotalCommandeValue{
 					border-left:0px
}

.recapitulatifPanier tbody td.basTotalCommande { /* total frais de livraison*/
					text-transform:uppercase;  text-align:center;
					vertical-align:middle;
					border-top:1px dashed #000;
					border-left:1px dashed #000;
					border-right:1px dashed #000; 
					border-bottom:1px solid #000; 
					padding-left:3px;
					padding-bottom:0px;padding-top:5px;
					color:black;

}	
/*                champ observations et informations                              */
.recapitulatifObservation h2{
					padding-bottom:0px; margin-bottom:0px}
.recapitulatifObservation p{
					padding:0px; margin:0px; padding-left:44px; font-size:0.9em;}
					
.remarque{			margin-left:28px;
					margin-right:25px; display:block; font-family:Arial, Helvetica, sans-serif; padding:5px; width:820px}
					
.participation{		margin-left:28px;
					display:block; font-family:Arial, Helvetica, sans-serif; padding:5px; width:620px}					
					

.libelleTextArea {
					padding-left:30px; 
}
p.libelleTextArea {font-size:0.75em; padding-bottom:0px; margin:0px;
}


/*                 barre de navigation                               */
.navigationProcessusAchat {text-align:left; float:left;  }
.navigationProcessusAchat table { width:auto; padding-top:25px;margin-bottom:60px;}
.navigationProcessusAchat table td {
					white-space:nowrap;
}
.navigationProcessusAchat a{
					color:#000;
					font-weight:bolder;
					text-decoration:none; font-size:12px;
					padding-right:65px}
					
.navigationProcessusAchat a.lien{
					padding-right:25px}

.navigationProcessusAchat a:hover{
					text-decoration:underline}


		
/*---------------------------------------------------------------------
				les commandes, dons liste
----------------------------------------------------------------------*/
 table.commande	{ width:100%;  }
 div.commande {padding-top:10px; padding-left:10px; padding-bottom:25px;}
 .commande th{ 
					text-transform:uppercase; font-size:0.70em; text-align:center;
					/*background-image:url(images/fd_th.gif);
					background-repeat:repeat-x;		*/		 
					border-bottom:1px dashed #808080;
					border-left:1px dashed #808080;
					border-right:1px dashed #808080; 
					border-top:1px solid #808080; 
					padding-left:3px;
					padding-bottom:13px;padding-top:13px;
					
					background-color:#FFFFFF;}

 .commande td {
 					 font-size:0.85em;
					 padding:0px;
					 padding-top:7px;  padding-left:6px;padding-right:6px;padding-bottom:3px;
					 border-bottom:1px dashed #808080;}
 .commande td.commandeRow2 input,  .commande td.commandeRow1 input { padding-bottom:3px;}	
 
 .commande tfoot td.basTotalCommande{
 					text-align:right;
}				 

td.detailDon{
					padding:0px; border:0px;
}
div.detailDon{
					background-color:#8F8F8F;
					border-bottom:1px solid #CFCFCF;
					
					padding:5px 5px 3px 25px;
}
table.detailDon { width:100%; }

table.detailDon td, table.detailDon th{
					border:0px;
					padding:0px;
					padding-left:6px;padding-bottom:1px;
					text-align:right;
					color:#ffffff; background-color:#8F8F8F;
}
table.detailDon td {
					font-weight:bolder}
					
table.detailDon td label, table.detailDon td i{
					font-weight:normal;font-size:0.95em; letter-spacing:0.05em}
					
table.detailDon td i{
					float:left;
}					
table.detailDon td b{
					padding-left:80%; float:left;
}					
/*---------------------------------------------------------------------
				les articles
----------------------------------------------------------------------*/

.rubrique {
				margin:0px;
				padding-left:108px;
				clear:both;			
				padding-right:5px;
}

.rubrique .article { 
				width:347px; 
				
				float:left; 
				white-space:normal;
				padding:11px 0px 8px 11px; 
				margin:0px;
				margin-right:7px;
				border:0px solid #767676;
				float:left;
				padding-bottom:15px;
		}
				
.rubrique .description {
				width:235px; float:left; display:block; 
				font-size:0.7em;
}

.rubrique .description h3 {
				 font-size:0.95em;
				font-weight:bolder; clear:both;
				margin:0px;
				padding:0px;
				}
.rubrique .description b { 
				font-size:0.85em;
				display:block;
				float:right;clear:both;
}		

.rubrique .description a { 
				color:#6f1f52; 
				font-family:Arial, Helvetica, sans-serif;
				font-size:1em; 
				font-weight:bold; 
				text-transform:lowercase;
				text-decoration:none;
}	
.rubrique .description a:hover { 
				text-decoration:underline;
}
.rubrique .article a { float:left;}
.rubrique .article .description a { float:none;}

.rubrique .article a img {
				border:1px solid #000;
				margin-bottom:2px; 
				width:135px;
				height:175px;
				display:block;
				text-decoration:NONE;			
}
.rubrique .article a:hover img {
				border:1px solid #bbb;
				margin-bottom:2px; 
				width:135px;
				height:175px;
				display:block;
				text-decoration:NONE;			
}

.rubrique p {clear:both; margin:0px; padding:0px}		

.debug input.submitBouton { float:right;}

.fichierATelecharger, .fichierATelecharger a.telecharger { clear:both; display:block}

.fichierATelecharger h1 {
				margin:0px; padding:0px; display:block;padding-top:5px;}
				
				
/*****************************/

div#panier {
				padding-top:40px;
				padding-left:40px;
				padding-right:25px;
}

div#panier form.recapitulatifPanier{
				padding-left:0px;
				
}
#choix_lieu_livraison	{
				padding-top:40px;
				padding-left:40px;
				padding-right:25px;
	
}			

#livraison{padding-top:40px;
				padding-left:40px;
				padding-right:25px;
}
#commande {

				padding-right:25px; padding-left:68px;
				padding-right:25px;
				width:830px;
}

#recapitulatifCommande {
				padding-top:40px;
				padding-left:40px;
				padding-right:25px;

}

.messageNewsletter{
				font-weight:normal;
				padding-top:40px;
}
.messageNewsletter b{	font-weight:normal;
}
/*---------------------------------------------------------------------
				listes des articles
----------------------------------------------------------------------*/
.listeArticle {
				clear:both;
				padding:0px; margin:0px;

}
.listeArticle .article{

				padding-top:7px;
				padding-left:5px;
				padding-right:12px;
				padding-bottom:10px;
				
				margin:0px;
				margin-right:27px;
				margin-bottom:13px;
				
				float:left; clear:none;
				width:324px;
				/*height:123px;*/
				overflow:hidden;
				border:1px solid #CFCFCF;
				background-color:#FFFFFF;
}
.listeArticle .article a{ 
				float:left; padding-right:6px;}
				
.listeArticle .article .description, .listeArticle .article .description  h3{
				padding:0px; margin:0px;
				font-size:0.70em;
				color:#615f5f;
				
			
}

 .listeArticle .article .description  h3{
 				font-size:0.95em;
				text-transform:uppercase;
				color:#000;
				}
.zoneCentrale .listeArticle .article .description {
				position:relative;
				padding-top:
}
.zoneCentrale .listeArticle .article #marque img{
				
}		
.zoneCentrale .listeArticle .article .description h1 {
		
			color:#6F1F52;
			clear:right;
			
}				
.listeArticle .article .description h1 a {
				float:none;
}
.listeArticle .article .description a {
				font-weight:bolder;
				float:right;
				padding-top:5px;
				padding-bottom:3px;
				font-size:0.95em;
}				
