/* CSS Document */

	body{
		margin:0;
		padding:0;
		background-color:#ffefd9;
		background-image:url(images/fond-page.jpg);
		background-repeat:no-repeat;
		background-position:center 107px;
		color:#00005b;
		font-family:verdana;
		font-size:11px;
	}
	
	 a img{
	 	border:0;
	 }
	 
	 form{
	 	margin:0;
		padding:0;
	 }
	 
	 .clear{
	 	clear:both;
		height:1px;
	 }
	 
	 #repere{
		position:absolute;
		z-index:99;
		right:0;
		bottom:0;
		width:1px;
		height:1px;
	}
	 
	 #global{
	 	width:995px;
		margin:auto;
		background-color:#ffffff;
	 }
	 
	 #entete{
	 	width:995px;
		height:67px;
		background-color:#ffefd9;
		background-image:url(images/maisons-entete.gif);
		background-repeat:no-repeat;
		background-position:11px bottom;
	 }
	 
	 #coordonnees{
	 	width:588px;
		height:17px;
		margin:0 0 0 396px;
		padding:50px 0 0 0;
		background-image:url(images/fond-adresse-entete.gif);
		background-repeat:no-repeat;
		background-position:0 bottom;
		color:#fff;
		font-family:arial;
		text-align:center;
	 }
	 
	 #gauche{
	 	float:left;
		width:205px;
		margin:10px 0 0 0;
		padding:0 11px 22px 0;
	 }
	 
	 #logo{
	 	padding:0 0 0 10px;
	 }
	 
	 #premierMenu{
	 	margin:10px 0 0 10px;
		width:192px;
		height:207px;
		padding:31px 0 0 0;
		background-image:url(images/fond-menu1.jpg);
		background-repeat:no-repeat;
		list-style:none;
		font-family:arial;
	 }
	 
	 #secondMenu{
	 	margin:10px 0 0 10px;
		width:192px;
		height:165px;
		padding:31px 0 0 0;
		background-image:url(images/fond-menu2.jpg);
		background-repeat:no-repeat;
		list-style:none;
		font-family:arial;
	 }
	 
	 .menu{
	 	padding:0 4px 5px 4px;
		margin:0 0 4px 0;
		height:33px;
		background-image:url(images/separateur-menu.gif);
		background-repeat:no-repeat;
		background-position:center bottom;
	 }
	 
	 .dernierMenu{
	 	padding:0 4px 5px 4px;
		margin:0 0 4px 0;
		height:33px;
	 }
	 
	 .menu a, .dernierMenu a{
	 	display:block;
		width:175px;
		height:24px;
		padding:9px 0 0 9px;
		font-size:110%;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
	 }
	 
	  .menu a:hover, .dernierMenu a:hover{
	 	background-color:#bfbfd8;
		color:#000063;
	 }
	 
	 .menu a.actif, .dernierMenu a.actif{
	 	display:block;
		width:175px;
		height:24px;
		padding:9px 0 0 9px;
		font-size:110%;
		font-weight:bold;
		background-color:#fff;
		color:#000063;
		text-decoration:none;
	 }
	 
	  .menu a.actif:hover, .dernierMenu a.actif:hover{
	 	background-color:#fff;
		color:#000063;
	 }
	 
	 .menu a.menuJaune, .dernierMenu a.menuJaune{
	 	color:#f4b136;
	 }
	 
	  .menu a.menuJaune:hover, .dernierMenu a.menuJaune:hover{
	 	background-color:#f4b136;
		color:#000063;
	 }
	 
	 .separateur{
	 	width:160px;
		height:1px;
		margin:4px 0 0 0;
		padding:0;
		text-align:center;
	 }
	 
	 #contenu{
	 	float:left;
		width:769px;
		margin:10px 0 22px 0;
	 }
	 
	 #contenu h1{
		float:left;
		width:630px;
		margin:27px 0 0 0;
		font-size:210%;
		font-style:italic;
		font-weight:normal;
		padding:0 0 0 0;
	}
	
	#contenu h1 span{
		color:#f4b136;
		font-size:80%;
		font-style:italic;
	}
	
	#macaron1693{
		float:left;
		width:117px;
		margin:0 0 15px 0;
	}
	
	#contenu h2{
		font-size:130%;
		font-weight:bold;
		color:#fff;
		margin:0 0 12px 0;
	}
	
	#contenu h2 span{
		background-color:#00005b;
		padding:0 70px 1px 15px;
	}
	
	#contenu h3{
		font-size:120%;
		font-weight:bold;
		margin:0 0 5px 0;
	}
	 
	#contenu p{
		margin:0 0 14px 0;
	}
	
	#contenu ul{
		margin:0 0 0 0;
		padding:0 0 10px 0;
		list-style:none;
	}
	
	#contenu ul li{
		margin:0 0 4px 0;
		padding:0 0 0 10px;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
	}
	 
	 
	 
/* =================================================== ACCUEIL */	 
	 #contenuAccueil{
	 	width:769px;
		height:372px;
		margin:13px 0 0 0;
		background-image:url(images/fond-page-accueil.jpg);
		background-repeat:no-repeat;
	 }
	 
	 #texteAccueil{
	 	width:352px;
		height:84px;
		padding:27px 0 0 398px;
		color:#0a0a0a;
	 }
	 
	 .texteAccueilGrand{
	 	font-size:100%;
	 }
	 
	 #boutonPanoramiques{
	 	margin:38px 0 0 461px;
		padding:9px 0 0 0;
		display:block;
		width:220px;
		height:58px;
		color:#000;
		text-align:center;
		font-weight:bold;
		text-decoration:none;
		font-size:90%;
		background-image:url(images/btn-pano.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	 }
	 
	 #boutonPanoramiques:hover{
	 	color:#000063;
		background-position:0 -67px;
	 }
	 
	 .btnPanoGrand{
	 	font-size:140%;
		font-style:italic;
	 }
/* =================================================== ACCUEIL */



/* =================================================== HISTORIQUE */
	#historiqueVisuel1{
		float:left;
		width:201px;
		margin:25px 8px 0 0;
		text-align:center;
	}
	
	#historiqueVisuel2{
		float:left;
		width:267px;
		margin:25px 0 0 0;
		text-align:center;
	}
	
	#historiqueTexte2{
		float:left;
		width:266px;
		height:161px;
		margin:25px 0 0 0;
		padding:9px 11px 9px 11px;
		background-color:#f1f1fe;
		line-height:140%;
	}
/* =================================================== HISTORIQUE */



/* =================================================== MOYENS */
	#moyensGauche{
		float:left;
		width:250px;
	}

	#moyensDroite{
		float:left;
		width:507px;
	}
	
	#moyensVisuel1{
		width:283px;
		padding:0 0 0 59px;
		margin:0 0 14px 0;
	}
	
	#moyensVisuel2{
		width:283px;
		padding:0 0 0 59px;
		margin:0 0 14px 0;
	}
	
	#moyensVisuel3{
		width:507px;
		padding:0 0 0 0;
		margin:0 0 30px 0;
	}
	
	#contenu p.moyens{
		margin:0 0 28px 0;
	}
/* =================================================== MOYENS */



/* =================================================== CONTACT */
	.asterisque{
		color:#f4b136;
	}
	
	#contactGauche{
		float:left;
		width:355px;
		margin:30px 0 35px 0;
		padding:0 0 0 25px;
	}
	
	#contactDroite{
		float:left;
		width:347px;
		margin:41px 0 0 0;
	}
	
	.label{
		float:left;
		width:110px;
		padding:3px 0 0 0;
	}
	
	.champ{
		float:left;
		width:190px;
		margin:0 0 6px 0;
	}
	
	.grandChamp{
		font-family:verdana;
		font-size:11px;
		color:#00003f;
		background-color:#f1f1fe;
		border:1px solid #000063;
		width:200px;
		padding:2px 3px 2px 3px;
	}
	
	.moyenChamp{
		font-family:verdana;
		font-size:11px;
		color:#00003f;
		background-color:#f1f1fe;
		border:1px solid #000063;
		width:90px;
		padding:2px 3px 2px 3px;
	}
	
	.petitChamp{
		font-family:verdana;
		font-size:11px;
		color:#00003f;
		background-color:#f1f1fe;
		border:1px solid #000063;
		width:38px;
		padding:2px 3px 2px 3px;
	}
	
	.zoneAdresse{
		font-family:verdana;
		font-size:11px;
		color:#00003f;
		background-color:#f1f1fe;
		border:1px solid #000063;
		width:200px;
		height:40px;
		padding:2px 3px 2px 3px;
	}
	
	.label2{
		text-align:center;
		margin:0 0 5px 0;
	}
	
	.champ2{
		width:347px;
	}
	
	.zoneMessage{
		font-family:verdana;
		font-size:11px;
		color:#00003f;
		background-color:#f1f1fe;
		border:1px solid #000063;
		width:347px;
		height:147px;
		padding:2px 3px 2px 3px;
	}
	
	#envoyer{
		margin:10px 0 0 0;
		text-align:center;
	}
	
	.contactAgence{
		float:left;
		margin:10px 0 0 0;
		padding:0 25px 0 25px;
		text-align:center;
	}
	
	#coordonneesLureau{
		margin:40px 0 0 0;
		padding:0 30px 0 0;
		text-align:right; 
 	}
	
	.plusGrand{
		font-size:120%;
	}
	
	.couleur{
		color:#ffc23c;
	}
/* =================================================== CONTACT */



/* =================================================== AGENCES */
	#agencesColonne1{
		float:left;
		width:212px;
		margin:0 20px 0 0;
	}
	
	#encartBatisseurs{
		width:202px;
		background-color:#f1f1fe;
		padding:14px 0 1px 10px;
	}
	
	#encartBatisseurs a{
		font-size:90%;
		font-weight:bold;
		color:#00005b;
		text-decoration:none;
	}
	
	#encartBatisseurs a:hover{
		color:#ffc23c;
	}
	
	#logoBatisseurs{
		margin:42px 0 0 0;
	}
	
	#logoBatisseurs a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#logoBatisseurs a:hover img{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	/*#agencesColonne2{
		float:left;
		width:200px;
	}*/
	
	#agencesColonne2{
		float:left;
		width:200px;
		padding:0 0 0 60px;
	}
	
	.lienVoirPlan{
		display:block;
		width:117px;
		height:17px;
		padding:3px 0 0 0;
		text-align:center;
		font-size:90%;
		font-weight:bold;
		color:#00005b;
		background-image:url(images/btn-voir-agence.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		text-decoration:none;
		margin:-10px 0 22px 0;
	}
	
	.lienVoirPlan:hover{
		background-position:0 -20px;
		color:#fff;
	}
	
	#agencesColonne3{
		float:left;
		width:328px;
	}
	
	#agenceGauche{
		float:left;
		width:515px;
	}
	
	#agenceDroite{
		float:left;
		width:220px;
		margin:4px 0 0 0;
	}
	
	#agenceAdresse{
		float:left;
		width:265px;
	}
	
	#agenceRetour{
		float:left;
		width:136px;
		margin:8px 0 0 0;
	}
	
	#agenceRetour a{
		display:block;
		width:98px;
		height:34px;
		padding:9px 0 0 38px;
		font-size:90%;
		font-weight:bold;
		color:#00005b;
		text-decoration:none;
		background-image:url(images/retour-page-precedente.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#agenceRetour a:hover{
		color:#fff;
		background-position:0 -43px;
	}
	
	#agencePlan{
		margin:30px 0 0 40px;
	}
/* =================================================== AGENCES */



/* =================================================== MARCHES */
	#marchesGauche{
		float:left;
		width:412px;
	}
	
	#lienRealisations{
		display:block;
		width:260px;
		height:28px;
		padding:11px 0 0 40px;
		margin:14px 0 0 0;
		background-image:url(images/btn-voir-diaporamas.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		color:#00005b;
		font-weight:bold;
		text-decoration:none;
		font-size:140%;
	}
	
	#lienRealisations:hover{
		background-position:0 -39px;
		color:#fff;
	}
	
	#marchesDroite{
		float:left;
		width:290px;
		margin:0 0 0 0;
	}
	
	.marchesLegende{
		width:290px;
		text-align:center;
		font-weight:bold;
		margin:2px 0 14px 0;
	}
	
	#marchesEncart{
		width:275px;
		padding:14px 5px 0 10px;
		background-color:#f1f1fe;
	}
/* =================================================== MARCHES */



/* =================================================== MAISONS */
	#maisonGauche1{
		float:left;
		width:410px;
	}
	
	#maisonDroite1{
		float:left;
		width:234px;
	}
	
	#maisonGauche2{
		float:left;
		width:348px;
		margin:25px 0 25px 0;
	}
	
	#maisonDroite2{
		float:left;
		width:380px;
		margin:25px 0 25px 0;
	}
	
	.lien{
		font-size:90%;
		font-weight:bold;
		color:#00005b;
		text-decoration:underline;
	}
	
	.lien:hover{
		color:#ffc23c;
	}
	
	#encartSiegeSocial{
		float:left;
		width:237px;
		padding:5px 5px 7px 10px;
		margin:0 9px 10px 0;
		background-color:#dedeeb;
	}
	
	#encartAgence{
		float:left;
		width:298px;
		padding:5px 5px 7px 10px;
		margin:0 9px 10px 0;
		background-color:#dedeeb;
	}
	
	#maisonGauche3{
		float:left;
		width:261px;
		margin:0 40px 0 0;
	}
	
	#maisonGauche4{
		float:left;
		width:273px;
	}
/* =================================================== MAISONS */



/* =================================================== LISTE DES ALBUMS */
	#albumsGauche{
		float:left;
		width:394px;
		margin:0 60px 0 0;
	}
	
	#albumsDroite{
		float:left;
		width:271px;
		margin:37px 0 0 0;
		padding:5px 5px 7px 10px;
		background-color:#dedeeb;
	}
	
	#contenu ul#albums{
		margin:10px 0 0 0;
		padding:0 0 0 0;
		list-style:none;
		background-repeat:no-repeat;
		background-position:8px 0;
	}
	
	#contenu ul#albums li{
		margin:0 0 6px 0;
		padding:0 0 0 0;
		background-image:url(images/fond-albums.gif);
		background-repeat:no-repeat;
		background-position:8px 0;
	}
	
	#contenu ul#albums li a{
		display:block;
		width:342px;
		height:25px;
		padding:10px 0 0 52px;
		color:#fff;
		font-weight:bold;
		background-color:#454f99;
		background-image:url(images/fond-albums.gif);
		background-repeat:no-repeat;
		background-position:8px 0;
		text-decoration:none;
	}
	
	#contenu ul#albums li a:hover{
		color:#00005b;
		background-color:#f4b136;
		background-position:8px -35px;
	}
/* =================================================== LISTE DES ALBUMS */



/* =================================================== ALBUM */
	#retourListeAlbums{
		display:block;
		width:98px;
		margin:0 0 5px 0;
		height:34px;
		padding:9px 0 0 38px;
		font-size:90%;
		font-weight:bold;
		color:#00005b;
		text-decoration:none;
		background-image:url(images/retour-page-precedente.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#retourListeAlbums:hover{
		color:#fff;
		background-position:0 -43px;
	}
	
	#conteneurAlbum{
		margin:25px 0 0 40px;
	}
	
	.case{
		width:152px;
		height:152px;
		background-color:#f8f8f8;
		text-align:center;
	}
	
	.caseSurvolee{
		width:152px;
		height:152px;
		background-color:#f4b136;
		text-align:center;
	}
	
	#masque{
		position:absolute;
		display:none;
		background-color:#00002f;
		z-index:80;
		top:0;
		left:0;
		width:1px;
		height:1px;
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	#zoom{
		width:600px;
		height:580px;
		position:absolute;
		z-index:90;
		display:none;
		left:0;
		top:0;
		background-color:#fff;
	}
	
	#texteZoom{
		float:left;
		width:530px;
		height:40px;
		padding:10px 10px 15px 10px;
	}
	
	#texteZoom h3{
		margin:0 0 2px 0;
		font-size:120%;
		font-weight:bold;
		font-style:italic;
	}
	
	#texteZoom p{
		margin:0 0 0 0;
	}
	
	#fermerZoom{
		float:left;
		width:40px;
		text-align:right;
		padding:10px 0 0 0;
	}
	
	#zoomPrecedent, #zoomSuivant{
		float:left;
		height:281px;
		width:50px;
		padding:229px 0 0 0;
		text-align:center;
	}
	
	#zoomPhoto{
		float:left;
		width:500px;
		height:510px;
	}
	
	#zoomPhoto table, #zoomPhoto table td{
		width:500px;
		height:500px;
		text-align:center;
	}
/* =================================================== ALBUM */



/* =================================================== PANORAMIQUES */
	#panoGauche{
		float:left;
		width:400px;
	}
	
	#panoGauche a{
		display:block;
		width:365px;
		height:47px;
		border:2px solid #fff;
	}
	
	#panoGauche a:hover{
		border:2px solid #16146e;
	}
	
	#panoGauche a.panoActif{
		border:2px solid #ffc23c;
	}
	
	#panoGauche a.panoActif:hover{
		border:2px solid #ffc23c;
	}
	
	#panoDroite{
		float:left;
		width:362px;
	}
	
	#contenu p.panoLegende{
		margin:0 0 17px 0;
		text-align:center;
		width:369px;
	}
	
	#contenu p.panoExplication{
		margin:5px 0 14px 0;
		text-align:center;
		color:#333;
		font-size:90%;
	}
/* =================================================== PANORAMIQUES */