/* polices du site, servies localement */
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(assets/fonts/barlow-condensed-latin-ext-400.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url(assets/fonts/barlow-condensed-latin-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(assets/fonts/barlow-condensed-latin-ext-700.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(assets/fonts/barlow-condensed-latin-700.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Source Sans 3'; font-style: italic; font-weight: 400 800; font-display: swap; src: url(assets/fonts/source-sans-3-latin-ext-400-800-i.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Sans 3'; font-style: italic; font-weight: 400 800; font-display: swap; src: url(assets/fonts/source-sans-3-latin-400-800-i.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(assets/fonts/source-sans-3-latin-ext-400-800.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(assets/fonts/source-sans-3-latin-400-800.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root{
  --iul-bg:#1f2124;
  --iul-surface:#2a2d31;
  --iul-surface2:#34383d;
  --iul-text:#f2ede6;
  --iul-muted:#c4bcb1;
  --iul-accent:#d9904f;
  --iul-accent2:#8fb8b0;
  --iul-line:#4a4f55;
  --iul-display:"Barlow Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --iul-body:"Source Sans 3","Segoe UI",Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--iul-bg);color:var(--iul-text);font-family:var(--iul-body);font-size:1.0625rem;line-height:1.7;overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--iul-accent);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--iul-text)}
:focus-visible{outline:3px solid var(--iul-accent2);outline-offset:3px}
h1,h2,h3{font-family:var(--iul-display);font-weight:600;line-height:1.05;margin:0;letter-spacing:.01em}
p{margin:0 0 1.1em}

/* en-tête */
.iul-header{background:var(--iul-surface);border-bottom:2px solid var(--iul-accent)}
.iul-header-in{max-width:1200px;margin:0 auto;padding:.9rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 2rem}
.iul-brand{font-family:var(--iul-display);font-size:1.6rem;font-weight:700;color:var(--iul-text);text-decoration:none;letter-spacing:.03em}
.iul-brand span{color:var(--iul-accent)}
.iul-nav{display:flex;flex-wrap:wrap;gap:.2rem 1.5rem}
.iul-nav a{color:var(--iul-text);text-decoration:none;padding:.35rem 0;border-bottom:2px solid transparent}
.iul-nav a:hover{border-bottom-color:var(--iul-accent)}

/* premier écran */
.iul-hero{position:relative;max-width:1200px;margin:0 auto;padding:3rem 1.25rem 2rem}
.iul-hero-frame{width:78%;margin-left:auto;background:var(--iul-surface);clip-path:polygon(0 6%,94% 0,100% 88%,7% 100%);aspect-ratio:3/2}
.iul-hero-frame svg{width:100%;height:100%}
.iul-hero-title{position:relative;margin-top:-9rem;max-width:44rem;background:var(--iul-bg);border-left:6px solid var(--iul-accent);padding:1.5rem 1.5rem 1.5rem 1.75rem}
.iul-hero-title h1{font-size:clamp(2.3rem,6vw,4.4rem);text-transform:uppercase}
.iul-lead{max-width:40rem;margin:2rem 0 0 0;color:var(--iul-muted);font-size:1.2rem}
.iul-fact{display:inline-block;margin-top:1.2rem;padding:.5rem 1rem;background:var(--iul-surface);border-left:4px solid var(--iul-accent2);color:var(--iul-text)}

/* escalier */
.iul-main{padding-bottom:4rem}
.iul-step{max-width:1200px;margin:0 auto;padding:4rem 1.25rem 1rem}
.iul-step-body{max-width:44rem;background:var(--iul-surface);padding:2rem 2rem 1.2rem;border-top:4px solid var(--iul-accent)}
.iul-step:nth-of-type(odd) .iul-step-body{margin-right:auto}
.iul-step:nth-of-type(even) .iul-step-body{margin-left:auto;border-top-color:var(--iul-accent2)}
.iul-step h2{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:1rem;text-transform:uppercase}
.iul-step h3{font-size:1.5rem;margin:1.4rem 0 .5rem;color:var(--iul-accent)}
.iul-step ul{padding-left:1.2rem;margin:0 0 1.1em}
.iul-step li{margin-bottom:.4rem}

/* tableau */
.iul-table-wrap{overflow-x:auto;margin:1.2rem 0 1.5rem;border:1px solid var(--iul-line)}
.iul-table{width:100%;min-width:34rem;border-collapse:collapse;font-size:1rem}
.iul-table th,.iul-table td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--iul-line);vertical-align:top}
.iul-table th{font-family:var(--iul-display);font-size:1.15rem;letter-spacing:.04em;background:var(--iul-surface2);color:var(--iul-accent)}

/* encadré */
.iul-note{margin:1.4rem 0;padding:1rem 1.2rem;background:var(--iul-bg);border-left:5px solid var(--iul-accent)}
.iul-note p:last-child{margin-bottom:0}
.iul-ru{margin:1.4rem 0;padding:1rem 1.2rem;background:var(--iul-bg);border-left:5px solid var(--iul-accent2)}
.iul-ru p:last-child{margin-bottom:0}

/* figure */
.iul-figure{margin:1.5rem 0}
.iul-figure img{width:100%}
.iul-figure figcaption{color:var(--iul-muted);font-size:.95rem;padding-top:.5rem}

/* questions-réponses */
.iul-faq{max-width:1200px;margin:0 auto;padding:4rem 1.25rem 0}
.iul-faq-in{max-width:44rem;margin-left:auto;border-top:4px solid var(--iul-accent2);padding-top:1.5rem}
.iul-faq h2{font-size:clamp(1.9rem,4vw,2.8rem);text-transform:uppercase;margin-bottom:1.2rem}
.iul-faq-item{border-bottom:1px solid var(--iul-line);padding:1rem 0}
.iul-faq-item h3{font-size:1.45rem;color:var(--iul-accent);margin-bottom:.4rem}
.iul-faq-item p{margin:0}

/* boutons */
.iul-btn{display:inline-block;background:var(--iul-accent);color:#1f2124;padding:.7rem 1.4rem;text-decoration:none;font-weight:700}
.iul-btn:hover{background:var(--iul-text);color:#1f2124}

/* pied */
.iul-footer{background:var(--iul-surface);border-top:2px solid var(--iul-accent);margin-top:2rem}
.iul-footer-in{max-width:1200px;margin:0 auto;padding:1.8rem 1.25rem;display:flex;flex-wrap:wrap;gap:.6rem 2.5rem;align-items:baseline;justify-content:space-between}
.iul-footer p{margin:0;color:var(--iul-muted)}
.iul-footer a{color:var(--iul-text)}

@media (max-width:760px){
  .iul-hero{padding-top:1.5rem}
  .iul-hero-frame{width:100%}
  .iul-hero-title{margin-top:-4rem;margin-right:0;padding:1.1rem}
  .iul-step{padding-top:2.5rem}
  .iul-step-body{padding:1.4rem 1.1rem .8rem}
}
@media (min-width:1100px){
  .iul-step:nth-of-type(odd) .iul-step-body{margin-left:4rem}
  .iul-step:nth-of-type(even) .iul-step-body{margin-right:4rem}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* tiessaistes-kazino-sesija.html */
.iul-crumbs{margin:0 0 1.2rem;color:var(--iul-muted);font-size:.95rem}
.iul-crumbs a{color:var(--iul-accent)}
.iul-crumbs span{color:var(--iul-text)}