/* 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";
/******************************** GENERALITES ********************************/
/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}
ul{
	margin:10px 0 15px 40px;
}
li{
	list-style-image:url(../images/charte/puce01.gif);
	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-size:1.2em;
	line-height:1.4em;
	letter-spacing:0.06em;
}
.centrer{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #B08D3B;
	font-size:1.2em;
	line-height:1.4em;
	letter-spacing:0.06em;
	text-align:center;
	margin:0 0 15px 0 ;
}



/********************************** ACCUEIL **********************************/
#accueil{
	float:left;
	width:700px; 
	padding-left:20px;
	/*border:1px solid red;*/
}
/******** Coup de coeur ********/
#encart-coup-coeur{
	float:left;
	width:650px;
	height:250px;
	background-image:url(../images/accueil/encart-coup-coeur.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:50px 15px 15px 35px;
	/*border:1px solid red;*/
}
#en-encart-coup-coeur{
	float:left;
	width:650px;
	height:250px;
	background-image:url(../images/accueil/en-encart-coup-coeur.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:50px 15px 15px 35px;
	/*border:1px solid red;*/
}
#encart-coup-coeur .bloc, #en-encart-coup-coeur .bloc{
	float:left;
	width:300px;
	margin-right:25px;
}
#encart-coup-coeur .bloc p, #en-encart-coup-coeur .bloc p{
	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-size:1.2em;
	line-height:1.4em;
	letter-spacing:0.06em;
	text-align:justify;
	margin:0 0 15px 0 ;
}
#encart-coup-coeur a, #en-encart-coup-coeur a{
	float:right;
	font-weight:bold;
}
#encart-coup-coeur img, #en-encart-coup-coeur img{
	float:left;
	margin-right:10px;
	padding:2px;
	border:1px solid #C2A664;
}

/******** Bloc text et visu ********/
.bloc-accueil {
	float:left;
	width:330px;
	padding-bottom:5px;
	margin-right:20px;
	margin-bottom:10px;
}
.bloc-accueil img{
	margin-left:45px;
}
.bloc-accueil p{
	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-size:1.2em;
	line-height:1.4em;
	letter-spacing:0.06em;
	text-align:justify;
	margin:15px 0;
}


/********************************** VENDRE **********************************/
/******** Bloc text et visu ********/
#vendre{
	float:left;
	width:700px; 
	padding-left:20px;
	/*border:1px solid red;*/
}
#vendre p{
	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-size:1.2em;
	line-height:1.4em;
	letter-spacing:0.06em;
	text-align:justify;
	margin:10px 0 10px 0 ;
}
#vendre img{
	float:right;
	margin-left:10px;
	border:1px solid #C2A664;
}


/******** Formulaire ********/
#formVendre input{
	width:240px;
	border:1px solid #E4AD2E;
	font-size:12px;
	color:#CC9933;
	padding:1px;
	margin:1px;
	background:transparent;
}
#formVendre textarea{
	width:555px;
	border:1px solid #E4AD2E;
	font-size:12px;
	color:#CC9933;
	padding:1px;
	margin:1px;
	background:transparent;
}
#formVendre .bouton{
	width:200px;
	border:1px solid #E4AD2E;
	font-size:12px;
	color:#CC9933;
}
#formVendre input:focus,textarea:focus{
	border-color:#FF0000;
}
#formVendre .champRequis{
	color:#FF0000;
}


/********************************** ACHETER **********************************/
#produit{
	float:left;
	width:700px; 
	padding-left:20px;
	/*border:1px solid red;*/
}
#produit .bloc-produit-haut {
	float:left;
	width:700px;
	height:42px;
	background-image:url(../images/charte/haut-produit.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px;
	margin:0px;
	/*border:1px solid blue;*/
}
#produit .bloc-produit-haut h1{
	margin:5px 0 0px 50px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.9em;
	text-align:left;
	height:40px;
	color:#B08D3B;
	/*border:1px solid red;*/
}
#produit .bloc-produit-milieu {
	float:left;
	width:640px;
	min-height:200px;
	height:auto !important;
	height:200px;
	background-image:url(../images/charte/milieu-produit.gif);
	background-repeat:repeat;
	background-position:top left;
	padding:0px 30px ;
	margin:0px;
	bottom:0px;
	top:0px;
	text-align:justify;
	/*border:1px solid blue;*/
}
#produit .bloc-produit-milieu p{
	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-size:1.2em;
	line-height:1.4em;
	letter-spacing:0.06em;
	text-align:justify;
	margin:0 0 15px 0 ;
}

#produit .bloc-produit-milieu .bloc{
	float:left;
	width:640px;
	background-image:url(../images/charte/separateur.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	/*border:1px solid red;*/
	padding-bottom:30px;
	padding-top:30px;
}
#produit .bloc-produit-milieu .bloc img{
	float:left;
	margin-right:10px;
	width:150px;
	padding:2px;
	border:1px solid #C2A664;
}
#produit .bloc-produit-milieu .bloc h2{
	float:left;
	width:450px;
	padding:2px;
	margin:0px 0 10px 0;
	/*border:1px solid #C2A664;*/

	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-weight:bold;
	font-size:1.4em;
	line-height:1.6em;
	letter-spacing:0.06em;
}
#produit .bloc-produit-milieu .bloc .ref{
	float:left;
	margin-right:10px;
	width:200px;
	padding:2px;
	/*border:1px solid #C2A664;*/

	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-weight:bold;
	font-size:1.4em;
	line-height:1.6em;
	letter-spacing:0.06em;
}
#produit .bloc-produit-milieu .bloc .prix{
	float:right;
	margin-left:10px;
	width:200px;
	padding:2px;
	border:1px solid #C2A664;

	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-weight:bold;
	text-align:center;
	font-size:1.4em;
	line-height:1.6em;
	letter-spacing:0.06em;
}
#produit .bloc-produit-milieu .bloc .lien{
	float:right;
	font-weight:bold;
	/*border:1px solid red;*/
}

#produit .bloc-produit-bas {
	float:left;
	width:700px;
	height:40px;
	background-image:url(../images/charte/bas-produit.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px;
	margin:0px;
	/*border:1px solid blue;*/
}

/********************************** FICHE PRODUIT **********************************/
#ficheproduit{
	float:left;
	width:700px; 
	padding-left:20px;
	/*border:1px solid red;*/
}
#ficheproduit .bloc-produit-haut {
	float:left;
	width:700px;
	height:42px;
	background-image:url(../images/charte/haut-produit.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px;
	margin:0px;
	/*border:1px solid blue;*/
}
#ficheproduit .bloc-produit-haut h1{
	margin:5px 0 0px 50px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.9em;
	text-align:left;
	height:40px;
	color:#B08D3B;
	/*border:1px solid red;*/
}
#ficheproduit .bloc-produit-milieu {
	float:left;
	width:640px;
	min-height:420px;
	height:auto !important;
	height:420px;
	background-image:url(../images/charte/milieu-produit.gif);
	background-repeat:repeat;
	background-position:top left;
	padding:0px 30px ;
	margin:0px;
	bottom:0px;
	top:0px;
	text-align:justify;
	/*border:1px solid blue;*/
}
#ficheproduit .bloc-produit-milieu h2{
	float:left;
	width:640px;
	padding:2px;
	margin:0px 0 10px 0;
	padding-bottom:15px;
	/*border:1px solid #C2A664;*/

	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-weight:bold;
	font-size:1.4em;
	line-height:1.6em;
	letter-spacing:0.06em;
}
#ficheproduit .bloc-produit-milieu img{
	float:left;
	margin-right:10px;
	width:300px;
	padding:2px;
	border:1px solid #C2A664;
}
#ficheproduit .bloc-produit-milieu .ref{
	float:right;
	margin-right:10px;
	width:200px;
	padding:2px;

	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-weight:bold;
	font-size:1.4em;
	line-height:1.6em;
	letter-spacing:0.06em;
}
#ficheproduit .bloc-produit-milieu .blocg{
	float:left;
	margin-right:10px;
	margin-bottom:15px;
	width:140px;
	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-weight:bold;
	text-align:left;
	font-size:1.2em;
	line-height:1.6em;
	letter-spacing:0.06em;
}
#ficheproduit .bloc-produit-milieu .blocd{
	float:right;
	margin-bottom:15px;
	width:170px;
	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-weight:bold;
	text-align:left;
	font-size:1.2em;
	line-height:1.6em;
	letter-spacing:0.06em;
}
#ficheproduit .bloc-produit-milieu .lien{
	width:640px;
	float:right;
	font-weight:bold;
	text-align:center;
	/*border:1px solid red;*/
}
#ficheproduit .bloc-produit-milieu .photo{
	float:left;
	width:640px;
	margin-bottom:15px;
	/*border:1px solid red;*/
}
#ficheproduit .bloc-produit-milieu .photo img{
	float:left;
	width:85px;
	margin-right:15px;
	margin-bottom:15px;
	/*border:1px solid red;*/
}
#ficheproduit .bloc-produit-bas {
	float:left;
	width:700px;
	height:40px;
	background-image:url(../images/charte/bas-produit.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px;
	margin:0px;
	/*border:1px solid blue;*/
}

/********************************** DEFISCALISER **********************************/
#defisc{
	float:left;
	width:700px; 
	padding-left:20px;
	/*border:1px solid red;*/
}
#defisc p{
	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-size:1.2em;
	line-height:1.4em;
	letter-spacing:0.06em;
	text-align:justify;
	margin:10px 0 10px 0 ;
}
#defisc img{
	float:right;
	margin-left:10px;
	border:1px solid #C2A664;
}



/********************************** TRAVAUX **********************************/
#travaux{
	float:left;
	width:700px; 
	padding-left:20px;
	/*border:1px solid red;*/
}
#travaux p{
	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-size:1.2em;
	line-height:1.4em;
	letter-spacing:0.06em;
	text-align:justify;
	margin:10px 0 10px 0 ;
}
#travaux img{
	float:right;
	margin-left:10px;
	border:1px solid #C2A664;
}


/********************************** ENGAGEMENT **********************************/
#engagement{
	float:left;
	width:700px; 
	padding-left:20px;
	/*border:1px solid red;*/
}
#engagement p{
	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-size:1.2em;
	line-height:1.4em;
	letter-spacing:0.06em;
	text-align:justify;
	margin:10px 0 10px 0 ;
}
#engagement img{
	float:right;
	margin-left:10px;
	border:1px solid #C2A664;
}



/********************************** CONTACT **********************************/
#contact{
	float:left;
	width:700px; 
	padding-left:20px;
	padding-bottom:20px;
	margin-bottom:20px;
	/*border:1px solid red;*/
}
#contactTxt{
	width:50%;
	float:left;
	padding-bottom:5px;
}
#contactPlan{
	width:43%;
	float:right;
}
#contactTxt img{
	float:left;
	margin-right:10px;
}
#contact p
#contactPlan p,
#contactTxt p{
	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-size:1.2em;
	line-height:1.4em;
	letter-spacing:0.06em;
	text-align:justify;
	margin:10px 0 10px 0 ;
}
.txtcontact{
	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-size:1.2em;
	line-height:1.4em;
	letter-spacing:0.06em;
}
label{
	font-family:Arial, Helvetica, sans-serif;
	color: #B08D3B;
	font-size:1.2em;
	line-height:1.4em;
	letter-spacing:0.06em;
}
#formContact input{
	width:200px;
	border:1px solid #E4AD2E;
	font-size:12px;
	color:#CC9933;
	padding:1px;
	margin:1px;
	background:transparent;
}
#formContact textarea{
	width:555px;
	border:1px solid #E4AD2E;
	font-size:12px;
	color:#CC9933;
	padding:1px;
	margin:1px;
	background:transparent;
}
#formContact .bouton{
	width:200px;
	border:1px solid #E4AD2E;
	font-size:12px;
	color:#CC9933;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}