/* Import des style pour la charte */
@import "charte.css";
@import "popup.css";

/****************************************/
/*
/* 			TEXTES GENEERIQUES 			
/*
/****************************************/


a{
font:Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
}
a:hover{
color:#e05567;
}
/****************************************/
/*
/* 			Page type		
/*
/****************************************/

h2{
	height:30px;
	background:url(../images/charte/bg-h2.gif) no-repeat;
	text-align:center;
	font:bold italic 1.3em Arial, Helvetica, sans-serif;
	padding-top:22px;
	color:#fff;
}
h3{
	font:bold italic 1.3em Arial, Helvetica, sans-serif;
	padding:10px 0;
	color:#fff;
}
p{
	text-align:justify;
	font:1.1em Arial, Helvetica, sans-serif;
	color:#000;
}

/****************************************/
/*
/* 			Pages d'accueil 			
/*
/****************************************/
/* Métiers */
#col2 h2, #col3 h2, #col4 h2{
	height:42px;
	clear:both;
}
#col2 h2 span, #col3 h2 span, #col4 h2 span{
	display:none;
}
#col2 h2.metiers{
	background:url(../images/charte/titre-metiers.gif) no-repeat;
}
#col3 h2.produit-phare{
	background:url(../images/charte/titre-prods-phares.gif) no-repeat;
}
#col4 h2.promo{
	background:url(../images/charte/titre-promo.gif) no-repeat;
}

#col2 h2.news{
	background:url(../images/charte/titre-nouveaute.gif) no-repeat;
}


#col2 a.lien-metier{
	display:block;
	width:196px;
	height:19px;
	padding-top:3px;
	margin:5px auto 0 auto;
	text-indent:22px;
	font:1.1em Arial, Helvetica, sans-serif;
	color:#000;
	background:url(../images/charte/puce-metier1.gif) no-repeat;
	border-bottom:1px solid #f8cd7b;
	text-decoration:none;	
}
#col2 a:hover.lien-metier{
	color:#e05567;
}


/*--------- PRESENTATION ----*/
.presentation {
	width:225px;
	margin:90px 0 0 15px;
	}
/*----------- ESPACE ABONNES -------*/
.inscription {
	width:237px;
	margin:75px 0 0 27px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.inscrit {
	width:237px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:75px 0 0 82px;
	}
.cellule-abonne {
	width:140px;
	background-color:#F8CD7B;
	border:1px solid #9C6D15;
	color:#493003;
	font-size:11px;
	}

/*---------- CATALOGUE-------*/
.minibox-catalogue{
	width:193px;
	padding:0 5px 5px 0px;
	font-size:10px;
	background-color:#F7D89D;
	border:#EEAA29 solid 1px;
}
.minibox-catalogue .miniature{
	width:70px;
	height:70px;
	padding-top:10px;
	margin:0px 0px 0px 0px;
	background:url(../images/charte/bg-miniprod-box2.gif) no-repeat;
	float:left;
	text-align:center;
	line-height:49px;
}
.minibox-catalogue h3{
	margin:0 0 5px 70px;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px 0 0 0;
	border-bottom:1px solid #c18d2c;
}
.minibox-catalogue p{
	margin:0 0 0 70px;
	font:1.1em Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
}
.minibox-catalogue a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#d31f35;
	text-decoration:none;
}
.minibox-catalogue a:hover{
	color:#fff;
}
/*- PAGINATION -*/
.pagination {
	width:603px;
	margin:0 0 10px 7px;
	height:20px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	}
.page {padding-top:5px; display:block;}
.fleche-left {float:left;border:0;}
.fleche-right {float:right;border:0;}
/*--*/
.minibox-prod{
	width:196px;
	margin:0 auto;
	padding:5px 0;
	font-size:10px;
}
.minibox-prod .miniature{
	width:49px;
	height:49px;
	padding:5px;
	background:url(../images/charte/bg-miniprod-box.gif) no-repeat;
	float:left;
	text-align:center;
	line-height:49px;
}

.minibox-prod h3{
	margin:0 0 0 64px;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 0 3px 0;
	border-bottom:1px solid #c18d2c;
}
.minibox-prod p{
	margin:0 0 0 64px;
	font:1.1em Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
}
.ref{
	font-weight:bold;
	color:#4f3402;
}
.minibox-prod a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#d31f35;
	text-decoration:none;
}
a.ajout-panier{
	background:url(../images/charte/puce-ajout-panier.gif) left center no-repeat;
	padding-left : 15px;
}
.minibox-prod a:hover{
	color:#fff;
}
.box-prod{
	padding:5px 20px;
}
.box-prod img.imgprod{
	float:left;
	margin:0 10px 10px 0;
	border:2px solid white;
}

.box-prod h3{
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 0 3px 0;
	border-bottom:1px solid #c18d2c;
}
.box-prod p{
	font:1.1em Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
}
.ref{
	font-weight:bold;
	color:#4f3402;
}
.box-prod a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#d31f35;
	text-decoration:none;
}
.box-prod a:hover{
	color:#fff;
}

.pieces-detachees-liste
{
	width:405px;
	margin:20px auto;
}

.pieces-detachees-liste a img
{
	background:#FFE9BF;
	border:#9C6D15 solid 1px;
	width:83px;
	margin:2px;
	padding:5px;
}
.pieces-detachees-liste a:hover img
{
	background:#DFB461;
	border:#9C6D15 solid 1px;
	width:83px;
	margin:2px;
	padding:5px;
}
/*----------- SERVICES ----------*/
.services-conseil p{ width:225px; margin:50px 0 0 15px; font-size:12px;}
.services-conseil {
	background-image:url(../images/charte/services-conseil.jpg);
	width:255px;
	height:364px;
	float:left;
	margin:20px 0 0 30px;
	}
.services-suivi p{ width:225px; margin:50px 0 0 15px; font-size:12px;}
.services-suivi {
	background-image:url(../images/charte/services-suivi.jpg);
	width:255px;
	margin:20px 0 0 30px;
	height:364px;
	float:left;
	}
/*----------- CGV ----------*/
.cgv-titre {
	font-size:14px;
	font-weight:bold;
	display:block;
	margin:10px 0 5px 0;
	}
#cgv1, #cgv2, #cgv3, #cgv4, #cgv5, #cgv6, #cgv7, #cgv8, #cgv9, #cgv10, #cgv11, #cgv12, #cgv13, #cgv14, #cgv15  {
display:none;}
/*------------------- CONTACT ------------------------------*/
.cellule {
	width:190px;
	background-color:#F8CD7B;
	border:1px solid #9C6D15;
	color:#493003;
	font-size:11px;
	}
#contact {
	background-color:#FBD999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	margin:20px 0;
	float:left;
	width:600px;
	}
.bouton {
	background-color:#F8CD7B;
	border:1px solid #493003;
	cursor:pointer;
	color:#493003;
	}
.merci {font-size:11px;margin:50px 0 0 200px;} 
.petit {font-size:9px;}
.contact-loi {float:left; width:600px;}
.merci {font-size:12px;margin:80px 0 0 195px; font-family:Arial, Helvetica, sans-serif;}
.bloc-adresse {	
	width:284px;
	float:left;
	margin:10px 20px 0 0;
	}

/*------------------- ABONNES ------------------------------*/

#donnees_perso
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#donnees_perso th
{
	font-weight:bold;
	text-align:left;
	padding:2px;
}
#donnees_perso td
{
	text-align:left;
	padding:2px;
}

#donnees_perso .space
{
	width:30px;
}
#donnees_perso
{
	font-size:12px;
}



#commandes
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	width:100%;
}

#commandes th
{
	background:#9C6D15;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding:2px;
}
#commandes td
{
	text-align:left;
	padding:2px;
}

#commandes .space
{
	width:30px;
}

#commandes .ligne1
{
	background:#DFB96F;
}

#commandes .ligne2
{
	background:#BF9E5F;
}



.encart-promo {
height:60px;
width:100px;
margin:0 0 0 65px;
background:url("../images/charte/bg-promo.gif") no-repeat;
padding:1px 5px 0 10px;
}

.encart-promo p{
margin:0;
padding:0;
text-align:center;
}

.ancien-prix {
font-size:13px;
text-decoration:line-through;
font-weight:bold;

}

.prix-promo {
font-size:13px;
color:#f00;
font-weight:bold;
}