.elementor-11697 .elementor-element.elementor-element-3fd67ff{--display:flex;}.elementor-11697 .elementor-element.elementor-element-6bd427f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-117deb8 */.art{
--vert:#0f4f50;
--vert-clair:#edf7f4;
--vert-mid:#1b6d6e;
--orange:#e2b55b;
--orange-clair:#fff7e6;
--rouge:#c0392b;
--rouge-clair:#fdf0f0;
--gris:#f8f8f8;
--gris-bord:#e5e5e5;
--texte:#0f4f50;
--texte-sec:#667373;
--blanc:#ffffff;
--rayon:10px;
--ombre:0 2px 12px rgba(0,0,0,.08);
font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
font-size:17px;
line-height:1.75;
color:var(--texte);
max-width:800px;
margin:0 auto;
padding:0;
overflow-wrap:break-word;
}

.art *{
box-sizing:border-box;
}

.art p{
margin:0 0 16px;
}

.art strong{
color:var(--vert);
font-weight:700;
}

.art a{
color:var(--vert);
font-weight:600;
text-decoration:underline;
text-underline-offset:3px;
}

.art a:hover{
color:var(--vert-mid);
}

.art-header{
border-left:5px solid var(--vert);
padding-left:20px;
margin-bottom:28px;
}

.eyebrow{
display:inline-block;
font-size:12px;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--orange);
margin-bottom:10px;
}

.art-header h1{
font-size:clamp(1.65rem,4vw,2.2rem);
font-weight:800;
line-height:1.2;
color:var(--vert);
margin-bottom:12px;
}

.meta-row{
font-size:13px;
color:var(--texte-sec);
display:flex;
flex-wrap:wrap;
gap:14px;
}

.meta-row span::before{
content:"• ";
}

.meta-row span:first-child::before{
content:"";
}

.art h2{
font-size:1.4rem;
font-weight:800;
color:var(--vert);
margin:50px 0 16px;
padding-bottom:10px;
border-bottom:2px solid var(--vert-clair);
display:flex;
align-items:center;
gap:10px;
line-height:1.3;
}

.art h2 .ico{
color:var(--orange);
font-size:1.1rem;
}

.art h3{
font-size:1.05rem;
font-weight:700;
color:var(--vert);
margin:26px 0 10px;
}

.brief-box{
display:none;
}

.tldr{
background:var(--vert-clair);
border:1px solid rgba(15,79,80,.08);
border-left:5px solid var(--vert);
border-radius:0 var(--rayon) var(--rayon) 0;
padding:22px 24px;
margin:0;
}

.tldr-title{
font-weight:800;
font-size:13px;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--vert);
margin-bottom:12px;
}

.tldr ul{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:8px;
}

.tldr li{
padding-left:22px;
position:relative;
font-size:15px;
line-height:1.6;
}

.tldr li::before{
content:"✓";
position:absolute;
left:0;
color:var(--vert);
font-weight:800;
}

.stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
margin:24px 0;
}

.stat{
background:var(--gris);
border:1px solid var(--gris-bord);
border-radius:var(--rayon);
padding:16px 14px;
text-align:center;
box-shadow:0 2px 10px rgba(0,0,0,.04);
}

.stat-n{
font-size:1.8rem;
font-weight:800;
color:var(--vert);
line-height:1;
}

.stat-l{
font-size:12px;
color:var(--texte-sec);
margin-top:4px;
line-height:1.4;
}

.quiz{
background:var(--gris);
border:2px solid var(--vert);
border-radius:var(--rayon);
padding:28px;
margin:36px 0;
color:var(--texte);
position:relative;
overflow:hidden;
}

.quiz::before{
content:"🎾";
position:absolute;
right:20px;
top:16px;
font-size:3rem;
opacity:.08;
pointer-events:none;
}

.quiz-title{
display:inline-block;
background:var(--vert);
color:#fff;
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
padding:5px 10px;
border-radius:4px;
margin:0 0 12px;
line-height:1.35;
}

.quiz-sub{
font-size:14px;
color:var(--texte-sec);
margin-bottom:20px;
}

.qprog{
display:flex;
gap:5px;
margin-bottom:20px;
}

.qdot{
height:4px;
width:28px;
border-radius:2px;
background:var(--gris-bord);
}

.qdot.done{
background:var(--vert);
}

.qdot.active{
background:var(--vert-mid);
}

.qstep{
display:none;
}

.qstep.active{
display:block;
}

.qq{
font-size:17px;
font-weight:700;
margin-bottom:14px;
line-height:1.45;
color:var(--vert);
}

.qopts{
display:flex;
flex-direction:column;
gap:8px;
}

.qopt{
display:block;
width:100%;
background:#fff;
border:1.5px solid var(--gris-bord);
border-radius:8px;
padding:12px 16px;
font-size:15px;
font-weight:600;
color:var(--texte);
cursor:pointer;
text-align:left;
line-height:1.45;
font-family:inherit;
white-space:normal;
word-break:normal;
overflow-wrap:break-word;
}

.qopt:hover{
background:var(--vert-clair);
border-color:var(--vert-mid);
}

.qopt.selected{
background:var(--vert-clair);
border-color:var(--vert);
}

.qnav{
display:flex;
justify-content:flex-end;
margin-top:16px;
}

.qnext,
.qres-cta{
background:var(--vert);
color:white;
border:none;
font-family:inherit;
font-size:14px;
font-weight:700;
padding:10px 22px;
border-radius:8px;
cursor:pointer;
text-decoration:none;
}

.qnext:hover,
.qres-cta:hover{
background:var(--vert-mid);
color:white;
}

.qnext{
display:none;
}

.qnext.vis{
display:block;
}

.qres{
display:none;
}

.qres.active{
display:block;
}

.qres-box{
background:#fff;
border:1px solid var(--gris-bord);
border-left:4px solid var(--vert);
border-radius:10px;
padding:22px 24px;
box-shadow:0 2px 12px rgba(0,0,0,.08);
margin-top:18px;
max-width:100%;
}

.sym-cards,
.pro-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin:20px 0;
}

.sym-card,
.pro-card{
background:#fff;
border:1px solid var(--gris-bord);
border-top:4px solid var(--vert);
border-radius:var(--rayon);
padding:16px;
box-shadow:0 2px 10px rgba(0,0,0,.04);
}

.sym-card h4,
.pro-card h4{
font-size:14px;
font-weight:700;
color:var(--vert);
margin:0 0 8px;
}

.sym-card p,
.pro-card p{
font-size:14px;
margin:0;
line-height:1.55;
}

.test-card{
border:1px solid var(--gris-bord);
border-radius:var(--rayon);
overflow:hidden;
margin:16px 0;
background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,.04);
}

.test-header{
background:var(--vert);
color:white;
padding:12px 18px;
font-weight:700;
font-size:15px;
display:flex;
align-items:center;
gap:10px;
}

.test-num{
background:white;
color:var(--vert);
border-radius:50%;
width:24px;
height:24px;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:13px;
flex-shrink:0;
}

.test-body{
padding:16px 18px;
display:flex;
flex-direction:column;
gap:10px;
}

.test-row{
display:flex;
gap:8px;
font-size:15px;
}

.test-label{
font-weight:700;
color:var(--vert);
min-width:110px;
flex-shrink:0;
}

.test-pos{
background:var(--vert-clair);
border-left:3px solid var(--vert);
border-radius:0 6px 6px 0;
padding:8px 12px;
font-size:14px;
color:var(--vert);
margin-top:4px;
}

.alert{
background:var(--rouge-clair);
border:1.5px solid #e0a0a0;
border-left:5px solid var(--rouge);
border-radius:var(--rayon);
padding:20px 22px;
margin:24px 0;
}

.alert-title{
font-weight:800;
font-size:14px;
color:var(--rouge);
margin-bottom:10px;
display:flex;
align-items:center;
gap:8px;
}

.alert ul{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:7px;
}

.alert li{
padding-left:20px;
position:relative;
font-size:14px;
}

.alert li::before{
content:"⚠️";
position:absolute;
left:0;
font-size:11px;
top:3px;
}

.video-wrap,
.img-brief{
background:var(--gris);
border:1px dashed var(--gris-bord);
border-left:4px solid var(--orange);
border-radius:var(--rayon);
padding:18px 20px;
margin:20px 0;
color:var(--texte);
display:flex;
gap:14px;
align-items:flex-start;
}

.video-wrap .vico,
.img-brief .ico{
font-size:1.5rem;
flex-shrink:0;
}

.video-wrap h4,
.img-brief h4{
font-size:13px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.08em;
margin:0 0 4px;
color:var(--texte-sec);
}

.video-wrap p,
.img-brief p{
font-size:13px;
margin:0;
color:var(--texte);
line-height:1.55;
}

.vtag,
.img-tag{
display:inline-block;
background:var(--orange-clair);
color:var(--vert);
font-size:11px;
font-weight:700;
padding:2px 8px;
border-radius:20px;
margin-bottom:6px;
}

.video-cta{
display:inline-block;
background:var(--vert);
color:white;
font-size:13px;
font-weight:600;
padding:7px 14px;
border-radius:6px;
text-decoration:none;
margin-top:10px;
}

.video-cta:hover{
background:var(--vert-mid);
color:white;
}

.proto{
border-radius:var(--rayon);
margin:16px 0;
overflow:hidden;
}

.proto-step{
display:flex;
gap:14px;
align-items:flex-start;
padding:16px;
border-bottom:1px solid var(--gris-bord);
background:var(--gris);
}

.proto-step:last-child{
border-bottom:none;
}

.proto-num{
width:32px;
height:32px;
border-radius:50%;
background:var(--vert);
color:white;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:14px;
flex-shrink:0;
margin-top:2px;
}

.proto-content h4{
font-size:15px;
font-weight:700;
color:var(--vert);
margin:0 0 4px;
}

.proto-content p{
font-size:14px;
margin:0;
line-height:1.55;
}

.ptag{
display:inline-block;
background:var(--orange-clair);
color:var(--vert);
font-size:11px;
font-weight:700;
padding:1px 7px;
border-radius:20px;
margin-left:6px;
}

.table-wrap{
overflow-x:auto;
margin:20px 0;
border-radius:var(--rayon);
box-shadow:var(--ombre);
}

table{
width:100%;
border-collapse:collapse;
font-size:14px;
min-width:520px;
}

thead{
background:var(--vert);
color:white;
}

thead th{
padding:12px 14px;
text-align:left;
font-weight:700;
font-size:13px;
}

tbody tr:nth-child(even){
background:var(--gris);
}

tbody td{
padding:10px 14px;
vertical-align:top;
line-height:1.5;
border-bottom:1px solid var(--gris-bord);
}

tbody td:first-child{
font-weight:600;
color:var(--vert);
}

.badge-good,
.badge-mid,
.badge-bad{
display:inline-block;
background:var(--vert-clair);
color:var(--vert);
font-size:12px;
font-weight:700;
padding:1px 7px;
border-radius:20px;
}

.badge-bad{
background:var(--rouge-clair);
color:var(--rouge);
}

.badge-mid{
background:var(--orange-clair);
color:#9a6a00;
}

.bignum{
font-size:2rem;
font-weight:800;
color:var(--vert);
line-height:1;
margin-bottom:4px;
}

.maillage,
.sources{
background:var(--gris);
border:1px solid var(--gris-bord);
border-radius:var(--rayon);
padding:20px 22px;
margin:36px 0 0 0;
}

.maillage h3,
.sources h3{
margin:0 0 14px;
font-size:13px;
text-transform:uppercase;
letter-spacing:.08em;
color:var(--texte-sec);
}

.m-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(195px,1fr));
gap:10px;
}

.mlink{
display:flex;
align-items:flex-start;
gap:8px;
padding:10px 12px;
background:white;
border:1px solid var(--gris-bord);
border-radius:8px;
text-decoration:none;
color:var(--texte);
font-size:13px;
}

.mlink:hover{
border-color:var(--vert);
background:var(--vert-clair);
color:var(--vert);
}

.mlink .ml{
font-weight:700;
display:block;
margin-bottom:2px;
line-height:1.3;
color:var(--vert);
}

.mlink .ms{
font-size:11px;
color:var(--texte-sec);
}

.faq-item{
border:1px solid var(--gris-bord);
border-radius:8px;
margin-bottom:10px;
overflow:hidden;
background:#fff;
}

.faq-q{
background:var(--gris);
border:none;
width:100%;
text-align:left;
padding:16px 20px;
font-size:15px;
font-weight:600;
color:var(--texte);
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
font-family:inherit;
line-height:1.4;
}

.faq-q:hover,
.faq-q[aria-expanded="true"]{
background:var(--vert-clair);
color:var(--vert);
}

.faq-chev{
flex-shrink:0;
font-size:18px;
transition:transform .2s;
}

.faq-q[aria-expanded="true"] .faq-chev{
transform:rotate(180deg);
}

.faq-a{
display:none;
padding:14px 20px 16px;
font-size:15px;
line-height:1.7;
border-top:1px solid var(--gris-bord);
}

.faq-a.open{
display:block;
}

.sources ul{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:5px;
}

.sources li{
font-size:13px;
padding-left:16px;
position:relative;
}

.sources li::before{
content:"→";
position:absolute;
left:0;
color:var(--vert);
font-weight:700;
}

.sources a{
color:var(--vert);
text-decoration:none;
}

.sources a:hover{
text-decoration:underline;
}

@media(max-width:600px){
.art{
font-size:16px;
}

.stats{
grid-template-columns:1fr 1fr;
}

.sym-cards,
.pro-grid,
.m-grid{
grid-template-columns:1fr;
}

.quiz{
padding:22px 16px!important;
}

.qdot{
flex:1;
width:auto;
}

.qopt{
display:block!important;
width:100%!important;
white-space:normal!important;
word-break:normal!important;
overflow-wrap:break-word!important;
}

.test-row{
flex-direction:column;
gap:2px;
}

.test-label{
min-width:unset;
}

.video-wrap,
.img-brief,
.proto-step{
flex-direction:column;
}

.art h2{
font-size:1.25rem;
}
}
.jmrs-summary{
background:#edf7f4;
border:1px solid #d7ece7;
border-left:4px solid #0f4f50;
border-radius:10px;
padding:20px 22px;
margin:30px 0;
}

.jmrs-summary-title{
font-size:14px;
font-weight:700;
color:#0f4f50;
margin-bottom:10px;
}

.jmrs-summary p{
margin:0 0 14px;
font-size:14px;
line-height:1.6;
color:#355656;
}

.jmrs-summary-links{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-bottom:12px;
}

.jmrs-summary-links a{
background:#ffffff;
border:1px solid #d7ece7;
border-radius:6px;
padding:7px 12px;
font-size:13px;
font-weight:600;
text-decoration:none;
color:#0f4f50;
}

.jmrs-summary-links a:hover{
background:#0f4f50;
color:#fff;
}

.jmrs-summary-url{
font-size:12px;
color:#667373;
word-break:break-all;
}
.jmrs-summary{
text-align:center;
}

.jmrs-summary-links{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:8px;
}
.qres-cta{
display:inline-block!important;
background:var(--vert)!important;
color:#fff!important;
padding:12px 18px!important;
border-radius:8px!important;
text-decoration:none!important;
font-weight:700!important;
line-height:1.4!important;
min-width:220px;
text-align:center;
}

.qreset{
margin-top:20px!important;
padding:12px 24px!important;
background:var(--vert)!important;
color:#fff!important;
border-radius:999px!important;
text-decoration:none!important;
font-weight:700!important;
display:inline-block!important;
}
@media(max-width:600px){

.quiz{
padding:16px 12px!important;
}

.qopts{
gap:8px!important;
}

.qopt{
padding:10px 12px!important;
font-size:14px!important;
line-height:1.35!important;
border-radius:14px!important;
min-height:auto!important;
}

.qq{
font-size:16px!important;
line-height:1.4!important;
margin-bottom:12px!important;
}

.qprog{
margin-bottom:14px!important;
}

.qres-box{
padding:16px!important;
}

.qres-title{
font-size:18px!important;
line-height:1.35!important;
}

.qres-text{
font-size:14px!important;
}

.qres-cta{
width:100%!important;
min-width:0!important;
}

.qreset{
width:100%!important;
text-align:center!important;
}

}/* End custom CSS */