body {
	padding: 0px; 
	margin: 0px; 
	background-image: url('background.png'); 
	text-align: center; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 14px; 
	background-color:#dcdcdc;
	color: #000;
}
.body {
	padding: 0px; 
	margin: 0px; 
	background-image: url('backgroundhome.png'); 
}
.tdphoto
{
    vertical-align:top;
    width:319px;
    border-bottom:1px solid #000;
}
.tdinfosbien
{
    vertical-align:top;
    border-bottom:1px solid #000;
}
.blanc
{
    color:#fff;
}    


#subheader
{
    float:left;
    margin:0;
	background-image: url('background1.png');
	background-repeat:repeat;
}
P 
{
    padding:0;
    margin:2px 0;
}
#header 
{
    display:block;
	margin: 20px auto 0 auto;
	padding:0; 
	width: 965px; 
	height: 15px;
	background-image: url('header.png'); 
}


#footer {
	clear: both;
	margin: 0px auto; 
	width: 965px; 
	background: url('footer.png') no-repeat ;
	height: 21px;
}

#container,#footercontainer 
{
    clear:both;
	margin: -1px auto; 
	padding:0;
	width: 965px; 
	background-image: url('line.png'); 
	background-repeat: repeat-y;
}
#footercontainer
{
    clear:both;
    font-weight:bold;
    color:#ebeae8;
}
#footercontent
{
	background-image: url('line.png'); 
	width: 931px; 
	float: left;
	margin: 0; 
	padding:0px 16px 0 17px;
	color:#baaf8d;
	
}
.hcontainer 
{
    float: left;
	background-image: url('line1.png'); 
	width: 931px; 
	margin: 0; 
	padding:0 16px 0 17px;
	min-height: 400px;
	text-align:left;
}

div[class] .hcontainer{
	height:auto;
}

html>body #container {
height: auto;
min-height: 5em;
} 


img 
{
    border:0;
}


#logovertical {
	clear: both;
	float:left;
	margin: 0;
	width: 145px; 
	background: url('agence.png') no-repeat ;
	background-position:top center;
	height: 630px;
}
#logohome
{
float:left;position:relative;top:2px;left:33px;height:46px;width:79px;
}
#zonerecherche
{
    margin-top:380px;
    margin-left:10px;
    width:130px;
    height:230px;
    padding: 0 5px;
    color:#ebeae8;
    border:1px solid #a09a87; 
    text-align:left;
    
}
#zonerecherche .champ
{
    clear:both;
    padding:0;
    margin:0;
    
    float:left;
    font-size:11px;
    width:125px;
}

#zonerecherche .btnok
{
    clear:both;
    float:right;
    
}

#zonedroite
{
	float:right;
	margin: 0;
	width: 769px; 
	
}
#logohorizontal {
	clear: both;
	float:left;
	margin: 0;
	padding-right:20px;
	width: 749px; 
	background: url('varenne.png') no-repeat ;
	background-position:top left;
	height: 31px;
	text-align:right;
}
#slogan {
	clear: both;
	float:left;
	margin: 0;
	margin-right:20px;
	width: 749px; 
	background: url('slogan.png') no-repeat ;
	background-position:top right;
	height: 19px;
}

#sloganuk {
	clear: both;
	float:left;
	margin: 0;
	margin-right:20px;
	width: 749px; 
	background: url('sloganuk.png') no-repeat ;
	background-position:top right;
	height: 19px;
}




#mainnav{
	clear: both;
	float:left;
    margin: 0;
    padding: 0;
	margin-top: 30px;
	width: 100%; 
	height: 43px;
    
    font-size:14px;
}

#mainnav ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;

height:42px;
}

* html #mainnav ul{ 
margin-bottom: 0;
}

#mainnav ul li{
display: inline;
}


#mainnav ul li a{
float: left;
color: #000;
font-weight: bold;
padding: 0px 6px 2px 6px;
text-decoration: none;
height:36px;
line-height:36px;
background: #8d8774;
border-top: 4px solid #625c4c;
}

#mainnav ul li a:hover{
color: #fff;
background-color: #8d8774;
border-top: 4px solid black;
padding-top: 0;
text-align:center;

}
#mainnav .large
{
    width:292px;
}
#mainnav .small
{
    width:142px;
}

#mainnav ul li a.agence
{
    text-align:center;
    border-right:1px solid #625c4c;
}
#mainnav ul li a.agence:hover,#mainnav ul li .aagence {
    border-top: 4px solid #c5d573;
    border-right:1px solid #625c4c;
}

#mainnav ul li a.annonces
{
    text-align:center;
    border-right:1px solid #625c4c;
}
#mainnav ul li a.annonces:hover,#mainnav ul li .aannonces {
    border-top: 4px solid #ed9550;
    border-right:1px solid #625c4c;
}

#mainnav ul li a.services
{
    text-align:center;
    border-right:1px solid #625c4c;
}
#mainnav ul li a.services:hover,#mainnav ul li .aservices {
    border-top: 4px solid #d26496;
    border-right:1px solid #625c4c;
}
#mainnav ul li a.contact
{
    text-align:center;
}
#mainnav ul li a.contact:hover, #mainnav ul li .acontact{
    border-top: 4px solid #0072bb;
}
#mainnav ul li .aagence ,#mainnav ul li .aannonces,#mainnav ul li .aservices , #mainnav ul li .acontact
{
    color:#fff;
    
}







#subnav{
	clear: both;
	display:block;
	float:left;
    margin: 0;
    padding: 0;
	width: 769px; 
	height: 26px;

    font-size:10px;
    background: #8d8774;
}

#subnav ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;

height:26px;
}

* html #subnav ul{ 
margin-bottom: 0;
}

#subnav ul li{
display: inline;
}


#subnav ul li a{
float: left;
color: #000;
font-weight: bold;
padding: 0px 2px 2px 2px;
text-decoration: none;
height:24px;
line-height:24px;
background: #8d8774;
}

#subnav ul li a:hover{
color: #fff;
background-color: #8d8774;
text-align:center;

}


#subnav ul li a.agence
{
    width:96px;
    text-align:center;
    border-right:1px solid #625c4c;
}
#subnav ul li a.agence:hover,#subnav ul li .aagence {
    width:96px;
    border-right:1px solid #625c4c;
}

#subnav ul li a.presse
{
    width:97px;
    text-align:center;
    border-right:1px solid #625c4c;
}
#subnav ul li a.presse:hover,#subnav ul li .apresse {
    width:97px;
    border-right:1px solid #625c4c;
}

#subnav ul li a.recrutement
{
    width:97px;
    text-align:center;
    border-right:1px solid #625c4c;
}
#subnav ul li a.recrutement:hover,#subnav ul li .arecrutement {
    width:97px;
    border-right:1px solid #625c4c;
}




#subnav ul li a.services
{
    width:90px;
    text-align:center;
    border-left:1px solid #625c4c;
    border-right:1px solid #625c4c;
}
#subnav ul li a.services:hover,#subnav ul li .aservices {
    width:90px;
    border-right:1px solid #625c4c;
    border-left:1px solid #625c4c;
}

#subnav ul li a.sia
{
    width:46px;
    text-align:center;
    border-right:1px solid #625c4c;
}
#subnav ul li a.sia:hover,#subnav ul li .asia {
    width:46px;
    border-right:1px solid #625c4c;
}

#subnav ul li a.pratique
{
    width:154px;
    text-align:center;
    border-right:1px solid #625c4c;
}
#subnav ul li a.pratique:hover,#subnav ul li .apratique {
    width:154px;
    border-right:1px solid #625c4c;
}

#subnav ul li a.servicesuk
{
    width:100px;
    text-align:center;
    border-left:1px solid #625c4c;
    border-right:1px solid #625c4c;
}
#subnav ul li a.servicesuk:hover,#subnav ul li .aservicesuk {
    width:100px;
    border-right:1px solid #625c4c;
    border-left:1px solid #625c4c;
}

#subnav ul li a.siauk
{
    width:56px;
    text-align:center;
    border-right:1px solid #625c4c;
}
#subnav ul li a.siauk:hover,#subnav ul li .asiauk {
    width:56px;
    border-right:1px solid #625c4c;
}

#subnav ul li a.pratiqueuk
{
    width:134px;
    text-align:center;
    border-right:1px solid #625c4c;
}
#subnav ul li a.pratiqueuk:hover,#subnav ul li .apratiqueuk {
    width:134px;
    border-right:1px solid #625c4c;
}





#subnav ul li a.ventes
{
    width:146px;
    text-align:center;
    border-right:1px solid #625c4c;
    border-left:1px solid #625c4c;
}
#subnav ul li a.ventes:hover,#subnav ul li .aventes {
    width:146px;
    border-right:1px solid #625c4c;
    border-left:1px solid #625c4c;
}

#subnav ul li a.locations
{
    width:149px;
    text-align:center;
    border-right:1px solid #625c4c;
}
#subnav ul li a.locations:hover,#subnav ul li .alocations {
    width:149px;
    border-right:1px solid #625c4c;
}










#subnav ul li .aagence ,#subnav ul li .apresse,#subnav ul li .arecrutement,#subnav ul li .aservices ,#subnav ul li .asia,#subnav ul li .apratique,#subnav ul li .aservicesuk ,#subnav ul li .asiauk,#subnav ul li .apratiqueuk,
#subnav ul li .aventes,#subnav ul li .alocations
{
    color:#fff;
}

#zonecontenu
{
    width: 769px; 
    font-size:13px;
}
#zonecontenu .contenu
{
    width: 764px; 
    padding-left:5px;
}



#zonecontenu a, #zonecontenu  a:visited 
{
    color:#625c4c;
    text-decoration:none;
}

#zonecontenu  a:hover 
{
    color:#990000;
    text-decoration:underline;
}
#zonecontenu .style1 {
	color: #FFFFFF;
	font-weight: bold;
}






#menuoffre{
	clear: both;
	display:block;
	float:left;
    margin: 0;
    padding: 0;
	width: 420px; 
	height: 24px;

    
    font-size:11px;
    background: #8d8774;
}

#menuoffre ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
height:24px;
}

* html #menuoffre ul{ 
margin-bottom: 0;
}

#menuoffre ul li{
display: inline;
}


#menuoffre ul li a{
float: left;
color: #cbc3ab;
font-weight: bold;
padding: 0px 2px 2px 2px;
text-decoration: none;
height:24px;
line-height:24px;
background: #8d8774;
}

#menuoffre ul li a:hover{
color: #fff;
background-color: #8d8774;
text-align:center;

}


#menuoffre ul li a.oimprimer
{
    width:100px;
    text-align:center;
    border-right:1px solid #625c4c;
}
#menuoffre ul li a.oimprimer:hover {
    width:100px;
    border-right:1px solid #625c4c;
}

#menuoffre ul li a.oemail
{
    width:146px;
    text-align:center;
    border-right:1px solid #625c4c;
}
#menuoffre ul li a.oemail:hover {
    width:146px;
    border-right:1px solid #625c4c;
}

#menuoffre ul li a.ocontact
{
    width:160px;
    text-align:center;
}
#menuoffre ul li a.ocontact:hover {
    width:160px;

}