/* =========================
   Admin
   ========================= */
#admin *, #admin select			{font-family:Roboto;font-size:1vw;}
#admin .row						{margin-bottom:0vw;}
#admin .cadre					{width:100%;margin-top:0.5vw;padding:1vw 1vw 3vw 1vw;border:1px solid #bf00ff;color:#b70992;-webkit-border-top-right-radius:25px;-webkit-border-top-left-radius:25px;-webkit-border-bottom-right-radius:25px;-webkit-border-bottom-left-radius:25px;-moz-border-radius-topright:25px;-moz-border-radius-topleft:25px;-moz-border-radius-bottomright:25px;-moz-border-radius-bottomleft:25px;border-top-right-radius:25px;border-top-left-radius:25px;border-bottom-right-radius:25px;border-bottom-left-radius:25px;opacity:0.8;}
#admin .titre					{font-family:Oswald;text-align:left;font-size:1.4vw;color:#b70992;text-decoration:underline;}
#admin .titre img				{margin-top:0.5vw;margin-bottom:0.5vw;margin-right:0.5vw;width:2vw;height:auto;}
#admin .logos img				{width:100%;padding:0 0 1px 1px;}
#admin .logos div				{margin:0;padding:0;}
#admin input[type="button"],
#admin input[type="submit"]		{font-size:0.9vw;border:1px solid #ff26c9;background-color:#fff2ff;color:#ff26c9;font-weight:bold;}
#admin select,
#admin input[type="date"],
#admin input[type="text"]		{border:1px solid #b70992;height:1.4vw;margin-bottom:0.2vw;}
#admin textarea					{border:1px solid #b70992}

/** Admin Paypal **/
table.admin-list				{width:100%;text-align:left;border:1px solid #9F0070;color: darkcyan;background-color:azure;}
table.admin-list td				{border-right:1px solid #666666;padding:2px 5px 2px 5px;}
table.admin-list tr.menu		{text-align:center;font-weight:bold;color:#9F0070;background-color:linen;}
table.admin-list tr.menu td		{border-bottom:1px solid #9F0070;}
table.admin-list tr.end td		{border-bottom:1px solid #9F0070;}


/* =============================
   MÉDIAS
========================= */
/* ===== Toggle button ===== */
.nav-toggle{
  display:none; /* visible seulement en mobile */
  margin: 10px auto;
  padding: 6px 12px;
  border: 1px solid rgba(0,0,0,.35);
  background: rgba(255,255,255,.55);
  border-radius: 6px;
  font: inherit;
  cursor: pointer;
}
/* =========================
   MOBILE-FIRST
   ========================= */
	
/* Recaptcha : seulement utile en mobile */
@media (max-width: 768px){
  #rc-imageselect,.g-recaptcha{
    transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform: scale(0.77);
    -webkit-transform-origin: 0 0;
  }
  .container {width:90%; margin:0 auto;padding:3vw;}

  /* H1 différencié "La Flamme Violette (Sous-titre)" : le sous-titre entre parenthèses
     passe à la ligne en mobile pour éviter un retour à la ligne au milieu de la parenthèse */
  .h1-page-paren { display: block; margin-top: 0.15em; font-size: 0.82em; }
}

/* =========================
   DESKTOP (un seul breakpoint)
   ========================= */
@media (min-width: 768px){
  .container{width:70%; margin:0 auto;}
  .hero-inner {width:60%}
  img.img-home{max-width:1.3rem;}
  .nav-toggle{ display:none;}
}

/* Tablette : 70% laisse des marges latérales disproportionnées sur des viewports
   plus étroits que le desktop (ex: 768-1100px) — réduites de ~25% ici (70% -> 77.5%) */
@media (min-width: 768px) and (max-width: 1100px){
  .container{width:77.5%;}
}


/* ============================
   H1 → H4 & Baseline
   ============================== */
h1{
  line-height: 1.1;
  padding: 0.5em 0 0.5em;
  letter-spacing: 0.02em;
  text-align:center;
}
.h1-page {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: clamp(1.45rem, 2.1vw, 1.95rem);
  letter-spacing: 0.06em;
  color: #9F0070;
}
.h1-page-baseline{
  font-family: 'Great Vibes', cursive;
  font-size: clamp(1.5rem, 2vw, 4rem);
  letter-spacing: 0.01em;
  color: rgba(159, 0, 112, 0.65);
  margin: 0.4em 0 0.8em;
  text-align: center;
  display:block;
  line-height: 1.1;
  margin-top: 0.18em;
  color: rgba(159, 0, 112, 0.55); /* rose-violet doux mais plus lisible */
  text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}
h2{
  margin: 1.2em 0 0.5em;
  font-size: 1.4rem; /* ou rien, si tu veux full défaut */
  font-family: inherit;
  letter-spacing: normal;
  color: inherit;
}
/* ✅ style H2 FV (à utiliser quand tu veux) */
.fv-h2{
  font-family: 'Cinzel', serif;
  font-size: clamp(1.1rem, 1.6vw, 1.4rem);
  letter-spacing: 0.04em;
  color: rgba(159, 0, 112, 0.78);
  margin: 1.2em 0 0.5em;
  text-align:left;
}
.h2-script{
  font-family: 'Great Vibes', sans-serif;
  font-size: clamp(3rem, 3vw, 4rem);
  letter-spacing: 0.04em;
  color: rgba(159, 0, 112, 0.78);
  margin: 1.2em 0 0.5em;
  text-align:left;
}
h3{
  font-family:'Cinzel', sans-serif;
  font-size: clamp(1.1rem, 2.3vw, 1.35rem);
  line-height: 1.22;
  margin: 0.9em 0 0.25em;
}
h4{
  font-family:Oswald;
  color:cornflowerblue;
  text-decoration:underline;
  font-size: clamp(1.0rem, 2.0vw, 1.2rem);
  line-height: 1.25;
  margin: 0.8em 0 0.2em;
}
h5{
  color:mediumvioletred;
  text-decoration:underline;
  }

  /* Comments ??*/ 
		
/* =========================
   GLOBAL
========================= */

/* =========================
   Base typographique
   ========================= */
html{
  font-size:100%;
}

body{
  width:100%;
  margin:0;
  font-family: 'Optima', sans-serif;
  font-size: clamp(1.05rem, 1.08vw, 1.25rem);
  line-height: 1.3;
  letter-spacing: 0.01em;
  color: rgba(60, 0, 50, 0.85);
}
/* =========================
   Mise en forme
   ========================= */
p{
  margin:0 0 1.2em;
  text-align:justify;
}
a{
  color: inherit;
  text-decoration: none;
  padding-bottom: 3px; /* décale la ligne sous la baseline du texte, comme sur la référence */
  background-image: linear-gradient(rgba(159, 0, 112, 0.4), rgba(159, 0, 112, 0.4));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 3px;
  transition: background-size 0.22s ease;
}
a:hover,
a:active,
a:focus{
  color: #3A1030; /* mauve très foncé au survol, à tester face à "inherit" */
  text-decoration: none; /* tue le a:hover{text-decoration:underline} par défaut de bootstrap.css */
  background-size: 100% 6px; /* fill qui remonte de 3px au survol, pas un fill complet */
}

/* Cartes-liens avec leur propre image de fond (background-image en photo) :
   le survol du style général (background-size/position, spécificité a:hover)
   écraserait sinon leur "background-size:cover" et ferait "gicler" la photo. */
.fv-step-card,
.fv-step-card:hover,
.fv-step-card:active,
.fv-step-card:focus{
  background-size: cover;
  background-position: center;
}

/* Zones avec leur propre style de lien déjà défini (logo/nav/footer, boutons,
   CTA, liens spéciaux de Lectures partagées) : on neutralise le style général
   pour ne pas superposer un 2e habillage par-dessus. */
.header a,
#footer a,
.btn-cta,
.js-popup,
.fv-btn-session,
.lc-link,
.lc-watch,
.fv-link-plain,
.fv-vp-toc a,
.lc-toc a,
.fv-fond-ref-link,
.fv-hub-back a,
.fv-vp-link,
.fv-dec-book-link,
.fv-dec-back a,
.fv-med-back a,
.fv-sanctuaire-kicker a,
.fv-next-session-card__secondary a,
a:has(img){
  background-image: none;
}
section{
  padding-bottom:3vw;
  text-align:justify;
}


/* ==================================
   GÉNÉRAL
   -> Body, h1-h3, baseline, a
============================= */
	
	.row							{margin-right:-15px;margin-left:-15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
	[class*="col-"]					{background-color:transparent;border:0px solid grey;text-align:center;}
	.nopadding						{padding: 0 !important;margin: 0 !important;}

	/* Alignements */
	audio							{max-width:100%}
	.left							{text-align:left}
	.center							{text-align:center}
	.right							{text-align:right}
	form							{margin:0;display:inline;}
	.spaces-img img					{margin:2vw 0 2vw 0;}

	/** » Lignes **/
	.purple-line					{width:95%;
									height:2px;
									margin:clamp(6px, 0.5vw, 10px) 0 clamp(18px, 1.3vw, 26px) 0;
									background: linear-gradient(
										to right,
										rgba(159, 0, 112, 0) 0%,
										rgba(159, 0, 112, 0.75) 50%,
										rgba(159, 0, 112, 0) 100%
									);
									box-shadow: 0 0 6px rgba(159, 0, 112, 0.25);}
	.pink-line						{width:100%;background-color:pink;width:100%;height:1px;margin:0.5vw 0 1.3vw 0;}
	
	/** » Images **/
	img								{max-width:100%}
	img.max-20						{max-width:20%}
	img.max-30						{max-width:30%}
	img.max-50						{max-width:50%}
	img.articles					{height:15vw;padding:1vw;}
	img.canal						{float:left;margin:0 1vw 0.5vw 0;}
	img.payment						{height:2vw;margin-right:1vw;}

	/** Onglets **/
	.menu-onglets					{display:block;text-align:center;line-height:0;padding:0;}
	.menu-onglets:after 			{display:inline-block;content:''; vertical-align:top;}
	.menu-onglets li 				{line-height:1.2em;display:inline-block;vertical-align:middle;}
	.menu-onglets li a.perso		{font-size:1.2rem;}

	/* Rounded */
	.explications					{border:1px solid #9F0070;background-color:#ffeffa;border-radius:1vw;padding:1.2vw;}
	
/* =========================
   HEADER
   -> 
========================= */
	/* .header > * { position: relative; z-index: 1; } */
	
	.header		{position: relative; /* 🔥 indispensable */
				background-size:100% 100%;
				text-align:center;
				background-image:linear-gradient(to bottom,rgba(255, 245,251, 0) 50%,rgba(255, 245,251, 0.3) 70%,rgba(255, 245,251, 0.8) 100%),url(../images/backgrounds/bg-header.webp);
				background-repeat: no-repeat;
				background-position:top center;
				overflow: visible;
				}
	.header::before{
					content:"";
					position:absolute;
					inset:0;
					background: linear-gradient(
					to bottom,
					to bottom,
					rgba(120, 40, 140, 0.05) 0%,
					rgba(255,255,255,0.06) 50%,
					rgba(120, 40, 140, 0.03) 100%
					);
					  pointer-events:none;
					}
	.header-inner {
		position: relative ; /* nécessaire pour le position:absolute du btn-membre */
	}

	/*.site-header > *{position: relative;} /* pour que le texte soit au-dessus de l’overlay */

	/* Brand */
	.header .brand				{text-shadow: 0 2px 10px rgba(90, 0, 70, 0.18);padding-top:1.5vw;}
	.header .brand a 			{
								font-size: clamp(2.3rem, 6vw, 4rem);
								text-decoration:none;
								font-family:'Great Vibes',cursive;
								color:#993399;
								text-shadow: 0 2px 0 rgba(255,255,255,0.85),
								0 10px 28px rgba(120, 0, 90, 0.18);
								}
	
	/* Baseline */
	.header .baseline		{margin:0 0 2.5vw 0;}
	.header .baseline		a	{
								font-family: 'Josefin Sans', sans-serif;
								font-weight: 300;
								letter-spacing: 0.06em;
								font-size: clamp(1.05rem, 2.1vw, 1.55rem);
								color: rgba(159, 0, 112, 0.78); /* proche de ton #9F0070 mais plus doux */
								text-shadow: 0 1px 0 rgba(255,255,255,0.85),
											 0 6px 18px rgba(140, 0, 90, 0.12);
								}	

	
/* =========================
   @PAGES
   -> 
========================= */

	.test							{border:1px gray solid;}
	.layout-content					{
									margin:0 auto;
									text-align:justify;
									border:0px solid red;
									padding:20px;
									width:100%
									}

	/* Bgs */
	.bg-pages 						{
									background-size:100% 180px, 100% auto;
									background-image:linear-gradient(to bottom,rgba(255, 245, 251, 0.8) 0%,rgba(255, 245, 251, 0.3) 30%,
									rgba(255, 245, 251, 0) 60%),
									url(../images/backgrounds/bg-page.webp);
									background-repeat:no-repeat, repeat-y;
									background-position:top center, top center;
									padding-bottom: clamp(60px, 13vw, 200px);
									}
	.white-bg						{
									margin:0 auto;
									border:1px solid #fbe0fb;
									-webkit-border-radius:1vw;
									background-color:rgba(255,255,255,0.45);
									padding:1.5vw 3vw;
									}
	.page-height					{min-height:1600px;}
	.border-aside					{margin-top:3vw;border-right:2px solid #9F0070;}

	/* Sceaux */
	.sceaux							{text-align:center;}
	.sceaux	img						{padding:1vw 0 0.5vw 0;}
	.sceaux, .sceaux a				{font-family:'Cinzel';color:indigo;font-size:0.9rem;font-weight:300;text-decoration:none;}
	
	
/* ===== ACCUEIL ===== */

/* ==================
   HERO
================== */
.hero-inner {
	width:70%;
	margin:0 auto;
}
.hero {
	font-family: 'Great Vibes', cursive;
	color:#9F0070;
	font-size: clamp(1.6rem, 2.4vw, 2.1rem);  
	text-shadow: 0 2px 8px rgba(140, 80, 200, 0.2);
}
.hero-intro {
	font-family: 'Cormorant Garamond', serif;
	font-size: 1.25rem;        /* environ 20px */
	line-height: 1.3;
	color: rgba(60, 20, 80, 0.9);  /* violet foncé doux */
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
	padding:1vw;
    border-radius: 25px;
	margin-top: 25px;
	margin-bottom: 45px;
}
.hero-buttons {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}
.btn-cta {
    padding: 14px 28px;
    border-radius: 40px;
    font-family: 'Cinzel', serif;
    font-size: 0.95rem;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.btn-primary {
    background: linear-gradient(135deg, #d4a6ff, #a56bff);
    color: white;
    box-shadow: 0 8px 25px rgba(140, 80, 200, 0.3);
}

.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(140, 80, 200, 0.4);
}
.btn-secondary {
    border: 1px solid rgba(140, 80, 200, 0.4);
    color: #6b3fb3;
    background: rgba(255,255,255,0.75);
}

.btn-secondary:hover {
    background: rgba(140, 80, 200, 0.1);
}
.btn-soft {
    color: #6b3fb3;
    background: rgba(140, 80, 200, 0.12);
    box-shadow: none;
}

.btn-soft:hover {
    background: rgba(140, 80, 200, 0.22);
    transform: translateY(-3px);
}
	

	
	/* Séance Offerte */
	.seance-offerte					{width:90%;margin:0 auto;margin-bottom:2vw;border:2px solid #5060ac;background-color:#a04e85;border-radius:0.8vw;padding:0.5vw 0 0.5vw 0;text-align:center;}
	.seance-offerte a				{font-size:1.7rem;font-family:Oswald;font-weight:300;color:white;text-decoration:none;}
	.seance-offerte a:hover			{color:pink;}
	.triangle						{font-size:1.7rem;font-family:Oswald;font-weight:300;color:orange;white-space:nowrap;}
	.date							{text-align:left;padding-left:5%;font-family:Oswald;font-weight:300;font-size:1.6rem;color:purple;text-decoration:underline;}
	.chiffres						{text-align:left;font-family:Oswald;font-weight:300;color:#b853be;font-size:1.3rem;}
	.chiffres a						{font-family:Oswald}
	
	/* Espace Perso */
	.onglet							{display:inline;color:#b853be;max-width:-moz-fit-content;border:2px solid #9F0070;padding:0.3vw 1vw 0.3vw 1vw;border-top:0;background-color:#b853be;border-radius:0 0 1vw 1vw;}
	.onglet:hover					{background-color:mistyrose;}
	.onglet a						{color:white;font-family:Oswald;font-size:1.3vw;font-weight:300;}
	.onglet:hover a					{color:#b853be;}

	/* Infos */
	.title-infos					{font-family:Oswald;font-weight:300;font-size:1.5rem;margin-bottom:-0.01vw;color:deeppink;}
	.infos-plus,.infos-plus a		{color:deeppink;text-align:right;margin-top:-0.5vw;}

	/* Autres */
	.leminscate						{font-size:1.5rem;margin:1.5vw 0 1.5vw 0;text-align:center;}
	.barre							{text-decoration:line-through;}
	.infoB							{color:cornflowerblue;text-align:right;}
	.txt-articles					{border-radius:20px;margin:1vw;padding:1.5vw;border:1px solid wheat;margin-bottom:4vw;}

/* ===== ACCUEIL => AGENDA ===== */

	/* ~~~ */
	table.agenda 					{border-collapse:separate;border-spacing:0 1vw;text-align:left;width:100%;}
	table.agenda td 				{vertical-align:middle;height:2.6vw;}
	
	/* Date */
	.next							{font-family:Oswald;font-weight:300;font-size:1.6rem;padding-left:2.3vw;color:#b853be;}
	.seance-jour					{background-color:#b853be;color:white;padding:0 0.4vw 0 0.4vw;border-radius:0.5vw 0 0 0.5vw;}
	.seance-date-suite				{border:1px solid #b853be;background-color:white;color:#b853be;padding:0 0.4vw 0 0.4vw;text-align:left;border-radius:0 0.5vw 0.5vw 0;}
	.seance-date-offerte			{font-size:1.2rem;color:#b853be;font-weight:bold;margin:10px;}
	
	.seance-sceau 					{text-align:left;border:0px solid red;}
	.seance-sceau img				{vertical-align:top;width:2.6rem;margin-right:0.5vw;margin-left:2vw;}
	
	.seance-energie	a,
	.seance-energie-terminee a		{font-family:Oswald;font-weight:300;font-size:1.6rem;}
	.seance-energie-terminee a		{text-decoration:line-through;}

	.seance-duree					{font-size:1.3rem;color:#555555;font-family:Roboto;padding:0 1.5vw 0 1.5vw;}

	.seance-terminee				{padding:0 2vw 0 2vw;font-style:italic;font-size:1rem;font-family:Roboto;text-align:center;}

	/*stats*/
	.seance-compteur				{color:hotpink;font-size:12px;font-family:Roboto;font-style:normal;}
	.seance-participants			{text-align:left;}
	a.seance-inscrits				{color:#FF9000;}

	/*Pop'Up*/
	.popup-interactif-top								{text-align:center;}
	.popup-interactif-content							{padding:20px;font-size:14px;background-color:#F6EDF8;}
	.popup-interactif-content p.comment					{color:#9F0070;font-weight:bold;font-size:12px;font-style:italic;}
	.popup-interactif-content p.explications			{font-size:13px;color:grey;}
	.popup-interactif-content input[type=button]		{background-color:#F6EDF8;}
	
	.popup-energie-top				{background-color:white;}
	.popup-purple-line				{width:100%;height:2px;background-color:#9F0070;}
	.popup-energie-bottom			{background-color:#F6EDF8;text-align:justify;padding:5vw 15% 5vw 15%;}

	.download-sceau 				{text-align:center;margin-bottom:1vw;}
	.download-sceau a				{color:orange;text-decoration:none;font-weight:bold;}

	.energie-Titre					{text-align:center;margin:1vw 0 1vw 0;color:#9F0070;font-size:1.5rem;font-family:'Oswald',sans-serif;}
	.energie-Sentence				{text-align:center;margin-top:0px;margin-bottom:25px;color:#9F0070;font-size:28px;font-family:'Dancing Script',cursive;}
	.energie-Infos					{font-weight:bold;font-family:Roboto,sans-serif;color:#9f0070;font-size:16px;}
	
	fieldset.acc-seance				{color:#9f0070;border-radius:8px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:linen;}
	fieldset.acc-seance legend		{margin-top:-5px;}
	fieldset.acc-seance legend + *	{clear:both;}	


/** Accueil => AGENDA & SEANCES**/

	/* Confirmations des inscriptions */
	#Module-Page2 ul.confirmation-seance-groupe			{margin:0;padding-left:15px;}
	#Module-Page2 ul.confirmation-seance-groupe li		{margin-bottom:8px;}

	/* Menu de l'Espace Personnel */
	#Module-Page2 table#profil							{color:grey;}
	#Module-Page2 table#profil a						{color:#9F0070;}

	/* Audios Control HTML5 */
	#Module-Page2 audio									{width:260px;background-color:blue;margin:12px 0px 20px 0px;}
	#Module-Page2 table#profil a						{color:#9F0070;}

/* ===== PARTAGES ===== */
	.fv-share-page__intro{
		max-width: 900px;
		margin: 0 auto 2rem;
		text-align: left;
	}

	.fv-share-page__intro p{
		margin: 0 0 1rem;
	}

	.fv-share-page__frame{
		margin-top: 1.5rem;
	}

	.fv-share-page__iframe{
		width: 100%;
		min-height: 900px; /* repli avant le resize JS (onload) — évite l'effet "ne s'affiche pas" sans dépendre du hack global .page-height */
		border: 0;
		overflow: hidden;
		display: block;
	}


/* ===== CONTACT ===== */

	div.texte div.contact input,
	div.texte div.contact select,
	div.texte div.contact textarea	{position:absolute;}

	

/* ===== CANALISATIONS ===== */

	div.texte div.canalisations		{height:150px;}
	div.texte p.canalisation		{color:crimson;font-style:italic;font-size:14px;}



/* ===== TECH AUDIO ===== */

	#audios							{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;width:95%;margin-bottom:40px;}
	#audios ul li					{padding-right:10px;}

	
/* =========================
   PAGES 2nd / ASIDE
   -> 
========================= */

.img-aside							{border-left:2px solid purple;padding-left:1vw;margin-top:2vw;}

/* ===== INITIATIONS ===== */
	.button							{text-align:right;}
	input.paypal-link-initiation,
	form.paypal-form				{border:0;background-color:transparent;cursor:pointer;font-size:1rem;font-family:Roboto;padding:0px;}
	.Init-Border					{border-left:2px solid cornflowerblue;padding-left:1vw;}
	ul.Init-details					{border-radius:20px;border:1px dotted deeppink;padding-top:1.5vw;padding-bottom:1.5vw;margin-bottom:4vw;}
	ul.Init-details li				{text-align:left;}
	
/* ===== 12 ARCHANGES ===== */
	.archanges-vertues				{text-align:left;color:deeppink;font-weight:bold;}

/* =========================
   FOOTER
   -> 
========================= */

	/* Nénuphars */
	#footer{
			pointer-events: none;
			position: relative;
			margin-top: clamp(-550px, -35.8vw, -200px); /* suit la hauteur réelle du bg (1536x556, scale en vw) */
			text-align: center;

			min-height: clamp(210px, 36.2vw, 556px); /* même ratio que le bg (556/1536) */

			background: url(../images/backgrounds/bg-footer.webp) no-repeat;
			background-size: 100% auto;
			background-position: center bottom;
			}
	#legal-bar {
    pointer-events: auto;
    position: absolute;
    bottom: clamp(10px, 2.6vw, 20px); /* suit le scaling en vw du bg-footer (même logique que #footer) */
    width: 100%;
    text-align: center;
    font-size: clamp(0.62rem, 3vw, 0.75rem);
    white-space: nowrap;
    color: #6B3FA0;
    text-shadow: 0 0 8px rgba(255,255,255,0.8);
	}

	#legal-bar a {
		color: #6B3FA0;
		text-decoration: none;
		margin: 0 8px;
	}

	@media (max-width: 480px){
		#legal-bar a {
			margin: 0 4px;
		}
	}

	#legal-bar a:hover {
		color: #4A2D6B;
		text-decoration: underline;
	}
	

/* =========================
   DIVERS
   -> 
========================= */

	/* Audios Control HTML5 */
	audio									{max-width:260px;background-color:blue;margin:12px 0px 20px 0px;}

/* ===== Retour au Hub Flamme Violette (pages du Hub, lien discret bas de page) ===== */
.fv-hub-back {
	margin: 2rem 0 0;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
	letter-spacing: 0.02em;
}
.fv-hub-back a {
	color: rgba(159, 0, 112, 0.75);
}