/* CSS Document */
body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #343f48;
}
#content	{width: 870px; margin: auto; padding: 0; background-color:#343f48; text-align: left; position: relative; top: 10px;}
div.logo	{
	width: 204px;
	height:85px;
	position: relative;
	top: 9px;
	left: 9px;
}
div.barrebas {
	width: 395px;
	height:22px;
	margin: auto;
	padding-right:5px;
	padding-top:4px;
	background-color:#000000;
	text-align: right;
	position: absolute;
	top: 481px;
	border:1px solid #ffffff;
	left: 10px;
}
div.eStat {
	width:80px;
	height:15px;
	position: absolute;
	top:486px;
	left:119px;
}
div.touslessites {
	width:80px;
	height:16px;
	position: absolute;
	top:487px;
	left:320px;
}
div.barredefil {
	width: 403px;
	height:21px;
	margin: auto;
	padding: 4px 4px 4px 4px;
	position: absolute;
	top: 406px;
	border:1px solid #ffffff;
	left: 10px;
}
#texte1 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}
#texte2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
#defil {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; color:#FFFFFF;}

/* Menu gauche */
div.menu	{
	width: 287px;
	height:300px;
	position: relative;
	top: 18px;
	left: 9px;
}

a.actifs {
     display: block; 
     width: 287px; 
     height: 27px; 
     background-image: url(btns/actifs_out.gif); 
     background-repeat: no-repeat;
     }
a.actifs:hover { background-image: url(btns/actifs_over.gif); } 
 
a.immi {
     display: block; 
     width: 287px; 
     height: 27px; 
     background-image: url(btns/immigration_out.gif); 
     background-repeat: no-repeat;
     }
a.immi:hover { background-image: url(btns/immigration_over.gif); } 	 

a.mobi {
     display: block; 
     width: 287px; 
     height: 27px; 
     background-image: url(btns/mobilier_out.gif); 
     background-repeat: no-repeat;
     }
a.mobi:hover { background-image: url(btns/mobilier_over.gif); } 
	 
a.immo {
     display: block; 
     width: 287px; 
     height: 27px; 
     background-image: url(btns/immo_out.gif); 
     background-repeat: no-repeat;
     }
a.immo:hover { background-image: url(btns/immo_over.gif); } 
	  
a.ecomm {
     display: block; 
     width: 287px; 
     height: 27px; 
     background-image: url(btns/ecommerces_out.gif); 
     background-repeat: no-repeat;
     }
a.ecomm:hover { background-image: url(btns/ecommerces_over.gif); } 

a.services {
     display: block; 
     width: 287px; 
     height: 27px; 
     background-image: url(btns/services_out.gif); 
     background-repeat: no-repeat;
     }
a.services:hover { background-image: url(btns/services_over.gif); } 

/*a.opport {
     display: block; 
     width: 287px; 
     height: 27px; 
     background-image: url(btns/opportunites_out.gif); 
     background-repeat: no-repeat;
     }
a.opport:hover { background-image: url(btns/opportunites_over.gif); }*/

a.new {
     display: block; 
     width: 287px; 
     height: 27px; 
     background-image: url(btns/new_out.gif); 
     background-repeat: no-repeat;
     }
a.new:hover { background-image: url(btns/new_over.gif); }  

a.bio {
     display: block; 
     width: 287px; 
     height: 27px; 
     background-image: url(btns/bio_out.gif); 
     background-repeat: no-repeat;
     }
a.bio:hover { background-image: url(btns/bio_over.gif); }
a.actus {
     display: block; 
     width: 287px; 
     height: 27px; 
     background-image: url(btns/actus_out.gif); 
     background-repeat: no-repeat;
     }
a.actus:hover { background-image: url(btns/actus_over.gif); }
 
/* Menu haut */
div.menu2 {width:115px; height: 22px; position:absolute; background: url(img/fnd_btns_haut.jpg) 0 0 no-repeat; left: 296px; top:9px; }
#menu2b { position:absolute; left: 29px; top:0px;}
#menu2c { position:absolute; left: 57px; top:0px;}
#menu2d { position:absolute; left: 94px; top:0px;}

a.home {
     display: block;
     width: 24px; 
     height: 22px; 
     background-image: url(btns/home_out.gif); 
     background-repeat: no-repeat;
     }
a.home:hover { background-image: url(btns/home_over.gif); } 
	 
a.favori {
     width: 25px; 
     height: 22px; 
     background-image: url(btns/favoris_out.gif); 
     background-repeat: no-repeat;
     }
a.favori:hover { background-image: url(btns/favoris_over.gif); } 
	 
a.contact {
     width: 34px; 
     height: 22px; 
     background-image: url(btns/contact_out.gif); 
     background-repeat: no-repeat;
     }
a.contact:hover { background-image: url(btns/contact_over.gif); } 

a.print {
     width: 21px; 
     height: 22px; 
     background-image: url(btns/print_out.gif); 
     background-repeat: no-repeat;
     }	
a.print:hover { background-image: url(btns/print_over.gif); } 

/* images intro */
div.introht {width:337px; height: 329px; position:absolute; left: 411px; top:9px; }
div.introbs {width:337px; height: 172px; position:absolute; left: 411px; top:337px; }
div.bienvenue {width:118px; height: 30px; position:absolute; left: 292px; top:39px; }

/* images pages */
div.pageht {
	width:442px;
	height: 22px;
	position:absolute;
	left: 411px;
	top:9px;
	background: url(img/pages_haut.jpg) 0 0 no-repeat;
	text-align:center;
}
div.actifsimg {width:114px; height: 450px; position:absolute; left: 296px; top:30px; border:1px solid #ffffff;}
div.ville {width:286px; height: 84px; position:absolute; left: 10px; top:397px; background: url(img/ville_fond2.gif) 0 0 no-repeat; }
div.logojcs {width:101px; height: 28px; position:absolute; left: 10px; top:481px;}

/* texte pages */
div.fondtexte {
	width:422px;
	height: 457px;
	position:absolute;
	left: 411px;
	top:30px;
	border:1px solid #ffffff;
	background-color:#758089;
	padding:10px 10px 10px 10px;
	text-align:justify;
}
div.fondtexte3 {
	width:419px;
	height: 459px;
	position:absolute;
	left: 412px;
	top:28px;
	border:1px solid #ffffff;
	background-color:#758089;
	padding:10px 10px 10px 10px;
	text-align:justify;
	overflow:auto;
}

div.fondtexte2 {width:415px; height: 459px; position:absolute; left: 18px; top:20px; border:1px solid #ffffff; background-color:#758089; padding:10px 10px 10px 10px; text-align:left;}
.Style1 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
h1 {font-size: 16px; font-weight: bold; background: url(img/fleche.gif) 0 0 no-repeat; padding-left:40px;}
h2 {font-size: 12px; letter-spacing:1px;}
h3 {font-size: 8px;}
div.trait_separateur {width:415px; height:1px; background-color:#FFFFFF;}
.lientext  {font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #ffffff; text-decoration: underline;letter-spacing:1px; }
.lientext2  {font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #ffffff; text-decoration: none;letter-spacing:1px; padding:2px; background-color:#000000; }
a.lientext2:hover {font-size: 13px; }
a:hover     {font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #CC0000; text-decoration: underline;letter-spacing:1px; }
td {padding: 4px; text-align: center; background-color: #f1f8fe; border:1px solid #ADB1B4;}

a {font-weight:bold; color:#CC0000;}

.menu p {line-height:12px; padding:0px; margin:0px;}