/* Ecoute la Terre */
/* =============== */
/* FEUILLE de STYLE pour les éléments principaux */ 

@charset "utf-8";

/***********************/
/* Eléments de BASE... */
/***********************/

*, *::after, *::before {  /* Definir un modèle de boite plus logique : la largeur d'un bloc comprend le Padding et le Border (mais pas le Margin). */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html { /* Ensemble de la fenêtre de l'explorateur */
	background-color: #DEEDC4;
} 

body {
	margin: 10px 0 10px 0; /* Marge (entre le bord de la fenêtre et le début de la "page") de 10 pixels en bas, 0 en haut et sur les côtés */
	padding: 0; /* Ecart entre le contenu de la page et le bord de la page */
	text-align: center; /* La page est centrée dans la fenêtre : ne marche pas pour Firefox */
	font-family: 'PT Sans', Arial, Helvetica, sans-serif; /* PT Sans = alternative gratuite à Myriad Pro... */
} 

strong { font-weight: 700; }
span.normal { font-weight: 400; }
em { font-style: italic; }

span.reduit_90 { font-size: 90%; }
span.reduit_80 { font-size: 80%; }
span.reduit_70 { font-size: 70%; }

span.agrandi_110 { font-size: 110%; }
span.agrandi_120 { font-size: 120%; }
span.agrandi_130 { font-size: 130%; }

div.clear 	 { clear: both; }
div.ligne_1  { height: 1px; }  /* Sert à empêcher la fusion des marges entre blocs... */
div.ligne_5  { height: 5px; }
div.ligne_10 { height: 10px; }
div.ligne_20 { height: 20px; }
div.ligne_30 { height: 30px; }
div.ligne_40 { height: 40px; }
div.ligne_50 { height: 50px; }

sup {
	vertical-align: super;
	font-size: 70%;
}

.gauche { text-align: left; }
.droite { text-align: right; }
.centre { text-align: center; }

img {
	font-size: 14px;  /* Textes alternatifs */
	color: #888;
	line-height: 2em;
}

.off { display: none; }  /* Rendre un élément non visible quand le CSS est chargé, mais faisant quand même partie du HTML... */
.interdit { cursor: not-allowed; }  /* Curseur "Interdit"... */

a { text-decoration: none; }

img.image_block { display: block; }  /* Pour éviter le décalage de 3 pixels */

img.precharge {	display: none; }  /* Préchargement des images */
  

/*********************************************************/
/* BLOCS principaux... */
/*********************************************************/

#conteneur_principal { /* Ensemble de la page */
	width: 980px; /* Largeur totale de la page*/
	margin-left: auto;  /* Centrage de la page : ne marche pas sous IE */
  margin-right: auto;
	text-align: center;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	background-image: url('../images/filigrane_sous_banniere.png');
	background-repeat: no-repeat;
	background-position: 451px  163px;
	position: relative;
	z-index: 0;  /* Nécessaire pour que l'ombre sous les soulignés de titre apparaisse au bon niveau !... */
}

#conteneur_principal, h1, h2, h3, h4, h5 {
	background-color: #F5F8EB; /* Fond de la page */
}

#conteneur_principal.sans_filigrane { 
	background-image: none;
}

.contenu { 
	min-height: 400px;
	margin: 24px 45px 25px 45px;
	/* Texte par défaut */
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 22px;
	text-align: center;
	color: #3E5E18;
	/* background-color: #3C3; */
	position: relative;
	z-index: 2;  /* Pour que le contenu (et ses liens) reste au-dessus de la bande invisible du "retour en haut" latéral jQuery... */
}

#banniere_haut.redirection_non_lancee::after {
	position: absolute;
	top: 169px;
	content: "R";
	background-color: #FF7E15;
	color: rgba(255, 255, 255, 0.90);
	width: 34px;
	height: 34px;
	line-height: 28px;
	font-size: 18px;
	font-weight: 700;
	padding-left: 3px;
	border-radius: 40px;
	border: 2px solid #FFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	cursor: cell;
}

/*********************************************************/
/* HAUT de PAGE... */
/*********************************************************/

div.retour_haut { 
	padding-bottom: 10px;
}

p.haut_de_page {
	margin-top: 20px;
	margin-left: auto;  /* Centrage de la page : ne marche pas sous IE */
  margin-right: auto;
	text-align: center;
	width: 140px;
	padding: 6px 0 8px 0;
	font-size: 13px;
	letter-spacing: 0.05em;
	border-top: 1px solid #578321;
	border-bottom: 1px solid #578321;
}

.haut_de_page a { text-decoration: none; color: #578321; }
.haut_de_page a:hover { font-style: italic; letter-spacing: 0.08em; }

.retour_haut_flottant {
	width: 590px;
	position: fixed;
	bottom: 30px;
	left: 50%;
	text-align: right;
	z-index: 1;
}

.scrollup {
	display: none;
	color: rgba(85, 128, 33, 0.50);
	font-size: 70px;
	transition: all 0.25s ease 0s;
}
 
.scrollup:hover {
	color: #558021;
}

/*********************************************************/
/* BANNIÈRE du BAS... */
/*********************************************************/

#banniere_bas { 
	margin-top: 15px;
	height: 45px;
	background-image: url('../images/banniere_bas.png');
	background-repeat: no-repeat;
	background-position: center top;
}

#banniere_bas p {
	position: relative;
	top: 21px;
	text-align: center;
	font-size: 14px;
	letter-spacing: 0.03em;
	color: #4E751D;
	font-weight: normal;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.75);
}

#banniere_bas p span.copy {
	font-size: 18px;
}

#banniere_bas p span.pointeur {
	cursor: help;
}

#banniere_bas a { color: #4E751D; text-decoration: none; }
#banniere_bas a:hover { text-decoration: underline; }


/*********************************************************/
/* ZONE INFÉRIEURE... */
/*********************************************************/

#zone_inferieure {
	height: 136px;
	margin: 0 auto 20px auto;
	padding: 10px;
	padding-bottom: 1px;
  box-shadow: none;
	background-image: url('../images/logo_bas.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

p.mode_local {
	width: 64px;
	margin: -10px auto 20px auto;
	padding: 4px 12px;
	text-align: center;
	font-size: 11px;
	letter-spacing: 0.1em;
	font-weight: normal;
	color: #FFF;
	background-color: #FF8080;
	border: 1px #DDD solid;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	cursor: help;
}


/******************************************************/
/* Page en CONSTRUCTION... */
/******************************************************/

.construction {
	text-align: center;
	margin: 50px 0;
	clear: both;
}

.construction figcaption {
	color: #888;
	font-size: 1.3em;
	letter-spacing: 0.1em;
	font-weight: 400;
	margin: 10px auto;
	padding-bottom: 20px;
	width: 265px;
	border-bottom: 1px #888 dashed;
}

.requete {  /* Affichage des Requètes SQL */
	background-color: #FFFFCC;
	text-align: left;
	font-size: 0.9em;
	width: 90%;
	margin: 20px auto 10px auto;
	padding: 15px 25px;
	border-radius: 20px;
	border: 3px solid #888;
}

.valeurs_requete {  /* Affichage des valeurs pour les Requètes SQL */
	background-color: #FEE2BA;
	text-align: left;
	font-size: 0.9em;
	width: 80%;
	margin: 10px auto 20px auto;
	padding: 15px 25px;
	border-radius: 20px;
	border: 3px solid #888;
	text-overflow: ellipsis;
	word-wrap: break-word;
}


/******************************************************/
/* Page d'ACCUEIL */
/******************************************************/

.texte_accueil {
	width: 760px;
	margin: 30px auto 30px auto;
	text-align: right;
}

.texte_accueil > p {
	text-align: center;
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	color: #578321;
	font-size: 19px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 0.06em;
	margin-bottom: 14px;
}

.texte_accueil .bouton {
	display: inline-block;  /* Pour pouvoir l'aligner à droite */
	margin-top: 11px;
	height: 30px;
	width: 140px;
	color: #FFF;
	background-color: #96CB41;
	background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-shadow: none;
	border: none;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
	position: relative;
}

.texte_accueil .bouton::after {
	content: "";
	position: absolute;
	top: 0;
	right: 10px;
	width: 100%;
	height: 30px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url('../images/fleche_suite.png');
}

.texte_accueil a {
	display: inline-block;
	text-align: left;
	padding-top: 3px;
	padding-left: 18px;
	height: 30px;
	width: 140px;
	color: #FFF;
	text-decoration: none;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	position: relative;
	z-index: 1;  /* Sinon le lien n'est pas actif... */
}

.texte_accueil .bouton.lire_la_suite.langue_es,
.texte_accueil .langue_es a {
	width: 150px;
}

.texte_accueil .bouton.lire_la_suite.langue_en,
.texte_accueil .langue_en a {
	width: 130px;
}

.texte_accueil .bouton:hover {
	background-image: none;
}

/* ======================= */

.annonce_blog, .annonce_blog_reduit {
	width: 880px;
	height: 200px;
	margin: 10px auto 15px auto;
	background-color: #DEEDC4;
	background-image: url('../images/fond_bouton_blog.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	border-radius: 5px;
 	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

.annonce_blog_reduit {
	display: inline-block;
	float: left;
	margin-left: 6px;
	width: 425px;
	background-image: url('../images/fond_bouton_blog.jpg');
	background-position: -80px 0;
}

.annonce_blog a, .annonce_blog_reduit a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	position: relative;
	z-index: 0;
}

.annonce_blog a::after, .annonce_blog_reduit a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 880px;
	height: 200px;
	background-color: rgba(0, 0, 0, 0.10);	
	transition: all 0.25s ease 0s;
	opacity: 0;
}

.annonce_blog_reduit a::after {
	width: 425px;
}

.annonce_blog div, .annonce_blog_reduit div {
	display: inline-block;
	vertical-align: middle;
	width: 500px;
	height: 74px;
	margin-top: 62px;
	background-color: rgba(255, 255, 255, 0.80);
	border-radius: 5px;
  	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
	transition: all 0.25s ease 0s;
	position: relative;
	z-index: 2;
}

.annonce_blog_reduit div {
	width: 365px;
	height: 98px;
	margin-top: 50px;
}

.annonce_blog a:hover::after, .annonce_blog_reduit a:hover::after {
	opacity: 1;
}

.annonce_blog a:hover div, .annonce_blog_reduit a:hover div {
	background-color: rgba(255, 255, 255, 0.85);
}

.annonce_blog_reduit p {
	color: #40711E;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.03em;
	padding-top: 0px;
}

.annonce_blog p:first-child, .annonce_blog_reduit p:first-child {
	color: #40711E;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.10em;
	padding-top: 11px;
}

.annonce_blog p:last-child, .annonce_blog_reduit p:last-child {
	color: #81B339;
	font-size: 23px;
	font-weight: 700;
	letter-spacing: 0.10em;
	padding-top: 5px;
}

.annonce_blog p:last-child {
	padding-top: 7x;
}

/* ======================= */

.annonce_complements_francais {
	width: 880px;
	height: 260px;
	margin: 40px auto 80px auto;
	background-color: #DEEDC4;
	background-image: url('../images/fond_complements_france.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

.annonce_complements_francais.suite {
	margin-top: 10px;
}

.annonce_complements_francais div {
	display: inline-block;
	vertical-align: middle;
	width: 700px;
	height: 170px;
	margin-top: 45px;
	background-color: rgba(255, 255, 255, 0.90);
	border-radius: 5px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
	transition: all 0.25s ease 0s;
	position: relative;
	z-index: 2;
	padding-left: 40px;
}

.annonce_complements_francais p {
	color: #40711E;
	font-size: 17px;
	line-height: 23px;
	font-weight: 700;
	letter-spacing: 0.10em;
	padding-top: 21px;
	text-align: left;
}

.annonce_complements_francais ul {
	color: #40711E;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.05em;
	padding-top: 10px;
	text-align: left;
}

.annonce_complements_francais li {
	line-height: 22px;
	list-style-type: none;
	background-image: url('../images/puce_1.png');
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-left: 0;
	padding-left: 25px;
	margin-bottom: 3px;
}

.annonce_complements_francais a {
	color: #76A02E;
	text-decoration: none;
}

.annonce_complements_francais a:hover {
	text-decoration: underline;
}

/* ======================= */

.avertissement {
	background-color: rgba(255, 126, 21, 0.20);
	margin: 65px 70px 30px 70px;
	padding: 0 30px 15px 30px;
	border-radius: 5px;
	position: relative;
	z-index: 0;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

.avertissement.remarque_crop-circles {
	margin: 75px 0px 10px 0px;
}

.avertissement p {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 22px;
	text-align: justify;
	color: #6F3200;
	padding: 5px 0 10px 0;
}

.avertissement p.titre {
	background-color: #FF7E15;
	margin: 0 -30px 15px -30px;
	padding: 7px 0 7px 30px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.06em;
	color: #FFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
}

.avertissement p.titre::after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: -10px;
	right: 30px;
	width: 113px;
	height: 100px;
	background-image: url('../images/triangle_1.png');
}

.avertissement.remarque_crop-circles p.titre::after {
	bottom: -15px;
	width: 110px;
	height: 110px;
	background-image: url('../images/info_2_110.png');
}

.avertissement p a {
	color: #DD6400;
	text-decoration: none;
	position: relative;
	z-index: 1;  /* Sinon le premier lien n'est pas actif... */
}

.avertissement p a:hover {
	text-decoration: underline;
}

.avertissement::before,
.avertissement::after {
	content: "";
	position: absolute;
	width: 40%;
	height: 60%;
	border-style: solid;
	border-width: 4px;
	border-color: #FF7E15;
}

.avertissement::before {
	top: 0;
	left: 0;
	border-bottom: none;
	border-right: none;
	border-top-left-radius: 5px;
}

.avertissement::after {
	bottom: 0;
	right: 0;
	border-top: none;
	border-left: none;
	border-bottom-right-radius: 5px;
}

/* ======================= */

.avertissement_traduction,
.infos_livres {
	background-color: #CEECFF;
	margin: 35px 140px 30px 140px;
	padding: 0 30px 15px 30px;
	border-radius: 5px;
	position: relative;
	z-index: 0;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

.infos_livres {
	margin-top: 55px;
	margin-bottom: 50px;
}

.avertissement_traduction p,
.infos_livres p {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 22px;
	text-align: justify;
	color: #6F3200;
	padding: 5px 0 10px 0;
}

.avertissement_traduction p.titre,
.infos_livres p.titre {
	background-color: #0073C1;
	margin: 0 -30px 15px -30px;
	padding: 7px 0 7px 30px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.06em;
	color: #FFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
}

.avertissement_traduction p.titre::after,
.infos_livres p.titre::after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: -20px;
	right: 30px;
	width: 110px;
	height: 110px;
	background-image: url('../images/info_3_110.png');
}

.avertissement_traduction::before,
.avertissement_traduction::after,
.infos_livres::before,
.infos_livres::after {
	content: "";
	position: absolute;
	width: 40%;
	height: 60%;
	border-style: solid;
	border-width: 4px;
	border-color: #0073C1;
}

.avertissement_traduction::before,
.infos_livres::before {
	top: 0;
	left: 0;
	border-bottom: none;
	border-right: none;
	border-top-left-radius: 5px;
}

.avertissement_traduction::after,
.infos_livres::after {
	bottom: 0;
	right: 0;
	border-top: none;
	border-left: none;
	border-bottom-right-radius: 5px;
}

.infos_livres a {	color: #0073C1; text-decoration: underline; }
.infos_livres a:hover {	text-decoration: underline; }


/******************************************************/
/* SUPER BOUTONS... */
/******************************************************/

.super_bouton {
	display: inline-block;
	width: 425px;
	height: 200px;
	margin-top: 10px;
	margin-bottom: 15px;
	border-radius: 5px;
	background-color: #DEEDC4;
	background-repeat: no-repeat;
	background-position: 0 0;
  	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 0;
}

.super_bouton.gauche {
	float: left;
	margin-left: 6px;
}

.super_bouton.droite {
	float: right;
	margin-right: 6px;
}

.super_bouton.on_parle_de_nous 	{ background-image: url('../images/fond_bouton_presse.jpg'); }
.super_bouton.livres 			{ background-image: url('../images/fond_bouton_livres.jpg'); }
.super_bouton.calendrier 		{ background-image: url('../images/fond_bouton_calendrier.jpg'); cursor: not-allowed; }
.super_bouton.conferences_video { background-image: url('../images/fond_bouton_conferences_video.jpg'); }
.super_bouton.emissions 		{ background-image: url('../images/fond_bouton_emissions.jpg'); }
.super_bouton.articles_fond 	{ background-image: url('../images/fond_bouton_articles_fond.jpg'); }

.super_bouton.articles_presse 	{ background-image: url('../images/fond_bouton_articles.jpg'); }
.super_bouton.temoignages 		{ background-image: url('../images/fond_bouton_temoignages.jpg'); }

.super_bouton.nouveau::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;  /* Sinon le lien n'est pas actif sur l'image... */
	background-image: url('../images/nouveau_super_bouton.png');
	background-repeat: no-repeat;
	background-position: top right;
}

.super_bouton:not(.zone_info) a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.super_bouton:not(.zone_info) a::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 425px;
	height: 159px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: rgba(0, 0, 0, 0.15);
	opacity: 0;
	transition: all 0.25s ease 0s;
}

.super_bouton.articles_fond a::after {
	height: 140px;
}

.super_bouton:not(.zone_info) p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 41px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #71a417;
	padding-top: 9px;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.10em;
	text-align: center;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}

.super_bouton.articles_fond p {
	height: 60px;
	padding-top: 7px;
}

.super_bouton.articles_fond p span {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.05em;
}

.super_bouton:not(.zone_info) p::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 10px;
	z-index: -1;
	background-color: transparent;
	border-bottom-left-radius: 100px 10px;
	border-bottom-right-radius: 100px 10px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	}

.super_bouton:not(.zone_info) p::after {  /* Tactique pour pouvoir appliquer une transition sur le dégradé... */
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	z-index: 1;
	background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	transition: all 0.25s ease 0s;
}

.super_bouton:not(.zone_info) a:hover p::after {
	opacity: 0;
}

.super_bouton:not(.zone_info) a:hover::after {
	opacity: 1;
}

/******************************************************/
/* BARRE LATÉRALE... */
/******************************************************/

aside.gauche {
	float: left;
	margin: 10px 40px 35px -45px;
}

aside.droite {
	float: right;
	margin: 10px -45px 50px 40px;
}

aside.droite.sidebar_photo_02 {
	margin-bottom: 100px;;
}

aside {
	text-align: left;
}

aside,
#menu_vertical ul.principal .global {
	width: 290px;
}

div.lado_sidebar_gauche { margin-left: 285px; }
div.lado_sidebar_droite { margin-right: 285px; }

/******************************************************/
/* PORTAIL... */
/******************************************************/

.bannieres_portail {
	width: 980px;
	height: 200px;
	margin-bottom: 75px;
	position: relative;
}

.bannieres_portail img {
	width: 980px;
	height: 200px;
	position: relative;
	top: -1px;
	left: -1px;
}

.bannieres_portail .slick-dots {
	bottom: -20px;
}
.bannieres_portail .slick-dots li button::before,
.bannieres_portail .slick-dots li.slick-active button::before {
	color: #7EBA1B;
	font-size: 8px;
}

.contenu.portail {
	min-height: inherit;
}

.bienvenue {
	font-family: 'Josefin Sans', Arial, sans-serif;
	color: #5A7E30;
	font-size: 37px;
	letter-spacing: 0.05em;
	font-weight: 700;
	margin-top: 50px;
	margin-bottom: 50px;
}

.bienvenue span {
	color: #7EBA1B;
	font-weight: 300;
}

ul.liste_drapeaux {
	margin-bottom: 40px;
}

ul.liste_drapeaux li {
	display: inline-block;
	width: 230px;
}

ul.liste_drapeaux li a {
	color: #AAA;
	font-size: 16px;
	letter-spacing: 0.05em;
}

ul.liste_drapeaux li:hover a {
	color: #888;
}

ul.liste_drapeaux li img {
	transition: .1s ease-in-out;
}

ul.liste_drapeaux li:hover img {
	transform: rotate(5deg);
}

ul.liste_drapeaux li span {
	position: relative;
	top: -5px;
}

.deco_sous_drapeaux {
	border-top: 4px solid #7EBA1B;
	background-color: rgba(126, 186, 27, 0.05);
	width: 980px;
	padding-top: 35px;
	padding-bottom: 0;
}

.deco_sous_drapeaux .legende_carousel {
	margin-bottom: 0;
}

.deco_sous_drapeaux ul.illustrations {
	margin-top: 35px;
	padding-bottom: 10px;
}

.deco_sous_drapeaux ul.illustrations li {
	display: inline-block;
	width: 285px;
	color: #AAA;
	font-size: 16px;
	letter-spacing: 0.05em;
}

.deco_sous_drapeaux ul.illustrations li.midim {
	cursor: help;
}

#bas_de_page.portail { 
	margin-top: 0;
	padding-top: 15px;
	background-color: rgba(126, 186, 27, 0.05);
}


/******************************************************/
/* TITRES... */
/******************************************************/

h1 {
	display: inline-block;  /* Pour que la largeur puisse être définie... */
	color: #578321;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 0.10em;
	line-height: 34px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	text-align: center;
	padding-bottom: 12px;
	padding-left: 70px;
	padding-right: 70px;
	margin-bottom: 30px;
	border-bottom: 5px solid #96CB41;
	/* Couleur de fond définie tout en haut : la même que le fond de page, pour masquer le système d'ombrage du souligné... */
	position: relative;
}

h1::before {
	/* Méthode = http://www.creativejuiz.fr/blog/tutoriels/ombre-avancees-avec-css3-et-box-shadow */
	content: " ";
	width: 75%;
	position: absolute;
	bottom: 0;
	left: 15px;
	width: calc(100% - 30px); 
	height: 25px;
	z-index: -1;
	background-color: transparent;
	border-bottom-left-radius: 150px 12px;
	border-bottom-right-radius: 150px 12px;
  box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.70);
}

h1 .sous-titre {
	display: inline-block;
	margin-top: 8px;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.05em;
	line-height: 22px;
	color: #578321;
}

h2 {
	display: inline-block;  /* Pour que la largeur puisse être définie... */
	width: 540px;
	color: #FFF;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.06em;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	text-align: center;
	background-color: #558021;
	background-image: linear-gradient(rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0));
	border-radius: 5px;
  	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	padding: 15px 30px 17px 30px;
	margin: 10px auto 25px auto;
}

h2 .sous {
	font-size: 22px;
	font-style: italic;
}

.sous_titre_h2 {
	color: #558021;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-align: center;
	margin: 0 auto 30px auto;
}

h3 {
	display: inline-block;  /* Pour que la largeur puisse être définie... */
	text-align: left;
	color: #578321;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.10em;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	text-align: left;
	margin: 25px auto 20px -15px;
	padding: 0 50px 10px 15px;
	border-bottom: 4px solid #96CB41;
	/* Couleur de fond définie tout en haut : la même que le fond de page, pour masquer le système d'ombrage du souligné... */
	position: relative;
}

h3::before {
	/* Méthode = http://www.creativejuiz.fr/blog/tutoriels/ombre-avancees-avec-css3-et-box-shadow */
	content: " ";
	width: 75%;
	position: absolute;
	bottom: 0;
	left: 15px;
	width: calc(100% - 30px); 
	height: 22px;
	z-index: -1;
	background-color: transparent;
	border-bottom-left-radius: 150px 12px;
	border-bottom-right-radius: 150px 12px;
  box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.15);
}

h4 {
	display: inline-block;  /* Pour que la largeur puisse être définie... */
	text-align: left;
	color: #578321;
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.10);
	text-align: left;
	margin: 25px auto 15px -15px;
	padding: 0 50px 10px 15px;
	border-bottom: 2px solid #96CB41;
	/* Couleur de fond définie tout en haut : la même que le fond de page, pour masquer le système d'ombrage du souligné... */
	position: relative;
}

h4.rouge {
	color: #D8101A;
	border-color: #E17A7A;
}

h4::before {
	/* Méthode = http://www.creativejuiz.fr/blog/tutoriels/ombre-avancees-avec-css3-et-box-shadow */
	content: " ";
	width: 75%;
	position: absolute;
	bottom: 0;
	left: 15px;
	width: calc(100% - 30px); 
	height: 22px;
	z-index: -1;
	background-color: transparent;
	border-bottom-left-radius: 150px 12px;
	border-bottom-right-radius: 150px 12px;
  	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.10);
}

h4 .sous-titre,
h4 span {
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.05em;
	color: #578321;
}


h5 {
	display: inline-block;  /* Pour que la largeur puisse être définie... */
	text-align: left;
	color: #578321;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.10);
	text-align: left;
	margin: 25px auto 15px -15px;
	padding: 0 50px 10px 15px;
	border-bottom: 1px dashed #96CB41;
	/* Couleur de fond définie tout en haut : la même que le fond de page, pour masquer le système d'ombrage du souligné... */
	position: relative;
}

h5::before {
	/* Méthode = http://www.creativejuiz.fr/blog/tutoriels/ombre-avancees-avec-css3-et-box-shadow */
	content: " ";
	width: 75%;
	position: absolute;
	bottom: 0;
	left: 15px;
	width: calc(100% - 30px); 
	height: 18px;
	z-index: -1;
	background-color: transparent;
	border-bottom-left-radius: 150px 12px;
	border-bottom-right-radius: 150px 12px;
  	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.05);
}

h6 {
	color: #334914;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-align: left;
	margin: 20px auto 10px auto;
}

/*
h6 {
	color: #578321;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-align: center;
	margin: 15px auto 5px auto;
} */


/******************************************************/
/* PARAGRAPHES courants... */
/******************************************************/

p.type_1,
ul.type_1,
ul.type_2 {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 24px;
	text-align: justify;
	color: #334914;
	padding: 5px 0 10px 0;  /* Pas de marges latérales car inclus dans .contenu */
	/* background-color: #CC6; */
}

.cadre_1 p.type_1:first-child { padding-top: 0; }
.cadre_1 p.type_1:last-child { padding-bottom: 5px; }

p.type_1.centre { text-align: center; }
p.type_1.droite { text-align: right; }

.type_1.intermed {
	padding-bottom: 0; }

p.type_1 a,
ul.type_1 a,
ul.type_2 a {
	color: #639526;
}

p.type_1 a,
ul.type_1 a,
ul.type_2 a,
.type_1 a.inverse:hover {
	text-decoration: none;
}

p.type_1 a:hover,
ul.type_1 a:hover,
ul.type_2 a:hover,
.type_1 a.inverse {
	text-decoration: underline;
}

.italique {
	font-style: italic;
}

ul.type_1,
ul.type_2 {
	padding-top: 0;
}

p.type_3 {
	font-size: 17px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.07em;
	line-height: 26px;
	text-align: center;
	color: #558021;
	padding: 10px 0 15px 0;  /* Pas de marges latérales car inclus dans .contenu */
	/* background-color: #CC6; */
}

p.type_4 {  /* INTRO en page d'accueil CROP-CIRCLES */
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.08em;
	line-height: 26px;
	text-align: center;
	color: #3E5E18;
	padding: 10px 0 20px 0;  /* Pas de marges latérales car inclus dans .contenu */
	/* background-color: #CC6; */
}

p.type_5 { /* QUESTION page d'accueil CROP-CIRCLES */
	font-size: 18px;
	color: #558021;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin: 20px auto 15px auto;
}

p.type_5 a { 
	color: #558021;
	text-decoration: none;
}

p.type_5 a:hover {
	color: #92C73C;
	text-decoration: none;
}

ul.type_1 li {
	line-height: 22px;
	list-style-type: none;
	background-image: url('../images/puce_1.png');
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-left: 25px;
	padding-left: 25px;
	margin-bottom: 6px;
}

ul.type_1.no_indent li {
	margin-left: 0px;
}

ul.type_2 li {
	line-height: 22px;
	list-style-type: none;
	margin-left: 90px;
	margin-bottom: 6px;
}

ul.type_2 li span.num,
ul.type_2 li span.mat {
	background-color: #92C73C;
	padding: 2px 6px 3px 8px;
	border-radius: 30px;
	display: inline-block;
	width: 40px;
	text-align: center;
	margin-left: -56px;
	margin-right: 15px;
	font-size: 15px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.90);
}

ul.type_2 li span.num,
ul.type_2 li span.mat {
	width: 60px;
	margin-left: -76px;
}

ul.type_2 li span.mat {
	width: 70px;
	margin-left: -86px;
}

ul.type_1 li:last-child,
ul.type_2 li:last-child { margin-bottom: 0; }

ul.type_1.niveau_2 li {
	background-image: url('../images/puce_2.png');
	background-position: 25px 7px;
	padding-left: 50px;
}
	
p.cadre_1,
div.cadre_1 {
	background-color: rgba(146, 199, 60, 0.20);
	margin: 5px -20px 10px -20px;
	padding: 15px 20px;
	border-radius: 5px;
	position: relative;
}
	
p.cadre_1.variante_1 {
	margin: 10px 20px 15px 20px;
	padding: 20px 25px;
	text-align: center;
	font-size: 17px;
	line-height: 26px;
}
	
div.cadre_1.remarque_rouge {
	background-color: #FEF1F1;
}

.cadre_1::before,
.cadre_1::after {
	content: "";
	position: absolute;
	width: 30%;
	height: 70%;
	border-style: solid;
	border-width: 2px;
	border-color: #92C73C;
}

.cadre_1.remarque_rouge::before,
.cadre_1.remarque_rouge::after {
	border-color: #D10C0C;
}

.cadre_1::before {
	top: 0;
	left: 0;
	border-top-left-radius: 5px;
	border-bottom: none;
	border-right: none;
}

.cadre_1::after {
	bottom: 0;
	right: 0;
	border-bottom-right-radius: 5px;
	border-top: none;
	border-left: none;
}

.cadre_1.sidebar {
	width: 645px;
}

.cadre_1.limite {
	margin-left: 100px;
	margin-right: 100px;
}

.top_10 { margin-top: 10px; }

.separation_type_1 {
	width: 150px;
	margin: 15px auto 19px auto;
	border-bottom: 2px solid #92C73C;
	line-height: 1px;
}


/******************************************************/
/* Page des ARTICLES dans la PRESSE... */
/******************************************************/

.bouton_article_presse {
	margin: 10px auto 15px auto;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);
}