/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */
#contenu h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
text-align:left;
color:#3c79ad;
font-weight:bold;
margin:20px 0 20px 0;
}
.produits{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
text-align:left;
color:#b2614a;
font-weight:bold;

}
#contenu a:link, #contenu a:visited{
	font-weight:bold;
		text-decoration:none;
	color: #b2614a;
}
#contenu a:hover, #contenu a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #b2614a;
}
.alignementdroite{
	float:right;
	margin:0 0 0px 20px;
}
/***************** produit *****************/
#produits{
	float:left;
	width:150px;
	min-height:200px;
	height:auto !important;
	height:200px;
	border:1px solid #77442d;
	text-align:center;
	margin:0 10px 10px 0;

	
}
#produits h2{
	font-family:verdana;
	font-size:13px;
	text-align:center;
	color:#b2614a;
	margin:10px 0 10px 0;
}
#produits img{
	text-align:center;
	margin:0px 0 10px 0;
}
#produits p{
	padding:0px 10px 0px 10px;
	font-family:verdana;
	font-size:11px;
	text-align:center;
	margin:0 0 10px 0;
}
#produits h3{
	font-family:verdana;
	font-size:13px;
	text-align:center;
	color:#b2614a;
	margin:0 0 5px 0;
}
.ajouteraupanier{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#000;
}
#produits .ajouteraupanier a:visited{
	font-family:arial;
	font-size:11px;
	
	font-weight:bold;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
}
#produits .ajouteraupanier a{
	font-family:arial;
	font-size:11px;
	
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
#produits .ajouteraupanier a:hover{
	font-family:arial;
	font-size:11px;

	font-weight:bold;
	color:#000;
	text-decoration:underline;
}
.alignementhauteur{
	vertical-align:middle;
	padding:8px 0 0 0;
}
/***************** fin produit *****************/
/***************** PROMOS *****************/
#promos{
	float:right;
	width:201px;
	min-height:300px;
	height:auto !important;
	height:300px;
	margin:20px 0 0 10px;
	border:1px solid #c88e79;
	
}
#promos2{
	width:201px;
	min-height:150px;
	height:auto !important;
	height:150px;
	background:#ffdfd1  url(../images/charte/promotions.jpg) no-repeat top left;
	padding:60px 0 20px 0px;
	text-align:center;
	

}
#promos2 h2{
	font-family:verdana;
	font-size:13px;
	text-align:center;
	color:#b2614a;
}
#promos2 img{
	margin:10px 0 0px 0px;
	text-align:center;

}
#promos2 p{
	width:180px;
	font-size:10px;
	margin:0px 0 10px 0px;
}
#promos2 h3{
	font-family:verdana;
	font-size:12px;
	text-align:center;
	color:#af7e6c;
	margin:00px 0 5px 0px;
}
.cadre{
	border:1px solid #fff;
}
.prixbarre{
	font-family:verdana;
	font-size:12px;
	text-align:center;
	color:#a97158;
	text-decoration: line-through;
}
.prix{
	font-family:verdana;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#5e9ed4;
	margin:00px 0 10px 0px;
}
/***************** PROMOS *****************/
/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

/*---------------------------------------------CONTACT------------------*/

.form-contact {
	background-color:#FFF;
	border:1px solid #D07F61;
	color:#D07F61;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}
.texte-bleu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3C79AD;
	}
/*-----------------------------------------------CGV------------------------*/

 .cgv {
	width:670px; 
	}
.titre-bleu {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#3C79AD;
	margin:15px 0 3px 0;
	text-align:left;
	}
/*---------------------------------------------PARTENAIRE-------------------------*/

.partenaire-general {
	width:650px;
	float:left;
	padding:0 0 7px 0;
	border-bottom:1px solid #FDE9E2;
	margin:7px 0 0 0;
	}
.partenaire-logo {
	width:200px;
	float:left;
	}
.partenaire-descriptif {
	width:400px;
	float:left;
	margin:0 0 0 25px;
	}
.titre-partenaire {
	font-size:15px;
	color:#3C79AD;
	font-weight:bold;
	display:block;
	margin:0 0 10px 0;
	}

/*--------------------------------------PRODUITS-----------------------------------*/

.cadre-produits {
	width:133px;
	height:192px;
	float:left;
	}
.produit-photo {
	width:132px;
	height:132px;
	}
.produit-titre {
	width:132px;
	height:60px;
	background-color:#C1E1FA;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-left:1px solid #FFF;
	}
/*--------------------------------------DETAIL PRODUIT---------------------------------*/

.cadre-detail {
	width:620px;
	float:left;
	border-bottom:1px dotted #3C79AD;
	padding-bottom:15px;
	margin-top:15px;
	}
.detail-photo {
	width:250px;
	float:left;
	text-align:center;
	}
.detail-descriptif {
	width:350px;
	float:left;
	margin:0 0 0 15px;
	}
.prix {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#B2614A;
	display:block;
	text-align:left;
	margin:15px 0 0 0;
	}
.commander {
	font-size:13px;
	font-weight:bold;
	display:block;
	background-color:#FFE3D8;
	color:#81B5DD;
	width:160px;
	margin:15px 0 0 0;
	text-align:center;
	}
/*-----------------------------------------MERCI----------------------------*/
 .merci {
 	width:250px; 
	margin:30px 0 0 180px; 
	float:left; 
	height:100px;
	}