/* 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 CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

#contenu .bouton_accueil {
	font:bold 13px Arial, Helvetica, sans-serif;
	background:#FFE400;
	border:1px solid #3592E3;
	color:#3592E3;
	width:100%;
	text-align:center;
	text-decoration:underline;
	margin:0 0 10px auto;
	}

#contenu .bouton_accueil:hover {
	cursor:pointer;
	color:#FFE400;
	background:#3592E3;
	}
	
#contenu .descriptif a.lien_listing:link , #contenu .descriptif a.lien_listing:visited {
	font-weight:bold;
	color:#FFE400;
	}

#contenu a.photo_bien img{
	/* Largeur MAXIMUM de l'image :140px */
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#contenu a.photo_bien:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}
	
/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formRecherche input,textarea{
	width:30%;
	background-color:#A9B9D0;
border:1px solid #0D3F87;
	font-size:12px;
}

#formContact input,textarea{
	width:100%;
	background-color:#A9B9D0;
border:1px solid #0D3F87;
	font-size:12px;
}
#formContact td.budget input{
	width:40px;
	background-color:#A9B9D0;
border:1px solid #0D3F87;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#fff;
}
#formContact select{
	background-color:#A9B9D0;
	border:1px solid #0D3F87;
	font-size:10px;
}
#formContact .champRequis{
	color:#FF0000;
}
.formulaire{
float:left;
width:320px;
}
.formulaire2{
float:left;
width:450px;
}

.text-form{
font-size:11px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}

.champs-form{
color:#224B86;
font-family: Arial, Helvetica, sans-serif;
background-color:#A9B9D0;
border:1px solid #0D3F87;
font-size:11px;

}

.boutton-form{

color:#224B86;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
border:none;
width:180px;
background-color:#A9B9D0;
border:1px solid #0D3F87;
cursor:pointer}
.loi{
text-align:justify;
font-size:11px;
color:#fff;

}
.plan{
float:right;
width:215px;
margin-top:10px;


}

/* STYLE DE LA PAGE INDEX */
.couleur{
	color:#ffe400;
	font-weight:bold;

}
.liste ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	border:none;
	text-align:left;

}
 .liste li{
	
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	background-image: url(../images/charte/puce.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 5px 25px;
	line-height:15px;
	border:none;
	margin-bottom:5px;
	margin-left:15px;

}
/* STYLE DE LA PAGE RECHERCHE */
.recherche{
float:left;
width:570px;
padding:5px;
background-color:#A9B9D0;border:1px solid #0D3F87;
margin-bottom:10px
}
.visuel{
float:right;
width:180px;
border:1px solid #375B8F;
margin-left:5px
}
.bien{
float:left;
width:379px;
padding:2px;
background-color:#0D3F87;}

.descriptif{
margin-top:2px;
float:left;
width:379px;
}

.descriptif p{
margin-top:2px;
margin-left:2px;
color:#173F79;
}

#contenu .descriptif  a:link, #contenu .descriptif  a:visited{
	color: #173F79;
	text-decoration:none;
}
 #contenu .descriptif  a:hover, #contenu .descriptif  a:active{
	color: #173F79;
	text-decoration:underline;}
#container .type{
	float:left;
	width:310px;	
	color:#fff;	
	font-weight:bold;
	font-size:13px
}
#contenu .type a:link, #contenu .type a:visited{
	color: #fff;
	text-decoration:none;
}
#container .type a:hover, #container .type a:active{
	color: #fff;
	text-decoration:underline;}
#container .prix{float:right;
width:65px;	
color:#ffe400;
	font-weight:bold;
	font-size:13px}
.info-maison{
float:left;
width:379px;
padding:2px;
background-color:#7691AF;}
.info-maison p{
float:left;
width:379px;
}
.champ-recherche{
width:150px;
background-color:#A9B9D0;border:1px solid #0D3F87;
font-size:0.9em;}
#container .pagination {
	float:left;	
	width:520px;
	text-align:center;
	}
	
	#container .pagination  p{
	float:left;	
	width:570px;
	text-align:center;
	margin-top:20px;
	margin-bottom:5px;}
	
	
	/* STYLE DE LA PAGE FICHE PRODUIT */
	.titre-fiche{
float:left;
width:565px;
padding:2px;
background-color:#0D3F87;}

.descriptif-produit{
float:left;
width:550px;
margin-left:10px;
margin-right:10px
}
.descriptif-produit p{
color:#173F79
}

.tableau{
float:left;
width:550px;
padding:2px;
background-color:#7691AF;}
.tableau p{
float:left;
width:550px;
}
#container .info{
	color:#ffe400;
	font-weight:bold;
	font-size:13px;
	border-bottom:1px solid #ffe400;

}
.txt-couleur{
	color:#173F79;
	font-size:11px;

}
.images-fiche{
float:left;
width:380px;
padding:2px;

}
.images-fiche img{
float:left;
margin-left:85px;
margin-bottom: 15px;

border:1px solid #0D3F87;
}

.images-fiche .legende_image{
margin-left:85px;
}

/* message erreur sur alerte mail */
.erreurForm{
	color:yellow;
}