/* ====================================================================== */
/* =============================== GLOBAL ============================== */
/* ====================================================================== */
.spacer { clear:both; }
.spacer2 { clear:both; visibility:hidden; height:0; margin:0; padding:0; border:0; }

::-moz-selection { background:#B1A474; color:white;}
:selection { background:#B1A474; color:white;}


a { color:#B1A474; text-decoration:underline; /* outline:none; vire le pointillé autour du lien */ }
a:hover { text-decoration:none; }
a:focus{}
a:active{ }
a:visited{ }

strong{ color:#212a32;}

h1,h2,h3,h4,h5,h6{ color:#212a32;}
h1{ font-size:2.0em; } 
h2{ font-size:1.6em; } 
h3{ font-size:1.4em; } 
h4{ font-size:1.2em; } 
h5{ font-size:1.2em; } 
h6{ font-size:1.2em; }

p { font-size:1.2em;}

hr{ height:1px; border-bottom:1px white solid; border-top:1px #CEDCE7 solid; border-left:1px #E8EFF5 solid; border-right:1px #E8EFF5 solid;}

/* Centrage */
.floatleft{ float:left;}
.floatright{ float:right;}
.center{ text-align:center;}
.alignleft{ text-align:left;}
.alignright{ text-align:right;}

/* abbréviation */
abbr,acronym { border-bottom:1px #c80064 dashed; cursor:help; }
/* adresse */
address{ font-style:italic;}
/* définition */
dfn{ font-style:italic;}

#errorPHP{ position:absolute; bottom:0px; width:100%; height:20px; background:white; color:red; z-index:200;}
body > #errorPHP{ position:fixed; }
	#errorPHP p{ color:white; }

/* pour le ref */
.strong{font-weight:bold !important;}
.no-strong{font-weight:normal !important;}
.hidden-link{ color:black; text-decoration:none;}
.hidden-link:hover{ text-decoration: underline;}


/* pagination - element par page */
.navPage{ margin:10px 0px 10px 0px; float:right; }

	.navPage .navNumber{ float:left; }
		.navPage .navNumber a{ }
		.navPage .navNumber a:hover{ }
	
	/* lien prev */
	.navPage a.prev{padding:1px 10px; font-weight:bold; cursor:pointer; background:#4D4D4D; color:white; border:1px #4D4D4D solid; text-decoration:none;}
		.navPage a.prev span{ }
	/* lien next */
	.navPage a.next{padding:1px 10px; font-weight:bold; cursor:pointer; background:#4D4D4D; color:white; border:1px #4D4D4D solid; text-decoration:none;}
		.navPage a.next span{ }
	/* lien numéro */	
	.navPage a.num{padding:1px 10px; font-weight:bold; cursor:pointer; background:white; color:gray; border:1px #4D4D4D solid; text-decoration:none;}
	.navPage a.num:hover{ background:gray; color:white;}
	.navPage a.select{ background:#B1A474; color:white; }
		.navPage a.num span{ }
		
	/* voir tout */
	.navPage .seeAll{ float:left;}
		.navPage .seeAll a{ margin:0px 0px 0px 3px; padding:1px 10px; font-weight:bold; cursor:pointer; background:#4D4D4D; color:white; border:1px #4D4D4D solid; text-decoration:none;}
		.navPage .seeAll a:hover{ background:#B1A474; border:1px #B1A474 solid;}
	
		
	.navpageVoir{display:inline; margin:0px 10px 0px 0px;}
		.navpageVoir label{ color:#7a7a7a;}
		.navpageVoir select{}
			.navpageVoir option{}
			.navpageVoir option:hover{}
			



/* Tableau */	
.DaTable{ width:99%; font-size:1.2em;}
	.DaTable tr{ border-bottom:1px #ccc solid;}
	.DaTable th, .DaTable td{ padding:2px 5px 2px 5px;}
	.DaTable th{ font-weight:bold;}
	.DaTable td{}
	.DaTable a{}

	.DaTable .bg1{ background:#cedce7;}
	.DaTable .bg2{}
	

/* boutons */
.btAdd01{ padding:0px 25px 0px 35px; height:24px; background:#ebebeb url(../cssimg/site/bt_add01.gif) 3px 0px no-repeat; color:#71af01; font-weight:bold; border:1px #dddddd solid; cursor:pointer;}
.btAdd02{ padding:0px 0px 0px 20px; height:18px; background: url(../cssimg/add.png) 3px 0px no-repeat; color:#727272; font-weight:bold; border:0px white solid !important; cursor:pointer;}
.btEnvoi01{ padding:0px 25px 0px 35px; height:24px; background:#ebebeb url(../cssimg/accept.png) 3px 0px no-repeat; color:#71af01; font-weight:bold; border:1px #dddddd solid; cursor:pointer;}
.btSupp01{ padding:0px 5px 0px 25px; height:18px; background:#ebebeb url(../cssimg/delete.png) 3px 0px no-repeat; color:#727272; font-weight:bold; border:1px #dddddd solid; cursor:pointer;}
.btModif01{ padding:0px 5px 0px 20px; height:18px; background: url(../cssimg/document_edit.png) 3px 0px no-repeat; color:#727272; font-weight:bold; border:0px; cursor:pointer; }
.btNoir01{ padding:0px 10px; height:22px; background: url(../cssimg/site/menu_h_bg_noir.gif) 3px 0px repeat-x; color:white; text-align:center; border:0px; cursor:pointer; }

/* titre */	
.titre01{font-size:1.4em; color:#0f69d7; font-weight:bold;}	
.titre02{ margin:20px 0px 0px 0px; padding:6px 0px 0px 20px; height:22px; font-size:1.4em; color:black; font-weight:bold; background: url(../cssimg/site/menu_h_bg_vert.gif) 0px 0px repeat-x; }	

/* css de base pour formulaire esteve */
.form{}
	.form form{}
	.form form p{ margin:5px 0px 0px 0px;}
	
	.form form p label{ color:#a3a3a3;}
	.form form p:hover label{ color:#212a32; }
	.form form p label.short{  width:85px;}
	.form form p label.long{  width:15px;}
		.form .required:hover span{ color:#B1A474; }
	
	.form form p input{ padding:2px 5px; color:#4f4f51; border-bottom:1px #e2e9ef solid;  border-left:1px #e3e3eb solid;  border-right:1px #e3e3eb solid;  border-top:1px #aaadb2 solid; }
	.form form p:hover input{ background:#dbd5d0; color:#212a32;}
	.form form p input:focus {background:#B1A474; color:white; }
	.form form p input[type=text]{ width:160px; }
	
	.form form p select{ padding:2px 5px; color:#4f4f51; border-bottom:1px #e2e9ef solid;  border-left:1px #e3e3eb solid;  border-right:1px #e3e3eb solid;  border-top:1px #aaadb2 solid; }
	.form form p option{ background:#B1A474; color:white; }
	
	.form form p textarea{ }
	.form form .button{ }
	.form form .button button{}
	

/* DIMENSION */
.wd-10{ width:10px;} .wd-20{ width:20px;} .wd-30{ width:30px;} .wd-40{ width:40px;} .wd-50{ width:50px;} .wd-60{ width:60px;} .wd-70{ width:70px;} .wd-80{ width:80px;} .wd-90{ width:90px;} .wd-100{ width:100px;} .wd-110{ width:110px;} .wd-120{ width:120px;} .wd-130{ width:130px;} .wd-140{ width:140px;} .wd-150{ width:150px;} .wd-160{ width:160px;} .wd-170{ width:170px;} .wd-180{ width:180px;} .wd-190{ width:190px;} .wd-200{ width:200px;} .wd-210{ width:210px;} .wd-220{ width:220px;} .wd-230{ width:230px;} .wd-240{ width:240px;} .wd-250{ width:250px;} .wd-260{ width:260px;} .wd-270{ width:270px;} .wd-280{ width:280px;} .wd-290{ width:290px;} .wd-300{ width:300px;} .wd-310{ width:310px;} .wd-320{ width:320px;} .wd-330{ width:330px;} .wd-340{ width:340px;} .wd-350{ width:350px;} .wd-360{ width:360px;} .wd-370{ width:370px;} .wd-380{ width:380px;} .wd-390{ width:390px;} .wd-400{ width:400px;} .wd-410{ width:410px;} .wd-420{ width:420px;} .wd-430{ width:430px;} .wd-440{ width:440px;} .wd-450{ width:450px;}
.hg-10{ height:10px;} .hg-20{ height:20px;} .hg-30{ height:30px;} .hg-40{ height:40px;} .hg-50{ height:50px;} .hg-60{ height:60px;} .hg-70{ height:70px;} .hg-80{ height:80px;} .hg-90{ height:90px;} .hg-100{ height:100px;} .hg-110{ height:110px;} .hg-120{ height:120px;} .hg-130{ height:130px;} .hg-140{ height:140px;} .hg-150{ height:150px;} .hg-160{ height:160px;} .hg-170{ height:170px;} .hg-180{ height:180px;} .hg-190{ height:190px;} .hg-200{ height:200px;} .hg-210{ height:210px;} .hg-220{ height:220px;} .hg-230{ height:230px;} .hg-240{ height:240px;} .hg-250{ height:250px;} .hg-260{ height:260px;} .hg-270{ height:270px;} .hg-280{ height:280px;} .hg-290{ height:290px;} .hg-300{ height:300px;} .hg-310{ height:310px;} .hg-320{ height:320px;} .hg-330{ height:330px;} .hg-340{ height:340px;} .hg-350{ height:350px;} .hg-360{ height:360px;} .hg-370{ height:370px;} .hg-380{ height:380px;} .hg-390{ height:390px;} .hg-400{ height:400px;} .hg-410{ height:410px;} .hg-420{ height:420px;} .hg-430{ height:430px;} .hg-440{ height:440px;} .hg-450{ height:450px;}
.formulaiR .widthVerySmall{}
.formulaiR .widthSmall{}
.formulaiR .widthNormal{}
.formulaiR .widthBig{}
.formulaiR .widthVeryBig{}




body{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:#4E4E50 url(../cssimg/site/bodyBG.gif) 0px 0px repeat-x; }




#conteneur{ position:relative; margin:0px auto 0px auto; width:960px; color:#4f4f51; }

/* ====================================================================== */
/* =============================== HEADER =============================== */
/* ====================================================================== */
#header { position:relative; height:129px;  }

/* ======================= Logo ======================= */
#flag{ position:absolute; top:2px; right:0px; z-index:1; }
#logo{ position:absolute; top:0px; left:0px; z-index:1; }
#slogan{ position:absolute; top:2px; left:210px; color:#9FA0A2; font-size:10px;  }
	#slogan span{font-size:11px; }
	#slogan a{ color:#9FA0A2; text-decoration:none; }

#social{  position:absolute; top:55px; right:0px;}
	#social a{ display:block; float:left; width:30px; height:29px;
-webkit-transition: background 0.2s ease-in;
-moz-transition: background 0.2s ease-in;
-o-transition: background 0.2s ease-in;
transition: background 0.2s ease-in;	 }
	#social span{ display:none;}

	#twitter{ background: url(../cssimg/site/social.png) 0px bottom no-repeat; margin-left:3px;}
	#facebook{background: url(../cssimg/site/social.png) right bottom no-repeat; margin-left:3px;}
		#twitter:hover{ background: url(../cssimg/site/social.png) 0px 0px no-repeat;}
		#facebook:hover{background: url(../cssimg/site/social.png) right 0px no-repeat;}



/* ======================= menu ======================= */
#menu-haut { position:absolute; top:55px; left:235px; z-index:1; }
	#menu-haut ul{ }
		#menu-haut ul li { float:left; }
			#menu-haut a {float:left; display:block; padding:0px 35px 0px 8px; min-height:18px; color:gray; line-height:15px; font-size:2em; font-family: 'LeagueGothicRegular', Arial, sans-serif; text-align:center; text-decoration:none; border-left:3px #65646A solid;}
			#menu-haut a:hover {  color:white; border-left:3px #B1A474 solid; }

/* ==================== fil ariane ==================== */
#fil-ariane{position:absolute; top:110px; right:0px; padding:2px 0px 0px 0px; color:#A9ACB1; }
	#fil-ariane ul{ float:right; padding:0px 10px 0px 5px;  background: url(../cssimg/site/flechemini1.gif) 0px 3px no-repeat;}
		#fil-ariane li{ float:left; list-style-type:none; padding:0px 0px 0px 5px; font-weight:bold; font-size:1.1em; }
		#fil-ariane li a{ display:block; float:left; padding:0px 9px 0px 0px; background:url(../cssimg/filariane-puce.gif) right center no-repeat; font-weight:normal; color:#A9ACB1; text-decoration:none; }
		#fil-ariane li a:hover{}

/* ====================================================================== */
/* =============================== CENTRE =============================== */
/* ====================================================================== */
#centre{ position:relative; height:auto; min-height:350px; _height:350px; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; background:white url(../cssimg/site/centreBG.gif) center 0px no-repeat; }
.centreBG{ padding:0px 0px 17px 0px; background:white url(../cssimg/site/centreBG2.gif) center bottom no-repeat; }


/* ==================== en tete ==================== */
#entete{ margin:0px 0px 20px 0px; text-align:center;}
	#entete .ent1{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:1.8em; font-weight:bold; color:#202A33; }
	#entete .ent2{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:1.2em; font-weight:bold; color:#646368; }
		#entete .ent2 a{color:#505050; text-decoration:none;}
		#entete .ent2 a:hover{}


/* ================== div gauche ================== */
#gauche{  float:left; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; width:380px;}


/* ===================== main ===================== */

/*----- titre principal et input titre pour changer de titre  */
h1.nom-page,input.nom-page{ margin:0px 0px 10px 0px; padding:0px 0px 0px 55px; height:30px; line-height:30px; color:white; font-size:1.6em; background:#212a32; border-left:10px #B1A474 solid; }
input.nom-page{ width:97%; border-bottom:1px gray dashed !important; border-left:0px white solid; border-right:0px white solid; border-top:0px white solid; }

/* main-1 = 1 colonne */
#main-1{ float:left; width:940px; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; z-index:1;}
/* main-2 = 2 colonne */
#main-2{ float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:540px; z-index:1;}

/* colonne, indique la taille de la zone #main */
.colonne1{ width:960px; }
.colonne2{ width:700px; }

.lepaladapadding{ padding:0px 10px;}


/* ====================================================================== */
/* =============================  MENU GAUCHE =========================== */
/* ====================================================================== */

/* ================== menu gauche ================== */
.mg{ margin:0px 0px 30px 0px; }

.mg ul{ height:1% /*hack ie*/; }
	.mg li{}
		.mg li a { position:relative; display:block; text-decoration:none;  }


	.mg .ul0{ }
		.mg .li0{ }
			.mg .li0 a.lien0 {  margin:0px 0px 3px 0px; padding:4px 0px 0px 55px; min-height:21px; color:white; font-size:1.4em; font-weight:bold; background:#212a32; border-left:10px #B1A474 solid; }
			.mg .li0 a.lien0:hover, .mg .select0 .lien0{ background:#212a32 url(../cssimg/site/flecheDroit.gif) right center no-repeat;}
			.mg .select0 a{ background:#212a32 url(../cssimg/site/flecheDroit.gif) right center no-repeat !important;}

	.mg .ul1{ }
		.mg .li1{ }
			.mg .li1 a.lien1 { line-height:22px; height:22px; margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; font-size:1.2em; color:#3e3e3e; background:#57d3db; border-bottom:1px white solid; }
			.mg .li1 a.lien1:hover{ font-weight:bold; }

	.mg .ul2{ }
		.mg .li2{ }
			.mg .li2 a.lien2 { line-height:22px; height:22px; margin:0px 0px 0px 0px; padding:0px 0px 0px 30px; font-size:1.2em; color:#3e3e3e; background:#8ae0e6; border-bottom:1px white solid; }
			.mg .li2 a.lien2:hover{ font-weight:bold; }

	.mg .ul3{ }
		.mg .li3{ }
			.mg .li3 a.lien3  line-height:22px; height:22px; margin:0px 0px 0px 0px; padding:0px 0px 0px 40px; font-size:1.2em; color:#565656; background:#c1eef0; border-bottom:1px white solid; }
			.mg .li3 a.lien3:hover{font-weight:bold; }


/* ====================================================================== */
/* ============================== FOOTER ================================ */
/* ====================================================================== */
#footer-container{ clear:both; width:100%; min-height:63px; background:#2E353B url(../cssimg/site/footerBG.gif) 0px 0px repeat-x;}

#footer1{  margin:0px auto 0px auto; padding:4px 0px 0px 0px; width:960px; min-height:22px; }
	#footer1 .ftG{ color:white;font-size:1.1em; }
		#footer1 .ftG a{color:white; text-decoration:none;}
		#footer1 .ftG a:hover{text-decoration:underline;}

	#footer1 .ftD{ float:right; color:white;font-size:1.1em; }
		#footer1 .ftD a{color:white; text-decoration:none;}
		#footer1 .ftD a:hover{text-decoration:underline;}


#footer2{  margin:0px auto 0px auto; padding:0px 0px 0px 0px; width:960px; color:#798289; }
	#footer2 img{ float:left; margin:0px 5px 0px 0px;}
	#footer2 p{ font-size:1em; }
		#footer2 a{ color:#798289; text-decoration:none; }
			#footer2 a:hover{ text-decoration:underline;}


#footer2 h2{ font-size:1.2em; }
	#footer2 h2 a{}
	#footer2 h2 a:hover{}
#footer2 div{ float:left; padding:0px 0px 20px 0px; width:240px; }
	#footer2 div h3{ font-size:1.1em; }
	#footer2 div h3 a{}
	#footer2 div h3 a:hover{}
	#footer2 div p{}

/* ====================================================================== */
/* ============================== ACCUEIL =============================== */
/* ====================================================================== */


/* Contact nos agences sur accueil*/
#contactAcc{}
#contactAcc .map { float:right;}

#selectnosagences{ float:right; margin:0px 40px 0px 0px; background:#212A32; }
	#selectnosagences select{ padding:2px 5px; color:white; background:#212A32; border:1px #212A32 solid;   }
	#selectnosagences option{ }


.agence{ float:left; margin:5px 0px 5px 0px;}
	.agence .titre{ font-weight:bold; color:#22292F;}
	.agence .adresse{}
	.agence .adresse a{ font-style:italic; color:#4f4f51;}
	.agence .adresse a:hover{}

/* les derniers biens */
#last{ position:relative; margin:0px auto; width:940px; /*height:126px; */}
#lastCont{ margin:0px auto; width:785px; }
#lastCont2{ }
	.onelast{ float:left; margin:0px 8px; width:140px; text-align:center;}
		.onelast img{ padding:1px; background:white; border:1px #C8C8CA solid;}
		.onelast:hover img{ padding:1px; background:white; border:1px #B1A474 solid; }
		.onelast p,.onelast a{ color:#43464B;}
		.onelast:hover p, .onelast:hover a{ color:#B1A474;}
		.onelast a{  text-decoration:none;}

#last .prec{ position:absolute; top:70px; left:30px;}
	#last .prec { display:block; width:17px; height:26px; background:url(../cssimg/site/fleche-slide.jpg) 0px bottom no-repeat; cursor:pointer;}
	#last .prec:hover{ background:url(../cssimg/site/fleche-slide.jpg) 0px 0px no-repeat;}
	#last .prec span{ display:none;}
#last .next{ position:absolute; top:70px; right:30px;}
	#last .next{ display:block; width:17px; height:26px; background:url(../cssimg/site/fleche-slide.jpg) right bottom no-repeat; cursor:pointer;}
	#last .next:hover{ background:url(../cssimg/site/fleche-slide.jpg) right 0px no-repeat;}
	#last .next span{ display:none;}

/* ====================================================================== */
/* ==============================  FICHE  =============================== */
/* ====================================================================== */

.barreTitre{ margin:0px 0px 10px 0px; padding:4px 0px 0px 55px; min-height:21px; color:white; font-size:1.4em; font-weight:bold; background:#212a32; border-left:10px #B1A474 solid; }
.barreTitre:hover{ border-left:10px #4e4e50 solid; }
.barreTitre a{ color:white; text-decoration:none;}

.barreTitre2{  margin:0px 0px 10px 0px; padding:4px 0px 0px 55px; min-height:21px; color:white; font-size:1.4em; font-weight:bold; border-left:10px #B1A474 solid; background:#212a32 url(../cssimg/site/flecheBas.gif) right 0px no-repeat; }
.barreTitre2:hover{ border-left:10px #4e4e50 solid; }
.barreTitre2 a{ color:white; text-decoration:none;}
barreTitre2 a:hover{}

#col1{ float:left; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; width:380px;}
#col2{ float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:540px;}

/* teleacherger catalogue sur accueil */
#dlcataAcc{ }
	#dlcataAcc img{ }
	#dlcataAcc .cont{ }
	#dlcataAcc .btx{ margin:0px 0px 0px 110px; text-align:center;}
/* teleacherger catalogue */
#dlcata{ }
	#dlcata img{ float:left;}
	#dlcata .cont{float:left; width:210px;}
	#dlcata .btx{ margin:10px 0px 0px 25px; text-align:center;}

a.bt1{ display:block; margin:0px 0px 10px 0px; padding:4px 0px 0px 0px; width:158px; min-height:18px; font-size:12px; font-weight:bold; color:white; background:#B1A474; text-align:center; text-decoration:none; }
button.bt1{ display:block; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; width:158px; min-height:22px; font-size:12px; font-weight:bold; color:white; background:#B1A474; text-align:center; border:0; cursor:pointer; }
a.bt1:hover,button.bt1:hover{ background:#4E4E50; }

#contact{}
	#contact img{}
	#contact p{}


/* Recherche sur l'accueil */
#searchAcc{ }
	#searchAcc form{}
	#searchAcc form p{}
	#searchAcc form input[type=text]{ width:176px;}
	#searchAcc form label{ margin:0px 10px 0px 0px; }
	#searchAcc form select{ margin:0px 0px 0px 0px; min-width:190px;}
	#searchAcc form .button{ float:right; text-align:right;}
		#searchAcc form .button button{}

#searchAcc .lineachatlouer{float:left; }
#searchAcc .lineville{float:right;  }
#searchAcc .linetype{ float:right; }
#searchAcc .linebudget{ float:right; }

/* Recherche autre */
#search{ }
	#search form{}
	#search form p{}
	#search form input[type=text]{ width:176px;}
	#search form label{ margin:0px 35px 0px 0px; }
	#search form select{ margin:0px 0px 0px 0px; min-width:190px;}
	#search form .button{ float:right; text-align:right;}
		#search form .button button{}


.imgSlider{ float:left; margin:0px 10px 0px 0px;}
	.imgSlider .big{  padding:4px; background:white; border:1px #e5e5e5 solid; box-shadow:0px 0px 2px #aaaaaa; }
	.imgSlider .little{ width:300px; }
	.imgSlider .little a.pager-active img{ border:1px #afc0d0 solid; box-shadow:0px 0px 2px #898989; outline:0}
	.imgSlider .little img{ margin:10px 5px 0px 0px; padding:2px; background:white; border:1px #e5e5e5 solid; box-shadow:0px 0px 2px #c8c8c8; }

.truncate-texte{ float:right; margin:10px 0px 0px 0px; width:370px; font-size:1.2em; }
#carac{ margin:10px 0px 0px 0px; padding:10px 10px; }
	#carac p{ margin:0px 0px 4px 0px;}
	#carac p.car1{ margin:0px 0px 12px 0px; font-weight:bold;}
		#carac p span{ font-size:1.2em; font-weight:bold;}

#description{ margin:20px 0px 25px 0px;}

#demande{}
	#demande form{}
	#demande form p{ margin:5px 0px 0px 0px;}
	#demande form p label{ display:block; float:left; width:85px;}

	#demande form p input[type=text]{ width:160px; }
	#demande form p:hover input{}
	#demande form p input:focus {}
	#demande form p textarea{ width:350px; min-height:125px;}
	#demande form .button{ float:right; text-align:right;}
	#demande form .button button{}