/* ------------------- */
/*  Classes générales  */
/* ------------------- */
.center {text-align:center}
.left {float:left}
.right {float:right}
.txtright {text-align:right}
.clear {clear:both}
.bold {font-weight:bold}
.smallcaps {font-variant:small-caps}
.font200 {font-size:200%}
.font150 {font-size:150%}
.font120 {font-size:120%}
.font75 {font-size:75%}
.font50 {font-size:50%}
.mleft20 {margin-left:20px}
.top1em {padding-top:1em}
.discret1 a:link, .discret1 a:visited {color:#FFFFFF;text-decoration:none}
.discret1 a:hover, .discret1 a:active {color:#FFFFFF;text-decoration:none}
.discret2 a:link, .discret2 a:visited {color:#FFFFFF;text-decoration:none}
.discret2 a:hover, .discret2 a:active {color:#99CCFF;text-decoration:none}
.link a:link, .link a:visited {color:#99CCFF}
.link a:hover, .link a:visited {color:#99CCFF}

/* ------------------ */
/*  Blocs principaux  */
/* ------------------ */

body {
	margin: 0; padding: 0;
	color: #FFFFFF; background-color: #CCCCCC;
	text-align: center;font-size: 85%; position:relative;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif
}

#page-conteneur {background:url(images/wallpaper.jpg) repeat;width:99%;padding-bottom:20px;margin-left:auto;margin-right:auto}
#page {
	width: 1000px;
	position: relative;
	text-align: justify;
	margin: 10px auto 10px auto;
	padding: 0;
	border: 1px solid #CFCFCF;
	border-radius:6px;
	-moz-border-radius:6px;
}
#conteneur {background-color:#333333;min-height:780px;color:#FFFFFF}
#contenu {margin-left:270px;width:700px;padding:10px}
#contenu p {text-align:justify}

/* ------------------ */
/*       ACCUEIL      */
/* ------------------ */

#accueil {padding-top:30px}
#accueil h2 {text-align:left;display:inline}
#accueil img {margin-left:20px;margin-right:10px}
#titre-map p {font-size:120%;border-top:1px solid #CCCCCC;margin:40px 0 20px 50px}
#map, #map img, map img a, #map map {display:inline}
#map {margin-bottom:20px}

/* ------------------------------------------ */
/*    Haut/Bas de page, bannière, menu-haut   */
/*        inc-haut, inc-bas & inc-banner      */
/* ------------------------------------------ */

#bas {text-align:center;padding-bottom:20px}
#haut, #bas {color:#CCCCCC}
#haut a:link, #haut a:visited, #bas a:link, #bas a:visited {color:#CCCCCC;text-decoration:none}
#haut a:hover, #haut a:active, #bas a:hover, #bas a:active {color:#FFFFFF;text-decoration:none}
#banner {background:url(images/banner.jpg) center no-repeat;height:175px;text-align:center;color:#999999;font-variant:small-caps}
#banner h1 {font-size:72px;padding:0;margin:0}
#barre {background:url(images/barre.gif) repeat-x;height:28px}
#menu-h {background-color:#F8E6C0;text-align:center;margin:0;height:auto;color:#FFFFFF}
#menu-h li {display:inline;padding:0 30px}
#menu-h ul, #menu-h a {margin:0;padding:0}
#menu-h li a {text-decoration:none;font-variant:small-caps;font-weight:bold}
#menu-h li a:link, #menu-h li a:visited {color:#666666}
#menu-h li a:hover, #menu-h li a:active {color:#0000FF}

/* ----------------- */
/*    Menu Gauche    */
/*    inc-menu-g     */
/* ----------------- */

#menu-g {background-color:#666666;float:left;width:250px;margin-left:6px;margin-top:20px;padding:20px 0 20px 6px;-moz-border-radius:6px;border-radius:6px}
#menu-g ul {margin: 0;padding: 0;list-style-type: none;font-family: verdana, arial, sans-serif}
#menu-g li {margin: 0}
#menu-g a {
	display: block;
	color:#FFFFFF;
	background-color: transparent;
	width: 220px;
	padding: 2px 10px;
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	font-size: 12px;
}
#menu-g a:hover {background-color: #ddd;color: #333;border-right: 10px solid #aaa;padding: 2px 1px 2px 10px}
#menu-g ul ul {margin-left: 30px;padding: 0;list-style-type: none}
#menu-g li li a {
	display: block;
	color: #FFFFFF;
	background-color: transparent;
	width: 190px;
	padding: 2px 10px;
	margin: 0;
	border-top: none;
	border-bottom: none;
	border-left: 1px #FFFFFF solid;
	text-decoration: none;
	font-size: 12px;
}
#flash-g {text-align:center;margin:20px auto 20px auto}
#exception a {font-weight:bold;font-variant:small-caps;text-align:center}
#exception a:hover, #exception a:active {color:#FF0000}
#exception img {padding:0 5px 0 5px;width:22px}
.prestitre {position:relative;bottom:5px}
#menu-g-contact, #menu-g-contact h3, #menu-g-contact p, #menu-g-contact a {text-align:center}

#conteneur-bas {
	font-size:10px;
	background-color:#333333;
	color:#FFFFFF;
	text-align:center;
	width:1000px;
	margin:0 auto 20px auto;
	padding:0 20px 5px 20px;
	border: 1px solid #CFCFCF;
	border-radius:6px;
	-moz-border-radius:6px;
}
#conteneur-bas a:link, #conteneur-bas a:visited {color:#CCCCCC;text-decoration:none}
#conteneur-bas a:hover, #conteneur-bas a:active {color:#FFFFFF;text-decoration: underline}
#conteneur-bas {padding-bottom:20px}

/*-----------------------------------------*/
/*--------------  RUBRIQUES  --------------*/
/*-----------------------------------------*/

#desole, #desole p {text-align:center}
#desole img {margin-left:auto;margin-right:auto}
.rub {text-align:center;padding-bottom:16px}
.rub img {float:right}
.rub h1 {padding-bottom:40px}
.liste-biens ul li {list-style:none}
.liste-biens table {border:1px solid #CCCCCC;width:100%;padding:4px 0 4px 0}
.liste-biens td {padding:10px}
.liste-biens p {margin-top:0;padding-top:0}
.liste-biens a {display:block;font-size:85%}
.liste-biens a:link, .liste-biens a:visited {color:#FFFFFF;text-decoration:none}
.liste-biens a:hover, .liste-biens a:active {color: #99CCFF;text-decoration:none}
.liste-biens a:link img, .liste-biens a:visited img {border:#FFFFFF solid 1px}
.liste-biens a:hover img, .liste-biens a:active img {border:#99CCFF solid 1px}
.tableau-biens tr {margin:0;padding:0}
.col-desc {width:426px;border-right:1px solid #CCCCCC}
.ref {width:100px;text-align:center;color: #000;font-size:80%;font-weight:bold;padding:0;margin:0}
.ref-txt {width:100px;background-color: #CCCCCC;border:1px solid #FFFFFF;margin:10px 5px 0 5px}
.euro a {text-align:center;padding:0;margin:0}
.liste-communes ul {margin-left:0;padding-left:0}
.liste-communes ul li {margin:0;padding:0;background-color:#CCCCCC;list-style:none;text-align:center}
.liste-communes ul li ul li {background-color:#333333;list-style:none;text-align:justify}
.titre-commune {border:1px solid #CCCCCC}
.titre-commune a {display:block}
.titre-commune a:link, .titre-commune a:visited {color:#333333;text-decoration:none}
.titre-commune a:hover, .titre-commune a:active {background:#666666;color:#FFFFFF;text-decoration:none}
#toutes ul {margin-left:0;padding-left:0;list-style:none}
#toutes .rub {height:100px}

/*-----------------------------------------*/
/*--------------  ARTICLES  ---------------*/
/*-----------------------------------------*/

#lieu {width:100%}
#lieu table {border-bottom:1px solid #CCCCCC;width:400px;float:right}
#lieu table img {float:right}
#lieu {vertical-align:middle;font-variant:small-caps;font-size:24px}
#lieu a:link, #lieu a:visited {color:#FFFFFF;text-decoration:none}
#lieu a:hover, #lieu a:active {color:#99CCFF;text-decoration:none}
#titre-article {width:700px;margin-top:140px}
#titre-article img {border:#FFFFFF solid 1px}
.titre-article {font-size:32px;font-variant:small-caps;font-weight:bold;padding-left:10px}
#refinart {text-align:center}
.prix {text-align:right;color:#FF0000}
#desc {margin:20px 24px 32px 10px}
#contactus {width:300px;margin-top:22px;border-top:#FFFFFF solid 1px; margin:20px auto}
#contactus p {text-align:center;margin-top:0;font-size:85%}
#contactus .tel {color:#FF0000}
/* DPE */
#dpe p {margin:0 auto; text-align:center}
#dpe img {width:300px !important; height:258px !important; margin:10px 0;}

/* Diaporama */

#diapo-conteneur {min-height:610px;width:624px;padding-top:20px;margin-left:auto;margin-right:auto;z-index:100}

	/*-- DIAPO1 --*/

#diapo {position:relative;top:10px;left:0;z-index:100}
#diapo ul {list-style:none;padding:0;margin:0}
#diapo ul li {display:inline}
#diapo a.thumb, #diapo a.thumb:visited {display:inline-block;width:150px;height:113px;text-decoration:none;border:#FFFFFF solid 1px}
#diapo a img {border:0}
#diapo a.thumb:hover {text-decoration:none}
#diapo a .large {position:absolute;width:0;height:0;border:0;top:0;left:0}
#diapo a.thumb:hover .large {display:block;position:absolute;top:120px;left:0px;width:600px;height:450px;border:#CCCCCC solid 10px}

	/*-- DIAPO2 --*/

#diapo2 {position:relative;margin-top:488px;left:0;z-index:100}
#diapo2 ul {list-style:none;padding:0;margin:0}
#diapo2 ul li {display:inline}
#diapo2 a.thumb, #diapo2 a.thumb:visited {display:inline-block;width:150px;height:113px;text-decoration:none;border:#FFFFFF solid 1px}
#diapo2 a img {border:0}
#diapo2 a.thumb:hover {text-decoration:none}
#diapo2 a .large {position:absolute;width:0;height:0;border:0;top:0;left:0}
#diapo2 a.thumb:hover .large {display:block;position:absolute;top:-476px;left:0px;width:600px;height:450px;border:#CCCCCC solid 10px}

/*-----------------------------------------*/
/*----------------  NOUS  -----------------*/
/*-----------------------------------------*/

#nous {text-align:justify}
#nous img {padding-right:20px}
#nous h1 {border-bottom:#CCCCCC solid 1px;padding-top:18px}
#jacques {padding:10px 10px 10px 0}
#jacques p {margin:0;padding:0}
#nous-coord {padding-top:40px}
#nous-coord p {text-align:center}

#legal, #legal p {text-align:center}

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin-bottom: 2em;
	font-size: 0.77em;
}
/* Pied de page */
#pied {clear: both;width: 100%;margin-top: 4em;border-top: 1px dotted #CCC;padding: 2px;text-align: center}
#pied small {font-size: 0.77em}
#pied img {vertical-align: bottom}

/* Espaceur de blocs */
.nettoyeur {clear: both;margin: 0;padding: 0;border: none;height: 0;line-height: 1px;font-size: 1px}
.invisible {position: absolute;top: -3000em;height: 1%}