/* body { margin: 0; }		/* utilité à vérifier, vient de framework_base.css détruit 
								> déjà présent dzans le css du theme ....   
								mais à ajouer dans le plugin pour conserver en cas de changement de theme */ 
p:empty {
  display: none;
}

/* ========================================	kaki #264524
   CSS: Framework/int_noir
   ======================================= */
#pounichka {
	--calque_assombrissement: 		0.4;	/* entre 0 et 1 	*/ 
	--entete_bg_coul: 	#1E1E1E;
	--entete_txt_coul: 	#FFFFFF;
	--nav_bg_coul: 		#2C2C2C;		/* Nav (bandeau sous entete	*/
	--nav_txt_coul: 	#FFFFFF;
	--flash_bg_coul: 	#FFE200;			/* jaune FFE200 - vert CCFF00	*/
	--flash_txt_coul: 	#000;		
	--flash_hauteur: 	28px;
	--pied_bg_coul: 	var(--entete_bg_coul);		/* pied				*/
	--pied_txt_coul: 	var(--entete_txt_coul);
	--pied_txt2_coul: 	#cfcfcf;		 			/*  #cfcfcf;   gris clair */
	/* reprises */
	--mention_bg:		var(--entete_bg_coul);
	--mention_txt:		var(--pied_txt_coul);
	--mention_deco:		var(--flash_bg_coul);					/* BLEU   #0099ff	*/
	--mention_link:		var(--mention_deco);
	--mention_ligne:	1px solid var(--mention_deco);
	--mention_cadre:	'' 	/* 1px solid var(--mention_ligne)     PAS DE CADRE >>  LAISSER VIDE ('')   */ ;
	
	/* --- COULEUR DE FOND PAGE WEB TOTALE --- 			*/
	/* désactiver pour ignorer et rester transparent:	*/
	/* background-color: 	#000555; */		/* idem entete >> var(--ent1_bg_coul); */
	
	min-height: 100vh;                 		/* occupe au moins toute la hauteur écran */
} 

/*	gris foncé: 1E1E1E   violet: 810086	flash: FCFCFC , CCFF00	  bleu: 0099ff    jaune pounichka: FFE200
	gris clair: F2F2F2  		*/
		

/* ========================================	
   ENTETE
   ======================================= */
.baniere_entete {
	width: 100%;
    background-color: var(--entete_bg_coul);
    color: var(--entete_txt_coul);
    padding: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.baniere_entete_contenu {
	/* max-width: 1200px; */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
   /* VERSION TABLETTE
	------------------------------ */
@media (max-width: 960px) {
	.baniere_entete {
	}
	.baniere_entete_contenu {
        width: 100%;
        /* box-sizing: border-box; */
	}
}
   /* VERSION SMARTPHONE
------------------------------ */
@media (max-width: 550px) {
	/* Empiler logo et barre de recherche verticalement */
	.baniere_entete {
		flex-direction: column;
        align-items: flex-start;  /* logo à gauche */
        width: 100%;
	}
	/* Zone 1 : plus d'espace au-dessus */
	.baniere_entete_contenu {
		/* padding: 10px 10px 5px 10px;  padding-top doublé, bottom réduit */
	}
}

/* ========================================
   NAV 1 (sous entete)  MENU LINK
   ======================================= */
.nav_1 {
	/* width: 100%; */
	background-color: var(--nav_bg_coul);
	color: var(--nav_txt_coul);
	padding: 0;
	margin: 0;
}
.nav_1_contenu {
	/* width: 100%; */
}
   /* VERSION TABLETTE
------------------------------ */
@media (max-width: 960px) {
	.nav_1 {
		padding: 0;
		margin: 0;
	}
	.nav_1_contenu {
		/* ---- */
	}
}
   /* VERSION SMARTPHONE
------------------------------ */
@media (max-width: 550px) {
	.nav_1,
	.nav_1_contenu {
		display: none !important;
	}
}
/* ========================================
   NAV 2 (sous entete)  SMARTPHONE
   ======================================= */
   
/* Par défaut : CACHE le cadre sur desktop/tablette */
.nav_phone,
.nav_phone_contenu {
    display: none !important;
}

   /* VERSION SMARTPHONE
------------------------------ */
@media (max-width: 550px) {
	.nav_phone {
		width: 100%;
		background-color: var(--nav_bg_coul);
		color: var(--nav_txt_coul);
		padding: 0;
		box-sizing: border-box;
		display: flex !important;
		justify-content: center;
	}
	.nav_phone_contenu {
		/* max-width: 1200px; */
		width: 100%;
		display: flex !important;
		align-items: center;
		justify-content: space-between;
	}
}


/* ===============================
   VOILE
   =============================== 								*/
#calque_assombrissement {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /* background: rgba(0,0,0,0.4); */
	background: rgba(0,0,0,var(--calque_assombrissement));
    z-index: 9998;
}

/* ===============================
   ZONE DE CONTENU - SECTION 		(60_contenu)
   =============================== 								*/

/* Cadre principal */
.bloc_edit {
    // padding: 20px 0 0 0;        /* espace vertical  <<<< ??? */
    display: flex;
    justify-content: center;    /* centre horizontalement la zone centrale */
	z-index: 1 !important;		/* proposition perplexity pour meteo masquée par vignettes */
}
/* Zone centrale  */
.bloc_edit_cadre {
    width: 96%;              	/* largeur inférieure à 100% pour voir les marges grises */
    padding: 0;             	/* espace interne, préciser ensuite (20px) afin de pouvoir choisir  */
    box-sizing: border-box;
    border-radius: 4px;
	display: flex;
}

/* ===============================
   CONTENU 
   =============================== 								*/

/* - */
.edition_cadre {
    position:relative;
	/* display: block;    <<  à voir si utile sinon supprimer  */
}
.edition_contenu {
	overflow: hidden;	/* IMPORTANT permet d'hériter du fond du parent */
	flex: 1;
}

/* ===============================
   FLASH TEXTE - chenillard
   =============================== */
/* Conteneur de la zone 4 */
.flash_div {
    /* height: calc(1/3 * var(--z1-search-height, 60px)); /* par défaut 1/3 barre de recherche */
	height: var(--flash_hauteur);
    width: 100%;
    background-color: var(--flash_bg_coul);		/* reprise inline possible - #CCFF00 */
    display: flex;
    align-items: center; 
    /* justify-content: center; */
    box-sizing: border-box;
	/* chenillard */	
	overflow: hidden;
	white-space: nowrap;
}
/* Texte dans la bande jaune */
.flash_div span {
    color: var(--flash_txt_coul);		/* reprise inline possible */
    font-size: 15px;
	/* chenillard */
	display: inline-block;
	padding-left: 100%;
	animation: zone4-defilement 20s linear infinite;  /*  vitesse: plus petit = rapide  */
}
/* Animation chenillard */
@keyframes zone4-defilement {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}


/* 
ATTENTION CHATGPT QUI FUSIONNE LES ELEMENTS, conséquence, maintenance strictement impossible, code poubelle etc
>>   travail de révison >> une version séparée, lisible, sans effets de bord, avec des classes distinctes.
 */


.mail {
    color: var(--mention_link);
    text-decoration: none;
    font-weight: 500;
}
 
/* ===============================
   PIED DE PAGE (global)
   =============================== */
.pied_total {
    width: 100%;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    color: var(--pied_txt_coul);
    background-color: var(--pied_bg_coul); /* ou image en inline comme tu fais */
}

/* Ligne 1 : texte / copyright */
.pied_copyright {
    margin-bottom: 14px;
    display: block;
}

/* Ligne 2 : liens légaux du footer */
.pied_links {
    display: block;
	text-align: center;
}

.pied_links a {
    color: var(--pied_txt2_coul);
    white-space: nowrap;
    display: inline-block;
    margin: 0 8px;
    text-decoration: none;
}

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

/* ===============================
   PAGES LÉGALES (zone de contenu)
   =============================== */

.legal_container {
    background: var(--mention_bg);
    color: var(--mention_txt);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 400;
    padding: 0px 28px;
    max-width: 900px;
    margin: 20px auto;
    border: var(--mention_cadre) ;
}

/* TITRE PRINCIPAL */
.legal_container h1 {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 0 0 22px 0;
    padding-bottom: 10px;
    border-bottom: var(--mention_ligne);
}

/* TITRES SECONDAIRES */
.legal_container h2 {
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin: 34px 0 12px 0;
}

.legal_container h3 {
    font-size: 16.5px;
    font-weight: 500;
    letter-spacing: 0.15px;
    margin: 28px 0 10px 0;
}

/* TEXTE */
.legal_container p,
.legal_container li {
    margin: 0 0 14px 0;
    font-weight: 400;
}

/* LISTES */
.legal_container ul {
    padding-left: 20px;
    margin: 10px 0 20px 0;
}

/* LIENS DANS LE CONTENU LÉGAL */
.legal_container a {
    color: var(--mention_link);
    text-decoration: none;
    font-weight: 500;
}

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

/* HR éventuels */
.legal_container hr {
    border: none;
    border-top: var(--mention_ligne);
    margin: 20px 0;
}

/* RESPONSIVE */
@media (max-width: 940px) {
    .legal_container {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media (max-width: 600px) {
    .legal_container {
        padding: 28px 20px;
        font-size: 14.5px;
        margin-top: 0 !important;
    }
    .legal_container h1 {
        font-size: 23px;
    }
}