/* CSS Document */

/*			CATALOGUE		 	   */
/*			HABILLAGE PAGE 		   */
 


/*********** STYLE GENERAL *********/
.fond1 { background:url(img/fond.01.jpg) repeat-x left top #40A4AD; }
.fond2 { background:url(img/fond.02.jpg) repeat-x left top #E3B1D9; }
.fond3 { background:url(img/fond.03.jpg) repeat-x left top #88B0DB; }
.fond4 { background:url(img/fond.04.jpg) repeat-x left top #997E62; }
.fond5 { background:url(img/fond.05.jpg) repeat-x left top #946D47; }
.fond6 { background:url(img/fond.jpg) repeat-x left top #40A4AD; }
.fond7 { background:url(img/fond2.jpg) repeat-x left top #E3B1D9; }


dd
{
	margin:0.3em 0 0.3em 1em;
	background:url(../img/picto/right.gif) no-repeat left 0.45em;
	padding-left:10px;
}
.taillechamp
{
	width:240px;
	display:inline-block;
}

#echantillon
{
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	color:#AB3F05;
}
.pdf
{
	background:url(../img/picto/icon_pdf.gif) no-repeat left 0.1em;
	padding:2px 0 2px 24px;
}

/*** listing categorie ***/
/* pensez a annuler les styles de la page catégorie, meme id */
#cat_conteneur_menu
{

}
#cat_conteneur_menu #cat_sommaire
{
	position:static;
	float:none;
	width:auto;
	background:none;
	margin:0;
}

#cat_conteneur_menu #cat_sommaire ul
{
	list-style:none;
	margin:0;
	padding:0;
	line-height:normal;
}
#cat_conteneur_menu #cat_sommaire li
{
	margin:1em 0;
	padding:1px; /* bug ie */
	height:auto;
	display:block;
	width:auto;
}
#cat_conteneur_menu #cat_sommaire li a
{
	display:block;
	border:1px solid #ccc;
	/*background-color:#f3f3f3;*/
	padding:10px;
	height:auto;
	background:url(../img/fond.06.jpg) repeat-x left -50px #946D47;
	cursor:pointer;
}
#cat_conteneur_menu #cat_sommaire li a:hover
{
	display:block;
	border:1px solid #E5D7CC;
	/*background-color:#FAEDE3;*/
	padding:10px;
	background:url(../img/fond.06.jpg) repeat-x left -360px #946D47;
}

#cat_conteneur_menu #cat_sommaire .cat_libelle_famille
{
	display:block;
	font-size:130%;
	background:url(../img/puce.gif) no-repeat left 0.45em;
	padding-left:15px;
	margin:0.5em 0;
}
#cat_conteneur_menu #cat_sommaire a:hover .cat_libelle_famille
{
	color:#8F491A;
}
#cat_conteneur_menu #cat_sommaire .cas_img_famille
{
	float:left;
	margin-right:1em;
	margin-bottom:0.5em;
	display:block;
}
#cat_conteneur_menu #cat_sommaire a:hover .cas_img_famille
{
}
#cat_conteneur_menu #cat_sommaire .cat_desc_famille
{
	color:#000;
	display:block;
}
#cat_conteneur_menu #cat_sommaire a:hover .cat_desc_famille
{
	color:#4A240A;
}
#cat_conteneur_menu #cat_sommaire .cat_desc_sep
{
	position:relative;
	top:-20px;
	margin-bottom:-20px;
	clear:both;/**/
	display:block;
	height:30px;
	background:url(../img/commander.01.gif) no-repeat bottom right;
}
#cat_conteneur_menu #cat_sommaire a:hover .cat_desc_sep
{
	background:url(../img/commander.02.gif) no-repeat bottom right;
}
/*** listing categorie ***/



/**** Categorie ****/
/* pensez a annuler les styles de la page catégorie, meme id */

/* menu */
#cat_sommaire
{
	position:relative;
	top:100px;
	float:left;
	width:185px;
	min-height:250px;
	margin-right:15px;
	margin-top:70px;
}
#fond_cat_sommaire
{
	/*position:absolute;
	top:0;
	left:0;
	width:185px;*/
}
#cat_sommaire ul
{
	list-style:none;
	margin:2em 0 3em 0;
	padding:0;
	/*line-height:2em;*/
}
#cat_sommaire li,
#current
{
	margin:0;
	display:block;
	/*min-height:2em;*/
	font-size:90%;
}
.cas_img_famille,
.cat_desc_famille
{
	display:none;
}
#current
{
	display:block;
	color:#AB3F05;
	border-top:1px solid #E5D7CC;
	border-bottom:1px solid #E5D7CC;
	background-color:#FAEDE3;
	padding:8px 5px 8px 6px;
	/*min-height:2em;*/
}
#current strong
{
	/*display:block;
	color:#AB3F05;
	border-top:1px solid #E5D7CC;
	border-bottom:1px solid #E5D7CC;
	background-color:#FAEDE3;
	margin:0 5px 0 6px;*/
}

#cat_sommaire .cat_libelle_famille,
#current .cat_libelle_famille_courante
{
	display:block;
	background:url(../img/puce.gif) no-repeat left 50%;
	padding-left:12px;
	margin:0 0;
}
#cat_sommaire li a
{
	display:block;
	/*border-top:1px solid #f3f3f3;
	border-bottom:1px solid #f3f3f3;*/
	background-color:#f3f3f3;
	padding:8px 5px 8px 6px;
	/*min-height:2em;*/

}
#cat_sommaire li a:hover
{
	display:block;
	/*border:1px solid #E5D7CC;*/
	background-color:#fafafa;

}
/* menu */



/* listing */
#cat_conteneur
{
	position:relative;/**/
	min-height:350px;
}

#cat_page
{
	position:static;
	overflow:hidden;/**/
}
#fond_cat_page
{
	/*position:relative;*/
}
hr
{
	border:0;
	border-top:1px solid #e3e3e3;
	background:#e3e3e3;
	height:1px;
	padding:0;
	display:none;
}
/* entete */
#cat_listearticle,
#cat_famille_vide
{
	clear:both;
}
#cat_famille_vide
{
	clear:both;
}

#cat_titre
{
	font-size:200%;
	font-weight:normal;
	background:url(../img/tpuce.gif) no-repeat left 0.3em;
	padding-left:22px;
	width:390px;
	float:left;
	margin:0.8em 0;
}
#cat_description
{
	text-align:justify;
	float:left;
	width:auto;
	margin:0.8em 0;
}
#cat_famille_vide
{
	text-align:center;
	padding:3em 1em;
	font-size:120%;
	color:#AB3F05;
}
/* entete */


/* liste produits */
#cat_listearticle table
{
	border-spacing:5px;
}
.cat_articlevignette
{
	position:relative;
	vertical-align:bottom;/**/
	border:1px solid #ccc;
	background:url(../img/fond.06.jpg) repeat-x left top #FAEDE3;
}

.cat_articlevignette2
{
	position:relative;
}
.cat_vignette
{
	float:left;
	height:105px;
	margin:5px;
}
.cat_vignette img
{
	vertical-align:middle;/**/
	border:1px solid #ccc;
}
#cat_liste_couleurs
{
	float:right;
	width:90px;
	margin:5px 3px 5px 0px;
	padding:2px;
}
#cat_liste_couleurs span
{
	display:inline-block;
	float:left;
	width:15px;
	height:15px;
	line-height:15px;
	text-align:center;
	margin:2px;
	font-size:75%;
}
.cat_val_art_nom
{
	float:none;
	clear:both;
	color:#AB3F05;
	vertical-align:middle;
	/*background-color:#fafafa;
	border-top:1px solid #ccc;*/
	border-bottom:1px dashed #ccc;
	height:42px;/**/
}
.cat_val_art_nom h2
{
	font-size:125%;
	text-align:left;
	margin:0.3em 0.6em 0.3em 0.6em;
	vertical-align:middle;
}
.cat_val_art_description
{
	/*clear:both;*/
	border-bottom:1px dashed #ccc;
}
.cat_val_art_description,
.cat_val_art_conditionnement,
.cat_val_art_prix,
.cat_panier_tot_liste
{
	/*clear:both;*/
	text-align:justify;
	padding:0.6em 0.6em;
}
.cat_val_art_description
{
	height:45px;
	overflow:auto;
}
.cat_val_art_conditionnement,
.cat_val_art_prix
{
	color:#AB3F05;
	padding:0.6em 0.6em;
	text-align:left;
}
.cat_val_art_conditionnement
{
	float:left;
	width:110px;
	padding-top:0.9em;
}

.cat_val_art_prix
{
	float:right;
	font-weight:bold;
	font-size:150%;
	padding:0.4em 0.6em 0.6em 0.2em;
}

.cat_choix_form
{
	clear:both;
	padding:0.6em;
	border-top:1px dashed #ccc;
	/*background-color:#f3f3f3;*/
	background:url(../img/fond.06.jpg) repeat-x left bottom #946D47;
}
.cat_choix_form form
{
	margin:0.6em 1em;
}
.cat_choix_qte_liste
{
	margin:0.6em 0;
}
.cat_sel_couleur
{
	width:175px;
}
.cat_sel_qte
{
	width:67px;
}
.cat_valide_liste
{
	width:175px;
}
.cat_panier_tot_liste
{
	position:absolute;
	top:85px;
	left:2px;
	width:90px;
	text-align:left;
	font-weight:bold;
}

#pan_detail_panier
{
	position:absolute;
	top:50px;
	left:0;
}
#pan_detail_panier a
{
	display:block;
	width:130px;
	padding:10px;
	padding-left:45px;
	background:url(../img/panier.gif) no-repeat 8px 40% #FBE4F8;
	border-bottom:1px dashed #ccc;
	border-top:1px dashed #ccc;
}
#pan_detail_panier a:hover
{
	background-color: #FFEAFB;
}
/* listing */
/**** Categorie ****/



/* panier */
.TH1
{
	border:2px solid #E5D7CC;
	border-collapse:collapse;
	background:url(../img/fond.06.jpg) repeat-x left top #946D47;
}
.TH1 td
{
	border-bottom:1px solid #E5D7CC;
	text-align:right;
	padding:3px 10px;
}
.TH1 .aLib
{
	color:#4C1B02;
	font-weight:bold;
	padding:8px 10px;
	background:url(../img/fond.06.jpg) repeat-x left -430px #946D47;
	
}
#panier_total
{
	clear:both;
	text-align:right;
	font-weight:bold;
	font-size:110%;
	padding: 5px 10px;
	background:url(../img/fond.06.jpg) repeat-x left -350px #946D47;
}
#btn_recalc_panier,
#btn_valide_panier
{
	float:left;
	width:220px;
	text-align:center;
	margin:20px 0;
}
#btn_recalc_panier .bt,
#btn_valide_panier .bt
{
	width:200px;
}
#pan_retour_famille
{
	clear:both;
	text-align:right;
	margin:10px 0;
}
#cat_erreur_verif_panier
{
	color:#AB3F05;
	font-weight:bold;
	margin:2em 0;
}
/* panier */

/* creation compte */
#user_form_creer,
#commande_confirm_adr_liv
{
	border:1px solid #E5D7CC;
	background:url(../img/fond.06.jpg) repeat-x left top #9A7F64;
	padding:10px 20px;
}

#commande_confirm_adr_liv #cat_titre
{
	font-size:150%;
	margin:0.6em 0;
	float:none;
	width:auto;
}
#user_form_creer form div,
#commande_confirm_adr_liv form div
{
	display:inline-block; /* ie6 et ie7 css */
	width:165px;
	height:25px;
	line-height:25px;
	vertical-align:middle; /* center verticalement le div input */
	border-bottom:1px dashed #E5D7CC;
}
#user_form_creer form div input,
#commande_confirm_adr_liv form div input
{
	vertical-align:middle;
}
form div#input_submit_creation_user
{
	display:block;
	width:auto;
	text-align:right;
	margin-top:20px;
	margin-right:70px;
	border:0;
}
#input_submit_creation_user .bt,
#commande_confirm_adr_liv .bt
{
	width:150px;
}
div#user_erreur_creation,
{
	display:block;
	color:#AB3F05;
	font-weight:bold;
	border:1px solid #E5D7CC;
	background:url(../img/fond.06.jpg) repeat-x left -300px #946D47;
	padding:10px 20px;
}


/* validation commande */
#panier_tot_com,
#panier_frais_port,
#panier_tot_com
{
	font-weight:bold;
	text-align:right;
}
#panier_tot_com2
{
	text-align:right;
	font-weight:bold;
	font-size:120%;
	padding: 5px 10px;
	background:url(../img/fond.06.jpg) repeat-x left -350px #946D47;
}


/* imprimer commande */
#printcommande
{
	width:90%;
	margin:auto;
}
#printcommande table
{
	width:100%;
	margin:auto;
	padding:0;
}
.signature dd
{
	margin-right:1em;
	float:left;
}
.printchamp,
.printdate,
.printsignature
{
	display:inline-block;
	width:80px;
	height:30px;
	line-height:30px;
	/*border:1px solid #e00;*/
	vertical-align:middle;
}
.printdate,
.printsignature
{
	width:200px;	
}
.printdate
{
	border-bottom:1px dashed #999;
}
.printsignature
{
	height:50px;
	border:1px solid #999;
	background-color:#eee;
}