/* 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";

h1,h2,h3,h4 {margin:0;}

/* 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;
}

/* STYLE DE LA PAGE ACCUEIL*/
#presentation{
	font:11px Arial, Helvetica, sans-serif;
	color:#1983B6;
	margin:0;
	padding:16px 0px 0px 10px;
	width:395px;
	float:left;
}
#acces{
	font:11px Arial, Helvetica, sans-serif;
	color:#1983B6;
	margin:0;
	padding:16px 0px 0px 10px;
	width:590px;
	float:left;
}
#page{
	font:11px Arial, Helvetica, sans-serif;
	color:#1983B6;
	margin:0;
	padding:16px 0px 0px 10px;
	width:580px;
	float:left;
}
#moteur{
	font:11px Arial, Helvetica, sans-serif;
	color:#1983B6;
	margin:40px 0 0 0;
	padding:0px 5px 0px 10px;
	width:160px;
	float:right;
	text-align:justify;
}
.recherche {
	float:left; 
	margin:0;
	background-image:url(../images/charte/moteur-recherche.gif);
	width:166px;
	height:34px;
	background-repeat:no-repeat;
	}
.recherche-descriptif {	
	float:left;
	border:1px dashed #CFCFCF; 
	background-color:#E2EFFD;
	padding:2px; 
	margin:10px 0 0 0;
	width:160px;
	text-align:center;
	}
.cellule-recherche2 {
	width:150px;
	background-color:#FFF;
	border:1px solid #1983B6;
	color:#7E7E7E;
	font-size:11px;
	margin:5px 0;
	}
.bouton-rechercher {
	background-color:#80AFE1;
	border:1px solid #FFF;
	cursor:pointer;
	color:#FFF;
	}

.cellule-recherche {
	width:150px;
	background-color:#FFF;
	border:1px solid #1983B6;
	color:#1983B6;
	font-size:11px;
	margin:5px 0;
	}
.classeNormale { 
	width:150px;
	background-color:#FFF;
	border:1px solid #1983B6;
	font-size:11px;
	margin:5px 0;
	color:#1983B6; 
	}
.classeGrise {
	width:150px;
	background-color:#FFF;
	border:1px solid #1983B6;
	font-size:11px;
	margin:5px 0;
	color:#6666CC;
	}
#news{
	font:11px Arial, Helvetica, sans-serif;
	color:#1983B6;
	margin:10px 0 0 0;
	padding:0px 5px 0px 10px;
	width:160px;
	float:right;
	text-align:justify;
}
.coup_coeur {
	float:left; 
	padding-top:3px; 
	margin:5px 0 0 0;
	background-image:url(../images/charte/titre-news.gif);
	width:164px;
	height:20px;
	background-repeat:no-repeat;
	}
#contenu .coeur-designation a:hover{ text-decoration:underline; color:#1AC7F8;}
#contenu .coeur-designation a{ text-decoration:none; color:#064094;}
.coeur-designation {
	font-size:13px;
	font-weight:bold;
	color:#005AA5;
	}
.coup_coeur_descriptif img{
	margin:10px 0;
	border:1px solid white;
	}
.coup_coeur_descriptif p{ text-align:left; padding:0 5px; text-align:justify;}
.coup_coeur_descriptif {	
	float:left;
	border:1px dashed #CFCFCF; 
	background-color:#E2EFFD;
	padding:2px; 
	margin:0;
	width:160px;
	text-align:center;
	}
.titre-bleu {
	font-size:13px;
	font-weight:bold;
	}

/*------------------- CONTACT ------------------------------*/
.cellule {
	width:170px;
	background-color:#FFF;
	border:1px solid #1983B6;
	color:#1983B6;
	font-size:11px;
	}
#contact {
	background-color:#DEF1FF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	margin:20px 0 0 0;
	float:left;
	width:565px;
	}
.bouton {
	background-color:#1D5FC2;
	border:1px solid #FFF;
	cursor:pointer;
	color:#FFF;
	}
.merci {font-size:11px;margin:50px 0 0 200px;} 
.petit {font-size:9px;}
.contact-loi {float:left; width:565px;}
.merci {font-size:12px;margin:80px 0 0 25px; font-family:Arial, Helvetica, sans-serif;}
.bloc-adresse {	
	width:254px;
	float:left;
	margin:10px 20px 0 0;
	}
.bloc-plan {	
	width:254px;
	float:left;
	margin:10px 20px 0 10px;
	}
.bloc-plan img{ cursor:pointer;}

/*------------------------------- RECRUTEMENT ------------------*/
.recrutement {
	font-size:12px;
	margin:15px 0 0 75px;
	}
/*------------------------------- VENDRE UN BIEN ---------------*/
.vendre-bien {
	margin:15px 0 0 20px;
	font-size:12px;
	}
/*------------------------------- LISTING ----------------------*/
.listing img{ margin:5px 10px 0 4px; float:left;}
.listing p{ font-size:11px; width:200px; float:left; margin:2px 0;}
.listing {
	background-image:url(../images/charte/fd-listing.gif);
	width:398px;
	height:97px;
	float:left;
	margin:5px 0;
	}
.listing-prix {
	font-size:12px;
	font-weight:bold;
	color:#064094;
	}
#contenu .listing-titre a{font-size:13px;color:#064094;}
.listing-titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	display:block;
	margin:7px 0 0 0;
	font-weight:bold;
	color:#064094;
	}
.texte-bleu {color:#064094;}
.infos {
	width:48px;
	height:58px;
	float:right;
	margin:20px 20px 0 0;
	}
.pagination {
	width:400px;
	float:left;
	text-align:center;
	color:#064094;
	}
.fleche-gauche {
	width:19px;
	height:14px;
	float:left;
	cursor:pointer;
	}
.fleche-droite {
	width:19px;
	cursor:pointer;
	float:right;
	height:14px;
	}
.filtre {
	float:left;
	width:300px;
	color:#064094;
	font-size:12px;
	}
.flitre-cellule {
	width:100px;
	background-color:#FFF;
	border:1px solid #1983B6;
	color:#064094;
	font-size:12px;
	}
/*------------- FICHE DETAIL --------------*/
.fiche-detail {
	background-image:url(../images/charte/fd-detail.gif);
	background-repeat:no-repeat;
	width:402px;
	float:left;
	}
.detail-photo img{ margin:6px 0 0 3px;}
.detail-photo {
	width:185px;
	margin:4px 0 0 7px;
	float:left;
	}
.pagination-detail {
	width:380px;
	float:left;
	text-align:center;
	color:#064094;
	margin:10px 0 0 10px;
	}
.detail-descriptif {
	width:190px;
	margin:10px 0 0 5px;
	float:left;
	}
.num-mandat {
	font-size:17px;
	font-weight:bold;
	color:#064094;
	}
.UL_detail {
	margin:0 0 5px 0;
	padding:0;
	}
.UL_detail li {
	margin:0 0 2px 10px;
	list-style-image:url(../images/charte/li_detail.gif);
	font-size:12px;
	}
/*------------------------- GESTION -----------------------*/

.gestion {
	width:245px;
	height:251px;
	background-image:url(../images/charte/fd-gestion.gif);
	background-repeat:no-repeat;
	padding:30px 15px 15px 15px;
	float:left;
	margin:20px 0 0 10px;
	}