/* Ecoute la Tserre */
/* =============== */
/* FEUILLE de STYLE pour les MENUS */ 

@charset "utf-8";


#bande_menus_superieure {
	margin: 5px auto 10px auto;	
	padding-bottom: 0;
	width: 100%;
	clear: both;
}

/******************************************************/
/* Menu LANGUES... */
/******************************************************/

#menu_langues {
	float: left;
}

#menu_langues.type_1 {
	margin-left: 31px;
	height: 40px;
	padding-top: 2px;
}

#menu_langues.type_2 {
	margin-left: 35px;
	height: 38px;
	text-align: left;
	border-bottom: 2px solid #92C73C;
}

#menu_langues.type_2.no_home { width: 182px; }
#menu_langues.type_2.home { width: 282px; }
#menu_langues.type_2.no_home.no_langue { width: 0; }
#menu_langues.type_2.home.no_langue { width: 60px; }

#menu_langues ul {
	display: inline-block;
	height: 36px;
	vertical-align: top;
	text-align: center;
}

#menu_langues.type_1 ul.bouton_accueil {
	display: inline-block;
	width: 77px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	background-color: #92C73C;
	background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	border-right: 2px solid #FFF;
}

#menu_langues.type_1.no_langue ul.bouton_accueil {
	display: inline-block;
	width: 77px;
	border-radius: 50px;
	background-color: #92C73C;
	background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	border: none;
}

#menu_langues.type_2 ul.bouton_accueil {
	display: inline-block;
	text-align: left;
	width: 48px;
	margin-left: 6px;
}

#menu_langues.type_1 ul.bouton_accueil a {
	width: 75px;
	height: 36px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	text-align: center;
	padding-left: 3px;
}

#menu_langues.type_1 ul.bouton_accueil:hover,
#menu_langues.type_1 ul.bouton_accueil:focus {
	background-image: none;
}

#menu_langues .bouton_accueil li {
	width: 48px;
	height: 36px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#menu_langues.type_1 .bouton_accueil li {
	background-image: url('../images/home_blanc.png');
}

#menu_langues.type_2 .bouton_accueil li {
	background-image: url('../images/home_vert.png');
}

#menu_langues.type_2 ul.bouton_accueil:hover li,
#menu_langues.type_2 ul.bouton_accueil:focus li {
	background-position: 0 -36px;
}

#menu_langues .bouton_accueil span.texte { display: none; }

#menu_langues.type_1 ul.no_home,
#menu_langues.type_1 ul.home {
	background-color: #C0DB89;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}

#menu_langues.type_1 ul.no_home {
	width: 186px;
	border-radius: 50px;
}

#menu_langues.type_1 ul.home {
	width: 184px;
	padding-right: 3px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}

#menu_langues.type_2 ul.home {
	width: 172px;
	margin-left: 56px;
	text-align: right;
	padding-right: 8px;
}

#menu_langues.type_2 ul.no_home {
	width: 182px;
	text-align: center;
}

#menu_langues ul:not(.bouton_accueil) li,
#menu_langues ul:not(.bouton_accueil) a,
#menu_langues .drapeau::after {
	width: 33px;
	height: 22px;
}

#menu_langues ul:not(.bouton_accueil) li {
	display: inline-block;
	vertical-align: top;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	font-size: 0px;  /* Masquer le texte, qui devient visible si styles désactivés... */
}

#menu_langues.type_1 ul:not(.bouton_accueil) li { margin: 7px 9px; }
#menu_langues.type_2 ul:not(.bouton_accueil) li { margin: 7px 10px; }


#menu_langues li.fr { background-image: url('../images/drapeau_fr.png'); }
#menu_langues li.en { background-image: url('../images/drapeau_en.png'); }
#menu_langues li.es { background-image: url('../images/drapeau_es.png'); }

#menu_langues li.en.non_traduite { background-image: url('../images/drapeau_en_off.png'); }
#menu_langues li.es.non_traduite { background-image: url('../images/drapeau_es_off.png'); }

#menu_langues a { display: inline-block; }
#menu_langues li.non_traduite { cursor: not-allowed; }

#menu_langues .drapeau::after,
#menu_langues li.select .drapeau::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	opacity: 0;
	transition: all 0.15s ease 0s;
}

#menu_langues li.select .drapeau::after { background-image: url('../images/drapeau_confirme.png'); }
#menu_langues li:not(.select) .drapeau::after { background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.5)); }

#menu_langues li.select:hover .drapeau::after,
#menu_langues a:hover .drapeau::after { opacity: 1; }


/******************************************************/
/* Menu SUPÉRIEUR... */
/******************************************************/

#menu_superieur {
	float: right;
	margin-right: 29px;
	margin-bottom: 18px;
}

#menu_superieur ul {
	height: 40px;
	padding-top: 2px;
	text-align: right;
}

#menu_superieur li,
.bouton_isole {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	height: 36px;
	margin: 0 6px;
	padding-top: 2px;
	text-align: center;
	border-radius: 50px;
	background-color: #92C73C;
	background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}

#menu_superieur li.blog {
	background-color: #92C73C;
}

.bouton_isole {
	margin: 10px auto 10px auto;
}

#menu_superieur li:not(.select):not(.lien_off):hover,
.bouton_isole:not(.select):not(.lien_off):hover {
	background-image: none;
}

#menu_superieur li.page_active {
	background-color: #558021;
}

#menu_superieur a,
.bouton_isole a {
	display: inline-block;
	width: 180px;
	height: 36px;
}

#menu_superieur span.texte,
.bouton_isole span.texte {
	display: inline-block;
}

#menu_superieur li span.texte,
.bouton_isole span.texte {
	line-height: 30px;  /* Centrage vertical */
	vertical-align: middle;
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	color: #FFF; 
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0.08em;
	padding-left: 0.16em;
}

.bouton_isole.liens span.texte {
	width: 120px;
	background-image: url('../images/liens_30.png');
	background-repeat: no-repeat;
	padding-left: 35px;
}

.bouton_isole.liens.liens_fr span.texte { background-position: 16px 0px; }
.bouton_isole.liens.liens_es span.texte { background-position: 6px 0px; }
.bouton_isole.liens.liens_en span.texte { background-position: 16px 0px; }

#menu_superieur li.blog span.texte {
	width: 116px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

#menu_superieur li.blog.fr span.texte { background-image: url('../images/bouton_blog_fr.png'); }
#menu_superieur li.blog.es span.texte { background-image: url('../images/bouton_blog_es.png'); }
#menu_superieur li.blog.en span.texte { background-image: url('../images/bouton_blog_en.png'); }

#menu_superieur li.blog span.masque {
	opacity: 0;
}

#menu_superieur li.lien_off span.texte,
.bouton_isole.lien_off span.texte {
	color: rgba(255, 255, 255, 0.65);
	text-shadow: none;
}

#menu_superieur li.page_active {
	cursor: default;  /* Affichage d'un pointeur normal (et non curseur de texte) */
}

#menu_superieur li.lien_off,
.bouton_isole.lien_off {
	cursor: no-drop;  /* Affichage d'un pointeur d'interdiction (et non curseur de texte) */
}


/******************************************************/
/* Fil d'ARIANE... */
/******************************************************/

#fil_ariane {
	margin: 2px auto 14px 37px;
	height: 18px;
	text-align: left;
	/* background-color: #3CF; */
	max-width: 940px;
}

#fil_ariane li {
	display: inline-block;  /* Pour que tout soit en ligne... */
}

#fil_ariane li:first-child span > span { display: none; }  /* On cache le texte "Accueil"... */

#fil_ariane li:not(:last-of-type)::after {
	margin-left: 6px;  /* Le séparateur possède déjà 4 px de vide à gauche... */
	margin-right: 10px;
}

#fil_ariane li:first-child span::before,
#fil_ariane li::after,
#fil_ariane li span {
	/* Alignement vertical de tous les éléments frères... */
	display: inline-block;
	height: 18px;
	vertical-align: middle;
}

#fil_ariane a span 		   { text-decoration: none; }
#fil_ariane a:hover span { text-decoration: underline; }

#fil_ariane span {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.02em;
	padding-top: 1px;
}

#fil_ariane li:first-child span::before { content: url('../images/ariane_home.png'); }  /* Le span.texte étant caché, il ne reste qu'un seul span... */
#fil_ariane li:not(:last-of-type)::after { content: url('../images/ariane_separateur.png'); }

#fil_ariane,
#fil_ariane a { color: #7daa36; }  /* Couleur NORMALE */


/******************************************************/
/* Menu PRINCIPAL... */
/******************************************************/

#menu_principal {
	margin: 0px auto 20px auto;
	min-height: 170px;
	text-align: center;
}

#menu_principal li {
	display: inline-block;
	vertical-align: top;
	margin: 10px 16px;
	text-align: center;
	position: relative;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

#menu_principal li,
#menu_principal li .global,
#menu_principal li .global::after {
	border-radius: 5px;
}

#menu_principal li .global,
#menu_principal li .global::after {
	display: inline-block;
	background-repeat: no-repeat;
	position: relative;
}

#menu_principal li .global {
	background-position: 0 0;
	background-color: #C0DB89;  /* Couleur de fond si pas d'image... */
	z-index: 10;
}

#menu_principal li,
#menu_principal li .global,
#menu_principal li .global::after,
#menu_principal li a {
	width: 150px;
	height: 150px;
}

#menu_principal li.page_active,
#menu_principal li.page_active .global,
#menu_principal li.page_active .global::after,
#menu_principal li.page_active a {
	width: 180px;
	height: 180px;
}

#menu_principal li .global::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0;
	z-index: 20;
	transition: all 0.15s ease 0s;
	opacity: 0;
	background-color: #558021;  /* Couleur de fond si pas d'image... */
}

#menu_principal li .global::after { background-position: 0 -150px; }
#menu_principal li.page_active .global::after { background-position: 0 -180px; }

#menu_principal li a:hover .global::after { opacity: 1; }

#menu_principal li:not(.page_active).livres .global,
#menu_principal li:not(.page_active).livres .global::after { background-image: url('../images/bouton_livres.png'); }
#menu_principal li:not(.page_active).conferences .global,
#menu_principal li:not(.page_active).conferences .global::after { background-image: url('../images/bouton_conferences.png'); }
#menu_principal li:not(.page_active).crop-circles .global,
#menu_principal li:not(.page_active).crop-circles .global::after { background-image: url('../images/bouton_crop-circles.png'); }
#menu_principal li:not(.page_active).ovnis .global,
#menu_principal li:not(.page_active).ovnis .global::after { background-image: url('../images/bouton_ovnis.png'); }
#menu_principal li:not(.page_active).midim .global,
#menu_principal li:not(.page_active).midim .global::after { background-image: url('../images/bouton_midim.png'); }
#menu_principal li:not(.page_active).presentation .global,
#menu_principal li:not(.page_active).presentation .global::after { background-image: url('../images/bouton_presentation.png'); }

#menu_principal a {
	display: inline-block;
	text-decoration: none;
	color: #FFF;
}

#menu_principal a:hover,
#menu_principal a:focus {
	text-decoration: none;
}

#menu_principal li span.texte {
	display: inline-block;
	position: relative;
	z-index: 30;
	font-family: 'PT Sans', Arial, Helvetica, sans-serif; 
	text-align: center;
	line-height: 25px;
	text-align: center;
	padding-bottom: 1px;
	color: #FFF;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.07em;
	/* background-color: purple; */
}
 
#menu_principal li.lien_off span.texte {
	color: rgba(255, 255, 255, 0.75);
}
 
#menu_principal li.lien_off span.global {
	cursor: no-drop;
}

#menu_principal li.livres span.texte {
	/* padding-top: 109px; */
	padding-top: 59px;
	font-size: 23px;
	letter-spacing: 0.13em;
	padding-left: 0.26em;
}

#menu_principal li.conferences span.texte {
	padding-top: 85px;
	font-size: 20px;
	letter-spacing: 0.10em;
	padding-left: 0.20em;
}

#menu_principal li.crop-circles span.texte {
	padding-top: 17px;
	font-size: 20px;
	letter-spacing: 0.10em;
	padding-left: 0.20em;
}

#menu_principal li.ovnis span.texte {
	padding-top: 109px;
	font-size: 23px;
	letter-spacing: 0.17em;
	padding-left: 0.34em;
}

#menu_principal li.midim span.texte {
	margin: auto 20px;
	padding-top: 13px;
	font-size: 20px;
	letter-spacing: 0.10em;
	padding-left: 0.20em;
}

#menu_principal li.presentation span.texte {
	padding-top: 95px;
	font-size: 20px;
	letter-spacing: 0.10em;
	padding-left: 0.20em;
}

#menu_principal li.page_active {
	margin-bottom: 30px;
}

#menu_principal li.page_active::before {
	content: "";
	position: absolute;
	width: 60px;
	height: 35px;
	top: 180px;
	left: 60px;
	background-image: url('../images/fleche_menu_principal_select.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#menu_principal li.page_active.livres .global,
#menu_principal li.page_active.livres .global::after { background-image: url('../images/bouton_livres_select.png'); }
#menu_principal li.page_active.conferences .global,
#menu_principal li.page_active.conferences .global::after { background-image: url('../images/bouton_conferences_select.png'); }
#menu_principal li.page_active.crop-circles .global,
#menu_principal li.page_active.crop-circles .global::after { background-image: url('../images/bouton_crop-circles_select.png'); }
#menu_principal li.page_active.ovnis .global,
#menu_principal li.page_active.ovnis .global::after { background-image: url('../images/bouton_ovnis_select.png'); }
#menu_principal li.page_active.midim .global,
#menu_principal li.page_active.midim .global::after { background-image: url('../images/bouton_midim_select.png'); }
#menu_principal li.page_active.presentation .global,
#menu_principal li.page_active.presentation .global::after { background-image: url('../images/bouton_presentation_select.png'); }

#menu_principal li.page_active span.texte {
	line-height: 30px;
}

#menu_principal li.page_active.livres span.texte {
	/* padding-top: 133px; */
	padding-top: 71px;
	font-size: 28px;
}

#menu_principal li.page_active.conferences span.texte {
	padding-top: 104px;
	font-size: 24px;
}

#menu_principal li.page_active.crop-circles span.texte {
	padding-top: 20px;
	font-size: 24px;
}

#menu_principal li.page_active.ovnis span.texte {
	padding-top: 133px;
	font-size: 28px;
}

#menu_principal li.page_active.midim span.texte {
	padding-top: 16px;
	font-size: 24px;
}

#menu_principal li.page_active.presentation span.texte {
	padding-top: 110px;
	font-size: 24px;
}

#menu_principal li.lien_off,
#menu_principal li.page_active:not(.select) {
	cursor: default;  /* Affichage d'un pointeur normal (et non curseur de texte) */
}


/******************************************************/
/* Menu VERTICAL... */
/******************************************************/

#menu_vertical {
	text-align: center;
}

#menu_vertical ul.principal,
.menu_secondaire div,
#menu_vertical > ul.principal > li:not(.page_active) > a:hover .global,
#menu_vertical > ul.principal > li:not(.page_active) > a:focus .global,
.menu_secondaire li:not(.page_active) > a:hover .global_sous,
.menu_secondaire li:not(.page_active) > a:focus .global_sous {
	background-color: #92C73C;
}

#menu_vertical ul.principal {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}

.menu_secondaire div {  /* Ombrage sur les bord du menu : léger car couleur claire... */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
}

#menu_vertical > ul.principal > li,  /* On chaine les sélecteurs parents>enfants pour ne pas toucher le menu secondaire... */
.menu_secondaire li {
	background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	border-bottom: solid 2px #F5F8EB;
	height: 47px;
	position: relative;  /* Pour permettre le positionnement absolu du menu secondaire... */
}

#menu_vertical > ul.principal > li.hauteur_2 ,
.menu_secondaire li.hauteur_2 { height: 67px; }

#menu_vertical > ul.principal > li:last-child,
.menu_secondaire li:last-child {
	height: 45px;
	border-bottom: none;  /* Pas de trait sous le dernier bouton */
}

#menu_vertical > ul.principal > li.hauteur_2:last-child,
.menu_secondaire li.hauteur_2:last-child {
	height: 65px;
}

#menu_vertical > ul.principal > li.lien_off,
.menu_secondaire li.lien_off {
	color: #AAA;
	text-shadow: none;
	cursor: default;  /* Affichage d'un pointeur normal (et non curseur de texte) */
}

#menu_vertical > ul.principal > li > a
.menu_secondaire a
{
	color: #FFF;
	text-decoration: none;
}

#menu_vertical > ul.principal > li > a:hover { text-decoration: none; }

#menu_vertical ul.principal .global,
.menu_secondaire .global_sous {
	display: table-cell;
	vertical-align: middle;
	height: 45px;
}

#menu_vertical ul.principal li.nouveau .global,
.menu_secondaire li.nouveau .global_sous {
	background-repeat: no-repeat;
	background-position: right;
}

#menu_vertical ul.principal li.nouveau.langue_fr .global,
.menu_secondaire li.nouveau.langue_fr .global_sous {
	background-image: url('../images/nouveau_menu_fr.png');
}

#menu_vertical ul.principal li.nouveau.langue_es .global,
.menu_secondaire li.nouveau.langue_es .global_sous {
	background-image: url('../images/nouveau_menu_es.png');
}

#menu_vertical ul.principal li.nouveau.langue_en .global,
.menu_secondaire li.nouveau.langue_en .global_sous {
	background-image: url('../images/nouveau_menu_en.png');
}

#menu_vertical ul.principal li.avec_menu_secondaire.nouveau.select .global {
	background-image: none;  /* Au survol, le 'nouveau' disparait car il va être aussi dans le sous-menu... */
}

#menu_vertical li.avec_menu_secondaire::after {
	content: "";
	position: absolute;
	top: 0;
	right: 12px;
	background-image: url('../images/fleche_menu.png');
	width: 10px;
	height: 45px;	
	background-repeat: no-repeat;
	background-position: center center;
}

#menu_vertical li.avec_menu_secondaire.nouveau::after { opacity: 0; }  /* On n'affiche pas la flèche s'il y a le 'nouveau'... */
#menu_vertical li.avec_menu_secondaire.nouveau.select::after { opacity: 1; }

#menu_vertical li.avec_menu_secondaire.nouveau::after:hover {
	background-image: url('../images/fleche_menu.png');
}

#menu_vertical li.avec_menu_secondaire.hauteur_2::after,
#menu_vertical ul.principal > li.hauteur_2 .global, 
.menu_secondaire li.hauteur_2 .global_sous { height: 65px; }

#menu_vertical ul.principal li.page_active,
#menu_vertical > ul.principal > li.page_active > a:hover .global,
#menu_vertical > ul.principal > li.page_active > a:focus .global,
.menu_secondaire li.page_active {
	background-color: #558021;
}

#menu_vertical ul.principal span.texte,
.menu_secondaire li span.texte_sous {
	display: block;
	line-height: 22px;
	padding-bottom: 1px;
	padding-left: 25px;
	padding-right: 20px;
	text-align: left;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #FFF;
}

#menu_vertical ul.principal li.lien_off span.texte,
.menu_secondaire li.lien_off span.texte_sous {
	color: #DDD;
}

#menu_vertical ul.principal li.reduit_5 span.texte,
.menu_secondaire li.reduit_5 span.texte_sous { 	letter-spacing: 0.05em; }

/**************************/

#menu_vertical ul.home_sous_menu {
	height: 50px;
	width: 220px;
	padding: 5px;
	margin: 13px auto 20px auto;
	border-bottom: 2px solid #92C73C;
}

#menu_vertical ul.home_sous_menu .texte {
	display: inline-block;
	height: 36px;
	padding: 5px 5px 0 60px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url('../images/home_vert.png');
	text-align: left;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.10em;
	color: rgba(146, 199, 60, 0.50);
}

#menu_vertical ul.home_sous_menu a:hover .texte {
	background-position: 0 -36px;
	color: rgba(146, 199, 60, 0.75);
}


/******************************************************/
/* Menu VERTICAL SECONDAIRE (compléments)... */
/******************************************************/

.menu_secondaire {
	display: none;
	position: absolute;
	/* left: 290px;  = défini dans le <aside> */
	top: 0px;
	border-left: 10px solid rgba(255, 255, 255, 0);
	cursor: auto;  /* Réinitialisation, car si la <li> parente est 'active', jQuery définit le curseur en pointeur pour cette <li>... */
	z-index: 10;  /* Pour passer au-dessus des illustrations sous les titres... */
}

body.jquery_off #menu_vertical li:hover .menu_secondaire {  /* Uniquement si jQuery n'est pas activé... */
	display: block;
}

.menu_secondaire,
.menu_secondaire .global_sous {
	width: 300px;
}

.menu_secondaire { left: 290px; }


/******************************************************/
/* SOMMAIRE de Page... */
/******************************************************/

.sommaire {
	display: inline-block;
	width: 540px;
	margin: 14px auto 25px auto;
}

.sommaire:not(.sans_titre) { border-top: 1px solid #558021; }

.sommaire.largeur_2 {
	width: 440px;
	margin-left: 50px;
	margin-right: 50px;
}

.sommaire.largeur_3 {
	width: 340px;
	margin-left: 100px;
	margin-right: 100px;
}

.sommaire.largeur_4 {
	width: 240px;
	margin-left: 150px;
	margin-right: 150px;
}

.sommaire > p {
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	color: #558021;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.06em;
}

.sommaire li {
	border-bottom: 1px solid #FFF;
	height: 33px;
	line-height: 32px;
	vertical-align: middle;
	color: #558021;
	text-align: left;
	padding: 0 20px;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.02em;
}

.sommaire li:last-child {
	height: 32px;
	border-bottom: none;
}

.sommaire li.ligne_1, .sommaire li.niveau_1 { background-color: #D0E3AA; }
.sommaire li.ligne_2 { background-color: #DDEAC2; }
.sommaire li.niveau_2 { background-color: #E2EDCB; }
.sommaire li.niveau_3 { background-color: #EBF2DB; }

.sommaire li a {
	display: inline-block;
	width: 540px;
	margin-left: -20px;
	padding-left: 20px;
	text-decoration: none;	
	color: #558021;
	height: 100%;
}
.sommaire li.niveau_2 a { padding-left: 40px; }
.sommaire li.niveau_3 a { padding-left: 60px; }

.sommaire.largeur_2 li a { width: 440px; }
.sommaire.largeur_3 li a { width: 340px; }
.sommaire.largeur_4 li a { width: 240px; }

.sommaire li a:hover {
	background-color: #FFD1AC;
}

/******************************************************/
/* Menu MENTIONS... */
/******************************************************/

#mentions { /* Ligne des mentions légales et diverses */
	text-align: center;
	font-size: 14px;
	color: #A0A0A0;
	font-weight: normal;
	margin: 0 auto 2px auto;
	padding: 5px 0 5px 0;
}

#mentions a { text-decoration: none; color: #A0A0A0; }

#mentions a:hover { text-decoration: underline; }

#mentions .inactif {
	color: #BBB;
	cursor: default;  /* Affichage d'un pointeur normal (et non curseur de texte) */
}

#mentions li {
	display: inline;
}

#mentions li::after {  /* Séparateur après chaque <li> */
	content: '\000a0\000a0\000a0|\000a0\000a0\000a0';  /* \000a0 = espace insécable */
}

#mentions li:last-child::after {  /* Sauf après le dernier */
	content: '';
}