/* CSS Document */
body {
	text-align: center;
  background: #C0B995 url('../images/img_css/fond_page.png') repeat-x fixed;
/* Apparence: ascenseur par defaut */
	overflow: scroll;
}
body#popup{
  margin: 0; 
}
#page {
	width: 990px;
	margin: 0 auto;
/* Apparence */
	background: white;
	border-color: #7B796D;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	text-align: left;
}
#page.newsletter {
	background: white url('../images/img_css/bande_lettre.jpg') no-repeat;
	/* width: 750px; */
}
#logo {
/* Disposition */
	position: absolute;
	z-index: 3;
	margin-left: 55px;
}
/*
#page.lanewsletter #logo {
  display: none;
}
*/
#page.newsletter #logo {
	margin-left: 50px;
}
#entete {
	height: 132px;
	/* background: url('../images/img_css/bandeau_haut.jpg') no-repeat; */
	background: url('../images/img_css/bandeau_accueil.jpg') no-repeat;
}
#entete.international {
	background: url('../images/img_css/bandeau_international.jpg') no-repeat;
}
#entete.enjeux {
	background: url('../images/img_css/bandeau_enjeux.jpg') no-repeat;
}
#entete.cartes {
	background: url('../images/img_css/bandeau_cartes.jpg') no-repeat;
}
#entete.publications {
	background: url('../images/img_css/bandeau_publications.jpg') no-repeat;
}
#entete.etudes {
	background: url('../images/img_css/bandeau_etudes.jpg') no-repeat;
}
#entete.idf {
	background: url('../images/img_css/bandeau_idf.jpg') no-repeat;
}
/*
#entete.collectivite {
	background: url('../images/img_css/bandeau_collectivites.jpg') no-repeat;
}
#entete.presse {
	background: url('../images/img_css/bandeau_presse.jpg') no-repeat;
}
*/

/*
#page.lanewsletter #entete {
	height: 227px;
}
*/

#page.newsletter #entete {
	background: none;
	height: 170px;
}
#menuA {
/* Disposition */
	float: left;
	margin-top: 20px;
	margin-left: 166px; /*146px;*/
	background: url('../images/img_css/pix_noir.png');
	margin-right: 20px;
}
p#english {
/* Disposition */
	float: right;
	clear: right;
	margin-top: 4px;
	margin-right: 12px;
	background: url('../images/img_css/pix_noir.png');
}
*html p#english {
	margin-right: 6px;
}
p#english a {
  float: left;
  padding: 0 3px;
  line-height: 1.4em;
	color: white;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
p#english a:hover {
	text-decoration: underline;
}
p#english span {
  display: block;
  float: left;
	background: url('../images/img_css/fond_english.png') repeat-x;
	height: 8px;
	margin: 3px;
	font-size: 0.1em; /* ie */
}
p#english span#fond1 {
	width: 35px;
}
p#english span#fond2 {
	width: 15px;
}

#message {
  position: absolute;
	margin-left: -200px;
	margin-top: 50px;
	color: white;
	font-size: 1.4em;
	width: 500px;
	padding: 0 10px;
}
#menuB {
	float: right;
	clear: right;
	background: url('../images/img_css/pix_noir.png');
	margin-right: 12px;
	margin-top: 2px;
}
*html #menuB {
	margin-right: 6px;
}
#menuA li, #menuB li {
	display: inline;
	float: left;
	margin: 2px 0;
	padding: 0 10px;
	border-right: 1px solid white;
	font-size: 0.8em;
	line-height: 10pt;
	letter-spacing: 0.3pt;
	color: white;
	font-weight: bold;
	white-space:nowrap;
}
#menuA li {
	padding: 0 10px;
}
#menuB li {
	padding: 0 8px;
}
#menuA li.last, #menuB li.last {
	border-right: none;
}
#menuA li a, #menuB li a {
	color: white;
	text-decoration: none;
}
#menuA li a:hover, #menuB li a:hover {
	text-decoration: underline;
}
/* Menus */
#menuPrincipal {
/* Disposition */
  /* position: absolute; top: 100px; : ça fonctionne aussi comme ça !!! */
  position: relative; /*  sinon il y a un vide sous le menu sur ff3 + provoque une contrainte sur le dernier menu */
	float: left;      /* sinon le menu pousse les elements vers la droite + mozilla plus de mise en page */
  margin: 8px 6px -9px;
  padding-left: 170px; /*140px;*/
/* Apparence */
	background: url('../images/img_css/menu_p.png');
  font-size: 0.8em;
  font-weight: bold;
  width: 808px;
  /* ajout */
  z-index: 2;

}
#menuPrincipal ul {
	list-style-type: none;
}
#menuPrincipal ul li {
	float: left;
	padding: 12px 0 9px;
	text-transform: uppercase;
	color: white;
	white-space: no-wrap;
}
#menuPrincipal ul li:hover, #menuPrincipal ul li.sfhover {
	background: url('../images/img_css/menu_p_over.gif');
}
#menuPrincipal ul li.actif {
	background: url('../images/img_css/menu_p_actif.gif');
}
#menuPrincipal ul li.actif:hover, #menuPrincipal ul li.sfhover {
	background: url('../images/img_css/menu_p_over.gif');
}
#menuPrincipal ul li span {
/* Disposition */
	display: block;
/* Apparence */
	cursor: default;
	border-right: 1px solid #F4767B;
	padding: 0 15px; /* Erreur sur MAC/FF3 et SAFARI */
  white-space: nowrap;
}
#menuPrincipal ul li.last span {
	border-right: none;
}
#menuPrincipal ul ul {
	display: none;
  position: absolute;
	margin-top: 9px;
	padding: 10px 0 10px;
	background: url('../images/img_css/pix_gris.png');
	
	min-width:170px; 
}
/* tmp : bug d'affichage */
#menuPrincipal ul li.last ul {
	width: 170px;
}
/* Ajout 30.04 : ne fonctionne pas */
#menuPrincipal ul li div#fin {
	display: none;
	vertical-align : bottom;
	background:  #98987C url('../images/img_css/angle_menu.png') right no-repeat;
	height: 14px;
}
#menuPrincipal ul li:hover ul, #menuPrincipal ul li.sfhover ul {
	display: block;
/* #menuPrincipal ul li:hover div#fin, #menuPrincipal ul li.sfhover div#fin */
}
#menuPrincipal ul ul li {
	float: none;
	padding: 1px 8px;
	margin: 0 1px;
	text-transform: none;
}
#menuPrincipal ul ul li:hover, #menuPrincipal ul ul li.sfhover {
	background: #E71E00;
}
#menuPrincipal ul ul li.actif, #menuPrincipal ul ul li.actif:hover {
	background: #73735F;
}
#menuPrincipal ul ul li a {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	color: white;
	text-decoration: none;
}

/***********************************/
/*****         Contenu         *****/
/***********************************/
#contenu {
/* Disposition */
	float: left;
	margin: 0 6px;
	width: 978px;
	min-height: 440px;
}
*html #contenu {
	float: none;   /* probleme de positionnement au centre */
	height: 440px; /* probleme de positionnement au centre */
}
#page #contenu, 
#page #basDePage {
	background: white url('../images/img_css/fond_contenu.png') repeat-y;
}
#page.newsletter #basDePage {
	background: #F2EFE1;
	padding: 10px;
}
#page.theme #contenu, 
#page.theme #basDePage,
#page.bandeauhaut #contenu, 
#page.bandeauhaut #basDePage {
	background: white url('../images/img_css/fond_contenu_theme.gif') repeat-y;
}
/* #page.lanewsletter #contenu, */
#page.newsletter #contenu,
#page.accueil #contenu, 
#page.accueil #basDePage {
	background: none;
/*  width: 638px; */
}
/* #page.pleinepage #contenu, */
#page.pleine_page #contenu, 
#page.pleine_page #basDePage {
	background: none;
/*  width: 638px; */
}
/***************************/
/****  Colonne gauche   ****/
/***************************/
#ColonneGauche {
/* Disposition */
	float: left;
	width: 200px;
	padding-top: 46px;
}
#ColonneGauche p {
  font-size: 0.8em;
}
/**** Bloc Titres */
#ColonneGauche div#titres {
	clear: both;
	margin: 0 2px;
	padding: 4px;
	font-weight: bold;
}
#ColonneGauche div#titres a {
	display: block;
	text-decoration: none;
	font-weight: bold;
  font-size: 0.8em;
  color: #5B5B50;
	/* color: #73735F; */
}
#ColonneGauche div#titres.active a {
	color: #E71E00;	
}
/**** Bloc auteurs et directeurs */
#ColonneGauche #auteurs p, #ColonneGauche #directeurs p {
  font-size: 0.7em;
  padding: 0 6px 10px;
}
/**** menu deroulant : non utilisé acctuellement */
#ColonneGauche div#liste {
	background: #B3B37E url('../images/img_css/pictos/selecteur_menu.gif') no-repeat right center;
}
/********************************************/
/********************************************/
/**** UL/LI Définition Générale */
#ColonneGauche ul {
/* Apparence */
	list-style-type: none;
	padding: 0 2px;
/* profondeur 	background: #E6E3D0;*/
  font-size: 0.8em;
}
#ColonneGauche li {
	padding: 3px;
	padding-left: 10px;
	border-top: 1px dotted #BBB8A7; /* border-top: 1px dotted #BBB8A7; border-top: 1px dotted white; */
}
*html #ColonneGauche li {
border-top: 1px solid #DAD6BE;
}
#ColonneGauche li.first {
	border-top: 1px solid #BBB8A7; /* border-top: 1px solid white; */
}
#ColonneGauche li.last {
	border-bottom: 1px solid #BBB8A7; /* border-bottom: 1px dotted white; */
}
#ColonneGauche li a {
/* Disposition */
	display: block;
	width: 100%;
/* Apparence */
	color: black;
	text-decoration: none;
/* Correction */	
	margin: -3px;
	padding: 3px;
	margin-left: -10px;
	padding-left: 10px;
}
#ColonneGauche li ul {
	padding: 0;
	font-size: 1em;
/* Correction */	
	margin: 3px -3px -3px;
	margin-left: -10px;
/* profondeur 	background: #E3E0CB; */
}
#ColonneGauche li ul li {
/* Disposition */
	padding-left: 14px;
/* Apparence */
	font-weight: normal;
	
border-top: 1px dotted #BBB8A7;
}
*html #ColonneGauche li ul li {
border-top: 1px solid #DAD6BE;
}
#ColonneGauche li ul li.last {
	margin-bottom: -4px;
}
*html #ColonneGauche li ul li.last {
	margin-bottom: -1px;
}

#ColonneGauche li ul li a {
/* Correction */
	margin-left: -14px;
  padding-left: 14px;
}
#ColonneGauche li ul ul {
/* Correction */
	margin-left: -16px;
	display: none;
}
/* Menu Enjeux : a supprimer */
#ColonneGauche div#titres ul {
	display: none;
/* position */
	position: absolute;
	margin-left: 165px;
	top: 160px;
/* Apparence */	
	background: #98987C;
	padding: 4px 1px;
/* Apparence */	
  font-size: 1em;
}
#ColonneGauche div#titres:hover ul, #ColonneGauche div#titres.sfhover ul {
	display: block;
}
#ColonneGauche div#titres ul li {
/* Apparence : spécifique */	
	border: none;
	padding-right: 10px;
}
#ColonneGauche div#titres ul li:hover, #ColonneGauche div#titres ul li.sfhover {
	background: #E71E00;
}
#ColonneGauche div#titres ul li.actif, #ColonneGauche div#titres ul li.actif:hover {
	background: #73735F;
}
#ColonneGauche div#titres ul li a,
#ColonneGauche div#titres.active ul li a {
	color: white;
}
/* Menu Contexte */
#ColonneGauche div#contexte {
/* Disposition */
	float: left;
	width: 200px;
/* Apparence */
	font-weight: bold;
}
#ColonneGauche div#contexte p {
	padding: 4px 6px;
}
#ColonneGauche div#contexte ul li a:hover {
/* Apparence */
	background: #E1DEC8;
}
#ColonneGauche div#contexte ul li.actif a {
	color: #E71E00;
}
#ColonneGauche div#contexte ul li.actif li a {
	color: black;
}
#ColonneGauche div#contexte ul li.actif li.actif a {
	color: #E71E00;
}
/* lienbas : inutile pour le moment >> supprimer ?? */
#ColonneGauche div#lienbas {
/* Disposition */
	float: left;
	margin: 50px 2px 10px;
/* Apparence */
	color: #666666;
	font-size: 1em;
	font-weight: bold;
}
#ColonneGauche div#lienbas a {
	display: block;
	padding: 2px 4px;
	margin-bottom: 1px;
/* Apparence */
	color: #666666;
	text-decoration: none;
}
#ColonneGauche div#lienbas a:hover {
/* Apparence */
	text-decoration: underline;
}

/****************************************************/
/* Chemin                                           */
/* Zone centrale (Colonne A et B) + colonne Droite  */
/* Bordure                                          */
/* Pied de page                                     */
/****************************************************/
#chemin {
/* Disposition */
	float: left;
	width: 758px;
/* 960 - (170 + 2x6) - 10 */
  padding: 10px 10px 6px;
  margin-bottom: 4px;
/* Apparence */
	font-size: 0.8em;
	font-weight: bold;
	background: white;
}
#page.pleine_page #chemin {
	width: 608px;
} /* fin tmp */
*html #chemin {
	padding-top: 2px;
}
#chemin a,
#chemin span {
	color: black;
	text-decoration: none;
	padding: 0 2pt;
}
#chemin a:hover {
	color: black;
	text-decoration: underline;
}
/**************************/
/*  zoneCentrale          */
/**************************/
#zoneCentrale {
/* Disposition */
	float: left;
  padding-bottom: 20px;
	width: 608px;
/* 960 - 2x(170 + 6) */ 
}
#page.theme #zoneCentrale,
#page.bandeauhaut #zoneCentrale{
/* Disposition */
	width: 778px;
/* 960 - 170 - 2x6 */
}
#page.lanewsletter #zoneCentrale {
  width: 768px;
}
#page.newsletter #zoneCentrale {
	margin-left: 120px;
	margin-right: 40px;
}
*html #page.newsletter #zoneCentrale {
	margin-left: 60px;
}
/* tmp */
#page.pleine_page #zoneCentrale {
  padding-bottom: 0px;
} /* fin tmp */
#page.theme #zoneCentrale #texte_theme {
  font-size: 1.2em;
	font-weight: bold;
	color: #5B5B50;
  margin-bottom: 20px;
}
#page.theme #zoneCentrale #texte_theme a {
	color: #5B5B50;
}
/* Colonne A et B */
#zoneCentrale #ColonneA {
	float: left;
	width: 200px;
/* 189+10 */
}
#zoneCentrale #ColonneB {
	float: right;
	clear: right;
	width: 408px;
}
#ColonneDroite {
/* Disposition */
	float: left;
	width: 166px;
  padding-bottom: 10px;
}
/* tmp */
#page.pleine_page #ColonneDroite {
  padding: 20px 0 0px;
} /* fin tmp */
#ColonneBordure {
	float: left;
	width:608px;
}
#page.theme #ColonneBordure {
  width: 778px;
}
#page.bandeauhaut #ColonneBordure {
	width: 100%;
	background: #F2EFE1;
	padding-top: 10px;
	margin-bottom: 20px;
}
/**************************/
/*  Bas de page          */
/**************************/
#basDePage{
	clear: both;
	margin: 0 6px 6px;
	padding: 2px 170px 2px 200px;
/* Apparence */
	font-size: 0.8em;
	list-style-type: none;
}
#page.theme #basDePage,
#page.bandeauhaut #basDePage{
	padding-right: 0;
}
#page.pleine_page #basDePage{
	padding: 2px 0;
}
#basDePage li {
  display: inline;
}
#basDePage a {
	margin: 0 10px;
	text-decoration: none;
	color: black;
}
#basDePage a:hover {
/* Apparence */
	text-decoration: underline;
}
#basDePage a#haut,
#zoneCentrale a#haut {
	background: url('../images/img_css/pictos/picto_hdp.gif') no-repeat left center;
  padding-left: 13px;
}
#basDePage a#precedente {
	background: url('../images/img_css/pictos/picto_precedente.gif') no-repeat left 70%;
  padding-left: 9px;
  float: right;
}
#basDePage a#suivante {
	background: url('../images/img_css/pictos/picto_suivante.gif') no-repeat right 70%;
  padding-right: 9px;
  float: right;
}
/**************************/
/*  Pied de page          */
/**************************/
#piedDePage {
	margin: 0 6px 10px;
}
#piedDePage ul {
	list-style-type: none;
}
#piedDePage li {
	display: inline;
}
#piedDePage a {
/* Disposition interne */
	padding: 0 10px;
/* Apparence */
	text-decoration: none;
	color: black;
	font-size: 0.8em;
}
#piedDePage a:hover,
#piedDePage .actif a {
/* Apparence */
  color: #E71E00;
}

/*************************/
/* RECHERCHE             */
/*************************/
#form_rech {
display:inline; /* ie */
/* Disposition */
  position: relative;
	float: right;
	margin: 40px 6px 0;
  clear: both;
/* Apparence */
  border: 1px solid white;
  padding-top: 2px;
	background: url('../images/img_css/pix_noir.png');
}
#form_rech input {
	float: left;
	padding: 0 4px;
	background: transparent;
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	border: none;
}

#form_rech #val_rech {
	width: 130px;
	border-right: 1px solid white;
	margin-left: 2px;
}

/* SB ajout */
#form_rech {
  border: none;
  /* padding: 2px 0 1px; */
  padding: 2px 0;
}
#form_rech #val_rech {
  background: white;
	color: black;
  width: 150px;
  height:14px;
}

#form_rech #bt_rech {
	width: 30px;
  color: white;
  font-weight: bold;
	font-size: 0.8em;
  text-decoration: none;
  
  display:block;
  float:left;
  width:30px;
  text-align: center;

  height:14px;
  vertical-align:middle;
}

#form_rech #bt_rech:hover {
  background: #E41600;
}
/****************************************************/
/* MENU MULTILINGUISME                              */
/****************************************************/
.multilingue {
/* Alignement */
	float: left;
}
.multilingue img {
	margin-left: -10px;
	margin-right: 6px;
}
.multilingue a {
/* Disposition */
	display: block;
	padding: 0 10px;
	margin: 0 1px;
/* Apparence */
	text-decoration: none;
	color: #000000;
	border: 1px solid #000000;
	background: #FFFFFF;
}
.multilingue a:hover {
	color: #FFFFFF;
	background: #FF9999;
}