@charset "utf-8";
/* CSS Document */
body { margin:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; background:#EBEBEB url(../images/fd-body.jpg) center top no-repeat;}
a { text-decoration:none; color:#FF6600;}
a img{ border:0;}

#header { height:180px; width:800px; margin:0 auto; position: relative;}
#header a { text-decoration:none; color:#FFCC33;}

#logo { float:left; text-align:center; margin-left:25px; margin-top:20px;}
#adresse {
	float:right;
	bottom:0;
	right:0;
	text-align:right;
	padding:10px;
	color:#FFFFFF;
	position: absolute;
	width: 512px;
	font-size:14px;
}
#ssheader{ height:200px; width:800px; background: #CCCCCC; margin:0 auto 20px auto; border-bottom:3px #336699 solid;}
#cpcoeur{ height:190px; width:250px; background: #FFFFFF url(../images/fd-cpcoeur.jpg) left top no-repeat; margin:0 auto; padding:5px; float:right;}
#animfla{ height:200px; width:540px; margin:0 auto; float:left;}
#contenu { width:780px; padding:10px; background: #FFFFFF; margin:0 auto;}
#footer {width:780px; padding:10px; background: #918A81; margin:0 auto; text-align:right; }
#footer a { text-decoration:none; color: #FFFFFF;}
#footer p { margin:0; padding:0; text-align:center; }

#menu
{ 	background: #3F7DBC; 
	width: 782px;
	height: 30px;
	list-style-type: none;
	margin: 0 auto;
	padding: 0 9px;
	border: 0;
	color:#FFFFFF;
	font-size:14px;
}
#menu li
{
	float: left;
	margin: 0;
	padding: 5px;
	border: 0;
}
#menu li a:link, #menu li a:visited
{
	display: block;
	color: #EAEAEA;
	margin: 0;
	padding: 0px 7px;
	text-decoration: none;
		height:20px; font-weight:bold;

}
#menu li a:hover { color: #CCCCCC; background: transparent url(../images/fd-menulien.jpg) 10px 20px repeat-x;}
#menu li a:active { background-color: #5F879D; }

#ssmenu
{ 	background: #336699; 
	width: 782px;
	height: 30px;
	list-style-type: none;
	margin: 0 auto;
	padding: 0 9px;
	border: 0;
	color:#FFFFFF;

}
#ssmenu li
{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}
#ssmenu li a:link, #ssmenu li a:visited
{
	display: block;
	color: #EAEAEA;
	margin: 0;
	padding: 5px 7px;
	text-decoration: none;
	height:20px;
}
#ssmenu li a:hover { color: #CCCCCC; background: #EC6F00;}
#ssmenu li a:active { background-color: #5F879D; }

ul#ssmenu .sousMenu { display : none;list-style-type : none;position:absolute; margin:0;padding:0;background:#336699;color: #EFEFEF; z-index:1000; border-top:1px solid #0066CC; } 

ul#ssmenu .sousMenu li { padding:0;margin : 0;text-align : left; float:none;} 
ul#ssmenu .sousMenu li a{ padding:10px;display : block; margin : 0;color: #FFFFFF;text-decoration : none; } 
ul#ssmenu .sousMenu li a:hover { padding:10px;margin : 0; background: #EC6F00;display : block;} 
ul#ssmenu li:hover > .sousMenu { display : block; } 
ul#ssmenu .sousMenu li a:active { background-color: #5F879D; }


.clear { clear:both;}
.clear10px { clear:both; height:10px;}
.droite { float:right;}
.blanc { color:#FFFFFF;}

h1 { font-size: 36px; font-family: "Arial Black", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#FFFFFF; text-shadow : 3px 3px 5px #CC7100;}
h2 { font-size:14px; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; }
h2 span { background: #FF6600; padding:10px; color: #FFFFFF; margin-bottom:10px;}
h3 { font-size:12px; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; }
.pad10 { padding:10px;}

.orange { color:#EC6F00;}
.bleu { color: #3366CC;}
.imgaccale { float:right; background:#FF6600; font-size:14px; font-weight:bold; text-align:center; padding:5px; color:#FFFFFF;}
.infacc { float:right; background: #3F7DBC; font-size:12px; padding:5px; color:#FFFFFF; width:219px; margin-top:15px;}
.infaccb { background: #3F7DBC; font-size:12px; padding:5px; color:#FFFFFF; width:219px;}
.cdr250x180{ width:230px; height:180px; padding:10px; background: #FFFFFF url(../images/fd-cadre.jpg) top left no-repeat; float:left; margin-right:10px;}
.cdr250x180d{ width:230px; padding:10px; background: #FFFFFF url(../images/fd-cadre.jpg) top left no-repeat; float:right; margin-left:10px;}
.cdr250bd{ width:230px; padding:10px; background: #FFFFFF url(../images/fd-cadre-bd.jpg) bottom right no-repeat; float:right; margin-left:10px;}
.cdr520 { width:520px; float:left;}
.dpedesc { height:180px; position:relative;}
.imprfb {
	position: absolute;
	bottom:0px;
	right:0px;
	border-top:1px solid #999999;
	padding:5px 0 5px 5px;
	width:240px;
	text-align:right;
}
.prixab{
	position: absolute;
	bottom:45px;
	right:0px;
	padding:5px;
	width:120px;
	text-align:right;
	background:#FF6600;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
}
#cdrimpre { width:780px; margin:0 auto; background:#FFFFFF; padding:10px;}
.prixaccph { width:219px; padding:5px; background:#FF6600; color:#FFFFFF; text-align:center; font-weight:bold;}
/* Affichage de photos */
a.infophoto {
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.infophoto span {
   display: none; /* on masque l'infobulle */
}
a.infophoto:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: pointer; /* on change le curseur par défaut en curseur d'aide */
}
a.infophoto:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 10px; /* on positionne notre infobulle */
   left: 10px;
   background: white;
   color: #FF6600;
   padding: 0;
}

.imgdesc { width: 430px; float:right; padding:0 0 0 10px;}
.imgdescg { width:300px;  float:left; padding:0; margin:0;}
.pde { width:90px; height:90px; margin:5px;}
.pde a:hover img {width:180px ; height:180px; 
position:absolute;
	left:5px;
	bottom:0;
	z-index:1; background:#99FF99;
} /* agrandi les images lors du survol */
.exe{
	width:180px;
	height:180px;
	position:absolute;
	left:6px;
	top:171px;
	z-index:1;
	background:#99FF99;
}
.bienvendu {
	position:absolute;
	left:10px;
	top:11px;
	width:291px;
	height:205px;
	z-index:1;
}
.cdrbiendpe { position: relative; width:750px; background:#FFFFFF; color:#333333; margin:5px 5px 0px 5px;; padding:10px; float:left; border-top: #336699 2px solid; border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 10px solid; }
.titbien { width: 380px; background:#333333; color:#FFFFFF; padding:5px; height:15px;}
.titbien3 { width: 780px; background:#333333; color:#FFFFFF; padding:5px; height:15px;}
.basdroite { position: absolute; bottom: 0; right: 0;}
.hautdroite { position: absolute; top: 0; right: 0;}
.titexclu { border:1px solid #CCCCCC; background: #FF7200; padding:2px; width:274px; color: #FFFFFF; font-size:16px; }
.bigtxt2 { font-size:16px; color: #666666; padding-bottom:5px; padding-top:5px; padding-left:15px; float:left;}
.clearbien { clear:both; margin-top:20px; padding-left:5px; text-align:right; text-align:left;}


/* Les alignements */
.left500 { float:left; width:500px;}
.margg { margin-left:10px; float:right;}
.margd { margin-right:10px; float:left;}
.imgbien{ float:left; padding:0 5px 5px 0;}
.imgbiend{ float:right; padding:0 5px 5px 0;}
.droitedpe { float:right;}
.cdrdpe { padding:20px; border:#CCCCCC 1px solid; margin:10px;}
.txtcenter{text-align:center;}
.nbrettrie { float:right; border:1px solid #333333; background:#CCCCCC; width:300px; padding:10px; position:relative; top:0;}

.gauche10 { float:left; margin-right:10px;}


.bleu { color:#3F7DBC; }

.bigtxt { font-size:16px; font-weight:bold; text-transform:uppercase;}

/* page par page */
.page { background: #336699; padding:5px 7px; margin:2px; float:left; text-align: center;}
.pageok { background: #FF6600; padding:5px 7px; margin:2px; float:left; text-align: center;}
.pagegauche { float:right;}


/*detailbien*/

.descgauche { float: left; width:368px; height:360px; border-right:1px solid #009999; padding:50px 10px 10px 10px; position:relative;}
.descdroite { float: right; width:365px; height:400px; padding:10px; position:relative;}
.bigprix { font-size:36px;}
.bigdesc { font-size: 20px;}
.bigtxtim { font-size:16px;}
.cdrimgbien{ padding:5px; margin:5px; }
.biginf { font-size:36px; color: #EFEFEF; background: url(../images/carre-bleu.jpg) repeat top right; padding:10px; position:absolute; top:0; left:0; width:350px;}
.btnimpr { float:right;}
.fdbleu { position:relative; width:350px;}
.clear20 { clear:both; margin-bottom:20px;}
.prix {
	border:#FF6600 2px solid;
	font-weight:bold;
	font-size:24px;
	padding:10px;
	background-color:#FF6600;
	color: #FFFFFF;
	width:184px;
	text-align: right;
	float:right;
	position: absolute;
	bottom:0;
	right: 0;
}
.descbienim { border: #006699 2px solid; font-weight:bold; font-size:24px; padding:10px; background-color:#006699; color: #FFFFFF; width:344px; text-align:center; float:right; position: absolute; top:0; margin-bottom:10px;}
.descbienim2 { border: #006699 2px solid; font-weight:bold; font-size:24px; padding:10px; background-color:#006699; color: #FFFFFF; width:344px; float:right; position: absolute; top:0; margin-bottom:10px;}


/* vendrebien form*/

#cdrvendrebien { width:440px; border:1px solid #CCCCCC; padding:10px; float:left; margin-top:20px;}
.bordure-bleu { border-bottom:1px solid #336699; padding:10px;}
#vendrecontact { float:right; border:1px solid #CCCCCC; padding:10px; margin-left:10px; width:280px; margin-top:20px;}
.droitetd{ text-align:right; vertical-align:top;}


/*loclisation*/
.loca { width:233px; height:195px; background: #BFB19C url(../images/fd-loca.jpg) top left no-repeat; padding:10px 5px 10px 10px; margin:0px 10px 10px 0px; border:#FFFFFF 1px solid; float:left;
}
#map { float:left; }

/* location */

.cdrloca { position:relative; width:750px; background: #FFFFFF; color:#333333; margin:5px 5px 5px 5px;; padding:10px 10px 35px 10px; float:left; border:1px solid #336699;}
.cdrphloc { float:right;}
.titloca { width: 760px; background:#333333; color:#FFFFFF; padding:5px; height:15px;}
.titloca a{ color:#FFFFFF;}
.locprix { background:#FF6600; padding:5px; font-size:14px; color:#FFFFFF; position: absolute; right:15px; bottom:10px; width:150px; text-align: center; font-weight:bold;}
.locgene { background: #336699; padding:5px; font-size:14px; color:#FFFFFF; position: absolute; left:10px; top:10px; width:550px; font-weight:bold;}
.bienloue { position: absolute; right:15px; top:10px;}
.locdesinf { float:left; padding-top:30px; width:400px;}



/* DPE */
.dpeval { background: url(../images/dpe.jpg) left top no-repeat; width:180px; height:180px;}
.dpe0-50 { margin-top:15px; padding-top:2px; width:40px; height:20px; float:right; background:url(../images/valdpe.jpg) right top no-repeat; color:#FFFFFF; text-align:center; font-size:10px; }
.dpe51-90 { margin-top:36px; padding-top:2px;width:40px; height:20px; float:right; background:url(../images/valdpe.jpg) right top no-repeat; color:#FFFFFF; text-align:center; font-size:10px; }
.dpe91-150 { margin-top:57px; padding-top:2px;width:40px; height:20px; float:right; background:url(../images/valdpe.jpg) right top no-repeat; color:#FFFFFF; text-align:center;font-size:10px; }
.dpe151-230 { margin-top:78px; padding-top:2px;width:40px; height:20px; float:right; background:url(../images/valdpe.jpg) right top no-repeat; color:#FFFFFF; text-align:center; font-size:10px;}
.dpe231-330 { margin-top:99px; padding-top:2px;width:40px; height:20px; float:right; background:url(../images/valdpe.jpg) right top no-repeat; color:#FFFFFF; text-align:center; font-size:10px;}
.dpe331-450 { margin-top:120px; padding-top:2px;width:40px; height:20px; float:right; background:url(../images/valdpe.jpg) right top no-repeat; color:#FFFFFF; text-align:center; font-size:10px;}
.dpe451-plus { margin-top:141px; padding-top:3px;width:40px; height:20px; float:right; background:url(../images/valdpe.jpg) right top no-repeat; color:#FFFFFF; text-align:center; font-size:10px;}


.partenaire { border-bottom:1px dotted #CCCCCC; margin-bottom:10px;}
.partenaire p{ margin:0; padding:0;}

#infoweb a{ color: #3366CC; text-decoration:none; vertical-align:middle;}
#infoweb a:hover{ color: #99CC00; text-decoration:none;}
.alicentre { vertical-align: middle;}



.projetpdf { border:#FF6600 1px solid; background: #EFEFEF; padding:5px; margin: 10px 5px; text-align:left; width:150px; float:left;}
.projetpdf p{ margin:0; padding:0;}

.photoproj{  float:left; border-bottom:1px solid #FF6600;  
width:154px;
color: #333333; background: url(../images/fd-gal.jpg); position: relative;
}

.projet { border:#FF6600 1px solid; text-align:center; width:616px; float:left; background:#FF6600; color:#FFFFFF;}
.proreserver {
	position:absolute;
	left:0px;
	top:0px;
	width:155px;
	height:106px;
	z-index:1;
}
.titprojh { width:770px; background:#FF6600; padding:5px; text-align:center;}