:root{--blue:#153a58;--ink:#203449;--muted:#627384;--line:#dbe4e9;--paper:#f5f8fa;--accent:#d7edf1}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5}.wrap{width:min(1100px,calc(100% - 36px));margin:auto}.top{background:#fff;border-bottom:4px solid #b5d9e0}.top-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:21px;font-weight:800;color:var(--blue);text-decoration:none}.official{color:var(--blue);font-weight:600;text-decoration:none;font-size:14px}.eyebrow{color:#377d91;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin-top:52px}h1{font-size:clamp(30px,4vw,49px);line-height:1.14;margin:10px 0 18px;color:var(--blue)}h1 span{color:#4093a5}.intro{max-width:770px;font-size:18px;margin:0 0 36px}.panel{background:white;border:1px solid var(--line);border-radius:8px;padding:30px;box-shadow:0 8px 30px #1232  ;margin-bottom:70px}.panel h2{margin:0 0 22px;font-size:23px;color:var(--blue)}.form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.form .keyword{grid-column:span 3}.form label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.form input,.form select{width:100%;height:45px;padding:9px 12px;border:1px solid #b9c9d3;background:#fff;border-radius:4px;font:inherit;min-width:0}.submit{display:flex;align-items:end}.submit button{width:100%;height:45px;border:0;border-radius:4px;background:var(--blue);color:white;font-size:16px;font-weight:700;cursor:pointer}.submit button:hover{background:#245e7b}.hint{font-size:13px;color:var(--muted);margin:18px 0 0}.back{color:#246d81}.results-bar{display:flex;gap:15px;flex-wrap:wrap;align-items:baseline;border-bottom:2px solid var(--line);padding:20px 0;margin-top:18px}.results-bar span{color:var(--muted);font-size:13px}.event-list{margin:20px 0 70px}.event{display:grid;grid-template-columns:180px 1fr;gap:24px;background:white;border:1px solid var(--line);margin:12px 0;border-radius:7px;overflow:hidden;min-height:160px}.visual{background:#e3edf1;min-height:160px;display:flex;align-items:center;justify-content:center}.visual img{width:100%;height:100%;min-height:160px;max-height:210px;object-fit:cover}.no-image{font-weight:800;color:#467f8e;text-align:center;line-height:1.3}.visual.missing:after{content:'Médiation 2026';color:#467f8e;font-weight:bold}.event-body{padding:20px 20px 20px 0}.event-body .date{color:#2d778a;font-size:14px;font-weight:700}.event-body h2{font-size:21px;line-height:1.25;margin:9px 0}.event-body h2 a{color:var(--blue);text-decoration:none}.event-body h2 a:hover{text-decoration:underline}.tags{font-size:12px;color:var(--muted);margin:8px 0}.more{font-size:14px;font-weight:700;color:#26768a;text-decoration:none}.notice{background:#fff;padding:25px;border:1px solid var(--line);border-radius:6px;margin:30px 0 60px}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:13px}footer a{color:var(--blue)}@media(max-width:760px){.form{grid-template-columns:1fr 1fr}.form .keyword{grid-column:span 2}.panel{padding:20px}.event{grid-template-columns:115px 1fr;gap:14px}.event-body{padding:15px 12px 15px 0}.event-body h2{font-size:17px}.top-inner{align-items:flex-start;padding:18px 0;flex-direction:column;gap:5px}}@media(max-width:440px){.form{grid-template-columns:1fr}.form .keyword{grid-column:span 1}.event{grid-template-columns:1fr}.visual,.visual img{height:170px}.event-body{padding:0 16px 18px}}

/* v2: logos and four-language navigation */
.brand-logos{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.brand,.cfm-brand{display:flex;align-items:center;gap:10px}.brand img{max-width:75px;max-height:54px;width:auto;height:auto}.cfm-brand{color:var(--blue);font-size:13px;text-decoration:none;font-weight:700;border-left:1px solid var(--line);padding-left:20px}.cfm-brand img{max-width:105px;max-height:58px;width:auto;height:auto}.top-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.langs{display:flex;gap:4px}.langs a{display:inline-block;padding:7px 10px;border-radius:4px;background:#061247;color:white;text-decoration:none;font-size:13px;font-weight:700}.langs a.active{background:#d7fb74;color:#061247}.langs a:focus-visible,.langs a:hover{outline:2px solid #4b8ea6;outline-offset:2px}@media(max-width:850px){.top-inner{padding:14px 0;flex-wrap:wrap}.brand-logos{gap:12px}.top-actions{gap:12px}}

/* V3: logos fournis par le propriétaire des sites */
.brand img{max-width:72px;max-height:62px;object-fit:contain}
.cfm-brand{padding-left:20px}
.cfm-logo-background{background:#061247;padding:9px 13px;display:flex;align-items:center;border-radius:4px;min-height:62px}
.cfm-logo-background img{display:block;max-width:165px;max-height:48px;width:auto;height:auto}
@media(max-width:550px){.brand{font-size:17px}.cfm-logo-background img{max-width:135px}}

/* v4 : bandeau gris House of Mediations, page jaune pâle */
:root{--paper:#faf6dd;--ink:#27313a;--blue:#24394b;--muted:#62615a;--line:#e1dbc2;--accent:#f5edbc}
body{background:var(--paper)}
.top{background:#444444;border-bottom:0}
.top-inner{min-height:90px}
.brand,.brand span,.official{color:#fff}
.brand img{background:#fff;border-radius:3px;padding:3px;max-height:60px}
.cfm-brand{border-left:0;padding-left:0}
.cfm-logo-background{background:#fff;padding:10px 14px;border-radius:5px;min-height:65px}
/* Le SVG clair de la CFM reste lisible sur fond blanc grâce à un fond sombre limité au pictogramme. */
.cfm-logo-background img{filter:brightness(0) saturate(100%) invert(9%) sepia(31%) saturate(2242%) hue-rotate(193deg) brightness(90%) contrast(104%)}
.eyebrow,.date,.back,.more{color:#6d6843}
h1 span{color:#9e8d3d}
.panel,.event{background:#fffdf5;border-color:#e7dfbf}
.panel{box-shadow:0 8px 28px #5b4b2516}
.submit button{background:#454545}
.submit button:hover{background:#2c2c2c}
.results-bar{border-color:#e1d8af}
.price-info{font-size:13px;color:#655d43;margin:10px 0}
.price-note{padding:10px 14px;background:#fff8d9;border:1px solid #e8db9e;border-radius:5px;margin:14px 0;font-size:14px}
.price-tag{font-size:13px;font-weight:700;color:#605422;margin:6px 0}
.price-next{color:#2d4050;font-weight:700}
@media(max-width:850px){.top-inner{padding:14px 0}}

/* v6 : logo CFM à l'extrémité droite du bandeau */
.top-inner{display:flex;align-items:center;gap:24px}
.top-inner>.brand{flex:0 0 auto}
.top-inner>.top-actions{margin-left:auto;justify-content:flex-end}
.top-inner>.cfm-brand{flex:0 0 auto;margin-left:0}
@media(max-width:850px){.top-inner{flex-direction:row;align-items:center;flex-wrap:wrap}.top-inner>.top-actions{margin-left:auto}.top-inner>.cfm-brand{margin-left:auto}}
@media(max-width:550px){.top-inner>.top-actions{order:3;width:100%;justify-content:flex-start;margin-left:0}.top-inner>.cfm-brand{margin-left:auto}}