/* ═══════ B6douze — Parcours : feuille de départ, tirée de la maquette (2026-10-06) ═══════
   Couleurs Post-it = couleurs globales du kit Elementor. Les retouches se font dans
   Elementor → Paramètres du site → CSS personnalisé, sur les classes .b6p-…           */

:root{
  --b6p-encre:#141413; --b6p-fond:#FDFDFC; --b6p-texte:#3a3a34; --b6p-pale:#8a8a80;
  --b6p-filet:#dcdcd4; --b6p-cheveu:#e8e8e1; --b6p-nom:#B0BEC5; --b6p-fantome:#eef0f1;
  --b6p-sarcelle:var(--e-global-color-accent,#00C2CB);
  --b6p-jaune:var(--e-global-color-36eb366,#FFE500);
  --b6p-lime:var(--e-global-color-f09efb5,#ACDB0B);
  --b6p-magenta:var(--e-global-color-6508ba1,#FF3EC9);
  --b6p-script:"Swanky and Moo Moo",cursive;
}

/* Couleur du Post-it selon la nature */
.b6p-n-emploi{--b6p-pi:var(--b6p-sarcelle)}
.b6p-n-partenariat{--b6p-pi:var(--b6p-magenta)}
.b6p-n-benevolat{--b6p-pi:var(--b6p-jaune)}

.b6p{font-family:Raleway,sans-serif;color:var(--b6p-encre);font-size:15px;line-height:1.6}
.b6p a{color:var(--b6p-encre)}
.b6p-vide{font-weight:300;color:var(--b6p-pale)}
.b6p [hidden]{display:none!important}

/* Filtres */
.b6p-filtres{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.b6p-filtres button{font:inherit;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;background:transparent;border:1px solid var(--b6p-encre);border-radius:0;color:var(--b6p-encre);padding:7px 14px;cursor:pointer;line-height:1.4}
.b6p-filtres button:hover{background:transparent;color:var(--b6p-encre);box-shadow:inset 0 -3px 0 var(--b6p-jaune)}
.b6p-filtres button[aria-pressed="true"]{background:var(--b6p-encre);color:var(--b6p-fond);box-shadow:none}
.b6p-filtres button:focus-visible{outline:2px solid var(--b6p-sarcelle);outline-offset:3px}

/* Organisation */
.b6p-org{border-top:1px solid var(--b6p-encre);padding:30px 0 34px}
.b6p-org-tete{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 18px;align-items:start}
.b6p-org-nom{font-family:Raleway,sans-serif;font-size:27px;font-weight:600;letter-spacing:-.3px;margin:4px 0 0;line-height:1.2;color:var(--b6p-encre)}
.b6p-org-dates{font-size:12px;font-weight:500;letter-spacing:1.5px;color:var(--b6p-pale);text-transform:uppercase;white-space:nowrap;padding-top:12px}
.b6p-org-desc{grid-column:2/-1;font-size:15px;font-weight:300;line-height:1.65;color:var(--b6p-texte);margin:4px 0 0;max-width:640px}
@media (max-width:560px){.b6p-org-tete{grid-template-columns:auto minmax(0,1fr)}.b6p-org-dates{grid-column:2;padding-top:0}}

/* Post-it : même taille sur téléphone */
.b6p-postit{width:44px;height:44px;flex:none;display:grid;place-items:center;background:var(--b6p-pi,var(--b6p-sarcelle));color:var(--b6p-encre);font-weight:700;font-size:14px;letter-spacing:.5px;transform:rotate(-3deg);box-shadow:0 1px 0 rgba(20,20,19,.08),0 6px 10px -6px rgba(20,20,19,.35);overflow:hidden}
.b6p-org:nth-child(4n+2) .b6p-postit{transform:rotate(2deg)}
.b6p-org:nth-child(4n+3) .b6p-postit{transform:rotate(-1deg)}
.b6p-org:nth-child(4n+4) .b6p-postit{transform:rotate(3deg)}
.b6p-postit img{max-width:72%;max-height:72%;object-fit:contain}
.b6p-n-benevolat.b6p-postit img{filter:brightness(0) opacity(.85)} /* logo foncé sur le jaune (Implication) */
.b6p-postit-grand{width:78px;height:78px;font-size:24px}

/* Organisation où tous les rôles sont des implications : plus compacte */
.b6p-compacte{padding:18px 0 20px}
.b6p-compacte .b6p-postit{width:30px;height:30px;font-size:11px}
.b6p-compacte .b6p-org-nom{font-size:19px;font-weight:500;margin-top:2px}
.b6p-compacte .b6p-org-dates{padding-top:6px}
.b6p-compacte .b6p-roles{margin-top:12px}

/* Rôles */
.b6p-roles{margin:24px 0 0 22px;padding:0;list-style:none;border-left:1px solid var(--b6p-filet)}
.b6p-une-org .b6p-roles{margin:0 0 0 4px}
.b6p-role{position:relative;padding:0 0 22px 26px;margin:0}
.b6p-role:last-child{padding-bottom:4px}
.b6p-role:before{content:'';position:absolute;left:-4.5px;top:8px;width:8px;height:8px;background:var(--b6p-encre);border-radius:50%}
.b6p-role.b6p-n-benevolat:before{background:var(--b6p-fond);border:1.5px solid var(--b6p-encre)}
.b6p-role-t{font-family:Raleway,sans-serif;font-size:17px;font-weight:500;margin:0;line-height:1.35;color:var(--b6p-encre)}
.b6p-une-org .b6p-role-t{font-size:19px}
.b6p-role-meta{font-size:12px;font-weight:500;letter-spacing:.5px;color:var(--b6p-pale);text-transform:uppercase;margin:3px 0 0}
.b6p-tag{font-size:10.5px;letter-spacing:1.2px;border:1px solid var(--b6p-encre);color:var(--b6p-encre);padding:0 6px;line-height:17px;margin-left:6px;display:inline-block}
.b6p-role-d{font-size:14px;font-weight:300;line-height:1.65;color:var(--b6p-texte);margin:6px 0 0;max-width:640px}
.b6p-role-d p{margin:0 0 8px}

/* Sous un rôle : projets, témoignages, médias */
.b6p-role-sous{margin:12px 0 2px;padding:10px 0 0 16px;border-left:2px solid var(--b6p-cheveu)}
.b6p-sous{margin:18px 0 0 48px;padding:16px 0 0;border-top:1px dashed var(--b6p-filet)}
.b6p-sous-lbl{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--b6p-pale);margin:0 0 8px}
.b6p-projets{display:grid;gap:10px;margin:0 0 12px}
.b6p-projet{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;align-items:baseline;padding:12px 14px;background:#fff;border:1px solid var(--b6p-cheveu);text-decoration:none;color:var(--b6p-encre);background-image:none!important;margin:0!important}
a.b6p-projet:hover{border-color:var(--b6p-encre)}
.b6p-projet-t{font-weight:600;font-size:15px}
.b6p-projet-go{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap}
.b6p-projet-go:after{content:' →'}
.b6p-projet-m{grid-column:1/-1;font-size:12px;color:var(--b6p-pale);letter-spacing:.5px;text-transform:uppercase}
.b6p-projet-d{grid-column:1/-1;font-size:13.5px;font-weight:300;line-height:1.6;color:var(--b6p-texte)}
.b6p-temoignage{position:relative;margin:14px 0 4px;padding:16px 18px 14px 44px;background:#fff;border:1px solid var(--b6p-cheveu);max-width:600px}
.b6p-temoignage:before{content:'“';position:absolute;left:12px;top:-6px;font-family:var(--b6p-script);font-size:64px;color:var(--b6p-nom);line-height:1}
.b6p-temoignage p{margin:0;font-size:14px;font-weight:300;line-height:1.65;color:var(--b6p-texte)}
.b6p-temoignage cite{display:block;margin-top:8px;font-style:normal;font-size:11px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;color:var(--b6p-pale)}
.b6p-badges{display:flex;flex-wrap:wrap;gap:6px}
.b6p-badge{font-size:12px;font-weight:500;background:#f4f4ef;border:1px solid var(--b6p-cheveu);padding:3px 9px}
.b6p-presse{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.b6p-presse li{display:flex;gap:12px;font-size:14px}
.b6p-an{font-variant-numeric:tabular-nums;color:var(--b6p-pale);font-size:12px;letter-spacing:1px;min-width:34px;padding-top:2px}
.b6p-media{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--b6p-pale)}

/* ═══ Gabarits Projet et Organisation ═══ */
.b6p-surtitre .elementor-heading-title,.b6p-surtitre{font-size:13px!important;font-weight:600;letter-spacing:3px;text-transform:uppercase}
.b6p-fantome{position:absolute!important;right:0;top:-34px;pointer-events:none;user-select:none;z-index:0}
.b6p-fantome .elementor-heading-title,.b6p-fantome .b6p-plein{display:block;font-family:Raleway,sans-serif!important;font-weight:700!important;font-size:clamp(64px,12vw,150px)!important;line-height:.9!important;color:var(--b6p-fantome)!important;letter-spacing:-3px!important;white-space:nowrap}
.b6p-tete{position:relative}
.b6p-tete > .e-con-inner > *:not(.b6p-fantome),.b6p-tete > *:not(.b6p-fantome){position:relative;z-index:1}
.b6p-titre-section .elementor-heading-title{font-size:13px!important;font-weight:600!important;letter-spacing:3px!important;text-transform:uppercase!important;font-family:Raleway,sans-serif!important}
.b6p-ouverture{font-size:18px;font-weight:300;line-height:1.75;color:var(--b6p-texte)}

/* Le Post-it « Mon rôle » / « En une phrase » */
.b6p-note{background:var(--b6p-jaune);padding:18px 20px 20px;transform:rotate(1.5deg);box-shadow:0 1px 0 rgba(20,20,19,.06),0 14px 18px -12px rgba(20,20,19,.45);max-width:320px}
.b6p-note .b6p-val .elementor-heading-title{font-family:var(--b6p-script)!important;font-size:25px!important;font-weight:400!important;line-height:1.15!important;color:var(--b6p-encre)!important}
.b6p-note-lbl .elementor-heading-title{font-family:Raleway,sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important}

/* « En bref » : étiquette / valeur */
.b6p-bref{border-top:1px solid var(--b6p-encre)}
.b6p-bref-ligne{display:grid!important;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--b6p-cheveu)}
.b6p-bref-lbl .elementor-heading-title{font-family:Raleway,sans-serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:var(--b6p-pale)!important;padding-top:2px}
.b6p-bref-val,.b6p-bref-val .elementor-widget-container,.b6p-bref-val .elementor-heading-title{font-family:Raleway,sans-serif;font-size:14.5px;font-weight:500;color:var(--b6p-encre)}
.b6p-bref-val .b6p-plein > span{display:block;font-weight:300;color:var(--b6p-texte);font-size:13.5px}
.b6p-ext{font-size:.85em}

/* Équipe, documents, compteurs */
.b6p-equipe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 28px}
.b6p-equipe li{padding:12px 0;border-top:1px solid var(--b6p-cheveu)}
.b6p-equipe p{margin:0}
.b6p-qui{font-weight:600;font-size:15px}
.b6p-quoi{font-size:13.5px;font-weight:300;color:var(--b6p-texte);margin-top:2px!important}
.b6p-chez{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--b6p-pale);margin-top:3px!important}
.b6p-documents{list-style:none;margin:0;padding:0}
.b6p-documents li{padding:9px 0;border-top:1px solid var(--b6p-cheveu);font-size:14.5px;font-weight:500}
.b6p-compteurs{display:flex;flex-wrap:wrap;gap:6px 22px;margin:18px 0 0;font-size:13px;color:var(--b6p-pale);letter-spacing:.5px}
.b6p-compteurs b{font-family:var(--b6p-script);font-weight:400;font-size:26px;color:var(--b6p-nom);margin-right:5px;vertical-align:-3px}

/* Colonne de droite : éléments de boucle */
.b6p-cote-tete{border-top:1px solid var(--b6p-encre);padding-top:14px!important}
.b6p-cote-tete .elementor-heading-title{font-family:Raleway,sans-serif!important;font-size:23px!important;font-weight:400!important}
.b6p-item{padding:0 0 12px}
.e-loop-item + .e-loop-item .b6p-item,.b6p-item + .b6p-item{border-top:1px solid var(--b6p-cheveu);padding-top:11px}
.b6p-item-t,.b6p-item-t .elementor-widget-container{font-size:14.5px;font-weight:500;line-height:1.35;margin:0}
.b6p-item-m,.b6p-item-m .elementor-widget-container{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--b6p-pale);margin:2px 0 0}
.b6p-tout-voir .elementor-tab-title,.b6p-tout-voir .e-n-accordion-item-title{font-size:12px!important;font-weight:600!important;letter-spacing:1.5px!important;text-transform:uppercase!important;border:0!important;padding:10px 0 0!important;background:none!important}
.b6p-tout-voir .elementor-toggle-item,.b6p-tout-voir .elementor-tab-content{border:0!important;padding:8px 0 0!important}

/* Masquer si vide : un bloc (titre + contenu) disparaît quand son contenu est vide */
.b6p-si-vide:not(:has(.e-loop-item, .gallery-item, .e-gallery-item, .b6p-plein, .b6p-val .elementor-heading-title)){display:none!important}

/* Navigation projet précédent / suivant */
.b6p-pager{border-top:1px solid var(--b6p-encre);padding-top:18px}
.b6p-pager .post-navigation__prev--label,.b6p-pager .post-navigation__next--label{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--b6p-pale)}
.b6p-pager .post-navigation__prev--title,.b6p-pager .post-navigation__next--title{font-size:16px;font-weight:500;color:var(--b6p-encre)}

/* Grille des pages : gauche flexible, droite 340 px, 88 px entre les deux ; empilées sous 900 px */
.b6p-grille{display:grid!important;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(40px,6vw,88px);align-items:start}
.b6p-grille-tete{display:grid!important;grid-template-columns:minmax(0,1fr) 300px;gap:40px 64px;align-items:end}
@media (max-width:900px){.b6p-grille,.b6p-grille-tete{grid-template-columns:minmax(0,1fr)}}
.b6p-titre .elementor-heading-title{font-family:Raleway,sans-serif!important;font-weight:300!important;font-size:clamp(32px,4.6vw,52px)!important;line-height:1.1!important;letter-spacing:-.8px!important;color:var(--b6p-encre)!important;text-wrap:balance}
.b6p-titre-parcours .elementor-heading-title{font-size:clamp(26px,3.2vw,34px)!important;letter-spacing:-.3px!important}
.b6p-sous-titre{font-size:18px;font-weight:300;color:var(--b6p-texte)}
.b6p-tete-filet{border-bottom:1px solid var(--b6p-encre)}
.b6p-temoin{font-size:11px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;color:var(--b6p-pale)}
.b6p-item-t p,.b6p-item-m p{margin:0}

/* ═══ En-tête de la page Bio ═══ */
.b6p-bio-grille{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:48px 72px;align-items:center}
.b6p-bio-nom{margin:0;font-weight:400;line-height:1}
.b6p-bio-je{display:block;font-family:Raleway,sans-serif;font-size:clamp(20px,2.4vw,28px);color:var(--b6p-encre);letter-spacing:.5px}
.b6p-bio-script{display:block;font-family:var(--b6p-script);color:var(--b6p-nom);font-size:clamp(52px,5.6vw,88px);line-height:1;margin-top:8px;text-wrap:balance}
.b6p-bio-intro p{font-size:17px;font-weight:300;line-height:1.75;color:var(--b6p-texte);max-width:60ch;margin:0 0 14px}
.b6p-bio-actions{margin-top:6px}
.b6p-bio-photo-zone{position:relative}
.b6p-bio-photo img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:50% 20%}
.b6p-bio-postit-zone{position:absolute!important;left:-28px;bottom:40px;z-index:2;width:auto!important}
.b6p-bio-postit{margin:0;background:var(--b6p-sarcelle);color:var(--b6p-encre);font-family:var(--b6p-script);font-size:26px;line-height:1.05;padding:14px 18px 16px;transform:rotate(-3deg);box-shadow:0 1px 0 rgba(20,20,19,.08),0 14px 18px -12px rgba(20,20,19,.45)}
@media (max-width:900px){
  .b6p-bio-grille{grid-template-columns:minmax(0,1fr)}
  .b6p-bio-photo-zone{max-width:340px;margin:0 auto;width:100%}
  .b6p-bio-postit-zone{left:-8px;bottom:24px}
}

/* ═══ Couleur par nature sur la ligne latérale (2026-10-06) ═══
   Expériences (clé emploi) = turquoise, Partenariat = rose, Implication (clé benevolat) = jaune : ligne, point, étiquette, surbrillance des liens et filtres. */
.b6p-roles{border-left:0}
.b6p-role{border-left:3px solid var(--b6p-pi,var(--b6p-filet))}
.b6p-role:before,.b6p-role.b6p-n-benevolat:before{left:-6px;width:9px;height:9px;background:var(--b6p-pi);border:1.5px solid var(--b6p-encre);box-sizing:border-box}
.b6p-role:last-child{padding-bottom:22px}
.b6p-role-sous{border-left-color:var(--b6p-pi);border-left-style:dotted}
.b6p-tag{background:var(--b6p-pi);border-color:transparent}
.b6p-role a:not(.b6p-projet),.b6p-org-nom a{background-image:linear-gradient(var(--b6p-pi,var(--b6p-sarcelle)),var(--b6p-pi,var(--b6p-sarcelle)))!important;background-repeat:no-repeat!important;background-position:0 85%!important;background-size:100% .45em!important;text-decoration:none;padding:0 2px;margin:0!important;transition:background-size .25s ease}
.b6p-role a:not(.b6p-projet):hover,.b6p-org-nom a:hover{background-size:100% .95em!important;margin:0!important}
.b6p-org-tete{--b6p-pi:var(--b6p-org-pi)}
a.b6p-projet:hover{border-color:var(--b6p-pi)}
.b6p-projet-lien .b6p-projet-go{background-image:linear-gradient(var(--b6p-pi),var(--b6p-pi));background-repeat:no-repeat;background-position:0 85%;background-size:100% .45em}
.b6p-filtres [data-filtre=emploi]{--b6p-pi:var(--b6p-sarcelle)}
.b6p-filtres [data-filtre=partenariat]{--b6p-pi:var(--b6p-magenta)}
.b6p-filtres [data-filtre=benevolat]{--b6p-pi:var(--b6p-jaune)}
.b6p-filtres button[data-filtre]:not([data-filtre=tous]):hover{box-shadow:inset 0 -4px 0 var(--b6p-pi)}
.b6p-filtres button[data-filtre]:not([data-filtre=tous])[aria-pressed="true"]{background:var(--b6p-pi);color:var(--b6p-encre);border-color:var(--b6p-encre);box-shadow:none}
/* Les marges de titres du thème (Kadence) ne s'appliquent pas à la ligne du temps */
.b6p .b6p-org-nom{margin:4px 0 0!important}
.b6p .b6p-role-t{margin:0!important}
/* En-tête d'organisation sans Post-it : nom à gauche, dates à droite */
.b6p-org-tete{grid-template-columns:minmax(0,1fr) auto}
.b6p-org-tete .b6p-org-desc{grid-column:1/-1}
.b6p-org-tete .b6p-org-dates{padding-top:12px}
.b6p-roles{margin-left:4px}
.b6p-sous{margin-left:4px}
@media (max-width:560px){.b6p-org-tete{grid-template-columns:minmax(0,1fr)}.b6p-org-tete .b6p-org-dates{grid-column:1;padding-top:0}}