/* CSS Document */
* { margin:0; padding:0 }
body {
	font-size: 0.8em;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
#contener {
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-385px;
	width:770px;
	/*height:531px;*/
	background:#171279 url('../images/fond.jpg') no-repeat left top;	
}
#contener-pages {
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-385px;
	width:770px;
}
#bandeau {
	background:url('../images/bandeau.jpg') no-repeat right bottom;
	width:770px;
	height:174px;
}
#milieu {
	background:#171279 url('../images/plante.gif') no-repeat left bottom;
	width:770px;
}
#contenu {
	background:#B6D5C5 url('../images/fond-contenu.jpg') no-repeat left bottom;
	margin-left:212px;
	padding:5px;
	min-height:350px;
	padding-bottom:40px;
}
#contenu p, #interview p { margin-bottom:15px; text-align:justify; }
* html #contenu { height:350px; }
h1.titre {
	font-size:2em;
	text-align:center;
	color:#171279;
}
h2.titre {
	font-size:1.6em;
	color:#171279;
}
ul#accessibilite {
	list-style-type: none;
	float:left;
	margin-top:-2px;
}
ul#accessibilite li {
	display:inline;
	margin-right:20px;
	/*background-color:white;*/
}
ul#accessibilite li.T1, ul#accessibilite li.T2, ul#accessibilite li.T3 {
	margin-right:5px;
	font-weight:bold;
}
ul#accessibilite li.T1 { font-size:0.75em; }
ul#accessibilite li.T2 { font-size:0.9em; }
ul#accessibilite li.T3 { font-size:1.2em; }
.marge-droite { padding-left:300px; }
ul#menu {
	/*width:130px;*/
	width:10em;
	position:absolute;
	top:190px;
	left:10px;
	list-style-type: none;
	z-index:20;
}
ul#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration: none;
	padding-top:0.63em;
	height:1.72em; /*22px;*/
	/*width:134px;*/
	width:10.5em;
	display: block;
	position: absolute;
   	z-index: 2;
}
ul#menu li a:hover {
	padding-top:0.47em;
	height:1.88em;
	width:10.19em;
	background-color:#4491FB;
	border:2px solid red;
}
ul#menu li div.transparence {
	/*height:30px;
	width:130px;*/
	height:2.35em;
	width:10.19em;
	background-color:#4491FB;
	border:2px solid red;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
ul#menu li { height:3.53em; /* car pb avec ie */}
ul#menu li ul {
	list-style-type:none;
    visibility:hidden;
    position:absolute; /* important */
    width:15.67em;
	margin-left:10.97em; /* be careful */
    margin-top:-1.88em;
}
ul#menu li ul div.transparence2 {
	position:absolute;
	top:-0.15em;
	left:-0.15em;
	height:7.23em;
	width:15.67em;
	background-color:#4491FB;
	border:2px solid red;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	z-index:20;
}
* html ul#menu li ul div.transparence2 {
	height:8.12em;
}
ul#menu li ul li, ul#menu li ul li a {
	width:15.67em;
	border:0;
	height:1.8em;
	padding:0;
	margin:0;
	z-index:30;
}
ul#menu li ul li a {
	padding-top:0.24em;
	height:1.57em;
}
ul#menu li ul li a:hover {
	border:0;
	padding-top:0.24em;
	height:1.57em;
	width:15.67em;
	background-color:#4491FB;
}
#fond-info { 
	position:absolute;
	background-color:#4491FB;
	border:2px solid red;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	visibility:hidden;
	left:220px; top:180px; width:14.11em; height:9.4em; z-index:20; visibility:hidden; 
}
#carte-transparente {  position:absolute; left:411px; top:167px; z-index:2 }
#consignes-cartes { color:white; font-weight:bold; margin:5px 15px 0 15px; }
#Gournay-sur-Marne, #Le-Perreux-sur-Marne, #Bry-sur-Marne, #Nogent-sur-Marne, #Charenton-le-Pont, #Villiers-sur-Marne, #Saint-Maurice, #Joinville-le-Pont, #Alfortville, #Saint-Maur-des-Fossees, #Bonneuil-sur-Marne, #Limeil-Brevannes, #Creteil { position:absolute; left:500px; top:100px; width:13.32em; z-index:30; visibility:hidden; color:white; padding:0.39em;background:url(../Datas/fond-bleu.jpg); }

h2.titre-commune {
	text-align:center;
	font-size:1.2em;
	font-variant: small-caps;
}
#vallee-de-la-marne {
	position:absolute; left:440px; top:140px; width:190px; z-index:10; visibility:hidden; color:white; padding:2px;
	background-color:#64C2CC;
	text-align:center;
	font-weight:bold;
}
#plaine-centrale {
	position:absolute; left:320px; top:415px; width:190px; z-index:10; visibility:hidden; color:white; padding:2px;
	background-color:#DCDE4C;
	text-align:center;
	font-weight:bold;
}
#interview {
	width:385px;
	height:200px;
	overflow: auto;
	margin:0 0 10px 10px;
	color:white;
	font-weight:bold;
	padding-right:5px;
}
h1.titre-interview {
	margin:450px 0 10px 10px;
	color:white;
	font-weight:bold;
	font-size:1.4em;
	font-variant: small-caps;
}
#hierarchie { font-size:0.9em; }
tr.tableau_procedures td {
	font-size:0.5em;
}