body, html {
	background:#c4bdba;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#737373;
	font-size:12px;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	text-align:center;
}

p {	
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	
	font-size:1em;
	
	line-height:1.5em;
}

p, ul, li, td {
	color:#737373;
}

li {
	line-height:1.5em;
}

img {
	border:none;
}

a {
	color:#737373;
	text-decoration:none;
}

a:hover {
	color:#97be0d;
	text-decoration:none;
}

/* ------------------------------------------------- */
/* Titres du site Internet */

h1 {
	margin:0px;
	padding:10px;
	
	padding-left:40px;
	
	margin-top:5px;
	margin-bottom:10px;	
	
	font-size:1.7em;
	font-weight:normal;
	color:#ee7e00;
	background:url(../images/h1.png) no-repeat 2px 1px;
}

h2 {
	margin:0px;
	padding:0px;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	
	margin-top:10px;
	margin-bottom:10px;
	
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid #efefef;
	border-left:8px solid #00a7e3;
	color:#00a7e3;
	background:#F9F9F9;
}

h2 a {
	color:#00a7e3;
}

h2 a:hover {
	color:#a2daf4;
}

h3 {
	margin:0px;
	padding:0px;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	
	margin-bottom:10px;
	
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid #efefef;
	border-left:8px solid #97be0d;
	color:#97be0d;
	background:#F9F9F9;
}

h3 a {
	color:#97be0d;
}

h3 a:hover {
	color:#bcda54;
}

h4 {
	margin:0;
	padding:0;
	
	padding-left:6px;
	
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	
	font-size:1em;
		
	color:#97be0d;
	border-left:8px solid #97be0d;
}

/* ------------------------------------------------- */
/* Formulaires du site : */

input, textarea, select {
	color:#737373;
	border:1px solid #cccccc;
	padding:5px;
	background-color:#FFFFFF;
}

select {
	padding:0;
}

label {
	cursor:pointer;
}

.input_rech_crit {
	padding:2px;
	background:url(../images/recherche.png) 2px 2px no-repeat #FFF;
	padding-left:20px;
	cursor:pointer;
}

.input_rech_crit:hover {
	background:url(../images/recherche.png) 2px 2px no-repeat #97be0d;
	color:#FFFFFF;
}

#rechercher select {
	font-size:10px;
}

/* ------------------------------------------------- */
/* Mise en page du site : */

#contenu {
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	margin-bottom:0;
	min-height:100%;
}

#conteneur_ombre {
	position:relative;
	overflow:hidden;
	height:auto;
	background:url(../images/ombre.jpg) repeat-y;
	width:898px;
	margin-left:auto;
	margin-right:auto;
}

#haut {
	position:relative;
	overflow:auto;
	width:100%;
}

#banniere {
	background:url(../images/banniere.jpg) no-repeat;
	position:relative;
	height:180px;
	width:862px;
}

#centre {
	width:862px;
	margin-top:0px;
	text-align:left;
	background-color:#FFFFFF;
}

#zone_encadree {
	padding:0px;
	position:relative;
	overflow:hidden;
	height:auto;
	overflow:auto;
	padding-bottom:40px;
	background:url(../images/50_ans.jpg) no-repeat bottom right;
}

#gauche {
	position:relative;
	float:left;
	width:180px;
	height:1050px; /* 900 */
	background:url(../images/img_gauche.jpg) no-repeat;
	padding:0;
}

#acces_newsletter {
	position:absolute;
	overflow:hidden;
	width:160px;
	height:200px;
	top:800px;
	left:10px;
}

#acces_newsletter .tableau_de_bord {
	position:absolute;
	overflow:hidden;
	width:160px;
	height:15px;
	top:0px;
	left:0px;
	border:none;
	background:none;
	margin:0;
	padding:0;
}

#milieu {
	position:relative;
	overflow:auto;
	float:left;
	width:662px;
	padding:10px;
}

#pied {
	background:#a2daf4;
	border-top:4px solid #0064af;
	color:#FFFFFF;
	position:relative;
	float:left;
	width:862px;
	height:40px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

#pied ul li
{
	display:inline;
}

#pied ul li a
{
	display:inline;
	color:#005ba1;	
	
	padding-left:20px;
	padding-right:20px;
}

#pied ul li a:hover
{
	display:inline;
	color:#00a7e3;
}

#pied ul li a:active
{
	display:inline;
	color:#FFFFFF;
}


/* ------------------------------------------------- */
/* Menus du site Internet */

.menu_gauche {
	padding:0px;
	margin:0px;
	padding:5px;
	margin-top:15px;
	margin-bottom:20px;
}

#accueil {
	position:absolute;
	left:70px;
}

#presentation {
	position:absolute;
	left:15px;
	top:100px;
}

#projets {
	position:absolute;
	left:55px;
	top:240px;
}

#projets {
	position:absolute;
	left:65px;
	top:240px;
}

#liens_utiles {
	position:absolute;
	left:35px;
	top:340px;
}

#contact {
	position:absolute;
	left:65px;
	top:440px;
}

#contact_2 {
	position:absolute;
	overflow:hidden;
	left:10px;
	top:560px;
	width:160px;
	height:230px;
}
#contact_2 .tableau_de_bord {
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	width:160px;
	height:15px;
	border:none;
	background:none;
	margin:0;
	padding:0;
}

#contact_2 p ,
#acces_newsletter p {
	margin:0px;
	padding:5px;
	color:#b9b0a9;
	font-size:11px;
}

#contact_2 p a ,
#acces_newsletter p a {
	color:#b9b0a9;
}

.mg {
	height:97px;
	width:97px;
}

#accueil, #presentation, #projets, #liens_utiles, #contact {
	color:#00aae3;
	font-family:"Times New Roman", Times, serif;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}


#menu_haut {
	position:relative;
	overflow:auto;
	background:#dbd5ce;
	width:862px;
	height:163px;
}

#menu_haut_gauche {
	position:relative;
	overflow:hidden;
	float:left;
	width:179px;
	height:163px;
	
	background:url(../images/maisons_bl.jpg) no-repeat #dbd6d0;
}

/* Bouton permettant d'afficher la zone de recherche */
#bouton_recherche {
	position:absolute;	
	top:0;
	left:0;
	width:165px;
	text-align:left;
}

#bouton_recherche a {
	display:block;
	
	padding:5px;
	padding-left:30px;
	
	color:#a2daf4;
	font-weight:bold;
	background:url(../images/recherche.png) 4px 3px no-repeat #6c90a1;
}

#bouton_recherche a:hover {
	color:#fff;
}

/* Bouton permettant de télécharger un dossier */

#bouton_telecharger_dossier {
	position:absolute;	
	bottom:28px;
	left:0;
	padding:5px;
	text-align:left;
	background:#6c90a1;
	cursor:pointer;
}

#telecharger_dossier {
	position:absolute;	
	bottom:28px;
	left:42px;
	height:42px;
	width:137px;
	text-align:left;
	background:#6c90a1;
	display:none;
}

#telecharger_dossier a {
	display:block;
	width:127px;
	height:32px;
	color:#a2daf4;
	font-weight:bold;
	padding:5px;
}

/* Zone de recherche contenant les formulaires */
#rechercher {
	position:absolute;
	overflow:hidden;
	height:165px; /* 135 */
	width:180px;
	left:0px;
	top:0px;
	padding:5px;
	text-align:left;
	display:none;
	background:#ddd7d1;
}

#rechercher p, #quitter_rechercher p {
	margin:0;
	padding:0;
}

/* Bouton permettant de quitter la zone de recherche contenant les formulaires */
#quitter_rechercher {
	position:absolute;
	width:16px;
	height:16px;
	left:163px;
	top:0px;
}

#quitter_rechercher:hover {
	background:#efefef;
}

#zone_rechercher {
	padding:3px;
	margin:0px;
	border:1px solid #003f64;
}

#menu_haut_droite {
	position:relative;
	overflow:auto;
	float:left;
	width:683px;
	height:163px;
	
	background:url(../images/maisons_gr.jpg) no-repeat #dbd6d0;
}

#logements_en_vente {
	position:absolute;
	left:360px;
	top:15px;
	height:135px;
	width:135px;
	
	background:url(../images/logements_en_vente.jpg) no-repeat;
	
	cursor:pointer;
}

#vous_cherchez_une_location {
	position:absolute;
	left:30px;
	top:15px;
	height:135px;
	width:135px;
	
	background:url(../images/vous_cherchez_une_location.jpg) no-repeat;
	
	cursor:pointer;
}

#vous_etes_locataire {
	position:absolute;
	left:195px;
	top:15px;
	height:135px;
	width:135px;
	
	background:url(../images/vous_etes_locataire.jpg) no-repeat;
	
	cursor:pointer;
}

#locaux_entreprises {
	position:absolute;
	left:525px;
	top:15px;
	height:135px;
	width:135px;
	
	background:url(../images/locaux_entreprises.jpg) no-repeat;
	
	cursor:pointer;
}

/* ------------------------------------------------ */

.contenu_auto {
	overflow:auto;
}

.retour {
	background:url(../../../contenu/images/fl_gauche.png) no-repeat left;
	padding-left:20px;
}

#carte_accueil {
	position:relative;
	overflow:auto;
	width:230px;
	height:255px;
	background:url(../images/plan.jpg) no-repeat left top #a2daf4;
}

#plan {
	position:relative;
	overflow:auto;
	width:210px;
	height:180px;
	left:10px;
	top:65px;
	background:#a2daf4;
}

#top_page {
	position:absolute;
	overflow:auto;
	
	margin:0;
	padding:0;
	
	width:16px;
	height:16px;
	top:6px;
	right:10px;
}

#top_page p {
	margin:0;
	padding:0;
}

#valid_w3c {
	position:absolute;
	overflow:auto;
	
	margin:0;
	padding:0;
	
	width:16px;
	height:16px;
	top:6px;
	right:70px;
}

#valid_w3c p {
	margin:0;
	padding:0;
}

#valid_css {
	position:absolute;
	overflow:auto;
	
	margin:0;
	padding:0;
	
	width:16px;
	height:16px;
	top:6px;
	right:40px;
}

#valid_css p {
	margin:0;
	padding:0;
}

/* ------------------------------------------------ */
/* - Fiches des logements : - */

.logement {
	position:relative;
	overflow:auto;
	padding:0;
	margin:0;
	width:660px;
	border:1px solid #efefef;
}

.logement:hover {
	cursor:pointer;
}

.logement_recherche {
	position:relative;
	overflow:auto;
	padding:0;
	margin:0;
	width:660px;
	border:1px solid #efefef;
	background:url(../../../contenu/images/recherche.jpg) no-repeat bottom right;
}

.titre_logement {
	position:relative;
	overflow:auto;
	padding:0;
	margin:0;
}

.titre_logement h2 {
	margin:0px;
}

.photos_logement {
	position:relative;
	overflow:auto;
	text-align:center;
	float:left;
	width:149px;
	padding:5px;
	
	background:#FFF;
	
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

.photos_logement:hover {
	background:#F9F9F9;
	
	border-bottom:1px solid #efefef;
	border-right:1px solid #efefef;
	
	cursor:pointer;
}

.description_logement {
	position:relative;
	overflow:auto;
	float:left;
	width:400px;
	padding:5px;
	background:url(../images/logo_gr.png) no-repeat bottom right;
}

.infos_logement {
	position:relative;
	overflow:auto;
	float:left;
	width:90px;
}

.type_logement {
	position:relative;
	overflow:auto;
	text-align:center;
	
	height:60px;
	width:75px;
	
	padding:5px;
	
	font-weight:bold;
	font-size:4em;
	
	background:#F9F9F9;
	color:#CCCCCC;
	border-right:5px solid #97be0d;
}

.type_logement:hover {
	color:#97be0d;
	background-color:#f8ffde;
	
	cursor:pointer;
}

.superficie_logement {
	position:relative;
	overflow:auto;
	text-align:center;
	
	height:18px;
	width:75px;
	
	padding:5px;
	
	font-weight:bold;
	
	background:#F9F9F9;
	color:#CCCCCC;
	border-right:5px solid #00a6e3;
}

.superficie_logement:hover {
	color:#00a6e3;
	background-color:#dbf5ff;
	
	cursor:pointer;
}

.prix_logement {
	position:relative;
	overflow:auto;
	text-align:center;
	vertical-align:middle;
	
	height:auto;
	width:75px;
	
	padding:5px;
	
	font-weight:bold;
	
	background:#F9F9F9;
	color:#CCCCCC;
	border-right:5px solid #ee7e00;
}

.prix_logement:hover {
	color:#ee7e00;
	background-color:#fff0e0;
	
	cursor:pointer;
}

.carte_logement {
	position:relative;
	overflow:auto;
	text-align:center;
	
	height:18px;
	width:75px;
	
	padding:5px;
	
	font-weight:bold;
	
	background:url(../images/logement_carte_gr.png) no-repeat left;
	color:#CCCCCC;
	border-right:5px solid #91127e;
}

.carte_logement:hover {
	color:#91127e;
	background:#fff3fd;
	
	cursor:pointer;
}

.liste_photo_logement {
	margin-top:10px;
}

.liste_photo_logement, .liste_photo_logement li {
	margin:0;
	padding:0;
}

.liste_photo_logement li {
	list-style:none;
}

.carte_des_logements {
	position:relative;
	overflow:hidden;
	padding:5px;
	width:650px;
	height:400px;
}

#carte_des_logements {
	position:relative;
	overflow:auto;
	height:450px;
}

/* -------------------------------------------------------*/
/* jQuery lightBox plugin - Gallery style */
#gallery {
	background-color: #444;
	padding: 10px;
	width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }

/* -------------------------------------------------------*/

.conteneur_img_conso {
	position:relative; 
	overflow:hidden;
	height:233px;
}

.curseur {
	position:absolute;
	overflow:hidden;
	z-index:2;
	top:34px;
	left:38px;
	height:41px;
	width:247px;
	background:url(../images/curseur.png);
}

.txt_curseur {
	position:absolute;
	overflow:hidden;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
	font-size:18px;
	width:33px;
	height:23px;
	top:3px;
	left:212px;
}

.img_conso {
	position:relative;
	overflow:auto;
	z-index:5;
}