/*Corps du texte :  Police Arial, Helvetica, taille 10points, noir #000000, texte justifié, marges de 10 pixels*/
body {
	font-family: Arial, Helvetica;
	font-size: 10pt;
	color: #000066;
	margin-bottom: 0;
	padding-bottom: 0;
	
}
/*liens*/
a:link {text-decoration: none; color: #008000; border: 0;}
a:visited {
	text-decoration: none;
	color: #207B21;
	border: 0;
}
a:active { text-decoration:none; color: #00BC00; border: 0;}
a:hover { text-decoration:none; color: #000066; border: 0;}
img {
	border: 0;
}
#donnee {padding-top: 3%; padding-bottom: 1%;}
li.donnees {padding-bottom: 1%;}
.flotte_gauche {float: left; }
.flotte_droite {float: right; }
.gauche {margin-left : 15%; padding-left : 15%;}
.droite {margin-right : 15%; padding-left : 15%;}
/*titres*/
h1 {
	color: #000066;
	font-size: 10pt;
	font-weight: bold;
	
}
h2 {
	color: #000066;
	font-size: 10pt;
	font-weight: bold;
	background-color: #EAF0DA;
	padding-left: 2%;
}
h6 { color: #000066; font-size: 11pt; font-weight: bold; }
h5 { color: #000066; font-size: 11pt; font-weight: lighter;  }
h3 { color: #008000; font-size : 10pt; font-weight: bold; text-align : left; }
h4 {
	color: #0D5F9B;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	background-color: #D4E9F5;
}
/*formatage général*/
.italique {
	font-style: italic;
}
.espace li{
 padding-bottom: 1%;
}
ul {
	list-style-type: circle;
}
ul ul {
 list-style-type: disc;
}
/*haut*/
div.hau{
 text-align: right; padding-right: 20px ;
 }
.hau{
 text-align: right; padding-right: 20px; font-size: 85%;
 }
		
/*Logo emploi, position : haut gauche*/
#logo  { border-style: none; position: absolute; left: 2px; top: 3px; margin:0; padding:0;}
#gdz  { border-style: none; position: absolute; left: 120px; top: 10px; margin:0; padding:0;}
#logo a img{ border-style: none; border-width: 0; }
.logo {
	border-style: none;
}
/*entête*/
#entete {
	height: 70px; }
/*pied de page*/
div#pied {
	padding-top: 2%; padding-left: 2%;
}
#bas {
	text-align: right;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 10%;
	padding-top: 0;
	font-size: 90%;
}
/*Menu du site*/
p.menu a{
  float: left ;
  text-align: center ;
  display: block ;
}
  
/*Logo*/
a#logo_insee{ border:0; } 
a#logo_pref{ border-style: none; }
#logo_haut{  position:absolute; right:5px; top:0; margin:0; padding:0;}
/*Accueil*/
#image_accueil {
	float: right; margin-right: 2%; padding-right: 2%; padding-top: 2%;	 	
}
#accueil_gauche {
	float: left; margin-right: 5%; margin-top: 2%; 	 	
}
#contenu_accueil {margin-top: 2%;
}
#efh {padding-top: 2%; margin: 2%;}
#accueil { padding-top: 5%; padding-bottom: 5%; margin: 2%; margin-left: 5%;}
ul#etn { margin-top: 5%; margin-left: 5%;}
/*Contenu*/
.contenu { padding-top: 0px; padding-right: 0px; padding-left: 0px; }
/*Menu du haut*/
ul#menu {
	position: absolute; top: 61px; left: 123px; margin:0; padding:0;
	}
ul#menu li{
	display: block;
	float: left;
	height: 30px;
	margin: 0;
	
}
ul#menu a{
  display: block ;
  height: 30px;
  background: url(img/menu.jpg) 0 0 no-repeat;
}
ul#menu span{
  display: none;
  }
ul#menu li#bouton_region a{
  width: 100px; background-position: 0 0;
}
ul#menu li#bouton_dep a{
width: 100px; background-position: -100px 0;
}
ul#menu li#bouton_efh a{
width: 100px; background-position: -200px 0;
}
ul#menu li#bouton_etn a{
width: 100px; background-position: -300px 0;
}
ul#menu li#bouton_donnees a{
width: 100px; background-position: -400px 0;
}
ul#menu li#bouton_metho a{
width: 100px; background-position: -500px 0;
}
ul#menu li#bouton_commune a:visited{
width: 100px; background-position: 0 -30px;
}
ul#menu li#bouton_zonage a:visited{
width: 100px; background-position: -100px -30px;
}
ul#menu li#bouton_telechar a:visited{
width: 100px; background-position: -200px -30px;
}
ul#menu li#bouton_partenaire a:visited{
width: 100px; background-position: -300px -30px;
}
ul#menu li#bouton_aide a:visited{
width: 100px; background-position: -400px -30px;
}
ul#menu li#bouton_contact a:visited{
width: 100px; background-position: -500px -30px;
}
ul#menu li#bouton_commune a:hover{
width: 100px;   background-position: 0 -60px;
}
ul#menu li#bouton_zonage a:hover{
width: 100px; background-position: -100px -60px;
}
ul#menu li#bouton_telechar a:hover{
width: 100px; background-position: -200px -60px;
}
ul#menu li#bouton_partenaire a:hover{
width: 100px; background-position: -300px -60px;
}
ul#menu li#bouton_aide a:hover{
width: 100px; background-position: -400px -60px;
}
ul#menu li#bouton_contact a:hover{
width: 100px; background-position: -500px -60px;
}
ul#menu li#bouton_commune a:active{
width: 100px; background-position: 0 -90px;
}
ul#menu li#bouton_zonage a:active{
width: 100px; background-position: -100px -90px;
}
ul#menu li#bouton_telechar a:active{
width: 100px; background-position: -200px -90px;
}
ul#menu li#bouton_partenaire a:active{
width: 100px; background-position: -300px -90px;
}
ul#menu li#bouton_aide a:active{
width: 100px; background-position: -400px -90px;
}
ul#menu li#bouton_contact a:active{
width: 100px; background-position: -500px -90px;
}
/*---- STYLES POUR LES TABLEAUX ----*/
table
	{
	font-size: 1em;
	margin: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	border-collapse: collapse;
	}
caption {margin-top: 20px; font-weight: bold; font-size: 110%}
td, th {padding: 4px 4px 4px 7px; vertical-align: top; text-align: center;}
td, th.etendue-ligne {border-right: 1px solid Gray; border-left: 1px solid Gray; border-top: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; }
tr:first-child td, tr:first-child th {border-top: 1px solid Gray;}
tr:last-child td, tr:last-child th {border-bottom: 1px solid Gray;}
th {border: 1px solid Gray;text-align: center; }
/*---- Avertissement ----*/
#avert {margin-top: 2%; margin-right: 5%; margin-left: 5%; border: 1px solid red; padding: 1%;}