/* CSS Document */

	body{
		margin:0;
		padding:0;
		background-color:#c0c0c0;
		font-family:verdana;
		font-size:11px;
		color:#525252;
	}

	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	#global{
		margin:auto;
		width:770px;
		background-color:#fff;
	}
	
	#banniere{
		width:770px;
		height:89px;
		background-image:url(images/banniere.gif);
		background-repeat:no-repeat;
	}
	
	#banniereLogo{
		float:left;
		width:80px;
		padding:4px 0 0 10px;
		margin:0 467px 0 0;
	}
	
	#banniereCoordonnees{
		float:left;
		width:189px;
		margin:20px 0 0 0;
		padding:5px;
		color:#fff;
		text-align:center;
	}
	
	#banniereCoordonnees a{
		color:#fff;
		text-decoration:none;
	}
	
	#banniereCoordonnees a:hover{
		text-decoration:underline;
	}
	
	ul#menu{
		margin:0;
		padding:0 0 0 22px;
		list-style:none;
		width:748px;
		height:35px;
		background-image:url(images/fond-menu.gif);
		background-repeat:repeat-x;
	}
	
	ul#menu li{
		float:left;
		margin:7px 6px 0 0
	}
	
	ul#menu li.agence{
		width:123px;
	}
	
	ul#menu li.honoraires{
		width:135px;
	}
	
	ul#menu li.contact{
		width:123px;
		margin:7px 29px 0 0;
	}
	
	ul#menu li.nosAnnonces{
		width:142px;
		margin:0 0 0 0;
	}
	
	ul#menu li a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	ul#menu li a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	ul#menu li a.pasDeSurvol:hover img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	
	/* page accueil*/
	
	#contenuAccueil{
		width:770px;
		min-height:285px;
		_height:285px;
		padding:6px 0 0 0;
		background-image:url(images/image-fond.jpg);
		background-repeat:no-repeat;
	}

	.titreAccueil{
		font-family:arial;
		font-size:160%;
		font-weight:normal;
		color:#8d0e00;
		margin:5px 0 0 30px;
		width:446px;
	}
	
	ul#choixRubrique{
		margin:15px 0 0 206px;
		padding:0;
		width:354px;
		list-style:none;
	}
	
	ul#choixRubrique li{
		float:left;
		width:122px;
		height:32px;
		margin:0 0 0 0;
		padding:0 1px 0 0;
		background-image:url(images/fond-onglets.gif);
		background-repeat:repeat-x;
		background-position:left 30px;
	}
	
	ul#choixRubrique li#locations{
		width:230px;
	}
	
	.ongletActif{
		display:block;
		width:122px;
		height:22px;
		padding:10px 0 0 0;
		background-repeat:no-repeat;
		background-position:0 -32px;
		text-decoration:none;
		font-size:120%;
		font-weight:bold;
		color:#850e01;
		text-align:center;
	}
	
	.ongletInactif{
		display:block;
		width:122px;
		height:22px;
		padding:10px 0 0 0;
		background-repeat:no-repeat;
		background-position:0 0;
		text-decoration:none;
		font-size:120%;
		font-weight:bold;
		color:#4e4e4e;
		text-align:center;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.ongletInactif:hover{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
		color:#333;
	}
	
	ul#choixRubrique li#ventes a{
		background-image:url(images/onglet-vente.gif);
	}
	
	ul#choixRubrique li#locations a{
		background-image:url(images/onglet-location.gif);
	}
	
	ul#menuLocations, ul#menuVentes{
		width:348px;
		padding:5px 1px 5px 1px;
		margin:-1px 0 30px 206px;
		background-color:#fff;
		border-left:2px solid #850e01;
		border-right:2px solid #850e01;
		border-bottom:2px solid #850e01;
		list-style:none;
	}

	ul#menuLocations li, ul#menuVentes li{
		width:348px;
		clear:both;
		margin:0;
		padding:0;
		background:none;
	}
	
	ul#menuLocations li a, ul#menuVentes li a{
		display:block;
		width:295px;
		min-height:24px;
		_height:24px;
		background-color:#fff;
		background-image:url(images/maison.gif);
		background-position:11px 0;
		background-repeat:no-repeat;
		color:#850e00;
		font-size:120%;
		padding:5px 15px 0 38px;
		text-decoration:none;
	}
	
	ul#menuLocations li a:hover, ul#menuVentes li a:hover{
		background-color:#be1401;
		background-position:11px -57px;
		color:#fff;
		font-style:italic;
	}
	
	.sousMenuActif{
		display:block;
	}
	
	.sousMenuInactif{
		display:none;
	}
	
	
	/* page liste annonces*/
	
	#contenu{
		width:770px;
		padding:4px 0 0 0;
	}
	
	#listeAnnonces{
		float:left;
		width:340px;
		margin:4px 3px 0 0;
	}
	
	#listeAnnonces h1{
		width:290px;
		height:24px;
		_height:26px;
		background-image:url(images/fond-titre-liste-annonces.gif);
		background-repeat:no-repeat;
		padding:6px 20px 0 30px;
		_padding:4px 20px 0 30px;
		margin:0;
		font-size:150%;
		font-weight:bold;
		_font-weight:normal;
		color:#fff;
	}
	
	#choixAffichage{
		width:317px;
		height:30px;
		padding:0 0 0 22px;
		margin:1px 0 2px 0;
		background-image:url(images/fond-choix-affichage.gif);
		background-repeat:no-repeat;
		border-top:1px solid #5f5f5f;
		border-right:1px solid #5f5f5f;
		border-bottom:1px solid #5f5f5f;
	}
	
	#choixAffichageTexte{
		float:left;
		width:202px;
		margin:8px 0 0 0;
		color:#5f5f5f;
		font-weight:bold;
	}
	
	#parVignettes{
		float:left;
		width:31px;
		margin:5px 24px 0 0;
	}
	
	#parVignettes a{
		display:block;
		width:31px;
		height:19px;
		background-image:url(images/affichage-vignette.gif);
		background-repeat:no-repeat;
	}
	
	#parListe{
		float:left;
		width:31px;
		margin:5px 0 0 0;
	}
	
	#parListe a{
		display:block;
		width:31px;
		height:19px;
		background-image:url(images/affichage-liste.gif);
		background-repeat:no-repeat;
	}
	
	.affichageActif{
		background-position:0 -38px;
		cursor:default;
	}
	
	.affichageInactif{
		background-position:0 0;
	}
	
	.affichageInactif:hover{
		background-position:0 -19px;
	}
	
	.vignette{
		margin:-1px 0 0 0;
		float:left;
		width:166px;
		height:175px;
		border:2px solid #fff;
		background-color:#eee;
	}
	
	.vignetteActive{
		margin:-1px 0 0 0;
		float:left;
		width:166px;
		height:175px;
		border:2px solid #aa1202;
		background-color:#fff;
	}
	
	.vignetteSurvolee{
		margin:-1px 0 0 0;
		float:left;
		width:166px;
		height:175px;
		border:2px solid #f8d25b;
		background-color:#fff;
	}
	
	.bandeau{
		width:336px;
		border:2px solid #fff;
		background-color:#eee;
		margin:0 0 0 0;
	}
	
	.bandeauActif{
		width:336px;
		margin:0 0 0 0;
		border:2px solid #aa1202;
		background-color:#fff;
	}
	
	.bandeauSurvole{
		width:336px;
		margin:0 0 0 0;
		border:2px solid #f8d25b;
		background-color:#fff;
	}
	
	.visuelVignette{
		position:relative;
		width:166px;
		text-align:center;
		margin:6px 0 0 0;
	}
	
	.venduVignette{
		position:absolute;
		z-index:10;
		right:28px;
		bottom:5px;
		width:50px;
		height:16px;
		background-color:#ff3300;
		color:#fff;
		font-weight:bold;
		text-align:center;
	}
	
	.texteVignette{
		width:162px;
		margin:2px;
		font-size:90%;
	}
	
	.visuelBandeau{
		position:relative;
		float:left;
		width:90px;
		padding:0 0 0 3px;
		margin:3px 10px 3px 0;
	}
	
	.venduVignette2{
		position:absolute;
		z-index:10;
		right:5px;
		bottom:5px;
		width:50px;
		height:16px;
		background-color:#ff3300;
		color:#fff;
		font-weight:bold;
		text-align:center;
	}
	
	.texteBandeau{
		float:left;
		width:226px;
		margin:1px 2px 0 0;
	}
	
	#annonce{
		float:left;
		width:427px;
		margin:4px 0 0 0;
	}
	
	#navigationAnnonces{
		width:397px;
		height:30px;
		background-image:url(images/fond-navigation-annonces.gif);
		background-repeat:no-repeat;
		padding:0 0 0 30px;
	}
	
	#annoncePrecedente{
		float:left;
		width:210px;
		height:20px;
		margin:5px 10px 0 0;
	}
	
	#annoncePrecedente a{
		display:block;
		width:190px;
		height:16px;
		padding:4px 0 0 26px;
		background-image:url(images/fond-annonce-precedente.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	
	#annoncePrecedente a:hover{
		background-position:0 -20px;
		color:#f8d25b;
	}
	
	#annonceSuivante{
		float:left;
		width:152px;
		height:20px;
		margin:5px 0 0 0;
	}
	
	#annonceSuivante a{
		display:block;
		width:152px;
		height:16px;
		padding:4px 0 0 0;
		background-image:url(images/fond-annonce-suivante.gif);
		background-repeat:no-repeat;
		background-position:123px 0;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	
	#annonceSuivante a:hover{
		background-position:123px -20px;
		color:#f8d25b;
	}
	
	#annonce h1{
		width:392px;
		height:24px;
		_height:26px;
		margin:1px 0 0 0;
		border-top:1px solid #760808;
		border-left:1px solid #760808;
		border-bottom:1px solid #760808;
		background-color:#fff;
		padding:6px 0 0 34px;
		_padding:4px 0 0 34px;
		font-size:150%;
		font-weight:bold;
		_font-weight:normal;
		color:#7e0000;
		background-image:url(images/puce-titre-annonce.gif);
		background-repeat:no-repeat;
		background-position:15px 10px;
	}
	
	#visuelAnnonce{
		position:relative;
		float:left;
		width:300px;
		height:200px;
		margin:0;
		padding:0;
		border-left:1px solid #760808;
		border-bottom:1px solid #760808;
	}
	
	.venduAnnonce{
		position:absolute;
		z-index:10;
		right:10px;
		bottom:10px;
		width:90px;
		height:30px;
		background-color:#ff3300;
		color:#fff;
		font-size:200%;
		text-align:center;
	}
	
	.photoActive{
		margin:0;
		padding:0;
		height:200px;
		display:block;
	}
	
	.photoInactive{
		margin:0;
		padding:0;
		display:none;
	}
	
	#outilsAnnonce{
		float:left;
		width:126px;
		height:201px;
		background-color:#760808;
	}
	
	#retourCategories{
		width:91px;
		height:65px;
		margin:8px 0 0 23px;
	}
	
	#retourCategories a{
		display:block;
		width:91px;
		height:59px;
		background-image:url(images/fond-retour-categories.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		padding:6px 0 0 0;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-weight:bold;
	}
	
	#retourCategories a:hover{
		background-position:0 -65px;
		color:#760808;
	}
	
	#ImprimerFiche{
		width:91px;
		height:64px;
		margin:13px 0 0 23px;
	}
	
	#ImprimerFiche a{
		display:block;
		width:91px;
		height:58px;
		background-image:url(images/fond-imprimer.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		padding:6px 0 0 0;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-weight:bold;
	}
	
	#ImprimerFiche a:hover{
		background-position:0 -64px;
		color:#760808;
	}
	
	#autresPhotos{
		width:86px;
		height:28px;
		margin:10px 0 0 23px;
		padding:0 0 0 4px;
		background-image:url(images/fond-navigation-photos.gif);
		background-repeat:no-repeat;
	}
	
	#photoPrecedente{
		float:left;
		width:17px;
		height:17px;
		margin:6px 5px 0 0;
	}
	
	#photoPrecedente a{
		display:block;
		width:17px;
		height:17px;
		background-image:url(images/fond-photo-precedente.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#photoPrecedente a:hover{
		background-position:0 -17px;
	}
	
	#photos{
		float:left;
		width:36px;
		margin:7px 6px 0 0;
		_margin:7px 5px 0 0;
		color:#910e00;
	}
	
	#photoSuivante{
		float:left;
		width:17px;
		height:17px;
		margin:6px 0 0 0;
	}
	
	#photoSuivante a{
		display:block;
		width:17px;
		height:17px;
		background-image:url(images/fond-photo-suivante.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#photoSuivante a:hover{
		background-position:0 -17px;
	}
	
	ul#texteAnnonce{
		border-left:1px solid #760808;
		border-bottom:1px solid #760808;
		margin:-1px 0 0 0;
		padding:10px;
		width:406px;
		list-style:none;
	}
	
	ul#texteAnnonce li{
		margin:0;
		padding:0;
	}
	
	ul#texteAnnonce li.prixAnnonce{
		font-size:130%;
		font-weight:bold;
		color:#ab0200;
	}
	
	ul#texteAnnonce li.intituleAnnonce{
		font-size:110%;
		font-weight:bold;
		color:#760808;
	}
	
	ul#texteAnnonce li.autreTexteAnnonce{
		color:#760808;
	}
	
	
	/* page agence */
	
	#contenu.agenceContact{
		padding:15px 0 10px 0;
	}
	
	#contenu h1.titreAgenceContact{
		margin:0 0 0 0;
		padding:0 0 2px 44px;
		font-size:130%;
		color:#8d0e00;
		font-weight:bold;
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	
	.historique{
		background-image:url(images/liseret-titre-historique.gif);
	}
	
	.prestation{
		background-image:url(images/liseret-titre-prestations.gif);
	}
	
	#contenu p{
		margin:2px 68px 15px 44px;
		padding:0;
	}
	
	#contenu p img{
		border:2px solid #8d0e00;
	}
	
	.aDroite{
		float:right;
		margin:0 0 5px 15px;
		padding:0 0 0 0;
	}
	
	/* page honoraires */
	
	#contenuHonoraires{
		width:770px;
		/*height:263px;*/
		background-image:url(images/visuel-honoraires.jpg);
		background-repeat:no-repeat;
		background-position:right top;
		padding:14px 0 0 0;
	}
	
	#contenuHonoraires h1.titreHonorairesVente{
		margin:0 0 3px 96px;
		padding:0;
		font-size:160%;
		font-weight:normal;
		color:#b81704;
	}
	
	#contenuHonoraires h1.titreHonorairesLocation{
		margin:0 0 3px 96px;
		padding:0;
		font-size:160%;
		font-weight:normal;
		color:#911001;
	}
	
	#honorairesVente{
		width:271px;
		height:65px;
		background-image:url(images/fond-honoraires-vente.gif);
		background-repeat:no-repeat;
		color:#fff;
		font-size:120%;
		padding:12px 0 0 32px;
		margin:0 0 19px 55px;
	}
	
	#honorairesLocation{
		width:328px;
		height:78px;
		background-image:url(images/fond-honoraires-location.gif);
		background-repeat:no-repeat;
		color:#fff;
		font-size:110%;
		padding:17px 0 0 10px;
		margin:0 0 0 55px;
	}
	
	
	/* page contact */
	
	#contactGauche{
		float:left;
		width:417px;
		margin:0 7px 0 0;
		padding:25px 0 0 0;
	}
	
	.formulaireContact{
		background-image:url(images/liseret-titre-formulaire.gif);
	}
	
	.plan{
		background-image:url(images/liseret-titre-plan.gif);
	}
	
	#contactGauche p{
		color:#430b01;
	}
	
	.telephone{
		color:#8d0e00;
		font-size:130%;
		font-weight:bold;
	}
	
	#contactGauche a{
		color:#8d0e00;
		text-decoration:none;
	}
	
	#contactGauche a:hover{
		text-decoration:underline;
	}
	
	#horaires{
		width:222px;
		height:66px;
		background-image:url(images/fond-horaires.gif);
		background-repeat:no-repeat;
		padding:1px 0 0 12px;
		margin:0 0 13px 41px;
		color:#fff;
	}
	
	#horaires h2{
		margin:0;
		padding:0;
		font-size:160%;
		color:#fff;
		font-weight:normal;
	}
	
	#planAcces{
		margin:13px 0 24px 5px;
	}
	
	#contactDroite{
		float:left;
		width:346px;
		padding:25px 0 0 0;
	}
	
	#texteFormulaire{
		width:283px;
		height:43px;
		background-image:url(images/fond-texte-formulaire.gif);
		background-repeat:no-repeat;
		color:#fff;
		font-weight:bold;
		padding:8px 0 0 35px;
		margin:0 0 15px 0;
	}
	
	.plusGros{
		font-size:120%;
	}
	
	.labels{
		width:100px;
		padding:4px 12px 0 0;
		text-align:right;
		color:#420b01;
		vertical-align:top;
	}
	
	.cases{
		padding:3px 0 0 0;
		text-align:right;
		color:#420b01;
		vertical-align:top;
	}
	
	.champs{
		vertical-align:top;
	}
	
	.champs input, .champs textarea{
		font-family:verdana;
		font-size:11px;
		border:1px solid #850e00;
		color:#420b01;
	}
	
	.asterisque{
		color:#850e00;
		font-weight:bold;
	}
	
	#envoyerFormulaire{
		margin:20px 0 0 153px;
	}
	
	.contactConfirmation{
		width:770px;
		height:250px;
		margin:25px 0 0 0;
	}
	
	
	/* pied de page */
	
	#pied{
		width:770px;
		height:48px;
		background-image:url(images/pied.gif);
		background-repeat:no-repeat;
		color:#fff;
	}
	
	#pied a{
		color:#fff;
		text-decoration:none;
	}
	
	#pied a:hover{
		text-decoration:underline;
	}
	
	.pied1{
		margin:5px 0 0 297px;
	}
	
	.pied2{
		margin:0 0 0 368px;
	}
	
	.pied3{
		margin:0 0 0 475px;
	}