/* Accueil, refait à l'identique de la version Divi (décision de Fred, 18/10/2026).
   Mesures relevées sur la page d'origine à 1440 et 1024 px (JOURNAL 24/10/2026).
   Les espacements suivent les règles de Divi : sections 4 % et rangées 2 % de la largeur
   (54 et 27 px à partir de 1350 px), marges des blocs en pourcentage de la colonne
   (2,75 % en pleine largeur, 5,82 % dans une demi-colonne, 3,09 % dans une colonne intérieure).
   Écarts voulus (Fred, 24/10/2026) : boutons visiteur / apprenant selon la connexion ; images de
   l'étape 10 et de la FAQ, icônes de contact et fond de la FAQ rétablis (absents de l'original). */

.edl-accueil { font: 400 14px/1.7 'Open Sans', Arial, sans-serif; color: #666; }
.edl-accueil h1, .edl-accueil h2, .edl-accueil h3, .edl-accueil h4 { margin: 0; padding-bottom: 10px; color: #333; font-weight: 500; line-height: 1em; }
.edl-accueil p { margin: 0; padding-bottom: 1em; }
.edl-accueil p:last-of-type { padding-bottom: 0; }
.edl-accueil strong, .edl-accueil b { font-weight: 700; }
.edl-accueil ul { margin: 0; padding: 0 0 1em 1em; list-style: disc; line-height: 26px; }
.edl-accueil a { color: #2ea3f2; text-decoration: none; }
.edl-accueil img { display: block; margin: 0 auto; }

/* Visiteur ou apprenant connecté (avant : Login Register Modal, qui ne fonctionnait plus) */
body.logged-in .edl-si-visiteur, body:not(.logged-in) .edl-si-connecte { display: none !important; }

.edl-accueil > section { position: relative; padding: 4% 0; }
.edl-a-rangee { position: relative; width: 80%; max-width: 1080px; margin: 0 auto; padding: 2% 0; }
.edl-a-centre { text-align: center; }
@media (min-width: 1350px) {
	.edl-accueil > section { padding: 54px 0; }
	.edl-a-rangee { padding: 27px 0; }
}

/* Boutons */
.edl-a-bouton { display: inline-block; padding: 6px 20px; border: 2px solid #2ea3f2; border-radius: 3px; color: #2ea3f2; font-size: 20px; line-height: 1.7; transition: all .3s ease; }
.edl-a-bouton:hover { background: rgba(0, 0, 0, .05); border-color: transparent; }
.edl-accueil .edl-a-pilule { display: inline-block; border-radius: 100px; font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.7; letter-spacing: 2px; text-transform: uppercase; color: #fff; transition: all .3s ease; }
.edl-accueil .edl-a-pilule--marine { padding: 20px 24px; background: #2a3749; }
.edl-accueil .edl-a-pilule--violet { padding: 20px; border-radius: 50px; background: #8300e9; font-size: 16px; box-shadow: 0 12px 28px -10px rgba(0, 122, 255, .33); }
.edl-accueil .edl-a-pilule--bleue { padding: 20px 30px; background: #007aff; box-shadow: 0 12px 28px -10px rgba(0, 122, 255, .33); }
.edl-accueil .edl-a-pilule--douce { padding: 10px 20px; background: rgba(0, 122, 255, .12); color: #007aff; box-shadow: 0 0 0 -10px rgba(25, 114, 255, .4); }
.edl-accueil .edl-a-pilule--douce:hover { box-shadow: 0 10px 40px -10px rgba(25, 114, 255, .4); }
.edl-accueil .edl-a-pilule:hover { opacity: .9; }

/* Petit filet jaune (40 px épais, puis une ligne fine jusqu'à 120 px) */
.edl-a-filet { position: relative; width: 120px; height: 7px; box-shadow: inset 40px 0 0 0 #f9ce6e; }
.edl-a-filet::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; border-top: 1px solid #f9ce6e; }

/* Étiquettes jaunes ou bleues au-dessus des cartes */
.edl-accueil .edl-a-etiquette { margin-bottom: 5.82%; padding-top: 8px; border-top: 1px solid #f9ce6e; color: #ffc107; font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 700; line-height: 1em; letter-spacing: 1px; text-transform: uppercase; }
.edl-accueil .edl-a-carte--bleue .edl-a-etiquette { border-top-color: #007aff; color: #007aff; }
.edl-accueil .edl-a-etiquette--serree { margin-bottom: 6px; }

/* ---------- Bandeau du haut ---------- */
.edl-accueil > .edl-a-hero { background: #f8f9fa; }
.edl-a-hero__rangee { display: flex; gap: 5.5%; }
.edl-accueil .edl-a-hero__rangee { padding: 0; }
.edl-a-hero__texte, .edl-a-hero__image { flex: 0 0 47.25%; min-width: 0; }
.edl-a-hero__texte { padding-top: 50px; position: relative; z-index: 2; }
.edl-a-hero__titre, .edl-a-hero__boutons { padding: 5.82% 0; }
.edl-a-hero__titre .edl-a-filet { margin-bottom: 5.82%; }
.edl-accueil .edl-a-hero h1 { color: #333; font: 700 60px/1.1em 'Playfair Display', Georgia, 'Times New Roman', serif; }
.edl-a-hero__boutons { display: flex; gap: 11.64%; }
.edl-a-hero__boutons > div { flex: 1; min-width: 0; text-align: center; }
.edl-a-hero__intro { min-height: 314px; padding: 5.82% 0 15px; }
.edl-a-hero__chapo, .edl-a-hero__intro .edl-a-centre { margin-bottom: 3.09%; }
.edl-a-hero__intro .edl-a-centre:last-child { margin-bottom: 0; }
.edl-a-hero__chapo { font: 400 16px/1.8em 'PT Sans', Helvetica, Arial, sans-serif; }
.edl-a-hero__image { align-self: flex-start; padding: 6.04% 0; position: relative; z-index: 2; }
.edl-a-hero__fond { background: url(../../../../uploads/2020/10/character-15.png) center / contain no-repeat; }
.edl-accueil .edl-a-hero__fond img { max-height: 552px; width: auto; margin: 0; }
.edl-a-vague { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 200px; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0zMjAgMjhjMzIwIDAgMzIwIDg0IDY0MCA4NCAxNjAgMCAyNDAtMjEgMzIwLTQydjcwSDBWNzBjODAtMjEgMTYwLTQyIDMyMC00MnoiLz48L2c+PC9zdmc+") 0 0 / 83.333333% 200px repeat-x; pointer-events: none; }

/* ---------- Parcours en 10 étapes ---------- */
.edl-accueil > .edl-a-parcours { margin-bottom: -122px; background: #fff; }
.edl-accueil .edl-a-intro { overflow: hidden; padding: 100px 40px 30px; border-radius: 10px; background: #fff; }
.edl-accueil .edl-a-intro h2 { max-width: 700px; margin: 0 auto 2.75%; color: #333; font: 700 50px/1.3em 'Playfair Display', Georgia, 'Times New Roman', serif; text-align: center; }
.edl-a-intro .edl-a-centre { margin-bottom: 2.75%; }

/* Les cartes des étapes prennent toute la largeur jusqu'à 1080 px (pas 80 %) */
.edl-accueil .edl-a-etape { display: flex; gap: 5.5%; width: 100%; margin-bottom: 30px; padding: 2% 20px; background: rgba(30, 30, 30, .03); box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .3); }
@media (min-width: 1350px) { .edl-accueil .edl-a-etape { padding: 27px 20px; } }
.edl-accueil .edl-a-etape--sans-bas { padding-bottom: 0; }
.edl-a-etape__image, .edl-a-etape__texte { flex: 0 0 47.25%; min-width: 0; }
.edl-a-etape__titre { margin-top: 55px; margin-bottom: -2px; }
.edl-accueil .edl-a-etape__titre h2 { color: #333; font-size: 29px; font-weight: 400; text-align: center; }
.edl-a-etape--un .edl-a-etape__liste { padding-top: 45px; }
.edl-a-etape__bouton { margin-top: 5.82%; }
.edl-a-etape--modules .edl-a-etape__liste { padding-top: 5px; margin-left: -5px; }
/* Illustration des étapes 3 et 6 ramenée à la hauteur des autres (Fred, 24/10/2026 : trop grande) */
.edl-accueil .edl-a-etape--modules .edl-a-etape__image img { max-height: 360px; width: auto; }
.edl-a-etape--modules .edl-a-etape__image { align-self: center; }
.edl-accueil .edl-a-etape--sans-bas { padding-bottom: 2%; }
@media (min-width: 1350px) { .edl-accueil .edl-a-etape--sans-bas { padding-bottom: 27px; } }
.edl-a-etape--travail .edl-a-etape__titre { margin-top: 52px; margin-bottom: 16px; }
.edl-a-etape--presentiel .edl-a-etape__titre { margin-top: 52px; margin-bottom: 5.82%; }
.edl-a-etape--dix .edl-a-etape__liste { min-height: 36px; }
.edl-a-fin-etapes::after { content: ""; display: block; height: 69px; }

/* ---------- FAQ (cartes blanches) ---------- */
.edl-accueil > .edl-a-faq { background: #fff url(../../../../uploads/2020/10/img-02.png) center top no-repeat; }
.edl-a-cartes { display: flex; align-items: flex-start; gap: 5.5%; }
.edl-accueil .edl-a-cartes--derniere { min-height: 430px; margin-bottom: 13px; padding-bottom: 24px; }
.edl-a-carte { flex: 0 0 47.25%; min-width: 0; overflow: hidden; padding: 30px; border-radius: 10px; background: #fff; box-shadow: 0 2px 18px 0 rgba(12, 113, 195, .13); }
.edl-a-carte__texte { margin-bottom: 5.82%; font: 400 16px/1.8em 'PT Sans', Helvetica, Arial, sans-serif; }
.edl-a-carte__texte:last-child { margin-bottom: 0; }
.edl-accueil .edl-a-carte__texte--remonte, .edl-accueil .edl-a-carte__texte--remonte:last-child { margin-bottom: -61px; }
.edl-accueil .edl-a-carte h3 { color: #333; font: 700 28px/1.2em 'Playfair Display', Georgia, 'Times New Roman', serif; }
.edl-accueil .edl-a-carte--bleue h3 { color: #2a3749; }

/* ---------- À propos ---------- */
.edl-accueil .edl-a-propos { margin-top: 40px; padding-top: 30px; }
.edl-accueil .edl-a-propos h2 { margin-bottom: 2.75%; color: #2a3749; font: 700 50px/1.3em 'Playfair Display', Georgia, 'Times New Roman', serif; text-align: center; }
.edl-a-propos__vide { height: 5px; margin-bottom: 2.75%; }
.edl-a-propos__depuis .edl-a-filet { margin-bottom: 2.75%; }
.edl-accueil .edl-a-propos__depuis .edl-a-etiquette { margin: -38px 0 2.75% 130px; padding-top: 0; border: 0; }
.edl-accueil .edl-a-propos__texte { margin-bottom: 2.75%; font: 400 20px/1.8em 'PT Sans', Helvetica, Arial, sans-serif; }

/* ---------- Besoin d'aide ---------- */
.edl-accueil > .edl-a-aide { background: #fff url(../../../../uploads/2020/10/Tutoring-Service_Footer.png) center bottom / contain no-repeat; }
.edl-accueil .edl-a-aide__bulle { padding: 160px 100px 100px; background: url(../../../../uploads/2020/10/bac-01.png) center / contain no-repeat; }
.edl-a-aide__texte { max-width: 600px; margin: 0 auto 2.75%; color: #62748a; font: 400 16px/1.8em 'PT Sans', Helvetica, Arial, sans-serif; text-align: center; }
.edl-accueil .edl-a-aide__texte h2 { color: #2a3749; font: 700 50px/1.3em 'Playfair Display', Georgia, 'Times New Roman', serif; }
.edl-a-aide__bulle .edl-a-centre { margin-bottom: 40px; }
.edl-accueil .edl-a-contacts { display: flex; gap: 5.5%; max-width: 750px; padding: 0; }
.edl-a-contact { flex: 1; text-align: center; }
.edl-a-contact__icone { display: block; margin: 0 auto 30px; color: #aaa; }
.edl-a-contact > a { display: block; }
.edl-accueil .edl-a-contact h4, .edl-accueil .edl-a-contact h4 a { color: #2a3749; font: 700 16px/1.9em 'PT Sans', Helvetica, Arial, sans-serif; }

/* ---------- Tablette et téléphone (points de rupture de Divi) ---------- */
@media (max-width: 980px) {
	.edl-a-hero__rangee, .edl-accueil .edl-a-etape, .edl-a-cartes, .edl-accueil .edl-a-contacts { flex-direction: column; gap: 30px; }
	.edl-a-hero__texte { padding-top: 0; }
	.edl-accueil .edl-a-hero h1 { font-size: 40px; }
	.edl-accueil .edl-a-intro { padding-left: 30px; padding-right: 30px; }
	.edl-accueil .edl-a-intro h2, .edl-accueil .edl-a-propos h2, .edl-accueil .edl-a-aide__texte h2 { font-size: 32px; }
	.edl-accueil .edl-a-carte h3 { font-size: 24px; }
	.edl-accueil .edl-a-carte__texte--remonte, .edl-accueil .edl-a-carte__texte--remonte:last-child { margin-bottom: 0; }
	.edl-a-propos__depuis { display: none; }
	.edl-accueil .edl-a-aide__bulle { padding: 10px 40px; }
	.edl-a-etape__titre { margin-top: 0 !important; }
}
@media (max-width: 767px) {
	.edl-accueil .edl-a-hero h1 { font-size: 30px; }
	.edl-accueil .edl-a-intro { padding-left: 20px; padding-right: 20px; }
	.edl-accueil .edl-a-intro h2, .edl-accueil .edl-a-propos h2, .edl-accueil .edl-a-aide__texte h2 { font-size: 24px; }
	.edl-accueil .edl-a-carte h3 { font-size: 18px; }
	.edl-a-carte { padding-left: 20px; padding-right: 20px; }
	.edl-accueil .edl-a-aide__bulle { padding: 0; }
}