
#fdlm-rideau{display:none}
.fdlm-rideau-actif,.fdlm-rideau-actif body{overflow:hidden !important;overscroll-behavior:none;touch-action:none}
.fdlm-rideau-actif #fdlm-rideau{display:block;position:fixed;inset:0;z-index:2147483647;font-family:"hoss-sharp","Trebuchet MS",Arial,sans-serif;color:#142451;text-align:center;animation:fdlm-rideau-secours .4s ease 18s forwards}
@keyframes fdlm-rideau-secours{to{opacity:0;visibility:hidden}}
#fdlm-rideau .r-toile{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background:#FDF0E3;font-size:18px;line-height:1.55;clip-path:inset(0px 0px 0px 0px);will-change:clip-path}
#fdlm-rideau .r-main{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;padding:127px 24px 0;overflow:visible}
#fdlm-rideau .r-logo{position:absolute;left:50%;top:40px;z-index:2;display:block;width:min(340px,78vw);height:auto;margin-left:calc(min(340px,78vw) / -2);transform-origin:0 0;will-change:transform}
#fdlm-rideau .r-titre{position:relative;margin:0 0 14px;font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.14;min-height:2.3em;width:min(900px,100%)}
#fdlm-rideau .r-titre .r-l{position:absolute;left:0;right:0;top:0}
#fdlm-rideau .r-titre .r-new{visibility:hidden}
#fdlm-rideau .r-titre em,#fdlm-rideau .r-titre .r-em{font-style:normal;color:#DA010C;font-family:"decoy",Georgia,"Times New Roman",serif}
#fdlm-rideau .r-m{display:inline-block;overflow:hidden;vertical-align:top;padding:.18em .06em .22em;margin:-.18em -.06em -.22em}
#fdlm-rideau .r-mot{display:inline-block;white-space:pre;will-change:transform}
#fdlm-rideau .r-desc{position:relative;width:min(620px,100%);min-height:3.2em;margin:0 0 24px;font-size:clamp(17px,1.4vw,20px);font-weight:500}
#fdlm-rideau .r-desc .r-d{position:absolute;left:0;right:0;top:0;margin:0}
#fdlm-rideau .r-desc .r-d-new{visibility:hidden}
#fdlm-rideau .r-scene{position:relative;display:flex;align-items:center;justify-content:center;margin-top:auto}
#fdlm-rideau .r-compte{position:absolute;left:calc(100% + 28px);top:50%;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:max-content;margin:-78px 0 0;opacity:0;text-align:left;font-weight:700;font-size:clamp(18px,1.6vw,22px)}
#fdlm-rideau .r-chiffre{position:relative;display:flex;align-items:center;justify-content:center;height:96px;margin-right:6px;overflow:hidden;background:#142451;color:#FDF0E3;font-family:"decoy",Georgia,serif;font-size:64px;line-height:1;box-shadow:6px 6px 0 #DA010C}
#fdlm-rideau .r-n{position:relative;display:block;will-change:transform}
#fdlm-rideau .r-barre{display:block}
#fdlm-rideau .r-barre span{display:block;width:100%;height:3px;background:rgba(20,36,81,.15)}
#fdlm-rideau .r-barre i{display:block;height:100%;background:#DA010C;transform:scaleX(0);transform-origin:0 50%}
#fdlm-rideau .fdlm-rideau-memee{display:block;width:auto;height:clamp(300px,46vh,520px);aspect-ratio:1;object-fit:contain;background:transparent 50% 50%/contain no-repeat;transform-origin:50% 100%;will-change:transform}
#fdlm-rideau .fdlm-rideau-memee.r-fond-blanc{mix-blend-mode:multiply}
#fdlm-rideau .r-pied{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 48px;padding:32px max(24px,calc((100% - 1100px)/2));background:#142451;color:#FDF0E3;will-change:transform}
#fdlm-rideau .r-pied h2{margin:0 0 6px;color:#F0B9F0;font-family:"decoy",Georgia,serif;font-size:20px;font-weight:700;line-height:1.25}
#fdlm-rideau .r-pied p{margin:0;font-size:17px}
#fdlm-rideau .r-tel{font-size:24px;font-weight:700;white-space:nowrap}
/* Mobile (04/11) : le bandeau des coordonnées reste entier à l'écran ; la Mémée prend la hauteur qui reste
   (elle poussait le bandeau sous le bas de l'écran). */
@media (max-width:760px){
	#fdlm-rideau .r-main{min-height:0;padding-top:104px}
	#fdlm-rideau .r-logo{top:32px}
	#fdlm-rideau .r-titre{min-height:3.5em;margin-bottom:14px;font-size:clamp(24px,7.4vw,30px)}
	#fdlm-rideau .r-desc{min-height:4.7em;margin-bottom:12px;font-size:clamp(15px,4.1vw,16px)}
	#fdlm-rideau .r-scene{flex:1 1 0;min-height:0;left:-50px;margin-top:0;align-items:flex-end}
	#fdlm-rideau .fdlm-rideau-memee{height:100%;max-height:300px;width:auto;max-width:62vw;object-position:50% 100%;background-position:50% 100%}
	#fdlm-rideau .r-compte{left:calc(100% + 4px);top:auto;bottom:calc(min(100%, 300px) / 2);gap:8px;margin:0 0 -54px;font-size:15px}
	#fdlm-rideau .r-chiffre{height:64px;margin-right:5px;font-size:44px;box-shadow:5px 5px 0 #DA010C}
	#fdlm-rideau .r-pied{flex:0 0 auto;grid-template-columns:minmax(0,1fr);gap:6px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));text-align:left}
	#fdlm-rideau .r-pied > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px}
	#fdlm-rideau .r-pied h2{margin:0;font-size:16px}
	#fdlm-rideau .r-pied p{font-size:15px}
	#fdlm-rideau .r-tel{font-size:18px}
}
@media (max-width:760px) and (max-height:600px){
	#fdlm-rideau .r-main{padding-top:92px}
	#fdlm-rideau .r-logo{top:24px}
	#fdlm-rideau .r-titre{font-size:24px}
}
/* Logo sur deux lignes du header mobile (ratio 3,13) : il se pose ensuite exactement sur celui du header. */
@media (max-width:767px){
	#fdlm-rideau .r-logo{top:22px;width:min(200px,54vw);margin-left:calc(min(200px,54vw) / -2)}
}
@media (max-width:767px) and (max-height:600px){
	#fdlm-rideau .r-logo{top:18px;width:min(170px,48vw);margin-left:calc(min(170px,48vw) / -2)}
}
