img, a, p, table, td { behavior: url(iepngfix.htc) } /* Support du PNG par ie6 */

hr { clear:both;visibility:hidden;margin:0;padding:0;height:0; }

form{
	padding:0;
	margin:0;	
}

select, input{
	font-size:11px;
	margin-top:3px
}


a img.opacite {border: 1px solid #CCCCCC;filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;margin:2px; padding:2px}
a:hover img.opacite {border: 1px solid #CCCCCC;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;margin:2px; }

.multipage_catalogue{ color:#FFFFFF;}


body{	
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000;
	background: url(img/fond.jpg) no-repeat top center #2e0e25;
}

div#fond{
}

div#conteneur{
	margin:auto;
	width:1000px;
	position:relative;
}


div#top{
	height:345px;
	width:1000px;
/*	background:url(img/top.jpg) repeat top left;	*/
}

div#menu{
	height:32px;
	width:1000px;
	background:url(img/menu_fond.png) no-repeat top left;
}

div#corps{
	width:1000px;
	padding:0;
	margin:0;
}

div#corps_bottom{
}

div#corps_top{
/*	background:url(img/corps_haut.jpg) no-repeat top left #FFF;	*/
}

td#gauche{
	vertical-align:top;
	padding-left:4px;
	width:198px;
}

td#centre{
	vertical-align:top;
	padding:10px;
}

td#droite{
	vertical-align:top;
	padding-right:3px;
	width:197px;
}

div#bottom{
	height:46px;
	width:1000px;
	text-align:center;
	vertical-align:top;
	padding-top:5px;
	color:#DFB7D1;
	font-size:13px;
	font-weight:bold;
	background:url(img/bottom.png) no-repeat top left;
}

div#mention {
	margin:5px auto;
	text-align:center;
	color:#DFB7D1;
	font-size:10px;
}


/*****************************************************
				MENU horizontal
*****************************************************/

ul#menu {
	background:url(img/menu.jpg) no-repeat;
	height:32px;
	margin:0 0 0 95px;
	padding:0 0 0 10px;
	list-style-type:none;
}
ul#menu li {
	display:inline;
	margin:0;padding:0;
}
ul#menu li a {
	display:block;
	height:32px;
	float:left;
	margin:0;
	padding:0 15px 0 15px;
	color:#fff;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:32px;
	text-decoration:none;
	border-left:1px solid #C26FA2;
}

ul#menu li a:hover, ul#menu li a.active {
	background:url(img/bt-on.jpg) repeat-x ;
	color:#2E0E25;
}

ul#menu li#premier_lien a { border:none; }

ul#menu li#premier_lien a:hover, ul#menu li#premier_lien a.active {
	background:url(img/bt-on.jpg) repeat-x ;
	color:#2E0E25;
}
/*****************************************************
				FIN MENU horizontal
*****************************************************/


/*****************************************************
					   PANIER
*****************************************************/
.picBorder_panier {padding:3px; background:#fff}
.panier_separateur { border-top: 1px dotted #5F5F5F; padding-top:3px; padding-bottom:3px; color:#5F5F5F}
.entete_detail_panier {padding:3px; color:#5F5F5F; text-align:center}
.total_panier{font-weight:bold; font-size:14px; border-top:1px solid #363636; padding-top:4px; vertical-align:top; color:#363636}
.total_recap{font-weight:bold; font-size:14px; padding-top:4px; vertical-align:top; color:#363636}

a.bt_etape_panier{background:#C88AA9; color:#fff; padding:3px 5px;text-decoration:none; }
a.bt_etape_panier:hover{background:#AD0C7F}
a.bt_etape_panier span{background:#AD0C7F; color:#fff; padding:0 2px 2px 4px; text-decoration:none; font-weight:bold; font-size:16px}
a.bt_etape_panier span:hover{}

table.panier{
	margin:10px 0px;
	font-size:12px;
	color:#707b90;
}

.panier_top{
	background:url(img/panier_top.png) no-repeat top left;
	height:33px;
	vertical-align:middle;
	padding-left:110px;
	color:#FFFFFF;
	
}

.panier_fond{
	background:url(img/panier_fond.png) repeat-y top left;
	padding:0 4px;
}
.panier_fond table tr td{
	height:25px;
}
panier.box form{
	padding:0;
	margin:0;	
}

table.panier form select, table.panier form input{
	font-size:11px;
}

.panier a{ color:#707b90;  text-decoration:underline;}
.panier a:hover{  color:#707b90;  text-decoration:none;}


/* Etapes Commandes */
.etape_actif{
	
	height:27px;
	background:url(img/etape-actif.jpg) no-repeat top left;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	padding:0 0 0 70px;
	text-align:left;
}

.etape_inactif{
	
	height:27px;
	background:url(img/etape-inactif.jpg) no-repeat top left;
	color:#d1d1d1;
	font-size:18px;
	font-weight:bold;
	padding:0 0 0 70px; 
	text-align:left;

}

.etape_actif_fin{
	
	height:27px;
	background:url(img/etape-actif-fin.jpg) no-repeat top left;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	padding:0 0 0 70px;
	text-align:left;
}

.etape_inactif_fin{
	width:90px;
	height:27px;
	background:url(img/etape-inactif-fin.jpg) no-repeat top left;
	color:#d1d1d1;
	font-size:18px;
	font-weight:bold;
	padding:0 0 0 70px; 
	text-align:left;

}

.etape_txt_actif{
	width:86px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:0;
	text-align:center;
}

.etape_txt_inactif{
	width:86px;
	color:#d1d1d1;
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:0;
	text-align:center;
}



/* Choix Paiement */
.choix_paiement_lien{
	width:400px;	
	border:1px solid #999999;
	background-color:#FFFFFF;
	padding:10px;
	margin:5px 0;
	text-decoration:none;
	color:#000000;
	padding:10px;
	display:block;
	text-align:left;
}
.choix_paiement_lien:hover{
	text-decoration:none;
	background-color:#e9e9e9;
}




/*****************************************************
					 FIN PANIER
*****************************************************/



/*****************************************************
					   BOX
*****************************************************/
table.box{
	margin:10px 0px;
	font-size:12px;
	color:#707b90;
}

.box_fond{
	background:url(img/box_fond.png) repeat-y top left;
	padding:5px;
}

table.box form{
	padding:0;
	margin:0;	
}

table.box form select, table.box form input{
	font-size:11px;
}

.box a{ color:#707b90;  text-decoration:underline;}
.box a:hover{  color:#707b90;  text-decoration:none;}


/*****************************************************
					 FIN BOX
*****************************************************/

/*****************************************************
					 ENTETES
*****************************************************/
.entete_gauche{
	height:27px;
	width:10px;
	background:url(img/entete_gauche.png) repeat-x top left;
}

.entete_centre{
	background:url(img/entete_centre.png) repeat-x top left;
	vertical-align:middle;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
}

.entete_droite{
	width:10px;
	background:url(img/entete_droite.png) repeat-x top left;
}
.entete_titre_box_droite{
	height:27px;
	width:7px;
	background:url(img/fd_titre_box_droite.png) repeat-x top left;
}

.entete_titre_box{
	background:url(img/fd_titre_box_2.png) repeat-x top left;
	vertical-align:middle;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
}

.entete_box{
	background:url(img/fd_titre_box_1.png) no-repeat top left;
	vertical-align:middle;
	font-weight:bold;
	height:22px;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	padding:5px 0 0 0;
}
.entete_titre_box_droite{
	width:7px;
	background:url(img/fd_titre_box_droite.png) repeat-x top left;
}
.entete_titre_box_gauche{
	width:7px;
	background:url(img/fd_titre_box_gauche.png) repeat-x top left;
}
.popperlink{
	POSITION: absolute; 
	VISIBILITY: hidden ;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	z-index:90;
	background:#ECF3FD;
	border: 1px solid #B6D0F8

}
.entete_box_cote{
	background:url(img/box_top_produits.png) no-repeat;
	height:26px;
	vertical-align:middle;
	padding:0 0 0 45px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase
}
.list_produits_box_cote{
	vertical-align:middle;
	font-size:11px;
	list-style:none;
	margin:0;
	font-weight:normal
}
.list_produits_box_cote li{
	padding-top:2px;
	padding-bottom:2px;
	margin:0;
	cursor:pointer
}
.list_produits_box_cote li a{
	text-decoration:none;
	font-weight:normal
}

/*****************************************************
				   FIN ENTETES
*****************************************************/

/*****************************************************
					 RAYONS
*****************************************************/
.navigation_rayon{
	border:none;
	background:#F8F8F8;
	color:#EA441A;
	margin-bottom:10px
}
.navigation_rayon legend{
	font-size:14px;
	font-weight:bold
}

.list_rayons{
	padding:0;
	margin:0;	
}

.liens_rayons{
	list-style:none;
	padding:0;
	margin:2px 0 2px 12px;	
}
.rayon_style:hover{
	background:#ffffff;
}
.rayon_style:active{
	background:ffffff;
}
.liens_rayons a{
	color:#C26FA2;
	text-decoration:none
}

/*****************************************************
					 FIN RAYONS
*****************************************************/


/*****************************************************
					   LIENS
*****************************************************/
.lien_gauche { color:#FFF; font-size:11px; text-decoration:none;}
.lien_gauche:hover{  color:#FFF; font-size:11px; text-decoration:none;}

.lien:link {font-family: arial;font-size: 12px;text-decoration:underline;color: #FFF;}
.lien:active {font-family: arial;font-size: 12px;text-decoration:underline;color: #FFF;}
.lien:visited {font-family: arial;font-size: 12px;text-decoration:underline;color: #FFF;}
.lien:hover {font-family: arial;font-size: 12px;text-decoration:none;color: #C26FA2;}

/*****************************************************
					 FIN LIENS
*****************************************************/


/*****************************************************
					 BALISES Hx
*****************************************************/
h1{
	padding:0;
	margin:0;
	font-size:16px;
	color:#FFF;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#C26FA2;
	padding:0px;
	margin:0px;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#C26FA2;
	border-bottom:1px solid #C26FA2;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#C26FA2;
	padding:0px;
	margin:0px;
}

/*****************************************************
					 CHEMINS
*****************************************************/

#chemin{
	clear:both;
	font-size:10px;
	height:20px;
	margin:0 40px 0px 0px;
	color:#FFF;
}
#chemin *{font-size:10px}

#chemin a {color:#FFF;}
#chemin a:hover,#chemin a.active  {color:#FFF;}




/*****************************************************
					 PAGE CATALOGUE
*****************************************************/

	/*****************************************************
						 LISTE CATA
	*****************************************************/
	ul.list_produits{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul.list_produits li {
		margin:0;
		padding:0;
		list-style:none;
		border:1px solid #C1C1C1;
		border-top:none;
	}
	
	ul.list_produits li:hover {
		margin:0;
		padding:0;
		list-style:none;
		border:1px solid #B2B2B2;
		border-top:none;
		background-color:#F8F8F8;
	
	}
	/*****************************************************
						FIN LISTE CATA
	*****************************************************/
	
	/*****************************************************
						 VIGNETTE CATA
	*****************************************************/
	.vign_cata {
		font-size:12px;
		float:left;
		width:160px;
		margin:6px;
		text-align:center;
		border:1px solid #DFDFDF;
		background:#FBFBFB;
		height:305px;
		padding:5px;
		padding-top:10px;
		cursor:pointer;
		color:#666666;
	}
	.vign_cata:hover{
		background:#F4F4F4;
	}
	/*****************************************************
						FIN LISTE CATA
	*****************************************************/
	
	.rayon_principal {
 		position:relative;		
		float:left;
		width:160px;
		height:160px;
		margin:6px;
		text-align:center;
		border:1px solid #DFDFDF;
		cursor:pointer;
		color:#666666;
	}
	
	.rayon_principal_txt{
		position:absolute; 
		bottom:0;
		width:150px;
		padding:5px; 
		color:#FFFFFF; 
		font-weight:bold;
		text-align:center;
		background:url(img/fd-txt.png) repeat;
	}
	
	/*****************************************************
				LISTE RAYONS PRINCIPAUX ACCUEIL
	*****************************************************/
	
	
	
	
	/*****************************************************
			  FIN LISTE RAYONS PRINCIPAUX ACCUEIL
	*****************************************************/
	
	
	
	
	
	
	/*****************************************************
					 LISTE SOUS RAYONS
	*****************************************************/
	.box_sous_rayon{
		font-size:12px;
		float:left;
		width:260px;
		margin:5px;
		text-align:center;
		border-bottom:1px dotted #cccccc;
		border-left:1px dotted #cccccc;
		height:100px;
		padding:3px;
		cursor:pointer;
		background-color:#FFFFFF;
	}
	.box_sous_rayon_image{
		float:left;
		width:110px;
		text-align:left;
	}
	.box_sous_rayon_titre {
		text-align:left;
		text-decoration:none;
		float:left;
		width:115px;
		color:#000;
	}
	.box_sous_rayon:hover{background:#F0F0F0}
	.box_sous_rayon a{ color:#000;  text-decoration:none;}
	.box_sous_rayon a:hover{  color:#000;  text-decoration:underline;}
	.box_sous_rayon_titre:hover { }
	
	/*****************************************************
					 FIN LISTE SOUS RAYONS
	*****************************************************/
	
	
	.lien_details {font-size: 10px; }
	.lien_details:link {text-decoration:underline;color: #222222;}
	.lien_details:active {text-decoration:underline;color: #222222;}
	.lien_details:visited {text-decoration:underline;color: #222222;}
	.lien_details:hover {text-decoration:none;color: #222222;}
	
/*****************************************************
					FIN PAGE CATALOGUE
*****************************************************/



/*****************************************************
					 PAGE DETAIL
*****************************************************/

	/*****************************************************
						 box_recap_produit
	*****************************************************/
	.box_recap_produit{
		padding:0;
		color:#FFF
	}
	.box_recap_produit ul{
		padding-left:20px;
	}
	.box_recap_produit ul li{
		margin-left:0;
		list-style-type:none
	}
	/*****************************************************
						 box_ajout_panier
	*****************************************************/
	div.box_ajout_panier{
		vertical-align:top;
		text-align:center;
		background:#F1F2F4;
		padding:10px;
	}
	div.box_ajout_panier form{
		padding:0;
		margin:0;	
	}
	div.box_ajout_panier form select, div.box_ajout_panier form input{
		font-size:11px;
	}
	
	/*****************************************************
						 prix
	*****************************************************/
	.prix_detail{
		font-size:16px;
		font-weight:bold;
		color:#FA6C30;
	}
	.prix_detail_barre{
		font-size:12px;
		font-weight:bold;
		color:#6E6E6E;
		text-decoration:line-through;
	}
	.prix {font-size: 15px;font-weight: bold;color: #8E0100;}
	.prix_rouge_petit {font-size: 12px;color: #8E0100;}
	.gros_texte_rouge{margin:30px 0px 15px 0px; text-align:center; font-size:16px; color:#CC0000; font-weight:bold}
	.prix_barre {font-size: 12px;color:#666666; text-decoration:line-through}

	
	/*****************************************************
						 LIste produit assoc
	*****************************************************/
	
	tr.list_produit_assoc td{
		height:18px;
		padding:4px;
		vertical-align:middle;
		border-bottom:1px solid #CACACA;
	}
	tr.list_produit_assoc{
	}
	tr.list_produit_assoc:hover{
		background:#F2F2F2
	}
	td.box_image{
		border:1px solid #CACACA;
		border-top:none;
		vertical-align:middle;
		height:25px;
		text-align:center;
		padding:3px
		
	}
	
/*****************************************************
				   FIN PAGE DETAIL
*****************************************************/

/*****************************************************
					 PAGE USER
*****************************************************/

	/*****************************************************
						 page identification
	*****************************************************/
	.list_adresse{
		padding:0;
		margin:0;
		list-style:none;
	}
	.list_adresse li{
		padding:0;
		margin:0;
		border-bottom:1px dotted #FCFCFC;
		padding-top:10px;
		font-weight:bold;
		color:#414141;
		list-style:none;
		cursor:pointer
	}
	.list_adresse li:hover{ background:#F8F8F8}
	.list_adresse li a{font-weight:bold; color:#414141; list-style:none; cursor:pointer;text-decoration:none;padding-left:5px;}
	.list_adresse li a:hover{font-weight:bold; color:#6B6B6B; list-style:none; cursor:pointer;text-decoration:none;}


	/*****************************************************
						 box_detail_compte
	*****************************************************/
	h2#commande{background:url(img/picto_commande.png) left no-repeat;padding:10px 0 10px 40px;	margin:0;}
	h2#param{background:url(img/picto_param.png) left no-repeat;padding:10px 0 10px 40px;	margin:0;}
	h2#titre{background:url(img/picto_titre.png) left no-repeat;padding:10px 0 10px 40px;	margin:0;}
	h2#carnet{background:url(img/picto_carnet.png) left no-repeat;padding:10px 0 10px 40px;	margin:0;}
	
	.flottant{
		text-align:left;
		position:relative;
		float:left; 
	}
	.cadre{
		padding:13px 14px 25px 14px;
		border:1px solid #cccccc; 
		background:url(img/fd_compte.gif) repeat-x #fff;
	}
	.cadre_compte{
		padding:13px 14px 25px 14px;
		border:1px solid #cccccc; 
		background:#E5EBF8;
		text-align:left;
		color:#666666
	}
	
	.liens_compte:link 		{font-family: arial;font-size: 12px;text-decoration:none; font-weight:bold;color: #7E7E7E;}
	.liens_compte:active 	{font-family: arial;font-size: 12px;text-decoration:none; font-weight:bold;color: #7E7E7E;}
	.liens_compte:visited 	{font-family: arial;font-size: 12px;text-decoration:none; font-weight:bold;color: #7E7E7E; }
	.liens_compte:hover 	{font-family: arial;font-size: 12px;text-decoration:underline; font-weight:bold;color: #A4A4A4;}
	
	#retour_action{
		border:1px solid #D8D8D8;
		background:#F7F7F7;
		left: 50%;
		top: 50%;
		width:250px;
		height:75px;
		margin-left:-125px;
		margin-top:-100px;
		position:absolute; 
		text-align:center;
		padding-top:25px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		font-weight:bold;
		color:#333333;
		z-index:1000;
	}
	.cadre_adresse{float:left; margin:3px; width:240px; border:1px solid #BFBFBF; padding:7px; background:#EEF2FB}
	.formulaire_compte{color:#666666;border: solid 1px #dddddd; background-color:#F2F2F2; font-size:9px; font-weight: none; font-family: Verdana, Arial, Sans-serif; z-index:1; }
	.formulaire_compte_menu{color:#666666;border: solid 1px #dddddd; background-color:#F2F2F2; font-size:9px; font-weight: none; font-family: Verdana, Arial, Sans-serif; z-index:1; padding:8px;margin-left:4px; float:right; display:none }
	.formulaire_compte_creer{color:#666666;border: solid 1px #dddddd; background-color:#F2F2F2; font-size:9px; font-weight: none; font-family: Verdana, Arial, Sans-serif; z-index:1;margin-left:4px; text-align:center;clear:both; width:95px;padding:10px; display:block; margin-top:10px}
	.formulaire_compte_creer:hover{color:#666666;border: solid 1px #dddddd; background-color:#EFEFEF; font-size:9px; font-weight: none; font-family: Verdana, Arial, Sans-serif; z-index:1;margin-left:4px; text-align:center;clear:both; width:95px;padding:10px; display:block;}
	
	.formulaire_compte_menu a:link {font-family: arial;font-size: 9px;text-decoration:none; font-weight:bold;color: #666666; clear:both;}
	.formulaire_compte_menu a:active {font-family: arial;font-size: 9px;text-decoration:none; font-weight:bold;color: #666666; clear:both;}
	.formulaire_compte_menu a:visited {font-family: arial;font-size: 9px;text-decoration:none; font-weight:bold;color: #666666;clear:both;}
	.formulaire_compte_menu a:hover {font-family: arial;font-size: 9px;text-decoration:underline; font-weight:bold;color: #666666; clear:both;}
	
	.formulaire_compte_creer a:link {font-family: arial;font-size: 9px;text-decoration:none; font-weight:bold;color: #666666; clear:both;}
	.formulaire_compte_creer a:active {font-family: arial;font-size: 9px;text-decoration:none; font-weight:bold;color: #666666; clear:both;}
	.formulaire_compte_creer a:visited {font-family: arial;font-size: 9px;text-decoration:none; font-weight:bold;color: #666666;clear:both;}
	.formulaire_compte_creer a:hover {font-family: arial;font-size: 9px;text-decoration:underline; font-weight:bold;color: #666666; clear:both;}


	/*****************************************************
						 box_inscription
	*****************************************************/

	#box_user{
	width:194px;
	position:absolute;
	left: 793px;
	top: 212px;
	height: 100px;
	padding-top:33px;
	padding-left:5px;
	color:#fff;
	font-size:11px;
	font-weight:bold
	}

	#box_user input.formulaire{width:155px}
	
	#box_user a{font-weight:normal; color:#fff; margin-top:2px}
	#box_user a:hover{text-decoration:none; color:#F3F4F5}
	
	.message_erreur_connexion{
		font-size:15px;
		color:#C80216;
		text-align:center;
		font-weight:bold;
		padding: 0;
	}
	
	
/*****************************************************
				   FIN PAGE USER
*****************************************************/