.diagnostic-arbre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:start;text-align:left}
.arbre-illus{position:relative;margin:0;border-radius:12px;overflow:hidden;background:var(--base,#F3F1ED)}
.arbre-illus img{display:block;width:100%;height:auto;margin:0}
.arbre-zone{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;
border:2px solid var(--base-3,#fff);background:rgba(75,89,67,.88);color:var(--base-3,#fff);cursor:pointer;padding:0;
display:grid;place-items:center;transition:transform .15s ease,background-color .2s ease,opacity .2s ease}
.arbre-zone::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent-3,#B7CE66)}
.arbre-zone .bulle{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;
background:var(--contrast,#192321);color:var(--base-3,#fff);font-size:14px;font-weight:600;line-height:1;padding:.45rem .7rem;border-radius:6px;
opacity:0;pointer-events:none;transition:opacity .15s ease}
.arbre-zone:focus-visible{outline:3px solid var(--accent-2,#8FB43A);outline-offset:3px}
.arbre-zone:focus-visible .bulle{opacity:1}
.arbre-zone:active{transform:translate(-50%,-50%) scale(.94)}
.arbre-zone.choisie{background:var(--accent-2,#8FB43A)}
.arbre-illus.a-choisi .arbre-zone:not(.choisie){opacity:.35}
@media (hover:hover){
.arbre-zone:hover{background:var(--accent,#4B5943)}
.arbre-zone:hover .bulle{opacity:1}
}
@media (prefers-reduced-motion:no-preference){
.arbre-illus:not(.a-choisi) .arbre-zone::after{content:"";position:absolute;inset:-2px;border-radius:50%;
border:2px solid var(--accent-3,#B7CE66);animation:oli-pouls 2.6s ease-out infinite}
@keyframes oli-pouls{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.6);opacity:0}100%{opacity:0}}
}
.etape{background:var(--base-3,#fff);border:1px solid rgba(25,35,33,.1);border-radius:12px;padding:2rem}
.parcours{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;padding:0;list-style:none;font-size:14px}
.parcours li{background:var(--base,#F3F1ED);border-radius:20px;padding:.2rem .7rem;margin:0}
.etape h3{color:var(--contrast,#192321);font-size:24px;line-height:1.3;margin:0 0 1.2rem}
.reponses{display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none}
.reponses li{margin:0}
.reponses button{width:100%;text-align:left;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;color:var(--contrast,#192321);
background:var(--base-2,#FAF9F7);border:1px solid rgba(25,35,33,.15);border-radius:8px;padding:.85rem 1rem;cursor:pointer;
transition:transform .1s ease,border-color .15s ease,background-color .15s ease}
.reponses button:active{transform:scale(.985)}
.reponses button:focus-visible{outline:3px solid var(--accent-2,#8FB43A);outline-offset:2px}
@media (hover:hover){.reponses button:hover{border-color:var(--accent,#4B5943);background:var(--base,#F3F1ED)}}
.etape-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}
.lien-discret{background:none;border:0;padding:0;font-family:inherit;font-size:15px;font-weight:600;color:var(--contrast-3,#63756f);text-decoration:underline;cursor:pointer}
.lien-discret:hover,.lien-discret:focus{background:none;color:var(--contrast,#192321)}
.conclusion .probable{font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent,#4B5943);margin:0 0 .2rem}
.conclusion .conclusion-titre{font-family:var(--gp-font--marcellus,serif);font-size:28px;color:var(--contrast,#192321);margin:0 0 .6rem;line-height:1.2}
.conclusion p{margin:0 0 1rem}
.conclusion .faire{border-left:3px solid var(--accent-2,#8FB43A);padding-left:1rem}
.conclusion .indice{font-size:15px;color:var(--contrast-3,#63756f)}
.conclusion-liens{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.conclusion-lien{display:inline-block;font-size:15px;font-weight:600;text-decoration:none;padding:.75rem 1.2rem;border-radius:2px;transition:transform .1s ease}
.conclusion-lien:active{transform:scale(.98)}
.conclusion-lien.plein{background:var(--accent,#4B5943);color:var(--base-3,#fff)}
.conclusion-lien.creux{border:1px solid var(--accent,#4B5943);color:var(--accent,#4B5943)}
.limite-outil{font-size:14px;color:var(--contrast-3,#63756f);margin-top:1.5rem}
.apparait{animation:oli-apparait .25s ease-out}
@keyframes oli-apparait{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.apparait{animation:oli-fondu .2s linear}@keyframes oli-fondu{from{opacity:0}to{opacity:1}}}
@media (max-width:900px){
.diagnostic-arbre{grid-template-columns:1fr;gap:1.5rem}
.arbre-illus{max-width:460px;margin:0 auto}
.etape{padding:1.5rem}
} .diag-accueil{background-color:var(--base,#F3F1ED)}
.diag-accueil-entete{text-align:center;max-width:46rem;margin:0 auto}
.diag-accueil-entete .gbp-section__text{margin-bottom:0}
.diag-accueil-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center;margin-top:2.5rem;text-align:left}
.diag-accueil-arbre{position:relative;margin:0;border-radius:12px;overflow:hidden;background:var(--base-2,#FAF9F7);width:100%;max-width:480px;justify-self:end}
.diag-accueil-arbre img{display:block;width:100%;height:auto;margin:0}
.diag-accueil-point{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
border:2px solid var(--base-3,#fff);background:rgba(75,89,67,.9);color:var(--base-3,#fff);font-size:15px;font-weight:700;line-height:1;text-decoration:none;
transition:transform .15s ease,background-color .2s ease}
.diag-accueil-question{font-family:var(--gp-font--marcellus,serif);font-size:24px;line-height:1.3;color:var(--contrast,#192321);margin:0 0 1rem}
.diag-accueil-reponses{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:0;padding:0;list-style:none}
.diag-accueil-reponses li{margin:0}
.diag-accueil-reponses a{display:flex;gap:.6rem;align-items:center;height:100%;min-height:56px;padding:.6rem .8rem;text-decoration:none;
font-size:15px;font-weight:700;line-height:1.3;color:var(--contrast,#192321);background:var(--base-3,#fff);
border:1px solid rgba(25,35,33,.15);border-radius:8px;transition:transform .1s ease,border-color .15s ease,background-color .15s ease}
.diag-accueil-reponses a span{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;
background:var(--accent,#4B5943);color:var(--base-3,#fff)}
.diag-accueil-reponses a:active{transform:scale(.985)}
.diag-accueil-reponses a:focus-visible{outline:3px solid var(--accent-2,#8FB43A);outline-offset:2px}
.diag-accueil-note{font-size:14px;color:var(--contrast-3,#63756f);margin:1rem 0 0}
.diag-accueil-note a{color:var(--accent,#4B5943);font-weight:700}
@media (hover:hover){
.diag-accueil-point:hover{background:var(--accent-2,#8FB43A);color:var(--contrast,#192321);transform:translate(-50%,-50%) scale(1.1)}
.diag-accueil-reponses a:hover{border-color:var(--accent,#4B5943);background:var(--base-2,#FAF9F7)}
}
@media (prefers-reduced-motion:no-preference){
.diag-accueil-point::after{content:"";position:absolute;inset:-2px;border-radius:50%;
border:2px solid var(--accent-3,#B7CE66);animation:oli-pouls 2.6s ease-out infinite}
}
@media (max-width:900px){
.diag-accueil-grille{grid-template-columns:1fr;gap:1.6rem}
.diag-accueil-arbre{max-width:460px;justify-self:center}
}
@media (max-width:360px){.diag-accueil-reponses{grid-template-columns:1fr}}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.crp_related.crp-grid{--crp-gap:1.25rem;--crp-border-radius:0.5rem;--crp-transition:0.2s ease;--crp-focus-color:#0073aa;--crp-hover-shadow:0 4px 12px rgba(0, 0, 0, 0.1);--crp-grid-column-min:150px;--crp-grid-card-min-height:230px;--crp-grid-thumb-aspect-ratio:1;--crp-grid-title-line-clamp:3;--crp-grid-title-line-height:1.2em;clear:both;margin:1.25rem auto;contain:layout}.crp_related.crp-grid figure,.crp_related.crp-grid h3{margin:0}.crp_related.crp-grid ul{display:grid;gap:var(--crp-gap);margin:0;padding:0;list-style:none;justify-items:stretch;grid-template-columns:repeat(auto-fill,minmax(var(--crp-grid-column-min),1fr))}.crp_related.crp-grid ul li{display:flex;flex-direction:column;text-align:left;word-break:break-word;container-type:inline-size;min-height:var(--crp-grid-card-min-height)}.crp_related.crp-grid ul li a.crp_link{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;padding:.5rem;border-radius:var(--crp-border-radius);text-decoration:none;transition:transform var(--crp-transition),box-shadow var(--crp-transition);will-change:transform}.crp_related.crp-grid ul li a.crp_link:hover{transform:translateY(-4px);box-shadow:var(--crp-hover-shadow)}.crp_related.crp-grid a:focus-visible{outline:2px solid var(--crp-focus-color);outline-offset:2px;border-radius:var(--crp-border-radius)}.crp_related.crp-grid .crp_thumb{display:block;margin:0 auto .75rem;width:100%}.crp_related.crp-grid ul li img{width:100%;height:auto;display:block;border-radius:calc(var(--crp-border-radius) * .75);object-fit:cover;object-position:center;aspect-ratio:var(--crp-grid-thumb-aspect-ratio)}.crp_related.crp-grid .crp_title{display:block;margin:.5rem 0;font-weight:600;line-height:var(--crp-grid-title-line-height);overflow:hidden;display:-webkit-box;line-clamp:var(--crp-grid-title-line-clamp);-webkit-line-clamp:var(--crp-grid-title-line-clamp);-webkit-box-orient:vertical;max-height:calc(var(--crp-grid-title-line-height) * var(--crp-grid-title-line-clamp))}.crp_author,.crp_date,.crp_excerpt{display:block;font-size:.875em;opacity:.8;margin-top:.25rem;line-height:1.4}.crp_clear{clear:both}@container (min-width:320px){.crp_related.crp-grid ul li a.crp_link{padding:clamp(.5rem,2cqi,1rem)}}@media (prefers-color-scheme:dark){.crp_related.crp-grid{--crp-focus-color:#4a9eff;--crp-hover-shadow:0 4px 12px rgba(255, 255, 255, 0.1)}}@media (prefers-reduced-motion:reduce){.crp_related.crp-grid ul li a.crp_link{will-change:auto}.crp_related.crp-grid ul li a.crp_link:hover{transform:none}}