/* 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 */
#texte h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:30px;
height:30px;
color:#aa3319;
margin:28px 15px 10px 0px;
text-transform:uppercase;
text-align:right;

}
#texte h2{
font-size:1.3em;
font-weight:bold;
line-height:30px;
height:30px;
text-align:left;
color:#000;
margin:10px 0px 5px 0;
}
#texte a:link, #texte a:visited{
	font-weight:bold;
		text-decoration:none;
	color: #EC7E4D;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #EC7E4D;
}

/* ------------------------------------------ANNONCES--------------------------------- */
#annonces{
	float:left;
	width:670px;
	min-height:104px;
	height:auto !important;
	height:104px;
	border:1px solid #5e3c23;
	margin-bottom:10px;
}
#annonces img{
	margin:5px;
	float:left;
}
#annonces p{
	margin:20px 5px 5px 5px;
	
}
#titre-annonce{
	float:left;
	width:666px;
	height:16px;
	background:#ebcc8b;
	padding:4px 0 0 4px;
	color:#643f24;
	font-weight:bold;
	font-size:12px;
}
.majuscule{
	text-transform:uppercase;
}
#titre-annonce2{
	float:left;
	width:500px;
}
#prix{
	width:50px;
	float:right;
	color:#000000;
}
/* ------------------------------------------FIN ANNONCES--------------------------------- */
/* 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;
}
/*---------------------------------------- ACCUEIL ---------------------------------------*/
.accueil {
	float:left;
	margin:5px 0 15px 0;
	}
/*------------------- CONTACT ------------------------------*/
#contact {
	background-color:#962C12;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	margin:10px 0;
	float:left;
	width:510px;
	border:1px solid #672310;
	}
#contact input.bouton:focus {
	background-image:url(../images/charte/bt-envoyer.gif); 
	border:none
	}
#contact input.bouton {
	cursor:pointer;
	width:112px;
	height:18px;
	color:#D8C69A;
	background-image:url(../images/charte/bt-envoyer.gif);
	border:none
	}
.petit {font-size:9px;}
.contact-loi {float:left; width:510px;}
.merci {font-size:12px;margin:80px 0 0 195px; font-family:Arial, Helvetica, sans-serif;}
.bloc-adresse {	
	width:185px;
	float:left;
	margin:10px 20px 0 0;
	}
.bloc-adresse2 {	
	width:290px;
	float:left;
	margin:10px 20px 0 0;
	}
#contact input:focus { background-image:url(../images/charte/input-focus.gif);}
#contact input {
	width:160px;
	height:16px;
	background-image:url(../images/charte/input.gif);
	border:1px solid #962C12;
	padding:0 2px;
	font-size:11px;
	color:#D8C69A;
	}
#contact textarea:focus {background-image:url(../images/charte/textarea-focus.gif);}
#contact textarea {
	width:158px;
	height:61px;
	background-image:url(../images/charte/textarea.gif);
	border:1px solid #962C12;
	font-size:11px;
	color:#D8C69A;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding:3px;
	}
/*-------------------------- LISTING ---------------------*/
.produit {
	width:158px;
	float:left;
	text-align:center;
	background-image:url(../images/charte/fd-listing.jpg);
	background-repeat:no-repeat;
	margin:15px 7px;
	}
.produit-collection {
	color:#FFFFFF;
	height:19px;
	display:block;
	padding-top:3px;
	font-size:13px;
	}
.produit-marque {
	height:20px;
	padding-top:3px;
	display:block;
	color:#E4D2A3;
	font-size:12px;
	}
.produit-contenu img{ margin:10px 0; border:1px solid #CCC;}
.produit-contenu {
	width:156px;
	float:left;
	border:1px solid #9D3917;
	}
#container #contenu .produit-lien:hover { 
	color:#E0602A;
	background-image:url(../images/charte/loupe-roll.gif);
	cursor:pointer;
	text-decoration:none;
		}
.produit-lien {
	background-image:url(../images/charte/loupe.gif);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	height:20px;
	display:block;
	width:110px;
	margin:0 0 0 12px;
	vertical-align:middle;	
	color:#FFFFFF;
	font-weight:normal;
	}
.produit-nouveau {
	background-image:url(../images/charte/nouveau.gif);
	width:58px;
	height:39px;
	margin:0 0 0 -10px;
	position:absolute;
	background-repeat:no-repeat;
	}
.produit-coeur {
	background-image:url(../images/charte/coup-coeur.gif);
	width:40px;
	height:30px;
	position:absolute;
	background-repeat:no-repeat;
	margin:0 0 0 -10px;
	}

/*--------------- PAGINATION ----------------*/
.pagination {
	width:500px;
	margin:0 0 0 7px;
	float:left;
	color:#E4D2A3;
	font-size:11px;
	text-align:center;
	}
.fleche-gauche {
	float:left;
	border:none;
	}
.fleche-droite {	
	float:right;
	border:none;
	}
/*-------------- FICHE PRODUIT ------------------*/
.detail-collection img {float:left; margin:1px; border:0px; }
.detail-collection {
	width:200px; 
	float:left; 
	margin:0 10px 0 0;
	background:url(../images/charte/fd-detail-visuel.gif) no-repeat;
	padding-top:22px; 
	}
.detail-titre {
	color:#E4D2A3;
	height:30px;
	width:500px;
	margin:0 0 10px 0;
	font-size:18px;
	float:left;
	font-weight:bold;
	background-image:url(../images/charte/puce3.gif);
	background-repeat:no-repeat;
	padding:10px 0 0 20px;
	background-position:center left;
	line-height:22px;
	}
.detail-produit-haut {
	float:right;
	width:295px;
	background-color:#882E13;
	margin:0 0 10px 0;
	padding:5px;
	background-image:url(../images/charte/fd-detail.gif);
	background-repeat:no-repeat;
	}
.detail-produit-haut-visuel img{ border:0;}
.detail-produit-haut-visuel {
	width:50px;
	margin:4px;
	text-align:center;
	font-size:10px;
	font-weight:normal;
	color:#EC7E4D;
	float:left;
	}
.detail-produit-haut-titre {
	color:#EC7E4D;
	font-size:13px;
	font-weight:bold;
	margin:20px 0 10px 0;
	float:left;
	width:300px;
	}
.detail-produit-haut-descriptif p{ 
	color:#FFFFFF;
	font-weight:normal;
	}
.detail-produit-haut-descriptif {
	width:300px;
	float:left;
	width:290px;
	}
.detail-produit-haut-tableau select{
	background-color:#5C1D0C;
	border:1px solid #5C1D0C;
	font-size:11px;
	width:70px;
	color:#FFFFFF;
	}
.detail-produit-haut-tableau {
	text-align:center;
	border:0;
	font-size:12px;
	color:#EC7E4D;
	margin:0 0 15px 0;
	}
.detail-haut-prix {
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	}
.detail-haut-prix-promo {
	font-size:15px;
	font-weight:bold;
	color:#EC7E4D;
	text-decoration:line-through;
	}
.detail-groupe-visuel {
	float:left;
	width:295px;
	}

.detail-choix {
	width:200px;
	margin:20px 10px 0 0;
	height:100px;
	float:left;
	}
.texte-jaune {color:#FFE7A7; font-weight:bold;}
#container .detail-achetez a,#container .detail-contact a,#container .detail-ami a{ color:#FFE7A7;}
.detail-achetez, .detail-contact, .detail-ami {
	display:block;
	background-repeat:no-repeat;
	padding:7px 0 0 30px;
	height:20px;
	margin:0 0 3px 0;
	vertical-align:middle;
	}
.detail-achetez {background-image:url(../images/charte/puce-caddie.gif);}
.detail-contact { background-image:url(../images/charte/puce-lettre.gif);}
.detail-ami { background-image:url(../images/charte/puce-ami.gif);}

.detail-total {
	width:295px;
	font-size:20px;
	font-weight:bold;
	float:left;
	height:20px;
	margin:10px 0 0 210px;
	padding:7px 3px 3px 7px;
	background-color:#5C1D0C;
	}