/* CSS Document */
#page {
	position:relative;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	background-color:#dadfe4;
}

/**
* Logo Immo de France
*/
#page #logoImmo {
	position:absolute;
	top:2px;
	left:2px;
	width:53px;
	height:57px;
}
#page a.fermer {
	position:absolute;
	top:10px;
	right:22px;
	background-image:url(/images/popup/fermer.gif);
	background-repeat:no-repeat;
	width:74px;
	height:14px;
}
#page a.fermer:hover {
	background-image:url(/images/popup/fermer-over.gif);
	background-repeat:no-repeat;
}

#page #encart {
	position:absolute;
	top:22px;
	left:540px;	
	width:163px;
	height:74px;
	background-image:url(/images/site/encart-frais.png);
	background-repeat:no-repeat;
}

/**
* Titres de page
*/
#page h1 {
	position:absolute;
	left:248px;
	top:87px;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	text-align:right;
}
#page h1 span {
	font-size:20px;
}
#page h2 {
	position:absolute;
	z-index:2;
	left:260px;
	top:110px;
	font-size:16px;
	font-weight:bold;
	color:#1a326b;
}
#page h2 span {
	font-size:24px;
	line-height:18px;
	color:#1a326b;
	padding-left:20px;
}
#page p.chapeau {
	position:absolute;
	z-index:2;
	right:10px;
	top:112px;
	width:172px;
	font-size:10px;
	text-align:right;
	color:#1a326b;
}

/**
* Le livre
*/
#page #livreFond {
	position:relative;
	z-index:1;
	background-image:url(/images/popup/livreFond.gif);
	background-repeat:repeat-y;
	width:700px;
}

#page #livreFond #livre {
	background-image:url(/images/popup/livreBas.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	min-height:510px;
	_height:510px;
	width:700px;
	padding-bottom:80px;
}


#page #livreFond #livre #livreHaut {
	background-image:url(/images/popup/livreHaut.gif);
	background-repeat:no-repeat;
	background-position:top;
	min-height:188px;
	_height:188px;
	width:700px;	
}

/**
* Page de gauche
*/
#page #livreFond #livre #livreHaut #pageGauche {
	position:absolute;
	left:25px;
	top:20px;
	width:340px;
	z-index:3;
}
#page #livreFond #livre #livreHaut #pageGauche #boiteDiaporama {
	height:335px;
}
#page #livreFond #livre #livreHaut #pageGauche #boiteDiaporama #diaporamaflash {
	display:inline;
	float:left;
	margin-right:5px;
}
#page #livreFond #livre #livreHaut #pageGauche #boiteDiaporama #map {
	width:325px;
	height:313px;
	/*visibility:hidden;
	display:none;*/
}

#page #livreFond #livre #livreHaut #pageGauche #boiteDiaporama #mapLien {
	/*visibility:hidden;
	display:none;*/
	float:right;
	margin-top:3px;
}
#page #livreFond #livre #livreHaut #pageGauche p {
	font-size:10px;
	font-weight:bold;
	color:#10223e;
	text-transform:uppercase;
	margin-left:10px;
}
#page #livreFond #livre #livreHaut #pageGauche .separateur {
	background-image:url(/images/site/pointilles.gif);
	background-repeat:repeat-x;
	background-position:0% 0%;
	margin:5px 20px 0px 10px;
}
#page #livreFond #livre #livreHaut #pageGauche a {
	float:left;
	display:block;
	margin:2px 10px 0px 10px;
}

#page #livreFond #livre #livreHaut #pageGauche a.selectionAjouter {
	background-image:url(/images/popup/selectionAjouter.gif);
	background-repeat:no-repeat;
	width:103px;
	height:20px;
}
#page #livreFond #livre #livreHaut #pageGauche a.selectionAjouter:hover {
	background-image:url(/images/popup/selectionAjouter-over.gif);
	background-repeat:no-repeat;
}
#page #livreFond #livre #livreHaut #pageGauche a.envoyerAmi {
	background-image:url(/images/popup/envoyerAmi.gif);
	background-repeat:no-repeat;
	width:103px;
	height:20px;
}
#page #livreFond #livre #livreHaut #pageGauche a.envoyerAmi:hover {
	background-image:url(/images/popup/envoyerAmi-over.gif);
	background-repeat:no-repeat;
}
#page #livreFond #livre #livreHaut #pageGauche a.selectionImprimer {
	background-image:url(/images/popup/selectionImprimer.gif);
	background-repeat:no-repeat;
	width:103px;
	height:20px;
}
#page #livreFond #livre #livreHaut #pageGauche a.selectionImprimer:hover {
	background-image:url(/images/popup/selectionImprimer-over.gif);
	background-repeat:no-repeat;
}
#page #livreFond #livre #livreHaut #pageGauche a.selectionConsulter {
	background-image:url(/images/popup/selectionConsulter.gif);
	background-repeat:no-repeat;
	width:106px;
	height:20px;
}
#page #livreFond #livre #livreHaut #pageGauche a.selectionConsulter:hover {
	background-image:url(/images/popup/selectionConsulter-over.gif);
	background-repeat:no-repeat;
}
#page #livreFond #livre #livreHaut #pageGauche a.visiteDemander {
	background-image:url(/images/popup/visiteDemander.gif);
	background-repeat:no-repeat;
	width:106px;
	height:20px;
}
#page #livreFond #livre #livreHaut #pageGauche a.visiteDemander:hover {
	background-image:url(/images/popup/visiteDemander-over.gif);
	background-repeat:no-repeat;
}
#page #livreFond #livre #livreHaut #pageGauche a.selectionLocaliser {
	background-image:url(/images/popup/selectionLocaliser.gif);
	background-repeat:no-repeat;
	width:106px;
	height:20px;
}
#page #livreFond #livre #livreHaut #pageGauche a.selectionLocaliser:hover {
	background-image:url(/images/popup/selectionLocaliser-over.gif);
	background-repeat:no-repeat;
}
#page #livreFond #livre #livreHaut #pageGauche a.selectionDiapo {
	background-image:url(/images/popup/visuDiapo.gif);
	background-repeat:no-repeat;
	width:106px;
	height:20px;
	visibility:hidden;
	display:none;
}
#page #livreFond #livre #livreHaut #pageGauche a.selectionDiapo:hover {
	background-image:url(/images/popup/visuDiapo-over.gif);
	background-repeat:no-repeat;
}
#page #livreFond #livre #livreHaut #pageGauche #envoiAmi {
display:none;
}
#page #livreFond #livre #livreHaut #pageGauche #envoiAmi p  {
margin-left:0px;
}
#page #livreFond #livre #livreHaut #pageGauche #envoiAmi h3 {
font-size:18px;
}
#page #livreFond #livre #livreHaut #pageGauche #envoiAmi .libelle {
font-size:9px;
color:#999999;
padding-bottom:10px;
}
#envoiAmi .titreSection {
padding:0px 0px 0px 20px;
background: no-repeat left 2px url(/images/site/puce_titre.gif);
font-weight:bold;
font-size:13px;
}
#page #livreFond #livre #livreHaut #pageGauche #envoiAmi label {
display:block;
float:left;
width:98px;
text-align:right;
padding:5px 0px;
}
#page #livreFond #livre #livreHaut #pageGauche #envoiAmi input {
border-bottom: 1px dashed black;
font-size:10px;
margin:5px 2px;
width:170px;
}
#page #livreFond #livre #livreHaut #pageGauche #envoiAmi textarea {
border:1px solid #CCCCCC;
width:280px;
height:60px;
margin-top:5px;
font-size:10px;
}
#page #livreFond #livre #livreHaut #pageGauche #envoiAmi .bouton {
border:1px solid black;
padding:2px 5px;
margin: 15px 0px 0px 15px;
font-size:9px;
width:auto;
}
/**
* Page de droite
*/
#page #livreFond #livre #livreHaut #pageDroite {
	position:relative;
	padding:30px 20px 40px 390px;
	z-index:1;
}
#page #livreFond #livre #livreHaut #pageDroite h3 {
	font-size:14px;
	font-weight:bold;
	color:#10223e;
	margin-bottom:10px;
}
#page #livreFond #livre #livreHaut #pageDroite hr {
	color: #FFFFFF; /* code debug affichage ie */
	background-color: #FFFFFF; /* code debug affichage safari */
	border-top:#10223e 1px solid;
	height:1px;
	margin:5px 0px 5px 0px;
	width:95%;
}

/**
* Le lien bas de page
*/
#page p.lienPratique {
	text-align:right;
	margin:0px 0px 10px 0px;
}
#page p.lienPratique a {
	background-image:url(/images/site/fleche.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	font-size:9px;
	color:#10223e;
	padding:0px 10px 0px 15px;
}
/*laisser en bas de page hack safari # */
#page #livreFond #livre {
	padding-bottom:0px;#/*ne pas enlever #*/
}


/**
* Les styles pour les pages Plan d'accès
*/
#planAcces {
	text-align:center;
}
#planAcces p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #0f1f3a;
}
#planAcces a {
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#891410;
}
#planAcces a:hover {
	color:#000000;
}
#planAcces img {
	border-color:#891410;
}

#contenuPop {
	font-size:12px;
	margin:20px;
}
#contenuPop h2 {
	position:relative;
	left:0px;
	top:0px;
	font-size:18px;
	font-weight:bold;
	color:#1a326b;
	padding-bottom:15px;
}
#contenuPop h3 {
	font-size:14px;
	padding:15px 0px 5px 0px;
}
#contenuPop ul {
	list-style-position:inside;
}

#dpe {
	position:relative;
}
#dpe p {
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	background-color:#000;
	padding:5px 10px 5px 15px;
	background-image:url(/images/site/ethiquetteG.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
}
#dpe span {
	display:block;
	position:absolute;
	right:73px;
	border-bottom:1px dashed #000;	
	height:13px;
}
#dpeClasseA {
	position:absolute;
	left:225px;
	top:18px;
}
#dpeClasseB {
	position:absolute;
	left:225px;
	top:42px;
}
#dpeClasseC {
	position:absolute;
	left:225px;
	top:71px;
}
#dpeClasseD {
	position:absolute;
	left:225px;
	top:98px;
}
#dpeClasseE {
	position:absolute;
	left:225px;
	top:126px;
}
#dpeClasseF {
	position:absolute;
	left:225px;
	top:152px;
}
#dpeClasseG {
	position:absolute;
	left:225px;
	top:180px;
}
#dpe .pointillesA {
	top:18px;
	width:150px;
}
#dpe .pointillesB {
	top:42px;
	width:135px;
}
#dpe .pointillesC {
	top:71px;
	width:120px;
}
#dpe .pointillesD {
	top:98px;
	width:95px;
}
#dpe .pointillesE {
	top:126px;
	width:72px;
}
#dpe .pointillesF {
	top:152px;
	width:50px;
}
#dpe .pointillesG {
	top:180px;
	width:38px;
}