.salle-entretien{position:relative;min-height:540px;margin:1rem 0 1.35rem;overflow:hidden;border:6px double #302012;background:#171319;box-shadow:0 12px 25px rgba(28,16,8,.28)}
.salle-entretien-scene{display:block;width:100%;height:auto;min-height:540px;object-fit:cover}
.salle-entretien-question{position:absolute;z-index:5;top:8%;right:5%;width:min(38%,390px);padding:1rem 1.1rem;border:3px solid #291c14;border-radius:45% 48% 42% 46%;background:#fffdf2;color:#17120e;box-shadow:6px 7px 0 rgba(27,15,8,.28);font:700 1.04rem/1.42 Georgia,'Iowan Old Style',serif}
.salle-entretien-question::after{content:"";position:absolute;right:22%;bottom:-18px;width:28px;height:28px;border-right:3px solid #291c14;border-bottom:3px solid #291c14;background:#fffdf2;transform:rotate(45deg)}
.salle-entretien-question p{margin:0}
.comete-autre{position:relative;z-index:2;margin:.75rem 0 0;padding:.45rem .68rem;border:2px solid #174d88;background:#e7f0f8;color:#174d88;font-weight:850;cursor:pointer}
.comete-mobile{transform-box:fill-box;transform-origin:center;animation:cometeTraverse 12s ease-in-out infinite}
.queue-comete{animation:queueComete 1.2s ease-in-out infinite alternate}
.flamme-a{transform-box:fill-box;transform-origin:center bottom;animation:flammeA .72s ease-in-out infinite alternate}
.flamme-b{transform-box:fill-box;transform-origin:center bottom;animation:flammeB .91s ease-in-out infinite alternate}
.braise{animation:braise 1.35s ease-in-out infinite alternate}
.salle-entretien-note{position:absolute;z-index:4;left:4%;bottom:3%;max-width:54%;margin:0;padding:.45rem .7rem;border:1px solid rgba(244,222,169,.52);background:rgba(20,14,15,.78);color:#f5e6bd;font:.86rem/1.4 Georgia,serif;font-style:italic}
@keyframes cometeTraverse{0%,100%{transform:translate(-8px,8px) rotate(-7deg)}25%{transform:translate(38px,-26px) rotate(4deg)}52%{transform:translate(-20px,-52px) rotate(-4deg)}75%{transform:translate(-54px,-12px) rotate(7deg)}}
@keyframes queueComete{from{opacity:.48;transform:scaleX(.82)}to{opacity:.95;transform:scaleX(1.12)}}
@keyframes flammeA{from{transform:scale(.88,1.02) skewX(-3deg)}to{transform:scale(1.05,.88) skewX(4deg)}}
@keyframes flammeB{from{transform:scale(1.04,.9) skewX(4deg)}to{transform:scale(.9,1.08) skewX(-4deg)}}
@keyframes braise{from{opacity:.4}to{opacity:1}}
@media(max-width:760px){.salle-entretien{min-height:430px}.salle-entretien-scene{min-height:430px}.salle-entretien-question{top:4%;right:3%;width:56%;font-size:.92rem}.salle-entretien-note{max-width:72%;font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.comete-mobile,.queue-comete,.flamme-a,.flamme-b,.braise{animation:none}}