/* ********* A GARDER EN L'ETAT *********** */

* {margin:0; padding:0;} 

ul {margin-bottom:0px;}

li {margin-left:25px;}

a img {border:0}

html {font-size: 100%;}

.clear{clear:both;}





body {background:#2C3784;color:#fff; font: 11px Verdana, Arial, sans-serif;}

#body {text-align:center;color:black;background:#CCCCCC;padding:10px 0 0 0;}

table, div, input, body, textarea, select {font: 11px Verdana, Arial, sans-serif;}

a {text-decoration:none;}

hr {display:none;}



h1 {background:url(images/logo.gif) no-repeat left bottom;padding:15px 0 0 60px;font: 3em Times;color:#fff;margin:0 0 0 15px;}

h2 {color:#fff;font-size:1.3em;text-transform:uppercase;border-bottom:1px solid #B7DCF5;margin:0 0 10px 0;padding:0 0 5px 0;}

h3{font: bold 12px Verdana; color:#ff0000;margin-bottom:5px; }

h4{font: bold 11px Verdana; color:#fff;}

p {font: normal 11px Verdana; color: #fff; padding-bottom:10px; text-align:justify; line-height:1.2em;}



strong{font-weight: bold;}

em{font-style: italic;}



.color {color:#ff0000;}

.hr{font-size:1px; height:10px; border-bottom:1px solid #B7DCF5; margin:0 0 10px;}

.centre{text-align:center;}

.asterisque{font-style:italic; font-size:9px;}

.image_gauche{float:left; display:inline; margin:0 5px 5px 0;}

.image_droite{float:right; display:inline; margin:0 0 5px 5px;}

.more, .more a {font: bold 10px Verdana; color:#fff; text-align:right; text-decoration:none;}



/*  SOMMAIRE

	1. Structure

		1.1 Bandeau du haut

		1.2 Pied de page

		1.3 Contenu

		1.4 Spécification pour le BOP

	2. Accueil

	3. Locations / Ventes

		3.1 Moteur de recherche

		3.2 Liste des produits

	4. Actualités

	5. Contact

*/





/*------------  1. STRUCTURE             */

#bando, #contenu, #pied {margin:0 auto;text-align:left;}



	/*-----------  1.1 Bandeau du haut           */

	#bando {padding:5px 10px 0 0;width:990px;height:95px;background:url(images/ombre-bando.jpg) no-repeat right top #848484;}

		#bando h1 {background:url(images/logo.gif) no-repeat left bottom;padding:15px 0 0 60px;font: 3em Times;color:#fff;margin:0 0 0 15px;width:350px;}

			#bando h1 span {font-size:0.43em;font-style:italic;}

		#menu {margin:0px; list-style:none;text-transform:uppercase;float:right;display:inline;padding:4px 0 0 0;}

			#menu li {display:inline;margin:0;}

			#menu li a {color:#fff;display:block;float:left;padding:4px 10px;background:url(images/fond-menu.gif) repeat-y right top;}

			#menu li a:hover {background:url(images/fond-menu.gif) repeat-y right top #6E6E6E;}

			#menu .pasdebord {background:none;}

			#menu .pasdebord:hover {background:#6E6E6E;}

			#menu #onestla {background:url(images/fond-menu.gif) repeat-y right top #26327c;}

			#menu .a_niveau_1_active {background:url(images/fond-menu.gif) repeat-y right top #26327c;}

			#menu .pasdebord#onestla {background:#26327c;}

            #menu .li_niveau_1 {position:relative; float:left;}

            #menu .ul_niveau_2 {position:absolute; top:21px; left:0px; width:150px; background:#848484;}

            #menu .ul_niveau_2 li a {display:block; width:125px;}



		#menuhaut {margin:0px; list-style:none;float:right;display:inline;margin:0 10px 0 0;}

			#menuhaut li {display:inline;margin:0;}

			#menuhaut li a {color:#fff;display:block;float:left;padding:2px 7px;border-right:1px solid #fff;}

			#menuhaut li a:hover {background:#6E6E6E;}

			#menuhaut .pasdebord {border-right:0;}

			#menuhaut .drapeau {border-right:0; padding:2px 0; margin:0 0 0 4px;}

			#menuhaut #onestla {background:#26327c;border-right:1px solid #9CCAE8;}



	/*-----------  1.2 Pied de page           */	

	#pied {width:980px;background:url(images/ombre-pied.gif) no-repeat right bottom #fff;padding:5px 10px 20px 10px;color:#002843;}

		#pied p{color:#002843}

		#pied ul {margin:0px; list-style:none;float:right;display:inline;}

		#pied li {margin:0;display:inline;padding:0 10px;border-right:1px solid #002843;}

			#pied li a {color:#002843;}

			#pied li a:hover {color:#2677AB;}

		#pied .pasdebord {border-right:0;}



	/*-----------  1.3 Contenu           */

	#contenu {width:990px;background:url(images/ombre-contenu.jpg) repeat-y right top #fff;padding:0 10px 0 0;}

		#pageConteneur {background:url(images/fond-page.jpg) no-repeat #5963aa;}

		#pageConteneurActu {background:url(images/fond-actu.jpg) no-repeat #273d94;}

		#pageConteneurVente {background:url(images/fond-vente.jpg) no-repeat #5662AC;}

		#contenu table {margin:0 0 0 75px;}        

		#contenu .bloc {background:url(images/fond-trans.png);padding:15px;color:#fff;}

		#contenu h2 {color:#fff;font-size:1.3em;text-transform:uppercase;border-bottom:1px solid #B7DCF5;margin:0 0 10px 0;padding:0 0 5px 0;}

		#contenu input, #contenu select, #contenu textarea {border:1px solid #045488;}

		.cale {clear:both;}

       

	    #une_zone{overflow:auto;height:322px;padding:0 5px 0 0;}

		#deux_zone_gauche {list-style:none; font-size:13px; font-weight:bold;}
		#deux_zone_gauche li {margin:10px 5px; padding-left:25px; background:url('images/fleche.png') left center no-repeat no-repeat;}
		#deux_zone_gauche li a{color:#fff; text-decoration:none;}
		#deux_zone_gauche li a:hover{text-decoration:underline;}
		#deux_zone_gauche li a.a_niveau_2_active{text-decoration:underline;}

		#deux_zone_droite{overflow:auto;height:322px;padding:0 5px 0 0;}

		#trois_zone_gauche{overflow:auto;height:322px;padding:0 5px 0 0;}

		#trois_zone_centre{overflow:auto;height:322px;padding:0 5px 0 0;}

		#trois_zone_droite{overflow:auto;height:322px;padding:0 5px 0 0;}

																

	/*----------- 1.4 Spécification pour le BOP   ---------------------------------------------------*/

	#contenu ul {margin:0px; margin-bottom:10px;}

	#contenu form p {text-align:left;}

	#contenu p.lien {text-align:right;}

	#contenu p.lien a{font: normal 11px Verdana; color: #B7DCF5; text-decoration:none;}

	#contenu p.lien a:hover{text-decoration:underline;}





/*------------  2. ACCUEIL             */

#accConteneur {background:url(images/fond-accueil.jpg);}





/*------------  3. LOCATIONS / VENTES            */
	/*-----------  3.1 Moteur de recherche           */
	#recherche span {font-size:1.1em;}
	#recherche table, #recherche p {margin:0 0 15px 0;}
	#recherche input, #recherche select {margin:0 0 1px 0;}
	#recherche input {padding:1px 0;}
	#recherche .nomarge {margin:0;padding:0;}
	#type, #nbrEntre, #nbrEt, .pleinelargeur {width:100%;}
	#loyerEntre, #loyerEt {text-align:right;width:112px;}
	
    #nom_formulaire .type_logement {text-align:left; margin-bottom:25px;}
	#nom_formulaire .type_logement .row {font-size:12px;text-align:left;}
    #nom_formulaire .type_logement .row label{display:block; width:180px;text-align:left;}
    #nom_formulaire .type_logement .row select{width:180px; }
	.MoteurForm {font-size:12px;}
	.MoteurForm p span {font-size:12px;padding:0;margin:0;}
	 #nom_formulaire .MoteurLabel {font-style:italic;width:80px;}
	.type_logement .MoteurLabel {font-style:normal;}
	.MoteurNavigation a {color:#ccc;}


	/*-----------  3.2 Liste des produits          */
	#numpages a {color:#fff;}
	#numpages a:hover {color:#B7DCF5;}
	#fullOffres {float:right;text-transform:uppercase;}
		#fullOffres a {color:#fff;font-weight:bold;}
		#fullOffres a:hover {color:#B7DCF5;}


	.blocBleu {color:#003E65;padding:10px;background:#DFEBF9;margin:0 0 20px 0;}
	#contenu .blocBleu p {color:#003E65;font-size:1.1em;}
	.blocBleu h5 {text-transform:uppercase;font-size:1.1em;font-weight:normal;border-bottom:1px solid #003E65;padding:0 0 5px 0;margin:0 0 5px 0;}
	.blocBleu .btdetails span {background:#2677AB;color:#DFEBF9;padding:2px 10px;text-align:center;text-transform:uppercase;}
	.blocBleu .btdetails:hover span {background:#848484;}
	.blocBleu .txtGris {color:#6D8B9E;}

	#contenu .blocBleu .numbien {float:right;text-transform:uppercase;font-size:0.8em;font-weight:bold;}
	#contenu .blocBleu table {margin:0;}

	.blocBleu .miniature {float:right;margin:5px 0 0 20px;text-align:center;}
		.blocBleu .miniature a, .blocBleu .miniFiche a {text-transform:uppercase;font-size:0.8em;color:#000;}
		.blocBleu .miniature a:hover, .blocBleu .miniFiche a:hover {color:#2677AB;}

		.miniature a img, .miniFiche a img {vertical-align:bottom;}

	.blocBleu .miniFiche .bordure, .blocBleu .miniature .bordure {border:2px solid #003E65;}
	.blocBleu .miniFiche {padding:5px 0 0 20px;}

	.blocBleu .zoom {float:right;}



/*------------  4. ACTUALITES            */
#listeActus {float:left;width:380px;}
#actu {float:left;width:390px;margin:0 20px 0 0;display:inline;}
#grandBloc {width:810px;margin:0 0 0 75px;}


#nom_formulaire .row {padding-bottom:0}
#nom_formulaire .row input {width: 70px;}
#nom_formulaire .row label{display:inline; float: left; margin-right: 5px; width: 100px; text-align: right;}



/*------------  5. CONTACT            */

#grandBlocContact {width:680px;margin:0 0 0 140px;}
	#grandBlocContact form {margin:0 0 0 150px;padding:10px 0 0 0;}

	.row{clear:both; margin-bottom:5px;}
	.row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;}
	.row label span{color:#f00;}
	.row textarea, .row input {width: 150px;}
	.row select {width: 152px;}

	.row_chk{padding:0; clear:both; margin-bottom:5px;}
	.row_chk input{border:0}
	.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

	.row_are{clear:both; margin-bottom:5px;}
	.row_are label{display:block;}
	.row_are textarea{width:300px;}

	.row_rad {clear:both; margin-bottom:5px;}
	.row_rad .label{float:left; width:145px; text-align:right;}
	.row_rad .rad {margin-left:150px; margin-bottom:1px;}
	.row_rad .rad input{vertical-align:middle; border:0}
	.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

	.row .boxe {width:10px;}
	#heure1, #heure2 {width:50px;}
	#tel1,  #tel2 {width:75px;}
	.row_bt {margin-left:150px; clear:both; margin-bottom:5px;}


/*------------  6. ACTUALITE            */
/* #actualites {background-color:#CCCCCC;} */
#actualites .act_date{font:bold 12px Verdana; color:#fff; padding-bottom:5px;}
#actualites .act_titre{font:bold 11px Verdana; color: #ff0000; padding-bottom:2px;}
#actualites .act_texte{}