body { background-image: url(../images/fond-site.jpg); background-repeat: repeat-x; background-position: top; margin: 0px; }

td.ombre-gauche { background-image: url(../images/ombre-gauche.png); background-repeat: repeat-y; background-position: right; width: 5px; }

td.ombre-droite {background-image: url(../images/ombre-droite.png); background-repeat: repeat-y; background-position: left; width: 5px;}

td.ombre-foot {background-image: url(../images/ombre-foot.gif); background-repeat: repeat-x; background-position: top; height: 5px;}

td.foot-rech-rapide {background-image: url(../images/bas-tble-rech.gif); background-repeat: no-repeat; background-position: top;}

td.droit-tble-rech {background-image: url(../images/droit_recherche_rapide.gif); background-repeat: repeat-y; background-position: left;} 

input {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366;}

.recherche-rapide {color: #EDF0F3; margin-top: 7px; margin-left: 15px;}

.txt-bleu10{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; margin-left: 14px;}

.txt-bleu24{font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #125683; font-weight: bold;}

.txt-bleu17It{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #125683; font-style: italic; font-weight: bold;}

.texte_annonce {font-size: 11px; color: #000000; font-weight: normal; text-decoration:none; text-align:justify; line-height: 15px;}

select {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #125683;}

.liste_media { font-size:11px; padding:4px; width:100px; height:78px;}
.liste_media-photo {
	padding:4px;
	height:auto;
	width: 300px;
	border: 1px solid #003366;
}

.nom-ville {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #003366; background-color: #c1d6ea; width: 300px; padding-left: 5px;}
.nom-quartier {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; padding-left: 5px;}
.type-bien {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #003366; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #70C4DB; padding-bottom: 2px;}
.photo1 {height: 70px; width: 90px; border: 1px solid #003366; text-align: center; padding: 5px; border-spacing: 5px; background-color: #c1d6ea;}

#infos-agence {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	margin-left: 30px;
}

#infos-agence a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#infos-agence a:hover{color: #009cda;}

#boutons-details{
	float: right;
	height: 32px;
	width: 300px;
	text-align: right;
	margin-right: 15px;
	background-position: bottom;
	margin-top: 20px;
}


#fond-page {background-image: url(../images/fond-centre-page.jpg); background-repeat: repeat-x; background-position: bottom; background-color: #FFFFFF; margin-top: 12px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;}

#titre-reche-rapide {margin-top: 9px;}

#fond-ble-rech {background-image: url(../images/fond-tble-rech-rapide.gif); background-repeat: no-repeat; background-position: top; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;}

#contenu{font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; vertical-align: top;}
#contenu h3{font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 24px; color: #125683; border-bottom-width: thick; border-bottom-style: inset; border-bottom-color: #70C4DB; margin-bottom: 10px; margin-left: 10px; border-right-width: medium; border-right-style: inset; border-right-color: #70C4DB; padding-right: 5px;}
#contenu h2{font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; color: #125683; font-style: oblique; font-weight: bold;}
#contenu a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #125683;
	font-style: oblique;
	font-weight: bold;
	text-decoration: none;
}
#contenu a:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #125683;
	font-style: oblique;
	font-weight: bold;
	text-decoration: underline;
}

#logopartenaire {width: 100px;margin-left: 300px; margin-top: 10px;}
#credits {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #23779F; text-align: center; margin-top: 15px;}
#credits a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #009cda; text-decoration: none;}
#credits a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #23779F; text-decoration: underline;}

#reference {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: center; height: 58px; background-image: url(../images/fond-mot-cle.gif); background-repeat: no-repeat; background-position: center; padding-top: 20px;}
#reference a {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
#reference a:hover{text-decoration: underline;}

#tble-liste {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; width: 650px; padding-bottom: 15px; margin-left: 10px; padding-top: 5px; padding-right: 5px; padding-left: 5px;}
#tble-liste dt {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; padding-left: 10px; padding-top: 3px;}
#tble-liste em {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; font-style: normal;}

#tble-proposer {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; width: 430px; padding-bottom: 10px; padding-top: 15px; padding-right: 5px; padding-left: 5px; margin-left: 120px;}

#tble-partenaire {width: 310px; padding: 5px; height: 120px; margin-left: 20px;}
#tble-partenaire2 {width: 310px; padding: 5px; height: 120px; float: right;}
#tble-coordonnees {height: 175px; width: 210px;}

#titre-liste {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; background-image: url(../images/entete-tble-liste.gif); background-repeat: no-repeat; background-position: left;}
#titre-liste a {display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; height: 17px; width: 420px; padding-top: 7px; padding-left: 10px;}
#titre-liste a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFCC00; font-weight: bold; text-decoration: none; background-image: url(../images/entete-tble-liste-on.gif); background-repeat: no-repeat; background-position: left;}

#titre-liste-criteres {font-weight: bold; background-image: url(../images/entete-tble-criteres-selec.gif); background-repeat: no-repeat; background-position: left; font-family: Arial, Helvetica, "sans-serif 12px #FFFFFF"; font-size: 18px; color: #FFFFFF; height: 25px; width: auto; padding-top: 9px; text-align: center;}
#criteres-pages{text-align: center; width: 100px; float: right; height: 19px; font-size: 14px; font-weight: bold; color: #003366;}

div#prix2 {font-size:11px; width: 250px; float: right; text-align: right;}
div#prix2 em {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #009cda; font-weight: bold; font-style: normal;}


div#ref {font-size:11px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #999999; width: 500px;}

div#annonces {border:1px solid #60A6BC; font-size:11px; height: 120px; width: 650px;}
div#annonces div#photo {width:154px; float: right;}
div#annonces div#photo_annonce_pro {width:520px; float: right; line-height: 16px; height: auto; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; padding-right: 5px;}

div#detail {border:1px solid #60A6BC; font-size:11px; height: 590px; width: 650px; padding: 5px;}
div#detail div#info-detail {width:310px; float: right; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; line-height: 17px;}
div#detail h2 {font-size:14px; width: 640px; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; background-color: #003366; text-align: center; font-style: normal;}


div#detail div#ref-detail {font-size:11px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #999999; width: 120px; float: right;}

div#annonces div#infos_pro {margin: 0; background-color: #BFD4E9; width: 98%; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; padding-right: 5px; border: 1px solid #FFFFFF;}
div#annonces div#infos_pro a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color: #000000; text-decoration: none;}
div#annonces div#infos_pro a:hover {color: #009cda;}

div#fleche_gauche{width: 10px; float: left; height: 10px; padding-top: 0px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; margin-left: 30px;}
div#fleche_droite{width: 10px; float: left; height: 10px; padding-top: 0px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; margin-left: 20px;}

#boite-criteres{height: auto; width: 420px; padding-top: 10px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; margin-left: 125px;}

div#criteres em {font-size:16px; color: #5493A3; font-weight: bolder; font-style: normal; background-color: #C3D7EB; padding-right: 5px; padding-left: 5px; margin-left: 5px;}
div#criteres div#outline-criteres{border:1px solid #60A6BC; height: auto; width: 398px; padding-top: 10px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px;}
.text-criteres{font-size:11px; padding-left: 20px; width: 300px; text-align: right; height: 23px;}
div#criteres div#text-CP{font-size:11px; padding-left: 20px; width: 185px; text-align: right; height: 23px;}
div#criteres div#text2-criteres{font-size:11px; text-align: center; height: 40px; width: 180px; text-align: center; padding: 5px; border: 1px solid #98D8EA; font-weight: bold; color: #003366;}
div#criteres div#criteres-cadres{text-align: center; height: 40px; width: 180px; float: right; padding: 5px; border: 1px solid #98D8EA;}
div#criteres div#criteres-pages{text-align: center; width: 100px; float: right; height: 19px; font-size: 14px; font-weight: bold; color: #003366;}


div#partenaires {font-size:11px; height: 105px; width: 300px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 4px; border-left-width: 1px; border-style: solid; border-color: #60A6BC;}
div#partenaires div#titre-partenaires{font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #23779F; height: 18px; width: auto; padding-left: 10px; padding-top: 3px;}
div#partenaires div#titre-partenaires em{font-style: normal; color: #CCCCCC;}
div#partenaires div#text-partenaires{padding-left: 10px; padding-top: 5px; font-family: Arial, Helvetica, "sans-serif 11px #003366"; color: #003366; padding-bottom: 5px; padding-right: 5px;}
div#partenaires div#tel-partenaires{padding-left: 10px; padding-top: 3px; font-weight: bold; font-family: Arial, Helvetica, "sans-serif 11px #003366"; color: #003366; border-top-width: 1px; border-top-style: solid; border-top-color: #60A6BC; padding-bottom: 3px;}

div#coordonnees {font:11px Arial, Helvetica, sans-serif; width: 210px; border: 1px solid #60A6BC;}
div#coordonnees div#coordonnees-photo {padding: 5px; background-color: #f0eeee; width: 200px;}
div#coordonnees div#coordonnees-texte {padding: 15px; width: 180px; color: #003366;}
div#coordonnees div#coordonnees-texte em {color: #003366; font-size: 13px; font-style: normal; font-weight: bold;}
div#coordonnees div#coordonnees-texte a {font-size: 11px; color: #003366; text-decoration: none;}
div#coordonnees div#coordonnees-texte a:hover {font-size: 11px; color: #267BA3; text-decoration: underline;}

div#contact {width: 420px; border: 1px solid #60A6BC; float: right; height: 330px; padding: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366;}

div#contact-contenu {font:11px Arial, Helvetica, sans-serif;height: 170px;}
.text-contact{font-size:11px; text-align: right; height: 25px; width: 185px;}
.text2-contact{font-size:11px; height: 30px;}
.contact-cadres{text-align: left; height: 25px; width: 230px; float: right;}
#boite-contact {height:50px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-top-width: 1px; border-top-style: solid; border-top-color: #60A6BC; margin-top: 15px; padding-top: 10px; text-align: center;}

div#caracteristiques {font:11px Arial, Helvetica, sans-serif; height: 214px; width:290px; margin-left: 10px;}

div#description {font:11px Arial, Helvetica, sans-serif; height: 214px; width:280px; float: right; margin-right: 10px; border: 1px solid #60A6BC;}

div#description div#description-text { font:11px Arial, Helvetica, sans-serif; height: 145px; margin: 10px;}

div#description div#titre-description {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #3399FF; padding-left: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #3399FF;}

.rubriques {height: 17px;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; padding: 2px; background-color: #D5E2F0; text-align: left; padding-left: 5px;}
.rubriques2 {height: 17px;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-align:left; padding: 2px; padding-left:5px; background-color: #c1d6ea;}
.rubriques3 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; border: 1px solid #60A6BC; padding: 2px; text-align: center;}

.caisse_bleu_clair, td.caisse_bleu_clair {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	background-color: #abe5f5;
	border: 1px solid #51c8e8;
	padding-right: 5px;
	padding-left: 5px;
}

.txt_bleu_fonce11, p.txt_bleu_fonce11, a.txt_bleu_fonce11, td.txt_bleu_fonce11  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-decoration: none;
}

td.trait_bleu_clair {
	background-color: #51C8E8;
}

table.body_popup {
	background-image: url(../images/fond_popup.gif);
	background-repeat: no-repeat;
	background-position: left;
}