.m{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;container-type:inline-size;border-radius:5%;background:#fff;color:#1f2a24;box-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 18px rgba(0,0,0,.16);isolation:isolate}
.m::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(140deg,rgba(255,255,255,.34),rgba(255,255,255,0) 36%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.rond .m{width:91.3%;margin-inline:auto;border-radius:50%}.rond .m::after{box-shadow:inset 0 0 0 3px #b9bdc0,inset 0 0 0 4px rgba(0,0,0,.14)}
.m .mo,.m>i{position:absolute;inset:0;width:100%;height:100%;display:block}
.m .zone{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5cqw;padding:9cqw;text-align:center}
.rond .m .zone{padding:13cqw}
.m p{margin:0;color:inherit;font-size:inherit}
.m .n{font:400 10.5cqw/1.05 Parisienne,cursive}.m .d{font:500 5.4cqw/1.2 Figtree,sans-serif;letter-spacing:.02em}.m .x{font:500 5cqw/1.2 Figtree,sans-serif}.m .x:empty{display:none}
.md-eucalyptus{background:#fbf9f2;color:#3f5a44}
.md-aquarelle{background:radial-gradient(45% 40% at 30% 35%,#f5c9b3 0,rgba(245,201,179,0) 100%),radial-gradient(50% 45% at 72% 62%,#d3ddec 0,rgba(211,221,236,0) 100%),#fbf5f0;color:#a4762a}
.md-m-mme{background:radial-gradient(60% 30% at 50% 40%,#cfdccb 0,rgba(207,220,203,0) 100%),#f8f7f3;color:#4d6f5c}.md-m-mme .gros{font:400 14.5cqw/1 Parisienne,cursive;white-space:nowrap}.md-m-mme .n{font:500 6.4cqw/1.2 "Cormorant Garamond",serif;letter-spacing:.06em;text-transform:uppercase}
.md-arche{background:#b9623f;color:#7c3f25}.md-arche .arche{inset:10% 15% 0;width:70%;height:90%;background:#fbf3e7;border-radius:50% 50% 0 0/36% 36% 0 0}.md-arche .zone{padding-inline:20cqw;padding-top:18cqw}.md-arche .n{font-size:10.5cqw}
.md-initiales{background:#fff;color:#4a4542}.md-initiales .ini{font:400 21cqw/1 "Cormorant Garamond",serif;letter-spacing:.04em}.md-initiales .n{font:500 6cqw/1.2 "Cormorant Garamond",serif}
.md-noir{background:#111;color:#fff}.md-noir .filet{inset:8%;width:84%;height:84%;border:1px solid rgba(255,255,255,.75);border-radius:inherit}.md-noir .n{font:400 10cqw/1.1 "Cormorant Garamond",serif}
.md-retro{background:#fbf0d9;color:#5b3218}.md-retro .n{font:400 9cqw/1.05 "Abril Fatface",serif}.md-retro .zone{justify-content:flex-start;padding-top:19cqw}
.md-lavande{background:#f4f1f8;color:#5a4a86}.md-lavande .zone{justify-content:flex-start;padding-top:18cqw}
.md-marin{background:#17335c;color:#fff}.md-marin .n{font:400 10.5cqw/1.1 "Cormorant Garamond",serif}.md-marin .zone{padding-bottom:26cqw}
.md-tropical{background:#123a2b;color:#f7eeda}
.md-champetre{background:#d3b58c;color:#3f2b17}.md-champetre .n{font:600 11.5cqw/1.05 Caveat,cursive}
.md-confettis{background:#fffaf1;color:#20345c}.md-confettis .n{font:600 9.5cqw/1.1 "Josefin Sans",sans-serif;text-transform:uppercase}
.m .ph{background:var(--photo) center 42%/cover}.m .ph.gris{filter:grayscale(1) contrast(1.05)}.m .voile{background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,0) 45%)}
.md-photo,.md-nb{color:#fff}.md-photo .zone,.md-nb .zone{justify-content:flex-end;padding-bottom:9cqw;gap:0}.rond .md-photo .zone,.rond .md-nb .zone{padding-bottom:12cqw}.md-photo .n{font:500 6.6cqw/1.2 Figtree,sans-serif}.md-nb .n{font:400 9cqw/1.1 "Cormorant Garamond",serif}
.md-bandeau{background:#5f7a66;color:#fff}.md-bandeau .ph.haut{height:67%}.md-bandeau .zone{justify-content:flex-end;padding:0 13cqw 5cqw;gap:0}.rond .md-bandeau .zone{padding:0 15cqw 8cqw}.md-bandeau .n{font:400 8.5cqw/1.1 "Cormorant Garamond",serif}.md-bandeau:has(.x:not(:empty)) .ph.haut{height:58%}.md-arche-photo:has(.x:not(:empty)) .ph.arc{height:50%}.md-bandeau .d{font-size:4.8cqw}
.md-arche-photo{background:#dfe6dc;color:#2f4a3a}.md-arche-photo .ph.arc{inset:9% 21% 32%;width:58%;height:59%;border-radius:50% 50% 0 0/42% 42% 0 0}.md-arche-photo .zone{justify-content:flex-end;padding:0 13cqw 6cqw;gap:0}.md-arche-photo .n{font-size:9.5cqw}.md-arche-photo .d{font-size:4.8cqw}

:root{--photo:url(media/danse.jpg)}
.resume{background:var(--ivoire);border-left:3px solid var(--or);padding:16px 20px;margin:0 0 28px}.resume p{margin:0 0 6px;font-weight:600}.resume ul{margin:0;padding-left:20px}
.outil{background:var(--ivoire);border:1px solid var(--trait);border-radius:6px;padding:clamp(16px,3vw,26px);margin:18px 0 26px}
.outil-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center}.outil-c{display:grid;gap:12px}
.outil label{font-size:15px;font-weight:500;display:block}.outil input[type=text],.outil input[type=number],.outil select{width:100%;min-height:44px;margin-top:4px}
.outil .res{font-size:18px;font-weight:500;margin:14px 0 0}.outil .apercu{max-width:260px;margin:auto;width:100%}
.outil .acc{display:flex;gap:10px;align-items:center;font-weight:400}.outil .acc input{width:20px;height:20px;min-height:0;margin:0;flex:none}
.tabf{width:100%;border-collapse:collapse;margin:16px 0;font-size:16px}.tabf th,.tabf td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--trait)}
.pg-mag{max-width:340px;width:100%;margin:auto}
.mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(44%,170px),1fr));gap:22px;margin-top:18px}.mini a{display:block;color:inherit;text-decoration:none;font-size:15px}.mini .m{margin-bottom:10px}
.mod h3 a{color:inherit;text-decoration:none}.mod h3 a:hover{text-decoration:underline}
@media (max-width:640px){.outil-g{grid-template-columns:1fr}}