/* style CSS de base */
body,html
{
	background-color:#CCCCCC;
	margin-top:1px;
	text-align:left;
}

.link
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #005E31;
	font-weight:bold;
	text-decoration:none;
}
.linknormal
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #005E31;
	font-weight:normal;
	text-decoration:none;

}

.linknormal:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #005E31;
	font-weight:bold;
	text-decoration:underline;
}



.linkgris
{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}
.linkgris:hover
{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}
.linkvert
{
	color:#005E31;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.linkvert:hover
{
	color:#005E31;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
}
.linkvert2
{
	color:#005E31;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}
.linkvert2:hover
{
	color:#005E31;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
}
.linkbleu
{
	color:#5E72C8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}
.linkbleu:hover
{
	color:#5E72C8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}
.linknoir
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}
.linknoir:hover
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}
.linkblanc
{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

#zone_html
{
	display:block;
	width:970px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:1px;
	background-color:#FFFFFF;
}

#bandeau_haut
{
	float:left;
	display:block;
	width:970px;
	height: 150px; 
	border-left:1px #000000 solid;
	border-right:1px #000000 solid;
	border-top:1px #000000 solid;
	border-bottom:1px #D2903F solid;
	background: #FFF url(images/header.jpg) repeat-x  top left; /* BANDEAU HEADER */		
}

#bandeau_bas
{
	float:left;
	display:block;
	width:970px;
	height: 100px; 
	border-left:1px #000000 solid;
	border-right:1px #000000 solid;
	border-bottom:1px #000000 solid;	
	background: #FFFFFF url(images/footer.jpg) bottom left no-repeat; 
}

#bandeau_haut_gauche
{
	float:left;
	display:block;
	width:180px;
	height: 150px; 
	text-align:left;
	cursor:pointer;	
}
#bandeau_haut_inf
{
	float:left;
	display:block;
	width:970px;
	height: 128px; 
	text-align:right;
}
#bandeau_haut_sup
{
	float:left;
	display:block;
	width:970px;
	height: 22px; 
	text-align:right;
}
#bandeau_haut_inf_gauche
{
	float:left;
	display:block;
	width:180px;
	height: 128px; 
	text-align:right;
	cursor:pointer;
}
#bandeau_haut_inf_droite
{
	float:left;
	display:block;
	width:790px;
	height: 128px; 
	text-align:right;
}
#zone_centrale
{
	float:left;
	display:block;
	width:970px;
	padding-top: 0px;
	min-height:450px;
	border-left:1px #000000 solid;
	border-right:1px #000000 solid;
	background-color:#FFFFFF;	
}	

#col_gauche
{
	display:block;
	width: 180px;
	float: left;
	margin-right:5px;
}

#col_droite
{
	width: 180px;
	float: right;
	margin-right: 0px;
	margin-top: 0px;
	position:relative;

}

#col_milieu
{
	display:block;
 	float: left; 
 	width: 590px;
 	max-width: 580px;	
	padding-top:10px;
	padding-left:10px;	
}




.composantleft
{
	display:block;
 	float: left; 
	width:170px;
	border-right:1px solid #7FB744;
	border-bottom:1px solid #7FB744;
	padding-top:35px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;		
}

.composantright
{
	display:block;
 	float: left; 
	width:169px;
	border-left:1px solid #7FB744;
	border-bottom:1px solid #7FB744;
	padding-top:29px;	
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;		
	background-color:#99FF00;	
}

.rubprinc
{
	display:block;
	float:left;
	width:155px;
	height:18px;
	line-height:18px;
	padding-left:15px;
	background:url(images/carre.gif) left top no-repeat;
	margin-top:3px;
	margin-bottom:3px;	
}
.rubniv1
{
	display:block;
	float:left;
	width:148px;
	height:20px;
	line-height:20px;
	padding-left:20px;	
	background:url(images/sousmenu.gif) left top no-repeat;	
}
.rubniv2
{
	display:block;
	float:left;
	width:140px;
	height:20px;
	padding-left:30px;		
	line-height:20px;
	background:url(images/sousmenu2.gif) left top no-repeat;	
}
.rubliens
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #005E31;
	text-decoration:none;
}
.rubliens:hover
{
	font-weight:bold;
	text-decoration:underline;
}
.lienselectionne
{
	font-weight:bold;
	text-decoration:underline;	
}
#com_listefamille
{
	display:block;
	float:left;	
	width:145px;
	height:100%;
		
}
#pub
{
	padding-top:5px;
	background-color:#FFFFFF;
	display:block;
	float:left;	
	width:168px;
	height:50px;	
	max-height:50px;
	overflow:hidden;
}
.zone_recherche
{
	display:block;
	float:left;
	width:100px;
	height:35px;
	padding-left:60px;	
}
.textbox_recherche
{
	display:block;
	float:left;
	width:75px;
	height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;	
	margin-top:4px;
	margin-right:2px;
	border:#7FB744 1px dashed;
}
.submit_recherche
{
	display:block;
	float:left;
	height:22px;
	width:17px;
	background:url(images/btok.png) center;
	border:0px;
	cursor:pointer;
}
.marque_recherche
{
	float:left;
	display:block;
	height:30px;
	line-height:30px;
	width:162px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FD8D23;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	border-top:#CCCCCC 1px dashed;	
}
.lienmarquerecherche
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FD8D23;
	text-decoration:none;
	height:30px;
	width:160px;
}

.zone_client
{
	display:block;
	float:left;
	width:100px;
	height:30px;
	padding-left:70px;
	padding-top:20px;	
	background:url(images/cle.jpg) left top no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.zone_nonclient
{
	display:block;
	float:left;
	width:169px;
	text-align:center;
	padding-top:20px;	
	padding-bottom:10px;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.zone_liens
{
	display:block;
	float:left;
	width:80px;
}

.zone_liens_puce
{
	display:block;
	float:left;
	width:140px;
	height:18px;
	line-height:18px;
	padding-left:15px;
	background:url(images/carre.gif) left top no-repeat;
	margin-top:3px;
	margin-bottom:3px;	
}


.vignette_categorie_ligne
{
	display:block;
	float:left;
	width:580px;
	height:150px;
}
.vignette_categorie
{
	display:block;
	float:left;
	width:190px;
	height:120px;
	margin-top:5px;
}
.vignette_marques_ligne
{
	display:block;
	float:left;
	width:580px;
	height:120px;
}
.vignette_marques
{
	display:block;
	float:left;
	width:190px;
	height:90px;
	margin-top:5px;
}
.categorie_intro
{
	display:block;
	float:left;
	margin-bottom:10px;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:580px;
}
.categorie_pub
{
	display:block;
	float:left;
	width:580px;	
}
.categorie_chemin
{
	display:block;
	float:left;
	width:580px;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	padding-bottom:10px;
	margin-bottom:10px;
}
.tableau
{
	display:block;
	float:left;
	width:560px;
	padding-left:0px;
	background-color:#FFFFFF;
}
.entete_tableau
{
	display:block;
	float:left;
	width:560px;
	height:28px;
	background-color:#F2E098;
	border:1px solid #D2903F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#005E31;
	line-height:28px;
	text-align:center;		
}
.pasdeproduit
{
	display:block;
	float:left;
	height:120px;
	max-height:120px;
	width:560px;
	border-bottom:1px #CCCCCC dashed;
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;	
	text-align:center;
}
.ligne_produit
{
	display:block;
	float:left;
	height:120px;
	max-height:120px;
	width:560px;
	border-bottom:1px #CCCCCC dashed;
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;	
}

.produit_carrehaut
{
	display:block;
	float:left;
	border:#CCCCCC 1px solid;
	width:560px;
		
}


.carre_etape
{
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#D4FF44;
	display:block;
	float:left;
	margin-right:10px;
}
.carre_etape_cours
{
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FD8F2E;/*#005E31;*/
	display:block;
	float:left;
	margin-right:10px;
}
.carre_etape_termine
{
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#CCCCCC;/*#005E31;*/
	display:block;
	float:left;
	margin-right:10px;
}

/* ---------------------------------------------------CSS PERSONNALISE ----------------------------------------- */ 

#listefamille
{
	background:url(images/picto_notreboutique.gif) left top no-repeat;
	border-bottom:1px dashed #7FB744;	
}
#panier
{
	background:url(images/picto_votrepanier.gif) left top no-repeat;
	border-bottom: 1px #FFFFFF none;
}
#client
{
	background:url(images/picto_connexion.gif) left top no-repeat;
}
#info
{
	background:url(images/picto_informations.gif) left top no-repeat;
}
#promotions
{
	background:url(images/picto_promotions.gif) left top no-repeat;
}
#topvente
{
	background:url(images/picto_topdesventes.gif) left top no-repeat;
}
#recherche
{
	background:url(images/recherche_rapide.jpg) left top no-repeat;	
}
#sitemap
{
	border:0px #FFFFFF;
	padding-top:5px;
	background-color:#FFFFFF;
	height:20px;
	line-height:20px;
}
#liste_marque
{
	border:0px #FFFFFF;
	padding-top:5px;
}
.colonne_photo
{
	display:block;
	float:left;	
	width:110px;
	text-decoration:none;
	padding-left:10px;
}
.colonne_description
{
	display:block;
	float:left;	
	width:329px;
}
.colonne_prix
{
	display:block;
	float:left;	
	width:100px;
}





/* ----------------- Liens en haut */
.linknormal_bandeau_haut
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
}

.linknormal_bandeau_haut:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}
.zone_liens_bandeau_haut
{
	display:block;
	float:left;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
.zone_liens_puce_bandeau_haut
{
	display:block;
	float:right;
	height:18px;
	line-height:18px;
	padding-left:10px;
	padding-right:10px;	
}
/* ------------------ */
.linknormal_pied_page
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	font-weight:normal;
	text-decoration:none;
}

.linknormal_pied_page:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	font-weight:bold;
	text-decoration:underline;
}
.zone_liens_pied_page
{
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	width:820px;
	text-align:center;
	padding-left:150px;
}
.zone_liens_puce_pied_page
{
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	padding-left:10px;
	padding-right:10px;	
}

#fondproduit
{
	background:url(images/fond_produit.jpg) right bottom no-repeat;
}
#fondlivraison
{
	background:url(images/fond_livraison.jpg) right top no-repeat;
}
#fontcontact
{
	background:url(images/fond_contact.jpg) right bottom no-repeat;
}
#fontparrainage
{
	background:url(images/fond_parrainage.jpg) right top no-repeat;
}
#fond_paiementok
{
	background:url(images/fond_paiementok.jpg) center top no-repeat;
}
#fond_paiementattente
{
	background:url(images/fond_paiementattente.jpg) center top no-repeat;
}
#parrainage
{
	padding-top:5px;
	background-color:#FFFFFF;
	display:block;
	float:left;	
	width:168px;
	height:180px;	
	max-height:180px;
	/*overflow:hidden;*/
}
#catalogue
{
	padding-top:5px;
	background-color:#FFFFFF;
	display:block;
	float:left;	
	width:168px;
	height:150px;	
	max-height:150px;
	/*overflow:hidden;*/
}
#pubgauche
{
	padding-top:5px;
	background-color:#FFFFFF;
	display:block;
	float:left;	
	width:170px;
	height:180px;	
	max-height:180px;
	/*overflow:hidden;*/
}
#pubposte
{
	padding-top:5px;
	background-color:#FFFFFF;
	display:block;
	float:left;	
	width:168px;
	height:110px;	
	max-height:110px;
	/*overflow:hidden;*/
}
#local
{
	padding-top:5px;
	background-color:#FFFFFF;
	display:block;
	float:left;	
	width:168px;
	height:185px;	
	max-height:185px;
	/*overflow:hidden;*/
}
#sondage
{
	padding-top:5px;
	background-color:#FFFFFF;
	display:block;
	float:left;	
	width:170px;
	height:220px;	
	max-height:220px;
	/*overflow:hidden;*/
}
#newsletter
{
	padding-top:5px;
	background-color:#FFFFFF;
	display:block;
	float:left;	
	width:168px;
	height:95px;	
	max-height:95px;
	overflow:hidden;	
}