body
{
    margin: 0px;
    font-family: Verdana,Arial,Times,Helvetica,sans-serif;
    font-size: 12px;
    text-align:center;
    background: #000099;
    color:#ffff00;
}
#wrapper
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 12px;
    border-top: inset #07086F 2px;
    width: 1024px;
	min-height: 768px ;
	height: auto ; 
	position:relative;
    background: #3333FF url("images/immobilier-fond2.gif") repeat-x;
    text-align:left;
    color: #000099;
}
a
{
    text-decoration: none;color: #000099;
  }
.contact {font-weight:800;}
/* =================BANDEAU DU HAUT=================== */
#tel
{
font-size: 20px;margin: 5px;margin-left: -10px;
}
#haut
{
   width: 1024px;
   height: 200px;
   text-align: center;
}
#hautgauche
{ width: 322px;height:150px;margin-top:15px;
float: left;background: url("photos_immobilier/brusc-six-fours.jpg") center no-repeat;
}
#hautgauche p
{
visibility:hidden;
}
#hautgauche.pointilles
{
visibility:hidden;
}
#hautcentre
{ width: 380px; float: left;margin-top: 10px;font-size: 8px;
}
#hautcentre img
{ width: 380px;border: none;
}
#hautdroit
{ width: 322px;height:150px;float:right;margin-top:15px;
background: url("photos_immobilier/mer-six-fours.JPG") center no-repeat;
}
#hautdroit p
{

display:none;
}
/* =================SOUS LE BANDEAU=================== */
#main
{
    width: 1024px;
	background: #3333FF url("images/immobilier-fond.gif") repeat-x;
	float:left;
}


/* =================MENU=================== */
#menu
{
    width: 985px;
    height : 200px;
	padding-top: 10px;
    margin-left: 20px;
	line-height: 200%;
	font-size: 17px;
    float: left;
    background: url("images/immobilier-menu.gif") no-repeat;
	color: #000099;
}
#menu a:hover
{
font-weight:bold;color: #000099;
}


#menu ol
{
	
	position: absolute;
	clear: both;
	width: 984px;
	height:35px;
	top: 387px;
	left: 20px;
	background : #000099;
	text-align: left;
	margin: 0;
	padding: 0px;
	font-size: 12px;
	list-style: none;
	line-height: 200%;
}
#menu li
{

	list-style: none;
	float: left;
	margin-left: 20px;margin-top:10px;
	border-top: dashed 1px #000099;
	color: #FFFE00;

}

#menu li>a
{
	color: #FFFE00;
}

#menu li>img
{
position:relative;top:3px;margin-left:5px;margin-right:5px;width:18px;height:11px;
}

#menu li:hover
{
background: #FFE923;text-decoration: none;
}
#menu li a:hover
{
background: #FFE923;text-decoration: none;
}
#menug 
{

	margin-left: 5px;
	width: 300px;
	height : 190px;
	float: left;
	text-align: right;
	line-height: 40px;

}

#mention
{
display:none;
}
#menug img
{
margin-left:10px;border:none;top:5px;position:relative;margin-right:0px;
}

#menuc
{
	width: 250px; height : 190px;margin-top: 10px;
	text-align: center;float: left;
	line-height: 45px;
	margin-left: 55px;
	}
#menuc img
{
border:none;top:-20px;position:relative;
}
#menud
{
	line-height: 40px;
	width: 352px; height : 190px;
	text-align: left;
	float: left;padding-left: 20px;

}
#menud img
{
margin-right:10px;border:none;top:7px;position:relative;width:25px;height:30px;
}
/* =================contenant=================== */
h1
{
  font-size: 20px;
  text-align: center;
  margin-top: 10px;margin-bottom:20px;
  color: #000099;
}
h3
{
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  margin-top: 0px;
  color: #000099;
  
}
h2
{
  font-size: 16px;
  font-weight: normal;padding:10px;
  color: #000099;

  margin-left: 10px;
  text-align:left;
}


#contenu
{
margin-top: 20px;
float: left;
}

#colannonce
{
	width: 1000px;
	height: auto;
	min-height: 300px;
	float: left;
	margin-left: 10px;
	clear: left;
}
#colannonce a:link,a:visited,a:hover
{
	text-decoration: none;
	color: #000099;
}

div.texteaccueil
{
				clear:left;
				float:left;
				height: auto;
				width : 900px;
				margin-left: 30px;
				margin-right: 30px;
				margin-bottom:10px;
				color: #FFE923;
				font-size: 12px;
}
p.texteaccueil
{				float:left;
				clear:left;
				width : 900px;
				height: auto;
				text-align: justify;
				font-size: 13px;
				text-indent: 15px;
				margin-left: 10px;
				margin-right: 10px;
	
}
#colannonceaccueil p.texteaccueil>a
{
	text-decoration: none;
	color: #FFE923;font-weight:bold;
}
h2.titreaccueil
{
				width : 700px;
				text-align: left;
				margin-left: 30px;font-weight:bold;
				font-size: 14px;
				color: #FFE923;margin-bottom:0px;
}
h2.titreaccueil>a
{
				color: #FFE923;font-style:italic;
}

div.annonceaccueil
{
				
				float:left;
				width: 480px;
				height: auto;
				border: inset #FFE923 2px;
				margin-left: 5px;
				margin-right:5px;
				margin-bottom: 10px;
				background:  #FFFEF1 url("images/fond-annonce-immobilier.gif") repeat-x;
				padding:5px;
}

div.annonceaccueilpar2
{
				clear:left; 
				float:left;
				width: 1024px;
				height: auto;
				margin-bottom: 10px;
}

#colannonceaccueil p.titreannonceaccueil
{
				float:left;
				width: 120px;
				height: 250px;
				font-size: 13px;
				text-align: center;
				margin-left: 5px;padding-top:10px;
				margin-top:20px;
				
}
#colannonceaccueil
{
	width: 1000px;
	height: auto;
	min-height: 300px;
	float: left;
	margin-left: 10px;
	clear: left;
}

#colannonceaccueil img
{
	border:none;position:relative;top:5px;
}
#colannonceaccueil img.annonceaccueil
{
								clear:left;
								float:left;
								width: 340px;
								margin-top: 20px;
								height: 260px;
								margin-left:10px;
								border: inset #FFE923 2px;

}
#colannonceaccueil p.descriptifaccueil
{
								width: 450px;
								height: 120px;
								line-height: 150%;
								text-indent: 10px;
								font-size: 11px;
								overflow: hidden;
								float: left;
								font-size: 12px;
								margin-left: 10px;
								text-align: left;
								padding: 5px;
}
/* =================LISTING ANNONCES =================== */
div.annonceliste
{
				float:left;
				width: 310px;
				height: auto;
				border: inset #FFE923 2px;
				margin-left: 10px;
				margin-bottom: 20px;
				padding-bottom: 20px;
				background: #FFFEF1 url("images/fond-annonce-immobilier.gif") repeat-x;
}

#colannonce p.titreannonceliste
{
				float:left;
				width: 290px;
				height: 40px;
				font-size: 12px;
				text-align: center;
				background: #FFFFF8;
				margin-left: 10px;
				margin-top: 10px;
				border: outset #FFE923 2px;
}
span.gras
{
	font-weight: bold;
	font-size: 14px;
}

#colannonce img.annonceliste
{float:left;
								width: 264px;
								margin-top: 5px;
								height: 198px;
								margin-left:20px;
								margin-right:25px;
								
								border: inset #FFE923 2px;

}
#colannonce p.descriptifliste
{
								width: 280px;
								height: 40px;
								line-height: 120%;
								text-indent: 10px;
								overflow: hidden;
								float: left;
								font-size: 12px;
								margin-left: 10px;
								padding: 5px;
								text-align: left;
								
	}
#colannonce img
{
border:none;
}
p.basannonceliste
{
								clear:left;width: 300px;
								text-align: left;margin-left:30px;
								height: 25px;
								font-size: 12px;
								
								float: left;

}
/* =================DETAIL ANNONCE =================== */
div.annoncedetail
{
				float:left;
				width: 955px;
				height: 900px;
				border: inset #FFE923 2px;
				margin-left: 15px;
				background:   #FFFEF1  url("images/fond-annonce-immobilier.gif") repeat-x;
				margin-bottom: 30px;
}




#colannonce img.annoncedetail
{
								width: 320px;
								height: 240px;
								float:left;
								border: inset #FFE923 2px;
								margin-left: 30px;
								margin-top:30px;

}
#vignettes
{
float:left;
height:100px;
width:600px;
margin-top:50px;
}
#colannonce img.annoncedetailvignette
{
								width: 128px;
								height: 96px;
								float:left;
								border: inset #FFE923 2px;
								margin-left:10px;

}
#colannonce p.descriptifdetail
{
								width: 550px;
								
								float: left;
								line-height: 140%;
								text-indent: 10px;
								font-size: 14px;
								text-align: left;
								margin-left: 20px;
								margin-top: 20px;
								
	
}

#champs
{
								width: 950px;
								float: left;
								line-height: 200%;
								font-size: 14px;
								text-align: left;
								
}
#champs a
{
font-weight: bold;
}

h2.champs
{
  font-size: 16px;
  font-weight: normal;
  color: #000099;
  text-decoration:underline;
text-align: center;padding:0;margin:0;
}
#champs1
{
								width: 300px;
								float: left;
								margin-left: 20px;
}
#champs2
{
								width: 300px;
								float: left;
								margin-left: 10px;
}
#champs3
{
								width: 300px;
								float: left;
								margin-left: 10px;
}
p.titrechamp
{
text-decoration: underline;
text-align: center;
}
span.liencontext
{
font-size: 11px;
margin-left: 15px;
font-style: italic;
}
#lienannoncedetail
{
width: 920px;
float: left;
text-align: left;
margin-left: 30px;
border-top: dashed 1px #000099;
padding-top: 15px;
}
p.lienannoncedetail
{
width: 450px;
float: left;
text-align: left;


}

/* =================LISTING LOCATIONS =================== */
div.locations
{
				float:left;
				width: 750px;
				height: auto;
				border: inset #FFE923 2px;
				margin-left: 100px;
				margin-top: 20px;
				padding: 20px;
				
				line-height: 200%;
				font-size: 14px;background: #FFFEF1  url("images/fond-annonce-immobilier.gif")  repeat-x;
}
span.locations
{
text-decoration: underline;
}
p.titreloc
{
	background: #FFFFF8;
	width:550px;
	margin-left:100px;
	height:30px;
	text-align:center;border: inset #FFE923 2px;

}

p.colonne1
{
width:250px;
float:left;
margin-left:20px;
}
p.colonne2
{
width:200px;
float:left;
margin-left:70px;line-height:200%;
}
p.colonne3
{
width:140px;
float:right;
margin-right:10px;
}
p.descriptifloc
{
width:380px;border: inset #FFE923 2px;background: #FFFFF8;
float:left;height:150px;
margin-left:70px;margin-top:10px;padding:10px;text-indent:15px;
}
/* =================PAGE DES VILLES =================== */
#adresseag
{
	float:left;margin-left:180px;margin-bottom:20px;width:700px;height:auto;
}
#adresseag p
{
	text-align:center;font-size:14px;
}
#iframe
{
	float: left;margin-left:50px;
}
#texteville
{float: left;width:1000px;height:auto;margin: 20px;color: #FFFFFF;}
#texteville a 
{color: #FFE923;}
#texteville h4
{
	font-size: 15px;
	text-align: left;width:900px;color: #FFE923;margin-left:15px;
}
#texteville p
{
	font-size: 13px;text-indent: 20px;
	margin-left:15px;margin-right:30px;color: #FFE923;
	text-align: left;width:auto;
}
#texteville img
{clear:left;float:left;margin-top:10px;margin-right:15px;margin-left:15px;border: inset #FFE923 2px;}

div.texteville
{
	clear:left;float: left;height:auto;width:1000px;margin-bottom:20px;
}
/* =================PAGE CONTACT =================== */
#contact
{
	width:900px;
	height: 400px;
	float: left;
	margin-left: 100px;
}
/* =================Page plan du site =================== */
#plan
{line-height: 150%;}
#plan a
{font-weight: bold;}
#plan dd
{margin-left: 30px;}
#cent#FF0073
{
       width: 35px;
       height: 500px;
       float: left;
       background: url("images/contenudvertical.gif") repeat-x;

}
/* =================PIED DE PAGE=================== */
#pied
{
    margin:0px;
	float:left;
    height: 60px;
	background: #3333FF;
     font-size: 11px;
     color: #FFEF3F;
	 width: 1024px;
	 margin-bottom:10px;margin-top:0px;padding-top:15px;
     
}
#piedgauche
{
              width: 350px;
              height: auto;
              text-align: left;
              height: 60px;
              float: left;
              
}
#piedgauche a
{
             text-decoration: none;
             border: none;
			 
            }
#piedgauche img
{
             float:left;text-decoration: none;
             border: none;margin-left:20px;

            }
#piedcentre
{
              width: 300px;
              height: 60px;
              float:left;
              text-align:center;
             

}
#pied a
{
color: #FFEF3F;
font-weight:bold; 
}

#pieddroit
{
              width: 350px;
              height: auto;
              float:left;
              text-align: right;height: 60px;
}

#prive
{ float:left;
    height: 60px;
     width: 1024px;background:#000099;margin-top:30px;
}
#prive a
{float:left;
 font-size: 11px;
     color: #45469F;margin-top:30px;
}
#bassite
{ float:left;
    height: auto;
     width: 1024px;
	 color: #FFE923;
	 font-size: 13px;background:#000099;
}
#bassite2
{ float:left;margin:20px;
    height: auto;
	 font-size: 13px;
}
#bassite a
{
color: #FFE923;text-decoration:none;
}