body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #000;
	margin:0;
	padding:0;
	border: 0px;
	font-size: 14px;
	text-align: center;
}

h1 {
	font-size: 18px;
	border-bottom: 2px solid #094397;
	margin: 20px 20px 10px 20px;
}

h2 {
	font-size: 16px;
	border-bottom: 1px solid #094397;
	margin: 20px 20px 10px 20px;
}

p {
	margin: 10px 20px 10px 40px;
}

.note {
 font-size: 12px;
 letter-spacing: 1px;
}

a:link, a:visited {
	color: #094397;
	text-decoration: none;
}

a:hover {
	color: #042555;
}

.page {
	width: 975px;
	display: inline-block;
	text-align: left;
	margin: 0px auto 0px auto;
	position: relative;
}

#miniature  {
	width:500px;
	border:solid 1px #000099;
	margin:20px auto;
}

#miniature .page  {
	width:500px;
}

#top_page {
	height:300px;
}

#miniature #top_page {
	height:auto;
}

#content_page {
	background-image: url(style/background-column-left.png);
	background-position: left;
	background-repeat: repeat-y;
}

#miniature #content_page {
	background-image :none;
	margin-top:10px;
}

#bottom_page {
}

.page-zone {
	width:100%;
	clear: both;
	position: relative;
}

#header {
	position: absolute;
	background-image: url(style/background-header.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 975px;
	height: 604px;
}

#miniature {
	background-image: url(style/background-miniature-header.png);
	background-repeat: no-repeat;
	background-position: top;
}

#miniature #title-page {
	position : absolute;
	right : 4px;
	top : 10px;
	color : #fff;
	width : 300px;
}

#miniature #header {
	position: relative;
	background-image: none;
	width: 100%;
	height: 50px;
}

#banner {
	position: relative;
}

#logo{
	position: absolute;
	background-image: url(style/logo-dom-inno.png);
	background-repeat: no-repeat;
	width:295px;
	height: 116px;
	top:10px;
	left:40px;
}

#logo-miniature {
	position: absolute;
	background-image: url(style/logo-miniature-dom-inno.png);
	background-repeat: no-repeat;
	top:10px;
	left:10px;
	width:166px;
	height: 65px;
}

#logo-fnaim {
	position: absolute;
	background-image: url(style/logo-fnaim.png);
	background-repeat: no-repeat;
	width:63px;
	height: 56px;
	left: 385px;
	top:30px;
}

#baseline {
	position: absolute;
	background-image: url(style/innovation-immobiliere.png);
	background-repeat: no-repeat;
	width:425px;
	height: 79px;
	left:500px;
	top:20px;
}

#agencies {
	position: absolute;
	background-image: url(style/saint-nazaire-a-nantes.png);
	background-repeat: no-repeat;
	width:954px;
	height: 195px;
	top: 100px;
	left: 15px;
}

#our-point {
	position: absolute;
	background-image: url(style/nos-points-conseil.png);
	background-repeat: no-repeat;
	width:270px;
	height: 102px;
	top: 220px;
	left: 430px;
}

#menu {
	position: absolute;
	top: 20px;
	left: 5px;
	width:235px;
	z-index: 99;
}

#top-menu {
	width: 235px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url(style/background-top-menu.png);
}

#bottom-menu {
	width: 235px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url(style/background-bottom-menu.png);
}

#menu ul {
	background-image: url(style/background-middle-menu.png);
	background-repeat: repeat-y;
	width: 235px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-size: 16px;
	letter-spacing: 2px;
}

#menu ul li {
	border-bottom: 1px solid #5BCBF5;
	margin: 0px 20px 0px 20px;
	padding: 2px 0px 2px 0px;
}

#menu ul li span {
	color: #FEDF0A;
	font-weight: bold;
}

#menu ul li a:link,#menu ul li a:visited {
	color: #fff;
	text-decoration: none;
	width: 100%;
	display: block;
}

#menu ul li a:hover {
	color: #eee;
	text-decoration: none;
	background-color: #1A5AB6;
}


#content {
	padding-left: 240px;
	padding-top: 20px;
	width: auto;
}

#bottom-content {
	clear: both;
	border: 1px solid white;
	text-align: right;
}

.column {

}

#column-center {
	float: left;
	width: 400px;
}

#column-right {
	float: left;
	width: 330px;
}

#mascotte-corner {
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(style/mascotte-column-left.png);
	width: 260px;
	height: 190px;
	top:-190px;
	z-index: 99;
}

#footer-bar {
	width: 975px;
	height: 23px;
	background-color: #094397;
}

#miniature #footer-bar {
	width:100%;
}

#footer-bar ul {
	margin : 0px;
	padding : 0px;
	list-style: none;
}

#footer-bar ul li {
	float: right;
	margin: 0px 10px 0px 10px;
}
#footer-bar ul li a:link, #footer-bar ul li a:visited {
	color: #fff;
	font-size : 11px;
}

/* ------------Miniature------------------ */

#miniature .column {
}

#miniature #content-top {
	margin-left: 200px;
}

#detail_photo #content-top {
	margin-bottom : 20px;
}

#detail_photo .annonce-details {
	margin-top: 30px;
}

#miniature #content-bottom {
	clear: both;
}

#miniature .annonce-content {
	text-align: left;
}



#miniature #column-left {
	float: left;
	width : 32%;
	margin : 1%;
}

#miniature #column-right {
	float: right;
	width : 65%;
}

#miniature .bloc {
	background-color: #74CBE0;
	padding: 5px;
	margin: 20px 0px 15px 0px;
}

#miniature .bloc a {
	margin: 0px 10px 0px 10px;
}

#agency-bar {
border-top : 1px solid #094397;
font-size : 80%;
text-align : center;
}

/* -------------- ZONE --------------- */

.zone {
	position: relative;
	border: 2px solid #094397;
	margin: 15px 10px 10px 10px;
	padding: 20px 2px 2px 2px;
	clear: both;
}

.mini-zone {
	position: relative;
	border: 1px solid #74CBE0;
	margin: 20px 20px 10px 20px;
	padding: 5px;
	clear: both;
	height: 235px;
}

#more-info {
	height: auto;
}


.comment-zone {
	padding: 4px 10px 4px 10px;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

.label-zone {
	position: absolute;
	font-weight: bolder;
	font-size: 16px;
	font-style: italic;
	background-color: #fff;
	top: -10px;
	left:10px;
	padding: 0px 4px 0px 4px;
	letter-spacing: 1px;
}

.date-zone {
	position: absolute;
	background-color: #fff;
	top: -12px;
	padding: 0px 4px 0px 4px;
	right:25px;
	color: #094397;
}

.mini-zone .label-zone {
	font-size: 14px;
	font-style: normal;
	letter-spacing: normal;
	color: #094397;
}

.mini-zone .title {
 font-weight: bold;
}

p.legal-info {
	text-align : center;
	letter-spacing : 1px;
	font-size : 85%;
}

/* ------------- Liste des agences ------------------ */

#our-agencies .photo {
 float:right;
 margin:5px;
}

#our-agencies .address {
	margin:10px;
	width : 300px;
}

#our-agencies .phone, #our-agencies .fax, #our-agencies .email {
	margin: 5px 5px 5px 15px;
	width : 300px;
	float : left;
}

#our-agencies .photo img {
	border: 1px solid #094397;
}

#our-agencies .spacer {
	clear : both;
}

/* ------------ Photo ------------- */

.bloc-photo {
	position: relative;
	display: inline;
	width: 160px;
	float: right;
	border: 1px solid #094397;
	padding: 5px 5px 0px 5px;
	margin-left: 5px;
	height: 125px;
}

#list .photo {
        width: 160px;
        height: 125px;
}

#miniature .bloc-photo {
	width : auto;
	float: none;
	border: none;
	padding : 0px;
	margin : 0px;
}

#miniature .bloc-photo .photo {
 text-align: center;
}


.bloc-photo .panel {
	height : 25px;
	/*margin: 2px;*/
	margin: 10px 2px 2px 2px;
	width: auto;
	text-align: right;
}

img {
	border:0px;
}

.mini-photos .photo {
	float:left;
	margin : 2px;
}

#miniature .panel {
	clear: left;
}

/* ----------------- Alerte immo -------- */
#alertimmo .zone, #result .zone {
	margin: 40px 30px 10px 30px;
}

div{
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*border: 1px solid #000000;*/
}
.div_profil_libelle{
	float:left;
	width:120px;
	margin-top:3px;
	text-align:right;
}
.div_profil_valeur{
	margin-left:130px;
}

.div_profil_libelle_plus_valeur{
	width:300px;
	height:35px;
}

#div_profil_renseignements_personnels{
	height:240px;
}
#div_profil_nom{
	float:left;
}
#div_profil_prenom{
	margin-left:310px;
}
#div_profil_adresse{
	width:300px;
}
#div_profil_cp{
	float:left;
}
#div_profil_ville{
	margin-left:310px;
}
#div_profil_email{
	float:left;
	width:310px;
}
#div_profil_telephone{
	margin-left:310px;
}

#div_profil_optout{
	clear:both;
	width:auto;
	float:none;
}
#div_profil_optout .div_profil_valeur{
	text-align:right;
	float:left;
	margin-left:0;
	width:80px;
}
#div_profil_optout .div_profil_libelle{
	text-align:left;
	margin-left:90px;
	width:auto;
	float:none;
	padding-top:2px;
}

#div_profil_projet{
	clear:both;
	height:120px;
}
.div_profil_perso_libelle_plus_valeur{
	height:30px;
	clear:both;
}
.div_profil_perso_libelle_plus_valeur .div_profil_libelle{
	width: 390px;
	text-align:left;
}



#div_profil_identification{
	clear:both;
}
#div_profil_identification .div_profil_libelle_plus_valeur{
	float:none;
	clear:both;
	height:30px;
	width:420px;
}
#div_profil_identification .div_profil_libelle{
	clear:both;
	float:left;
	width:240px;
}
#div_profil_identification .div_profil_valeur{
	float:none;
	margin-left:250px;
}

#div_profil_validation{
	clear:both;
}

#div_profil_btn_supprimer{
	float:left;
	text-align:center;
}

#div_profil_rech_btn_valider{
	clear:both;
	text-align:center;
	margin-top:100px;
	_margin-top:20px;
}
#div_profil_btn_valider{
	margin-top:10px;
	text-align:center;
}
#div_profil_champs_obligatoires{
	margin-top:10px;
	text-align:right;
}
#div_profil_mentions_legales_cnil{
	margin-top:20px;
}

/* ---------------- Recherche ---------------- */

#zone-search {
	margin: 80px 20px 80px 20px;
}

#search-sector-label {
	margin-top: 20px;
}

#zone-search .button-footer {
	margin-top: 40px;
}

/* ---------------- Résulat Recherche ---------------- */

#zone-filter form{
text-align: center;
}

#zone-filter select {
	width:120px;
}

.tridate {
	text-align: right;
	border-bottom: 2px solid #094397;
	margin: 0px 20px 0px 20px;
}

.page-list {
	position: relative;
	margin: 2px 20px 2px 20px;
	padding: 4px;
	background-color: #094397;
	color: #fff;
}

#bottom-page-list {
	margin-bottom : 40px;
}

.page-list span {
	font-weight: bold;
	background-color: #74CBE0;
	color : #fff;
	font-weight: bold;
}

.page-list a:link, .page-list a:visited {
	color: #fff;
}

.page-list ul {
	font-size: 11px;
	list-style: none;
	margin: 5px;
	padding: 0;
	position: absolute;
	top:0px;
	right:0px;
}

.page-list ul li {
	float: left;
	margin: 0px 10px 0px 20px;
}

.annonce-reference {
	position: absolute;
	bottom: 0px;
	left:0px;
	background-color: #74CBE0;
	color : #fff;
	font-size: 12px;
	padding: 2px;
}

.mini-zone .price {
	position: absolute;
	bottom: -10px;
	right: 30px;
	width: auto;
	padding: 1px 10px 1px 10px;
}

/* -------------- Presentation --------------- */

#zone-presentation {
	background-color: #FEDF0A;
	color: #DD1D1D;
	border: 1px solid #E6CC17;
	margin: 20px 10px 10px 10px;
	padding: 20px 20px 28px 20px;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
}

#zone-presentation .area {
	color: #094397;
	font-weight: bold;
}

#mascotte-presentation {
	position: absolute;
	top:-30px;
	right:260px;
	background-repeat: no-repeat;
	background-image: url(style/mascotte-presentation.png);
	width: 67px;
	height: 79px;
}

/* ------------ Coup de coeur ------------- */

#coup-de-coeur {
	height: 160px;
	_height: 180px;
	padding: 10px 10px 10px 10px;
	margin-bottom : 10px;
	visibility:
}

#coup-de-coeur .bloc-texte {
	width:170px;
	float:left;
}

#coup-de-coeur p {
	height:60px;
	overflow:hidden;
	margin:0;
	padding:0;
}

#coup-de-coeur .title {
	font-weight: bold;
	margin-bottom: 5px;
}

.annonce-content {
	text-justify: newspaper;
	text-align: justify;
	font-size: 12px;
}

#coup-de-coeur .label {
	clear: both;
	position: absolute;
	bottom: 5px;
	right : 80px;
	font-weight: bolder;
	font-size: 16px;
	font-style: italic;
	background-color: #fff;
}

#mascotte-coup-de-coeur {
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(style/mascotte-coup-de-coeur.png);
	width: 118px;
	height: 107px;
	right: -10px;
	bottom: -88px;
	display:none;
}

/*---------- price ------------ */

.price {
	background-color: #FEDF0A;
	border: 1px solid #E6CC17;
	width: 100px;
	text-align: center;
	margin-top:5px;
	margin-right: 5px;
	color: #DD1D1D;
	font-weight: bold;
}

#miniature .price {
	position: absolute;
	bottom: -25px;
	right:20px;
}

.fai {
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 70%;
}

/* -------------FORM --------------- */

form {
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}

.form-label {
	margin: 5px 5px 5px 10px;
	font-weight: bold;
	padding: 0px;
	clear : both;
}

.form-element {
	margin: 5px 5px 5px 30px;
	clear: both;
}

.form-element-label {
	width: 35%;
	float: left;
	margin: 5px;
}

input.text {
	float: right;	
}

input.text, textarea {
	border: 1px inset black;
	margin: 5px;
}

textarea {
	width:90%;
	margin-left:5%;
}

.button-footer {
	text-align: right;
	clear: both;
}

input.radio, input.checkbox {
	/*margin-left: 30px;*/
	border : 1px solid white;
	
}

input.button-form {
	font-size: 16px;
	border-width: 1px;
	font-weight: bold;
	border-color: #FFFCE8 #C7B117 #C7B117 #FFFCE8;
	background-color: #FEDF0A;
}


/* AJOUTE */

.num_page img { vertical-align:middle }
.bloc .panel {
	height : 25px;
	margin: 2px;
	padding:0px;
	width: auto;
	text-align: right;
}
.erreur_mini { color: #FF3333 }
.erreur_mini a:link, .erreur_mini a:visited, .erreur_mini a:hover { color: #CA2032; font-weight: bold }
.defaut h1 { text-align:left }
.form-zone input { margin-left:35px }



/********************
* 	CHANGEMENT		*
********************/

#search-ville {
	margin-left:37px;
}

#zone-speed-search {
	padding-top:10px;
	float:right;
	width:300px;
	clear:none;
	height:168px;
}

#maparea {
	width:500px;
	height:350px;
}



#moteur-recherche {
	width:670px;
	clear:both;
	margin-top:15px;
}

#moteur-recherche #corps-moteur {
	width:670px;
	clear:both;
	padding:10px 5px 5px 5px;
	color:#000000;
}

#moteur-recherche #titre-moteur {
	clear:both;
	width:485px;
	_width:505px;
	background-color:#294c8e;
	color:#fff51f;
	text-align:left;
	padding-left:5px;
	font:bold 14px Arial, Helvetica, sans-serif;
	height:20px;
}
	

#moteur-recherche a {
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000000;
}


.div_rech_valeur {
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0;
}

.div_rech_libelle_plus_valeur {
	clear:both;
	float:left;
	margin:0 0 10px 0;
}

#div_rech_btn_rechercher, #div_rech_btn_rechercher, #div_rech_moteur_d_annonces  {
	clear:both;
}

#div_rech_prix_min, #div_rech_prix_max, #div_rech_nb_pieces_max, #div_rech_surface_max, #div_rech_uniquement_avec_photo {
	clear:none;
}

.div_rech_libelle {
	width:120px;
	text-align:right;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin-right:10px;
	color:#000000;
	float:left;
}

.div_rech_valeur {
	width:160px;
	text-align:left;
	float:left;
}

#div_rech_prix_min .div_rech_valeur, #div_rech_prix_max .div_rech_valeur, #div_rech_nb_pieces_max .div_rech_valeur, #div_rech_surface_max .div_rech_valeur {
	width:110px;
}

#div_rech_uniquement_avec_photo .div_rech_valeur {
	width:20px;
}

#div_rech_prix_min .div_rech_libelle, #div_rech_prix_max .div_rech_libelle, #div_rech_nb_pieces_max .div_rech_libelle, #div_rech_surface_max .div_rech_libelle {
	width:60px;
}

#div_rech_uniquement_avec_photo .div_rech_libelle {
	width:550px;
}


#div_rech_prestation, #div_rech_type_de_bien, #div_rech_tri {
	width:680px;
}

#div_rech_uniquement_avec_photo {
	width:600px;
}

#div_rech_departement, #div_rech_ville, #div_rech_nb_pieces_min, #div_rech_surface_min {
	width:400px;
}

#div_rech_ville select {
	width:150px;
}

#div_rech_prix_min, #div_rech_prix_max, #div_rech_nb_pieces_max, #div_rech_surface_max {
	width:180px;
}

#alentour .div_rech_libelle-valeur, #div_rech_choix_alentours .div_rech_libelle-valeur{
	width:680px;
}

#alentour .div_rech_valeur, #div_rech_choix_alentours .div_rech_valeur{
	width:500px;
}

.annonces-tag {
	text-align:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding-left:20px;
}

.annonces-tag a {
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.annonces-tag a:hover {
	text-decoration:none;
}

#dernieres-annonces {
	position:relative;
	margin-top:15px;
	width:707px;
	float:left;
}

#dernieres-annonces .annonce {
	width:150px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	float:left;
	margin-left:20px;
	_margin-left:10px;
	margin-bottom:20px;
	text-align:center;
	height:170px;
}

#dernieres-annonces .annonce:hover {
	opacity:0.8;
 	filter: alpha(opacity = 80);	
}

#dernieres-annonces .annonce img {
	height:113px;
}

#dernieres-annonces .annonce .infos {
	display:block;
	width:140px;
	padding:5px;
	background-color:#094397;
	color:#FFFFFF;
	margin-top:5px;
	text-align:center;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#dernieres-annonces .annonce .infos .ville {
	text-transform:uppercase;
}

#dernieres-annonces .annonce .infos .prix {
	font-weight:bold;
}