@import url(index.css);
@import url(boutique.css);
@import url(coffrets.css);
@import url(produits.css);
@import url(conditions.css);
@import url(contact.css);

html, body{
	padding: 0;
	margin: 0;
	line-height: 15px;
	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #3F3F3F;
}
body{
	background: #A7BA20 url(img/f_html.gif) fixed;
}

a, .aspect_lien{
	color: #B0003F;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
img{
	border: 0;
	padding: 0;
	margin: 0;
}
ol{
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
form p{
	clear: both;
}

fieldset{
	display: block;
	width: auto;
	/*padding: 3px;*/
	margin: 10px 10px;
	border: 1px solid #757D10;
	text-align: left;
}
/*----habillage formulaires-----*/
input, select, textarea{
	border: 1px solid #757D10;
	font-size: 11px;
	font-weight: normal;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #757D10;
	padding: 2px 3px;
	width: 150px;
	float: left;
	margin: 0 10px 5px 0;
}
textarea{
	width: 300px;
}
label{
	display: block;
	width: 140px;
	padding-top: 2px;
	margin: 0;
	float: left;
	text-align: left;
}
.plus_long{
	width: 318px;
	text-align: left;
	padding-bottom: 2px;
}

.bouton, .ok, #bouton_commande{
	background-color: #757D10;
	color: #fff;
	border: 0;
	width: auto;
	padding: 2px 5px;
	font-size: 10px;
	letter-spacing: 1px;
	float: left;
	margin: 3px 0 3px 4px;
	border: 1px solid #757D10;
}
#bouton_commande{
	background-color: #b0003f;
	float: right;
}
#poursuivre{
	float: left;
	width: 120px;
	margin-left: 255px;
}

.bouton:hover, .ok:hover, #bouton_commande:hover{
	background-color: #fff;
	text-decoration: none;
	border: 1px solid #757D10;
	color: #757D10;
}
#bouton_commande:hover{
	border: 1px solid #b0003f;
	color: #b0003f;
}
.ok{
	margin: 0;
}
.radio{
	width: 12px;
	height: 12px;
}
/*------*/

#page{
	/*position: relative;*/
	margin: 0 auto;
	width: 900px;
	background-color: #FFF;
}

/* --- Entete --- */
#entete{
	height: 150px;
	background: #A7BA20 url(img/f_entete.gif) right top no-repeat;
	border-bottom: 6px solid #757D10;
}
#entete h1, #entete h2{
	margin: 0;
	padding: 0;
}
#entete h1 a{
	display: block;
	width: 110px;
	height: 137px;
	background: url(img/logo.gif) bottom right no-repeat;
}
#entete h1 a span{
	display: none;
}
#entete h2{
	margin: 0;
	padding: 0;
	display: none;
}

/* --- */

/* --- menu --- */
#menu{
	position: absolute;
	top: 130px;
	margin-left: 136px;
	/*left: 136px;*/
}
#menu a{
	display: block;
	float: left;
	width: 130px;
	height: 26px;
	background-position: top left;
	background-repeat: no-repeat;
}
#menu a:hover, #menu .choix{
	background-position: bottom left;
}
#menu a span{
	display: none;
}
#bout{
	background-image: url(img/b_bout.gif);
}
#coff{
	background-image: url(img/b_coff.gif);
}
#prod{
	background-image: url(img/b_prod.gif);
}
#cond{
	background-image: url(img/b_cond.gif);
}
#cont{
	background-image: url(img/b_cont.gif);
}

/* --- Elements du bloc page --- */
#contenu, #contenu2{
	position: relative;
	padding-top: 16px;
}
#contenu2{
	/*width: 720px;
	border-top: 6px solid #B0163B;*/
}

.accueil{
	background: url(img/f_contenu2.gif) left top no-repeat;
}
.fond_page{
	background: url(img/f_pointilles2.gif) left top no-repeat;
}

#page_type{
	width: auto;
	padding: 0 100px 10px 120px;
}
#page_type h4, #page_type p{
	padding: 4px 20px;
	margin: 0;
	text-align: left;
	clear: both;
}
#page_type p{
	padding: 4px 20px;
	margin: 0;
}
#page_type h4{
	padding: 10px 20px 2px 20px;
	margin: 0;
	font-size: 14px;
	color: #757D10;
	font-weight: normal;
}

/*--- menu compte ---*/
#menu_compte{
	padding-bottom: 5px;
}
#menu_compte ul{
	margin: 0;
	padding: 0;
}
#menu_compte li{
	display: block;
	float: left;
	height: 16px;
	padding: 2px 15px;
	margin: 0;
	background: url(img/fleche.gif) left 1px no-repeat;
}
#infos_commande{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 20px 20px;
}
#infos_commande li{
	line-height: 20px
}

/* ----- */

/* --- barre client --- */
#barre_client, #barre_client2{
	display: block;
	background: #CCCCCC;
	text-align: right;
	line-height: 16px;
	/*border-bottom: 1px solid #B0163B;*/
	overflow: hidden;
}
#barre_client2{
	/*border-top: 6px solid #B0163B;*/
}
#barre_infos{
	height: 26px;
	text-align: left;
	/*border-bottom: 1px solid #B0163B;*/
}
#barre_infos #apercu_panier, #barre_infos #acces_compte{
	display: block;
	float: right;
	margin: 5px;
}
#barre_infos #apercu_panier{
	/*width: 200px;*/
	padding: 0 10px;
	border-left: 1px solid #333;
}
	
#form_connexion{
	padding: 5px 10px;
	margin: 0;
	background: #ccc;
}
#form_connexion span, #form_connexion input{
	display: inline;
	width: inherit;
	float: none;
	vertical-align: top;
	margin: 0 5px;
}
#form_connexion label{
	display: none;
}
#form_connexion input{
	padding: 2px;
	font-size: 10px;
}
.lien_barre_client{
	display: block;
	float: right;
	padding: 4px 5px 4px 10px;
	margin: 0;
	font-size: 10px;
}

/*images habillage boutons*/
.bouton_ajouter{
	display: block;
	width: 0px;
	height: 22px;
	padding-left: 65px;
	overflow: hidden;
	background: url(img/panier.gif) top left no-repeat;
}
 .plus_infos:hover{
	background-position:  0 -13px;
}
.bouton_ajouter:hover{
	background-position:  0 -22px;
}
.plus_infos{
	display: block;
	width: 0px;
	height: 13px;
	padding-left: 65px;
    overflow: hidden;
	background: url(img/plus_infos.gif) top left no-repeat;
}
.retour{
	height: 15px;
	padding: 2px 0 1px 16px;
	background: url(img/fleche2.gif) left top no-repeat;
}

/* --- fenetre d'informations (panier, fiches produits, etc... ) --- */
#fenetre_infos{
	position: absolute;
	left: 0;
	margin: 0;
	padding-top: 30px;
	z-index: 100;
	/* pour IE */
	top: expression(documentElement.scrollTop+body.scrollTop + "px");
	width : expression(document.body.offsetWidth+"px");
	height: expression(document.body.offsetHeight+"px");
	/* -- */
}
html>body #fenetre_infos{
	position: fixed;
	right: 0; 
	top: 0;
	/*bottom: 0;*/
	height: 100%;
}
	#fenetre_infos .fenetre_fond{
		position: absolute;
		display: block;
		left: 0;
		/* pour IE */
		/*top: expression(documentElement.scrollTop+body.scrollTop + "px");*/
		top: 0;
		width : expression(document.body.offsetWidth+"px");
		height: expression(document.body.offsetHeight+"px");
		/* -- */
		background-color: #000;
		opacity: .6; filter: alpha(opacity=60);
		z-index: 110;
	}
	html>body #fenetre_infos .fenetre_fond{
		position: fixed;
		right: 0; 
		top: 0;
		/*bottom: 0;*/
		height: 100%;
	} 
	#fenetre_infos #fenetre_contenu{
		position: relative;
		display: block;
		width: 640px;
		margin: 50px auto 0 auto;
		padding: 10px 10px 25px 10px;
		z-index: 120;
		background-color: #FFF;
		/*border: 3px double #B0163B;
		border: 3px double #757D10;*/
		border: 3px double #A7BA20;
	}
	#fenetre_contenu h3{
		margin: 0 0 10px 0;
	}
	
#panier_visu{
	position: absolute;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 100;
	/* pour IE */
	top: expression(Math.round(documentElement.scrollTop+body.scrollTop+200) + "px");
	/* -- */
	width : 220px;
	border: 3px double #A7BA20;
	background-color: #FFF;
}
html>body #panier_visu{
	position: fixed;
	right: 0; 
	top: 200px;
	
}
#panier_visu #panier_contenu{
	margin: 10px;
}

.bouton_fermer span{
	display: none; 
}
.bouton_fermer, .bouton_fermer:hover{
	display: block;
	width: 50px;
	height: 13px;
	margin: 5px;
	float: right;
	background: url(img/fermer2.gif) top left no-repeat;
}
.bouton_fermer:hover{
	background-position: 0 -13px;
}
/* --- formulaire compte client --- */
#form_infos label, #form_inscription label{
	width: 250px;
	display: block;
	float: left;
}

/* --- bas de page --- */
#bas_page{
	width: 580px;
	height: 28px;
	padding: 25px 0 0 240px;
	background: url(img/f_bas.gif) left bottom no-repeat;
}
#bas_page li, #bas_page ul{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	font-size: 11px;
	color: #B0003F;
}
#bas_page a{
	text-decoration: none;
	color: #B0003F;
}
#bas_page a:hover{
	text-decoration: underline;
}

/* --- Tableaux panier --- */
.tableau{
	width: 100%;
}
.tableau, .tableau tr, .tableau th, .tableau td{
	border: 1px solid #000;
	border-collapse: collapse;
}
.tableau .cel_corps{
	padding: 0;
}
.tableau .div_prod{
	display: block;
	width: 100%;
	height: 200px;
	overflow: auto;
	padding: 0;
	vertical-align: top;
}
.tableau th, .tableau td{
	padding: 5px;
}
.tableau td{
	text-align: center;
}
.tableau td.align1{
	text-align: left;
}
.tableau select, .tableau select option{
	text-align: center;
}
.tableau td.align2{
	text-align: right;
}

.tableau ul, .tableau li{
	margin: 0;
	padding : 0;
	list-style-type: none;
}

.col_ref, .col_quantite{
	width: 60px;
}
.col_nom{
	width: 200px;
}
.col_pht, .col_pttc{
	width: 100px;
}
#methode_expedition, #choix_livraison{
	float: right;
}

/*.col_suppr{
	width: 13px;
}*/

.fond_ligne1{
	background-color: #FFF;
}
.fond_ligne2{
	background-color: #F2F2F2;
}

/* --- boutons panier --- */
.bouton_plus, .bouton_moins, .quantite, .supprimer{
	display: block;
	float: left;
	text-align: center;
	width: 13px;
	height: 13px;
}
a.bouton_plus{
	background: url(img/ajouter.gif) top left no-repeat;
}
a.bouton_moins{
	background: url(img/enlever.gif) top left no-repeat;
}
a.supprimer{
	background: url(img/supprimer.gif) top left no-repeat;
}
a.bouton_plus:hover,a.bouton_moins:hover,a.supprimer:hover{
	background-position: bottom left;
} 
.bouton_plus span, .bouton_moins span, .supprimer span{
	display: none;
}
.quantite{
	width: 32px;
	font-size: 12px;
}
/*mot de passe perdu*/

.t_mdp h3, .t_crea_compte h3, .t_esp_client h3, .t_commande h3, .t_panier h3{
	width: 0;
	height: 46px;
	padding-left: 343px;
	margin: 0;
	overflow: hidden;
	background: url(img/t_mot.gif) no-repeat;
}
/*création d'un nouveau compte*/
.t_crea_compte h3{
	padding-left: 400px;
	background: url(img/t_crea_compte.gif) no-repeat;
}
/*espace client*/
.t_esp_client h3{
	background: url(img/t_esp_client.gif) no-repeat;	
}
/*votre commande*/
.t_commande h3{
	background: url(img/t_commande.gif) no-repeat;
}

#liste_etapes li{
	float: left;
	padding: 0 20px;
}
#acceptation_cgv{
	border: 1px solid #757D10;
	font-size: 11px;
	font-weight: normal;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #757D10;
	padding: 2px 3px;
	width: 10px;
	float: left;
	margin: 0 10px 5px 0;
}
#recap_adresse fieldset{
	float: left;
	width: 300px;
	height: 120px;
}
#bouton_paypal{
	border: 0;
}
.bloc_paiement{
	width: 300px;
	height: 120px;
	float: left;

}
/*votre panier*/
.t_panier h3, #fenetre_contenu h3{
	width: 0;
	padding: 0 0 5px 100px;
	margin: 0;
	height: 27px;
	overflow: hidden;
	background: url(img/t_panier2.gif) no-repeat;
}
/* --- Truc en plus ---*/
.gauche{
	float: left;
	width: 0px;
	height: 32px;
	padding-left: 120px;
}
a.selection{
	color: #A7BA20;
	font-weight: bold;
}
.alerte{
	color: #B0163B;
	font-weight: bold;
}
/* gestion erreur http 404 */
.404{
	display: block;
	margin-left: 20px;
}

.pave_image{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
	background-color: #fff;
	color: #fff;
	font-size: 10px;
}

.spacer{
	clear: both;
}