/* 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 */ 

/* ========================================	kaki #264524
   CSS: Framework/int_noir
   ======================================= */

p:empty { display: none; }
   
/* couleur de fond html/body 	*/
:root { --body_bg_coul: #1E1E1E; }						 
html, body { background-color: var(--body_bg_coul); }
   
#pounichka {
	--calque_assombrissement: 		0.4;	/* entre 0 et 1 	*/ 
	--entete_bg_coul: 	transparent;
	--entete_txt_coul: 	#FFFFFF;
	--nav_bg_coul: 		#2C2C2C;		/* Nav (bandeau sous entete	*/
	--nav_txt_coul: 	#FFFFFF;
	
	--flash_bg_coul: 	#F7E91C;			/* vert CCFF00	- kaki #264524  JAUNE #F7E91C; */
	--flash_txt_coul: 	#000;		
	--flash_hauteur: 	21px;
	--flash_vitesse:	60s;  		 		/*  vitesse chenillard par défaut  */
	
	--pied_bg_coul: 	transparent;		/* pied				*/
	--pied_txt_coul: 	var(--entete_txt_coul);
	--pied_txt2_coul: 	#cfcfcf;		 			/*  #cfcfcf;   gris clair */
	/* reprises */
	--mention_bg:		transparent;
	--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: transparent;
    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
   =============================== */
.flash_div {
    height: var(--flash_hauteur);
    width: 100%;
    background-color: var(--flash_bg_coul);
    font-weight: bold;
    overflow: hidden;
    display: flex;  /* ← Flex conteneur */
    align-items: center;
    white-space: nowrap;
}

.flash_div .scroll-text {
    display: inline-block;
    padding-left: 100%;  /* ← Démarre à droite */
    animation: scroll-full var(--flash_vitesse) linear infinite;
    /* Force nested HTML à suivre */
    width: max-content;  
}

.flash_div:hover .scroll-text {
    animation-play-state: paused;
}

@keyframes scroll-full {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}


.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;
    }
}