/* 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:bold 1.6em Verdana, Helvetica, sans-serif;
	text-align:left;
	color:#9A7F68;
	margin-bottom:13px;
	border-bottom:1px solid #9A7F68;
}
#contenu h2{
	font:bold 1.3em Verdana, Helvetica, sans-serif;
	text-align:left;
	color:#9A7F68;
	border-bottom:1px solid #9A7F68;
	border-left:4px solid #9A7F68;
	padding-left:5px;
	display:inline;
}
#contenu p{
	font:normal 1.1em Verdana, Helvetica, sans-serif;
	text-align:justify;
	color: #9A7F68;
	line-height:1.4em;
	margin:12px 0px;
	letter-spacing:0.06em;
}
#contenu p.couleur, .couleur{
	font-weight:bold;
	color:#3292A4;
}
#contenu a:link, #contenu a:visited{
	font-weight:bold;
	text-decoration:underline;
	color: #3292A4;
}
#contenu a:hover, #contenu a:active{
	font-weight:bold;
	text-decoration:none;
	color:#9A7F68;
}
#contenu img{
	float:right;
	margin-left:10px;
}


/************************************ STYLE LISTING ************************************/
#contenu a.listing{
	float:left;
	width:150px;
	min-height:300px;
	height:auto !important;
	height:300px;
	background-image:url(../images/charte/bg-listing.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#3a3a3a;
	padding-left:16px;
	padding-right:16px;
	padding-top:0px;
	margin-bottom:20px;
	text-decoration:none;
	/*border:1px solid red;*/
}
#contenu a.listing:hover{
	background-image:url(../images/charte/bg-listing1.jpg);
	text-decoration:none;
}
#contenu a.listing:visited{
	text-decoration:none;
}
#container #contenu a.listing img{
	float:left;
	margin:0px 0px 5px 0;
	text-decoration:none;
}
#container #contenu a.listing p{
	font:normal 10px Verdana, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	line-height:1.1em;
	letter-spacing:normal;
}
#container #contenu a.listing p.titre{
	font:normal 11px Verdana, Helvetica, sans-serif;
	text-align:center;
	color: #9A7F68;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.prixbarre{
	font:bold 11px Verdana, Helvetica, sans-serif;
	text-align:left;
	text-decoration:line-through;
	margin-right:30px;
	/*color: #3292A4;*/
}
.prix{
	font:bold 12px Verdana, Helvetica, sans-serif;
	text-align:right;
	color: #3292A4;
}
#container #contenu a.listing p.savoir{
	text-decoration:underline; 
	font:bold 11px Verdana, Helvetica, sans-serif;
	/*color: #3292A4;*/
}
#container #contenu a.listing:hover{
	cursor:pointer;
}
#container #contenu a.listing:hover p,
#container #contenu a.listing:hover p.titre, 
#container #contenu a.listing:hover p.prix{
	color: #9A7F68;
	line-height:1.1em;
	letter-spacing:normal;
}


/************************************ STYLE PRODUIT ************************************/
#contenu a.produit{
	float:left;
	width:150px;
	min-height:350px;
	height:auto !important;
	height:350px;
	background-image:url(../images/charte/bg-produit.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#3a3a3a;
	padding-left:16px;
	padding-right:16px;
	padding-top:0px;
	margin-bottom:20px;
	text-decoration:none;
	/*border:1px solid red;*/
}
#contenu a.produit:hover{
	background-image:url(../images/charte/bg-produit1.jpg);
	text-decoration:none;
}
#contenu a.produit:visited{
	text-decoration:none;
}
#container #contenu a.produit img{
	float:left;
	margin:0px 0px 5px 0;
	border-top:1px solid #3090c2;
	border-bottom:1px solid #3090c2;
	text-decoration:none;
}
#container #contenu a.produit p{
	font:normal 10px Verdana, Helvetica, sans-serif;
	line-height:1.1em;
	letter-spacing:normal;
	text-align:center;
	text-decoration:none;
}
#container #contenu a.produit p.descriptif{
	text-align:justify;
}
#container #contenu a.produit p.titre{
	font:normal 11px Verdana, Helvetica, sans-serif;
	text-align:center;
	color: #9A7F68;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.prixbarre{
	font:bold 10px Verdana, Helvetica, sans-serif;
	text-align:left;
	text-decoration:line-through;
	margin-right:30px;
	/*color: #3292A4;*/
}
.prix{
	font:bold 12px Verdana, Helvetica, sans-serif;
	text-align:right;
	color: #3292A4;
}
#container #contenu a.produit p.savoir{
	text-decoration:underline; 
	font:bold 11px Verdana, Helvetica, sans-serif;
	line-height:1.1em;
	/*color: #3292A4;*/
}
#container #contenu a.produit:hover{
	cursor:pointer;
}
#container #contenu a.produit:hover p,
#container #contenu a.produit:hover p.titre, 
#container #contenu a.produit:hover p.prix{
	color: #9A7F68;
	line-height:1.1em;
	letter-spacing:normal;
}

#pagination{
	float:left;
	margin-bottom:20px;
	width:523px;
	padding:7px 10px 15px 10px ;
	border:1px solid #3a3a3a;
	text-align:center;
	font:bold 1.3em Verdana, Helvetica, sans-serif;
	background-image:url(../images/charte/bg-pagination.gif);
	background-repeat:no-repeat;
	color: #9A7F68;
}



/********************************** STYLE FICHE PRODUIT ************************************/
#contenu #ficheproduit{
	float:left;
	width:529px;
	min-height:350px;
	height:auto !important;
	height:350px;
	background-image:url(../images/charte/bg-ficheproduit.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#3a3a3a;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	margin-bottom:20px;
	text-decoration:none;
	/*border:1px solid red;*/
}
#container #contenu #ficheproduit #blocimg{
	float:right;
	width:300px;
	margin:0px 0px 5px 10px;
	text-decoration:none;
	/*border:1px solid red;*/
}
#container #contenu #ficheproduit #blocimg img{
	float:right;
	width:300px;
	margin:0px 0px 5px 0px;
	text-decoration:none;
	border:1px solid #3a3a3a;
}
#container #contenu #ficheproduit #blocimg .vignette{
	float:left;
	width:97px;
	margin:0px 1px 0px 0px;
	text-decoration:none;
	border:1px solid #3a3a3a;
}
#container #contenu #ficheproduit #blocimg h3{
	font:bold 1.3em Verdana, Helvetica, sans-serif;
	font-style:italic;
	text-align:left;
	border:0px;
	color: #3292A4;
	font-weight:bold;
	height:30px;
	/*border:1px solid red;*/
	margin:25px 0px 0px 0px;
}
#container #contenu #ficheproduit p{
	line-height:1.1em;
	letter-spacing:normal;
}
#container #contenu #ficheproduit .imgpanier{
	float:left;
	margin:0px 0px 5px 40px;
	text-decoration:none;
	border:0px solid #3a3a3a;
}
#container #contenu #ficheproduit h2{
	font:bold 1.3em Verdana, Helvetica, sans-serif;
	text-align:center;
	border:0px;
	color: #9A7F68;
	font-weight:bold;
	display:block;
	text-transform:uppercase;
	margin:10px 0px 20px 0px;
}
#formProduit input{
	width:100px;
	border:1px solid #302f2f;
	font:bold 1.1em Verdana, Helvetica, sans-serif;
	background-color:#494949;
	padding:2px;
	color:#9a8068;
}
#formProduit input:focus{
	border-color:#3a92a4;
}



/************************************ STYLE OFFRE DU MOMENT ************************************/
#contenu a.offremoment{
	float:left;
	width:150px;
	min-height:350px;
	height:auto !important;
	height:350px;
	background-image:url(../images/charte/bg-produit.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#3a3a3a;
	padding-left:16px;
	padding-right:16px;
	padding-top:0px;
	margin-bottom:20px;
	text-decoration:none;
	/*border:1px solid red;*/
}
#contenu a.offremoment:hover{
	background-image:url(../images/charte/bg-produit1.jpg);
	text-decoration:none;
}
#contenu a.offremoment:visited{
	text-decoration:none;
}
#container #contenu a.offremoment img{
	float:left;
	margin:0px 0px 5px 0;
	border-top:1px solid #3090c2;
	border-bottom:1px solid #3090c2;
	text-decoration:none;
}
#container #contenu a.offremoment p{
	font:normal 10px Verdana, Helvetica, sans-serif;
	line-height:1.1em;
	letter-spacing:normal;
	text-align:center;
	text-decoration:none;
}
#container #contenu a.offremoment p.descriptif{
	text-align:justify;
}
#container #contenu a.offremoment p.titre{
	font:normal 11px Verdana, Helvetica, sans-serif;
	text-align:center;
	color: #9A7F68;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
#container #contenu a.offremoment p.savoir{
	text-decoration:underline; 
	font:bold 11px Verdana, Helvetica, sans-serif;
	line-height:1.1em;
	/*color: #3292A4;*/
}
#container #contenu a.offremoment:hover{
	cursor:pointer;
}
#container #contenu a.offremoment:hover p,
#container #contenu a.offremoment:hover p.titre{
	color: #9A7F68;
	line-height:1.1em;
	letter-spacing:normal;
}



/************************************ STYLE PRESTATION ************************************/
#container #contenu #prestation{
	float:right;
	width:213px;
	margin-left:10px;
}



/********************************** STYLE LOCATION ROBOT ***********************************/
.ligneclaire{
	float:left;
	width:450px;
	padding:2px 50px;
	margin:5px 0px;
	background-color:#494949;
	background-image:url(../images/charte/puce01.gif);
	background-repeat:no-repeat;
	background-position:30px 1px;
}


/************************************ STYLE CONTACT ************************************/
#contactTxt{
	width:260px;
	float:left;
	/*border:1px solid red;*/
}
#contactTxt img{
	margin:0px;
	padding:0px;
}
#contactPlan{
	width:45%;
	float:right;
}
#contactPlan img{
	margin-left:50px;
	float:left;
}
label{
	font:bold 11px Verdana, Helvetica, sans-serif;
	text-align:left;
	text-decoration:none;
	color: #9A7F68;
	line-height:1.1em;
	letter-spacing:normal;
}
.text{
	font:normal 11px Verdana, Helvetica, sans-serif;
	/*text-align:left;*/
	text-decoration:none;
	color: #9A7F68;
	line-height:1.1em;
	letter-spacing:normal;
}
.textgros{
	font:bold 14px Verdana, Helvetica, sans-serif;
	/*text-align:left;*/
	text-decoration:none;
	text-align:center;
	color: #9A7F68;
	line-height:1.1em;
	letter-spacing:normal;
}
#formContact input,
#formDevis input{
	width:157px;
	border:1px solid #302f2f;
	font-size:12px;
	font:bold 1.1em Verdana, Helvetica, sans-serif;
	background-color:#494949;
	padding:2px;
	color:#9a8068;
}
#formContact .sujet{
	width:440px;
	border:1px solid #302f2f;
	font-size:12px;
	font:bold 1.1em Verdana, Helvetica, sans-serif;
	background-color:#494949;
	padding:2px;
	color:#9a8068;
}
#formContact textarea,
#formDevis textarea{
	width:440px;
	border:1px solid #302f2f;
	font-size:12px;
	font:bold 1.1em Verdana, Helvetica, sans-serif;
	background-color:#494949;
	padding:2px;
	color:#9a8068;
}
#formContact input:focus,textarea:focus,
#formDevis input:focus,textarea:focus{
	/*border-color:#FF0000;*/
	border-color:#3a92a4;
}
#formContact .champRequis,
#formDevis .champRequis{
	color:#3a92a4;
}


/************************************ STYLE DEVIS ************************************/
#formDevis .casecochee{
	width:10px;
	border:0px solid #302f2f;
	font-size:12px;
	font:bold 1.1em Verdana, Helvetica, sans-serif;
	background-color:transparent;
	padding:0px;
	color:#9a8068;
}

/***************************** DEV ************************/
#ficheproduit h3{
background-color:#CCCCCC !important;
z-index:1024;
}