/* Refonte visuelle - charte de la maquette (crème / vert forêt / sauge) */
:root
{
	--rd-creme : #F7F3EA;
	--rd-sauge : #E9EDE2;
	--rd-vert : #1F4D36;
	--rd-vert-clair : #788747;
	--rd-texte : #3b3b36;
	--rd-serif : 'Cormorant Garamond', Georgia, serif;
	--color-main : var(--rd-vert-clair);
	--color-secondary : var(--rd-vert);
}
BODY
{
	background : var(--rd-creme);
	color : var(--rd-texte);
}
h1, h2, .highlight h2, .titre-article
{
	font-family : var(--rd-serif);
	font-weight : 600;
	color : var(--rd-vert);
}
h1, .highlight h2 { font-size : 40px; }
h2, .titre-article { font-size : 34px; }
h3 { color : var(--rd-vert); }
hr
{
	width : 70px;
	height : 2px;
	background : var(--rd-vert-clair);
	box-shadow : none;
}

/* Header */
#header_top { background : var(--rd-vert); }
#header_top > .container > span { font-size : 12px; }
#header
{
	background-color : var(--rd-creme);
	box-shadow : 0 1px 0 rgba(31,77,54,0.12);
}
.scroll { background-color : var(--rd-creme) !important; box-shadow : 0 1px 0 rgba(31,77,54,0.12) !important; }
#menu > ul > li > a
{
	color : var(--rd-vert);
	font-weight : 400;
	font-size : 14px;
}
#menu > ul > li > a:hover,
#menu > ul > li.select > a:not(.button)
{
	color : var(--rd-vert);
	box-shadow : inset 0 -2px 0 var(--rd-vert-clair);
}

/* Boutons */
.bouton, .button
{
	background-color : var(--rd-vert);
	border-radius : 30px;
	color : #FFF;
}
.bouton:hover, .button:hover { background-color : var(--rd-vert-clair); }

/* Slider d'accueil */
#slider_accueil .slide-titre
{
	font-family : var(--rd-serif);
	font-size : 44px;
	background : rgba(31,77,54,0.85);
	border-radius : 4px;
}

/* Blocs accueil */
.bloc-accueil li a { border-radius : 12px; overflow : hidden; }
.titre-bloc { font-family : var(--rd-serif); font-size : 24px; background : rgba(31,77,54,0.85); }

/* Parallax */
.parallax
{
	position : relative;
}
.parallax::before
{
	content : "";
	position : absolute;
	inset : 0;
	background : rgba(31,77,54,0.45);
}
.parallax h2
{
	position : relative;
	font-family : var(--rd-serif);
	font-size : 44px;
	color : #FFF;
}

/* Cartes "En savoir plus" de l'accueil */
.bloc-savoir-plus
{
	background : #FFF;
	border-color : rgba(31,77,54,0.12);
	border-radius : 14px;
}
.bloc-savoir-plus h3 { font-family : var(--rd-serif); font-size : 24px; color : var(--rd-vert); }
.bloc-savoir-plus-icone { background : var(--rd-sauge); color : var(--rd-vert); }
.bloc-savoir-plus:hover .bloc-savoir-plus-icone { background : var(--rd-vert); }
.bloc-savoir-plus span { color : var(--rd-vert-clair); }

/* Contenus */
.background_article, .contenu-article { border-radius : 12px; }

/* Pied de page */
#footer
{
	margin-top : 40px;
	padding : 50px 0 25px;
	background : var(--rd-vert);
	color : #E9EDE2;
	border-radius : 60% 60% 0 0 / 40px 40px 0 0;
}
#footer a { color : #E9EDE2; }
#footer ul { list-style : none; padding : 0; }
#footer .container { text-align : center; }
#footer .row { justify-content : center; }

/* Page En savoir plus : accord avec la charte */
#page-savoir-plus { background : var(--rd-creme); }
#page-savoir-plus .sp-hero h1 { font-size : 56px; }
#page-savoir-plus .sp-intro h2,
#page-savoir-plus .sp-decouvrez-contenu h2 { font-family : var(--rd-serif); font-size : 38px; color : var(--rd-vert); }
#page-savoir-plus .sp-engagement,
#page-savoir-plus .sp-decouvrez { background : var(--rd-sauge); }
#page-savoir-plus .sp-visuel-secondaire { border-color : var(--rd-sauge); }
#page-savoir-plus .sp-icone,
#page-savoir-plus .sp-numero { background : var(--rd-vert); }


/* ===== Passe 2 : plus de style maquette ===== */

/* Hero : voile crème à gauche, trait + feuille avant le titre */
#page-savoir-plus .sp-hero
{
	position : relative;
	min-height : 420px;
	background-position : center right;
}
#page-savoir-plus .sp-hero::before
{
	content : "";
	position : absolute;
	inset : 0;
	background : linear-gradient(90deg, rgba(247,243,234,0.95) 0%, rgba(247,243,234,0.75) 38%, rgba(247,243,234,0) 70%);
}
#page-savoir-plus .sp-hero .container { position : relative; }
#page-savoir-plus .sp-hero h1
{
	position : relative;
	padding-top : 28px;
	font-size : 60px;
	line-height : 1.05;
}
#page-savoir-plus .sp-hero h1::before
{
	content : "";
	position : absolute;
	top : 0;
	left : 0;
	width : 40px;
	height : 1px;
	background : var(--rd-vert-clair);
}
#page-savoir-plus .sp-hero h1::after
{
	font-family : "Font Awesome 6 Pro";
	font-weight : 900;
	content : "\f06c";
	position : absolute;
	top : -8px;
	left : 48px;
	font-size : 14px;
	color : var(--rd-vert-clair);
}
#page-savoir-plus .sp-hero p
{
	font-family : var(--rd-serif);
	font-size : 26px;
	line-height : 1.2;
	color : var(--rd-vert);
}

/* Sections : surtitre, feuilles décoratives */
#page-savoir-plus .sp-section { position : relative; overflow : hidden; }
#page-savoir-plus .sp-section::after
{
	font-family : "Font Awesome 6 Pro";
	font-weight : 900;
	content : "\f06c";
	position : absolute;
	top : 20px;
	right : 6%;
	font-size : 120px;
	color : var(--rd-vert-clair);
	opacity : 0.10;
	transform : rotate(25deg);
	pointer-events : none;
}
#page-savoir-plus .sp-usages::after { top : auto; bottom : 10px; right : auto; left : 4%; transform : rotate(-20deg); }
#page-savoir-plus .sp-surtitre { letter-spacing : 2px; font-size : 11px; }

/* Cartes d'étapes et d'usages */
#page-savoir-plus .sp-etape-image,
#page-savoir-plus .sp-usage-image
{
	border-radius : 10px;
	box-shadow : 0 8px 22px rgba(31,77,54,0.15);
	transition : transform 0.3s ease, box-shadow 0.3s ease;
}
#page-savoir-plus .sp-etapes li:hover .sp-etape-image,
#page-savoir-plus .sp-grille-usages li:hover .sp-usage-image
{
	transform : translateY(-4px);
	box-shadow : 0 14px 30px rgba(31,77,54,0.22);
}
#page-savoir-plus .sp-numero { border : 2px solid var(--rd-creme); }
#page-savoir-plus .sp-etapes li { position : relative; padding-top : 12px; }
#page-savoir-plus .sp-etapes h3,
#page-savoir-plus .sp-grille-usages h3
{
	text-align : left;
	font-family : var(--rd-serif);
	font-size : 20px;
}
#page-savoir-plus .sp-etapes h3::after
{
	font-family : "Font Awesome 6 Pro";
	font-weight : 900;
	content : "\f061";
	float : right;
	font-size : 12px;
	color : var(--rd-vert-clair);
}
#page-savoir-plus .sp-etapes li:last-child h3::after { display : none; }
#page-savoir-plus .sp-etapes p,
#page-savoir-plus .sp-grille-usages p { text-align : left; }

/* Engagements : séparateurs verticaux, icônes cerclées */
#page-savoir-plus .sp-engagements { gap : 0; }
#page-savoir-plus .sp-engagements li
{
	flex : 1;
	padding : 0 20px;
	border-left : 1px solid rgba(31,77,54,0.2);
}
#page-savoir-plus .sp-engagements li:first-child { padding-left : 0; border-left : 0; }
#page-savoir-plus .sp-icone
{
	width : 62px;
	height : 62px;
	box-shadow : 0 0 0 4px rgba(31,77,54,0.12);
}
#page-savoir-plus .sp-visuel-principal,
#page-savoir-plus .sp-visuel-secondaire { border-radius : 10px; }
#page-savoir-plus .sp-visuel-secondaire { border-width : 5px; }

/* Bloc produits : bouton contour + courbe vers le pied de page */
#page-savoir-plus .sp-decouvrez { position : relative; padding-bottom : 40px; }
#page-savoir-plus .sp-bouton-contour:hover { background : var(--rd-vert); color : #FFF; }

/* Pied de page : logo centré en blanc, filet */
.footer-marque { text-align : center; margin-bottom : 20px; }
.footer-marque img
{
	height : 70px;
	filter : brightness(0) invert(1);
	opacity : 0.95;
}
.footer-marque::after
{
	content : "";
	display : block;
	width : 60px;
	height : 1px;
	margin : 18px auto 0;
	background : rgba(233,237,226,0.6);
}
#footer ul li { display : inline-block; margin : 0 10px; }
#infos_site, #infos_complementaires { font-size : 12px; opacity : 0.85; }

/* Accueil : bandeau de slider adouci */
#slider_accueil .slide-titre { letter-spacing : 0.5px; font-weight : 600; }


/* ===== Passe 3 : contact + pied de page ===== */
#page-contact
{
	padding : 70px 20px 50px;
	text-align : center;
}
.contact-surtitre
{
	display : block;
	font-size : 11px;
	font-weight : 700;
	text-transform : uppercase;
	letter-spacing : 2px;
	color : var(--rd-vert-clair);
}
#page-contact > h2 { padding-bottom : 6px; }
#page-contact > hr { display : none; }
.contact-intro { margin : 0 auto 40px; max-width : 560px; color : #666; }
.contact-grille
{
	display : grid;
	grid-template-columns : 1fr 1.6fr;
	gap : 30px;
	text-align : left;
	align-items : start;
}
.contact-carte,
.contact-formulaire
{
	background : #FFF;
	border : 1px solid rgba(31,77,54,0.10);
	border-radius : 16px;
	box-shadow : 0 10px 30px rgba(31,77,54,0.07);
}
.contact-carte { padding : 26px 28px; margin-bottom : 24px; }
.contact-formulaire { padding : 34px; }
.contact-carte h3
{
	margin : 0 0 16px;
	text-align : left;
	font-family : var(--rd-serif);
	font-size : 26px;
}
.contact-carte ul { list-style : none; margin : 0; padding : 0; }
.contact-carte li { display : flex; gap : 14px; margin-bottom : 16px; line-height : 1.5; }
.contact-carte li > i
{
	flex : 0 0 38px;
	height : 38px;
	display : flex;
	align-items : center;
	justify-content : center;
	border-radius : 50%;
	background : var(--rd-sauge);
	color : var(--rd-vert);
}
.contact-carte a { color : var(--rd-vert); text-decoration : none; font-weight : 700; }
.contact-horaires li
{
	justify-content : space-between;
	margin : 0;
	padding : 8px 0;
	border-bottom : 1px dashed rgba(31,77,54,0.2);
}
.contact-horaires li:last-child { border-bottom : 0; }
.contact-horaires li span:first-child { font-weight : 700; color : var(--rd-vert); }

/* Formulaire */
#form_contact fieldset { border : 0; margin : 0; padding : 0; }
#form_contact ul { list-style : none; margin : 0; padding : 0; display : grid; grid-template-columns : 1fr 1fr; gap : 16px; }
#form_contact li { margin : 0; padding : 0; }
#form_contact li.double { grid-column : 1 / -1; }
#form_contact label
{
	display : block;
	margin-bottom : 6px;
	font-size : 12px;
	font-weight : 700;
	text-transform : uppercase;
	letter-spacing : 1px;
	color : var(--rd-vert);
}
#form_contact input[type=text],
#form_contact textarea
{
	width : 100%;
	padding : 13px 16px;
	border : 1px solid rgba(31,77,54,0.25);
	border-radius : 10px;
	background : var(--rd-creme);
	font-family : inherit;
	font-size : 14px;
	transition : border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
#form_contact input[type=text]:focus,
#form_contact textarea:focus
{
	border-color : var(--rd-vert-clair);
	background : #FFF;
	box-shadow : 0 0 0 4px rgba(120,135,71,0.18);
}
#form_contact textarea { resize : vertical; min-height : 130px; }
#form_contact .row { display : grid; grid-template-columns : 1fr 2fr; gap : 16px; margin : 0; }
#form_contact .row > div { width : auto; float : none; padding : 0; }
#form_contact li > p { font-size : 11px; color : #777; line-height : 1.5; }
#form_contact li > p a { color : var(--rd-vert); }
#form_contact .center { text-align : center; }

/* Pied de page façon maquette */
#footer
{
	position : relative;
	margin-top : 70px;
	padding : 70px 0 25px;
	border-radius : 0;
	background : var(--rd-vert);
}
#footer::before
{
	content : "";
	position : absolute;
	left : 0;
	right : 0;
	top : -39px;
	height : 40px;
	background : var(--rd-vert);
	border-radius : 50% 50% 0 0 / 100% 100% 0 0;
}
.footer-marque::before
{
	content : "La noisette française";
	display : block;
	order : 2;
}
.footer-marque { display : flex; flex-direction : column; align-items : center; }
.footer-marque::before { font-family : var(--rd-serif); font-style : italic; font-size : 18px; color : #E9EDE2; margin-top : 4px; order : 2; }
.footer-marque::after { order : 3; }

@media screen and (max-width:860px)
{
	.contact-grille { grid-template-columns : 1fr; }
	.contact-formulaire { padding : 22px; }
	#form_contact ul { grid-template-columns : 1fr; }
	#form_contact .row { grid-template-columns : 1fr 1fr; }
}

/* Correctif : neutralise les largeurs héritées de fieldset > ul > li */
#form_contact fieldset > ul { font-size : 14px; }
#form_contact fieldset > ul > li,
#form_contact fieldset > ul > li.double { display : block; width : auto; }
#form_contact fieldset > ul > li .input { padding : 0; }
#form_contact fieldset > ul > li .input > label { font-size : 12px; padding : 0; }
#form_contact fieldset > ul > li .row > .col-4,
#form_contact fieldset > ul > li .row > .col-8 { width : auto; }
#form_contact fieldset > ul > li .input > div > input,
#form_contact fieldset > ul > li .input > div > textarea { padding : 13px 16px; }

/* Logo du pied de page : pastille crème (le logo a un fond blanc) */
.footer-marque img
{
	height : 78px;
	padding : 8px 18px;
	border-radius : 40px;
	background : var(--rd-creme);
	filter : none;
}
.footer-marque::before { content : none; }


/* ===== Blocs en dur de l'accueil : engagements + appel à l'action ===== */
.rd-surtitre
{
	display : block;
	margin-bottom : 8px;
	font-size : 11px;
	font-weight : 700;
	text-transform : uppercase;
	letter-spacing : 2px;
	color : var(--rd-vert-clair);
}
.rd-engagements
{
	padding : 70px 0;
	background : var(--rd-sauge);
	text-align : center;
}
.rd-icones
{
	display : grid;
	grid-template-columns : repeat(4, 1fr);
	margin : 40px 0 0;
	padding : 0;
	list-style : none;
}
.rd-icones li
{
	padding : 0 24px;
	border-left : 1px solid rgba(31,77,54,0.2);
}
.rd-icones li:first-child { border-left : 0; }
.rd-icone
{
	width : 68px;
	height : 68px;
	margin : 0 auto 16px;
	display : flex;
	align-items : center;
	justify-content : center;
	border-radius : 50%;
	font-size : 28px;
	color : #FFF;
	background : var(--rd-vert);
	box-shadow : 0 0 0 6px rgba(31,77,54,0.12);
	transition : transform 0.3s ease;
}
.rd-icones li:hover .rd-icone { transform : scale(1.08) rotate(-4deg); }
.rd-icones h3 { font-family : var(--rd-serif); font-size : 22px; margin : 0 0 8px; }
.rd-icones p { margin : 0; font-size : 13px; line-height : 1.6; color : #666; }

.rd-cta
{
	display : grid;
	grid-template-columns : 1fr 1fr;
	background : var(--rd-creme);
}
.rd-cta-image { min-height : 340px; background-size : cover; background-position : center; }
.rd-cta-contenu { padding : 60px; align-self : center; text-align : left; }
.rd-cta-contenu h2 { text-align : left; padding-top : 0; }
.rd-cta-boutons { display : flex; flex-wrap : wrap; gap : 14px; margin-top : 22px; }
.rd-bouton-contour { background : transparent; color : var(--rd-vert); border : 1px solid var(--rd-vert); }
.rd-bouton-contour:hover { background : var(--rd-vert); color : #FFF; }

@media screen and (max-width:860px)
{
	.rd-icones { grid-template-columns : 1fr 1fr; row-gap : 30px; }
	.rd-icones li:nth-child(odd) { border-left : 0; }
	.rd-cta { grid-template-columns : 1fr; }
	.rd-cta-contenu { padding : 35px 20px; }
}


/* ===== Slider d'accueil façon hero ===== */
#slider_accueil { position : relative; }
#slider_accueil > ul > li { min-height : 560px; }
#slider_accueil ul li::before,
#slider_accueil ul li::after { display : none; }
#slider_accueil > ul > li > .slide-contenu,
#slider_accueil .slide-contenu { display : none; }
#slider_accueil > ul > li > a { z-index : 0; }
#slider_accueil > ul > li > a,
#slider_accueil > ul > li { overflow : hidden; }
#slider_accueil > ul::after
{
	content : "";
	z-index : 3;
	position : absolute;
	inset : 0;
	background : linear-gradient(90deg, rgba(10,25,15,0.78) 0%, rgba(10,25,15,0.55) 50%, rgba(10,25,15,0.25) 100%);
	pointer-events : none;
}
.slider-hero
{
	z-index : 6;
	position : absolute;
	inset : 0;
	display : flex;
	align-items : center;
	pointer-events : none;
	text-align : left;
}
.slider-hero .container { max-width : 1200px; padding : 0 40px; }
.slider-hero a { pointer-events : auto; }
.slider-badge
{
	display : inline-block;
	margin-bottom : 20px;
	padding : 8px 18px;
	border : 1px solid rgba(255,255,255,0.45);
	border-radius : 30px;
	background : rgba(255,255,255,0.08);
	font-size : 13px;
	color : #FFF;
	backdrop-filter : blur(4px);
}
.slider-badge i { margin-right : 6px; }
.slider-hero .slider-titre
{
	margin : 0 0 20px;
	padding : 0;
	max-width : 640px;
	text-align : left;
	font-family : var(--rd-serif);
	font-size : 68px;
	font-weight : 700;
	line-height : 1.02;
	color : #FFF;
}
.slider-hero .slider-titre span { display : block; color : #E6D2AE; }
.slider-texte
{
	margin : 0 0 30px;
	max-width : 580px;
	font-size : 17px;
	line-height : 1.65;
	color : rgba(255,255,255,0.92);
}
.slider-boutons { display : flex; flex-wrap : wrap; gap : 14px; }
.slider-boutons .bouton
{
	margin : 0;
	padding : 15px 30px;
	font-weight : 700;
	background : #C48A4E;
	color : #FFF;
	border : 1px solid #C48A4E;
}
.slider-boutons .bouton:hover { background : #A9743D; border-color : #A9743D; }
.slider-boutons .slider-bouton-contour
{
	background : transparent;
	border-color : rgba(255,255,255,0.6);
	color : #FFF;
}
.slider-boutons .slider-bouton-contour:hover { background : #FFF; color : var(--rd-vert); border-color : #FFF; }

/* ===== Mobile : menu lisible sur fond sombre + boutons du slider ===== */
@media screen and (max-width:860px)
{
	#menu > ul { background-color : rgba(31,77,54,0.99); }
	#menu > ul > li { border-bottom-color : rgba(255,255,255,0.25); }
	#menu > ul > li:first-child > a,
	#menu > ul > li > a,
	#menu > ul > li > a:hover,
	#menu > ul > li.select > a:not(.button)
	{
		color : #FFF;
		box-shadow : none;
	}
	#menu > ul > li.select > a:not(.button) { color : #E9EDE2; font-weight : 700; }
	#menu > ul .fa-home-lg:before { color : #FFF; }

	#slider_accueil > ul > li { min-height : 520px; }
	.slider-hero .container { padding : 0 20px; }
	.slider-hero .slider-titre { font-size : 40px; }
	.slider-texte { font-size : 15px; }
	.slider-boutons { flex-direction : column; align-items : stretch; }
	.slider-boutons .bouton { text-align : center; }
}
@media screen and (max-width:860px)
{
	#slider_accueil .boutonsPagination { display : none; }
}


/* ===== Accueil : utilisation des noisettes ===== */
.rd-usages { position : relative; padding : 70px 0; background : var(--rd-creme); overflow : hidden; }
.rd-usages::after
{
	font-family : "Font Awesome 6 Pro";
	font-weight : 900;
	content : "\f06c";
	position : absolute;
	bottom : 10px;
	left : 3%;
	font-size : 120px;
	color : var(--rd-vert-clair);
	opacity : 0.10;
	transform : rotate(-20deg);
	pointer-events : none;
}
.rd-usages-grille { position : relative; display : grid; grid-template-columns : 1fr 2fr; gap : 40px; align-items : center; }
.rd-usages-intro h2 { text-align : left; padding-top : 0; }
.rd-usages-intro p { margin : 0 0 22px; line-height : 1.7; }
.rd-usages-liste { display : grid; grid-template-columns : repeat(2, 1fr); gap : 22px; margin : 0; padding : 0; list-style : none; }
.rd-usage-image
{
	height : 190px;
	margin-bottom : 12px;
	border-radius : 10px;
	background-size : cover;
	background-position : center;
	box-shadow : 0 8px 22px rgba(31,77,54,0.15);
	transition : transform 0.3s ease, box-shadow 0.3s ease;
}
.rd-usages-liste li:hover .rd-usage-image { transform : translateY(-4px); box-shadow : 0 14px 30px rgba(31,77,54,0.22); }
.rd-usages-liste h3 { margin : 0 0 6px; text-align : left; font-family : var(--rd-serif); font-size : 22px; }
.rd-usages-liste p { margin : 0; font-size : 13px; color : #666; }

@media screen and (max-width:860px)
{
	.rd-usages-grille { grid-template-columns : 1fr; }
	.rd-usages-liste { grid-template-columns : 1fr; }
}


/* ===== Accueil : notre sélection (produits) ===== */
.rd-selection { padding : 70px 0; background : var(--rd-sauge); text-align : center; }
.rd-selection-intro { max-width : 560px; margin : 0 auto 40px; color : #666; }
.rd-produits { display : grid; grid-template-columns : repeat(4, 1fr); gap : 22px; margin : 0; padding : 0; list-style : none; text-align : left; }
.rd-produits li
{
	display : flex;
	flex-direction : column;
	overflow : hidden;
	border-radius : 14px;
	background : #FFF;
	box-shadow : 0 10px 28px rgba(31,77,54,0.10);
	transition : transform 0.3s ease, box-shadow 0.3s ease;
}
.rd-produits li:hover { transform : translateY(-6px); box-shadow : 0 16px 36px rgba(31,77,54,0.18); }
.rd-produit-image { position : relative; height : 200px; background-size : cover; background-position : center; background-color : var(--rd-creme); }
.rd-produit-tag
{
	position : absolute;
	top : 12px;
	left : 12px;
	padding : 5px 12px;
	border-radius : 20px;
	font-size : 11px;
	font-weight : 700;
	color : #FFF;
	background : var(--rd-vert);
}
.rd-produit-contenu { display : flex; flex-direction : column; flex : 1; padding : 20px; }
.rd-produit-calibre { font-size : 11px; font-weight : 700; letter-spacing : 1.5px; color : #C48A4E; }
.rd-produits h3 { margin : 4px 0 8px; text-align : left; font-family : var(--rd-serif); font-size : 24px; }
.rd-produits p { margin : 0 0 18px; font-size : 13px; line-height : 1.6; color : #666; }
.rd-produit-contenu .bouton { margin-top : auto; align-self : flex-start; padding : 10px 22px; }

@media screen and (max-width:1000px) { .rd-produits { grid-template-columns : repeat(2, 1fr); } }
@media screen and (max-width:600px) { .rd-produits { grid-template-columns : 1fr; } }


/* ===== Pied de page façon maquette (marron, 3 colonnes) ===== */
#footer
{
	margin-top : 0;
	padding : 60px 0 30px;
	border-radius : 0;
	background : #2a1c16;
	color : #E8DCCB;
	text-align : left;
}
#footer::before { content : none; display : none; }
#footer .container { text-align : left; }
.footer-grille
{
	display : grid;
	grid-template-columns : 1.6fr 1fr 1fr;
	gap : 40px;
	padding-bottom : 40px;
	border-bottom : 1px solid rgba(232,220,203,0.18);
}
.footer-marque { display : block; text-align : left; margin : 0; }
.footer-marque::before, .footer-marque::after { content : none; display : none; }
.footer-marque img { height : 56px; padding : 6px 12px; border-radius : 8px; background : var(--rd-creme); filter : none; }
.footer-marque p { max-width : 380px; margin : 22px 0 0; font-size : 15px; line-height : 1.6; color : #F3E9DA; }
#footer h3 { margin : 0 0 18px; text-align : left; font-family : var(--rd-serif); font-size : 20px; color : #FFF; }
#footer .footer-colonne ul { margin : 0; padding : 0; list-style : none; }
#footer .footer-colonne li { display : flex; gap : 12px; margin : 0 0 12px; font-size : 14px; color : #E8DCCB; }
#footer .footer-colonne li i { margin-top : 3px; color : #C48A4E; }
#footer a { color : #E8DCCB; text-decoration : none; transition : color 0.2s ease; }
#footer a:hover { color : #FFF; }
.footer-bas
{
	display : flex;
	justify-content : space-between;
	align-items : center;
	gap : 20px;
	padding-top : 22px;
	font-size : 12px;
	color : rgba(232,220,203,0.7);
}
#footer #infos_site, #footer #infos_complementaires { float : none; opacity : 1; font-size : 12px; }
#infos_complementaires { display : flex; gap : 22px; flex-wrap : wrap; align-items : center; }
.footer-haut i { margin-left : 4px; }

@media screen and (max-width:860px)
{
	.footer-grille { grid-template-columns : 1fr; gap : 28px; }
	.footer-bas { flex-direction : column; align-items : flex-start; }
}

/* Barre basse du pied de page : annule le positionnement absolu hérité */
#footer #infos_complementaires { position : static; padding : 0; }
#footer #infos_site { padding : 0; }

/* ===== Vérification responsive : correctifs ===== */
@media screen and (max-width:860px)
{
	#slider_accueil .CJSlider-navigation-gauche,
	#slider_accueil .CJSlider-navigation-droite { display : none; }
	.footer-bas, #footer #infos_site, #infos_complementaires { text-align : left; }
	#infos_complementaires { gap : 8px 18px; }
}
@media screen and (max-width:1100px) and (min-width:861px)
{
	.slider-hero .slider-titre { font-size : 54px; }
	.rd-icones li { padding : 0 14px; }
	.rd-icones h3 { font-size : 19px; }
	.footer-grille { gap : 24px; }
}
@media screen and (max-width:860px)
{
	#page-savoir-plus .sp-hero { min-height : 340px; }
	#page-savoir-plus .sp-hero h1 { font-size : 38px; }
	#page-savoir-plus .sp-hero p { font-size : 21px; }
	#page-savoir-plus .sp-engagements li { padding : 0 0 14px; border-left : 0; flex-direction : row; align-items : center; }
	#page-savoir-plus .sp-intro h2,
	#page-savoir-plus .sp-decouvrez-contenu h2 { font-size : 32px; }
	#page-savoir-plus .sp-section { padding : 40px 0; }
}

/* Mobile : le pied de page ne doit pas hériter du centrage de app.css */
@media screen and (max-width:860px)
{
	#footer > div > div,
	#footer > div > div#infos_site,
	#footer > div > div#infos_complementaires { text-align : left; padding : 0; }
	#footer > div > div#infos_complementaires { display : flex; flex-wrap : wrap; gap : 8px 18px; }
	#footer > .footer-bas { gap : 10px; }
}
