#rinox.mvt { --sortie: cubic-bezier(.16, 1, .3, 1); --coulisse: cubic-bezier(.4, 0, .1, 1); --frappe: cubic-bezier(.2, 0, 0, 1); }
#rinox.mvt .reveal { transition: none; --course: 20px; --leve: .6s; }
#rinox.mvt .reveal:not(.est-visible) { transform: none; }
#rinox.mvt .carte.reveal, #rinox.mvt .rinox-metier.reveal { transition: transform var(--duree), box-shadow var(--duree); }
#rinox.mvt .rinox-ref.reveal { transition: transform var(--duree), box-shadow var(--duree), border-color var(--duree); }
#rinox.mvt .carte.reveal:active, #rinox.mvt .rinox-metier.reveal:active, #rinox.mvt .rinox-ref.reveal:active { transition-duration: .08s; }
#rinox.mvt[data-genre="travail"] .reveal { --course: 12px; --leve: .42s; }
#rinox.mvt .rinox-cas.reveal, #rinox.mvt .rinox-tableau.reveal, #rinox.mvt .rinox-visuel.reveal, #rinox.mvt .rinox-chiffres.reveal { --course: 12px; }
#rinox.mvt:not(.sans-reveal) .reveal.est-visible:not(.mvt-direct) { animation: mvt-leve var(--leve) var(--sortie) var(--retard, 0ms) backwards; }
@keyframes mvt-leve { from { opacity: 0; transform: translate3d(0, var(--course, 20px), 0); } }
@keyframes mvt-fondu { from { opacity: 0; } }
@keyframes mvt-efface { to { opacity: 0; } }
#rinox.mvt .rinox-tete .mono::before { content: ""; display: inline-block; position: relative; top: -1px; width: 28px; height: 2px; margin-right: 10px; vertical-align: middle; background: currentColor; transform-origin: 0 50%; }
#rinox.mvt:not(.sans-reveal) .rinox-tete.reveal.est-visible:not(.mvt-direct) { animation: none; }
#rinox.mvt:not(.sans-reveal) .rinox-tete.reveal.est-visible:not(.mvt-direct) > div > *,
#rinox.mvt:not(.sans-reveal) .rinox-tete.reveal.est-visible:not(.mvt-direct) > .btn { --course: 12px; animation: mvt-leve .5s var(--sortie) calc(var(--retard, 0ms) + var(--k, 0) * 60ms) backwards; }
#rinox.mvt:not(.sans-reveal) .rinox-tete.reveal.est-visible:not(.mvt-direct) > div > h2,
#rinox.mvt:not(.sans-reveal) .rinox-tete.reveal.est-visible:not(.mvt-direct) > div > h1 { animation: mvt-masque .75s var(--sortie) calc(var(--retard, 0ms) + 70ms) backwards; }
#rinox.mvt:not(.sans-reveal) .rinox-tete.reveal.est-visible:not(.mvt-direct) .mono::before { animation: mvt-trace-x .6s var(--coulisse) calc(var(--retard, 0ms) + 140ms) backwards; }
@keyframes mvt-trace-x { from { transform: scaleX(0); } }
#rinox.mvt .rinox-tete > div > :nth-child(2) { --k: 1; }
#rinox.mvt .rinox-tete > div > :nth-child(3) { --k: 2; }
#rinox.mvt .rinox-tete > .btn { --k: 3; }
#rinox.mvt:not(.sans-reveal) .rinox-famille.reveal.est-visible:not(.mvt-direct) .img img,
#rinox.mvt:not(.sans-reveal) .rinox-ref.reveal.est-visible:not(.mvt-direct) .img img { animation: mvt-recul .9s var(--sortie) var(--retard, 0ms) backwards; }
#rinox.mvt:not(.sans-reveal) .rinox-metier.reveal.est-visible:not(.mvt-direct) > img { animation: mvt-recul 1.1s var(--sortie) var(--retard, 0ms) backwards; }
@keyframes mvt-recul { from { transform: scale(1.1); } }
#rinox.mvt .rinox-ref .img { position: relative; }
#rinox.mvt .rinox-famille .badge { z-index: 2; }
#rinox.mvt .rinox-galerie .grande.est-plan::before { opacity: 0; }
#rinox.mvt .rinox-famille .img::before, #rinox.mvt a.rinox-ref .img::before, #rinox.mvt .rinox-metier::before, #rinox.mvt .rinox-galerie .grande::before {
  content: ""; position: absolute; top: -20%; bottom: -20%; left: -60%; right: -60%; z-index: 1; pointer-events: none;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 44%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 56%); transform: translate3d(-70%, 0, 0); }
#rinox.mvt .rinox-metier::before { background: linear-gradient(100deg, rgba(255, 255, 255, 0) 44%, rgba(255, 255, 255, .22) 50%, rgba(255, 255, 255, 0) 56%); }
#rinox.mvt:not(.sans-reveal) .rinox-famille.reveal.est-visible:not(.mvt-direct) .img::before,
#rinox.mvt:not(.sans-reveal) .rinox-ref.reveal.est-visible:not(.mvt-direct) .img::before,
#rinox.mvt:not(.sans-reveal) .rinox-metier.reveal.est-visible:not(.mvt-direct)::before,
#rinox.mvt:not(.sans-reveal) .rinox-galerie.reveal.est-visible:not(.mvt-direct) .grande::before { animation: mvt-lumiere 1.1s cubic-bezier(.45, .05, .25, 1) calc(var(--retard, 0ms) + 420ms) backwards; }
@keyframes mvt-lumiere { to { transform: translate3d(70%, 0, 0); } }
@media (hover: hover) {
  #rinox.mvt .rinox-famille:hover .img::before, #rinox.mvt a.rinox-ref:hover .img::before, #rinox.mvt .rinox-metier:hover::before { transform: translate3d(70%, 0, 0); transition: transform .9s cubic-bezier(.45, .05, .25, 1); }
  #rinox.mvt .btn:not(.ligne) { position: relative; overflow: hidden; }
  #rinox.mvt .btn:not(.ligne)::after { content: ""; position: absolute; top: -20%; bottom: -20%; left: -60%; right: -60%; pointer-events: none; background: linear-gradient(100deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, .34) 50%, rgba(255, 255, 255, 0) 55%); transform: translate3d(-70%, 0, 0); }
  #rinox.mvt .btn:not(.ligne):hover::after { transform: translate3d(70%, 0, 0); transition: transform .7s cubic-bezier(.45, .05, .25, 1); }
}
#rinox.mvt:not(.sans-reveal) .rinox-famille.reveal.est-visible:not(.mvt-direct) .badge,
#rinox.mvt:not(.sans-reveal) .rinox-fiche-texte.reveal.est-visible:not(.mvt-direct) .rinox-etiquettes .badge { animation: mvt-frappe .16s var(--frappe) calc(var(--retard, 0ms) + 320ms + var(--k, 0) * 70ms) backwards; }
#rinox.mvt .rinox-etiquettes .badge:nth-child(2) { --k: 1; }
#rinox.mvt .rinox-etiquettes .badge:nth-child(3) { --k: 2; }
#rinox.mvt .rinox-etiquettes .badge:nth-child(4) { --k: 3; }
@keyframes mvt-frappe { from { opacity: 0; transform: scale(1.22); } }
#rinox.mvt:not(.sans-reveal) .rinox-outil-carte.reveal:not(.mvt-direct) .ico .mvt-trait { stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0; }
#rinox.mvt:not(.sans-reveal) .rinox-outil-carte.reveal.est-visible:not(.mvt-direct) .ico .mvt-trait { stroke-dashoffset: 0; opacity: 1; transition: stroke-dashoffset .9s var(--coulisse) calc(var(--retard, 0ms) + 200ms), opacity .08s linear calc(var(--retard, 0ms) + 200ms); }
@media (hover: hover) {
  #rinox.mvt .rinox-famille .img::after { content: ""; position: absolute; left: 26%; right: 26%; bottom: 7%; height: 4%; border-radius: 50%; background: radial-gradient(closest-side, rgba(3, 43, 67, .28), rgba(3, 43, 67, 0)); opacity: 0; transform: scaleX(.6); transition: opacity .4s var(--sortie), transform .4s var(--sortie); pointer-events: none; }
  #rinox.mvt .rinox-famille .img img { transition: transform .5s var(--sortie); }
  #rinox.mvt .rinox-famille:hover .img img { transform: translate3d(0, -4%, 0) scale(1.05); }
  #rinox.mvt .rinox-famille:hover .img::after { opacity: 1; transform: none; }
}
#rinox.mvt .rinox-hero.mvt-ouverture .mono { animation: mvt-glisse .5s var(--sortie) backwards; }
#rinox.mvt .rinox-hero.mvt-ouverture h1 .mot { display: inline-block; animation: mvt-masque .7s var(--sortie) calc(60ms + var(--i, 0) * 80ms) backwards; }
#rinox.mvt .rinox-hero.mvt-ouverture h1 em { animation: mvt-balaye .6s var(--coulisse) .26s backwards; }
#rinox.mvt .rinox-hero.mvt-ouverture .accroche { --course: 12px; animation: mvt-leve .55s var(--sortie) .34s backwards; }
#rinox.mvt .rinox-hero.mvt-ouverture .actions .btn { --course: 12px; animation: mvt-leve .5s var(--sortie) .42s backwards; }
#rinox.mvt .rinox-hero.mvt-ouverture .actions .btn + .btn { animation-delay: .5s; }
@keyframes mvt-glisse { from { opacity: 0; transform: translate3d(-14px, 0, 0); } }
@keyframes mvt-masque { from { clip-path: inset(0 0 100% 0); transform: translate3d(0, 100%, 0); } to { clip-path: inset(-20% -10% -20% -10%); transform: none; } }
@keyframes mvt-balaye { from { clip-path: inset(-10% 100% -10% 0); } to { clip-path: inset(-10% -2% -10% 0); } }
#rinox.mvt .rinox-chiffres b { font-variant-numeric: tabular-nums; }
#rinox.mvt .rinox-chiffres b span, #rinox.mvt .rinox-chiffres b i { font: inherit; font-family: var(--titre) !important; margin: 0; letter-spacing: inherit; text-transform: none; color: inherit; }
#rinox.mvt .mvt-compteur { display: flex; }
#rinox.mvt .mvt-rouleau { display: block; height: 1em; overflow: hidden; }
#rinox.mvt .mvt-rouleau > span { display: block; transition: transform 1.25s cubic-bezier(.5, 0, .1, 1) calc(var(--i, 0) * 140ms); }
#rinox.mvt .mvt-rouleau i { display: block; height: 1em; line-height: 1; font-style: normal; }
#rinox.mvt .mvt-compteur.tourne .mvt-rouleau > span { transform: translate3d(0, calc(var(--d, 0) * -10%), 0); }
#rinox .mvt-lu { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@supports (animation-timeline: view()) {
  @media (min-width: 961px) {
    #rinox.mvt .rinox-hero { view-timeline-name: --rinox-heros; }
    #rinox.mvt .rinox-hero .cadre { animation: mvt-recule linear both; animation-timeline: --rinox-heros; animation-range: exit 22% exit 100%; }
    @keyframes mvt-recule { to { opacity: .12; translate: 0 56px; } }
  }
  #rinox.mvt .rinox-metier { view-timeline-name: --rinox-carte; }
  #rinox.mvt .rinox-metier > img { scale: 1.08; animation: mvt-derive linear both; animation-timeline: --rinox-carte; }
  #rinox.mvt:not(.sans-reveal) .rinox-metier.reveal.est-visible:not(.mvt-direct) > img { animation: mvt-recul 1.1s var(--sortie) var(--retard, 0ms) backwards, mvt-derive linear both; animation-timeline: auto, --rinox-carte; }
  @keyframes mvt-derive { from { translate: 0 -14px; } to { translate: 0 14px; } }
}
#rinox.mvt .rinox-vue { animation: mvt-fondu .22s linear both; }
#rinox.mvt.mvt-vt .rinox-vue { animation: none; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .2s; }
::view-transition-group(rinox-piece), ::view-transition-group(rinox-photo) { animation-duration: .32s; animation-timing-function: cubic-bezier(.4, 0, .1, 1); }
::view-transition-old(rinox-piece), ::view-transition-new(rinox-piece) { height: 100%; object-fit: contain; animation-duration: .32s; }
::view-transition-old(rinox-photo), ::view-transition-new(rinox-photo) { height: 100%; object-fit: cover; animation-duration: .32s; }
#rinox.mvt .rinox-nav { position: relative; }
#rinox.mvt .rinox-nav a.est-actif::after { transform: scaleX(0); }
#rinox .mvt-repere { display: none; }
#rinox.mvt .mvt-repere { display: block; position: absolute; left: 0; top: 0; width: 1px; height: 2px; background: var(--orange); transform-origin: 0 0; transition: transform .26s var(--coulisse), opacity .15s linear; pointer-events: none; }
#rinox.mvt .segments, #rinox.mvt .rinox-galerie .vignettes { position: relative; }
#rinox.mvt .rinox-bascule:not(.flottante) { position: relative; }
#rinox.mvt .segments.mvt-glisse::before, #rinox.mvt .rinox-bascule.mvt-glisse::before, #rinox.mvt .vignettes.mvt-glisse::before { content: ""; position: absolute; left: 0; top: 0; width: var(--g-w, 0); height: var(--g-h, 0); transform: translate3d(var(--g-x, 0), var(--g-y, 0), 0); border-radius: 9px; background: #fff; box-shadow: 0 1px 2px rgba(3, 43, 67, .12), 0 6px 14px -6px rgba(3, 43, 67, .35); transition: transform .16s var(--coulisse), width .16s var(--coulisse); pointer-events: none; }
#rinox.mvt .vignettes.mvt-glisse::before { z-index: 1; border-radius: 10px; background: none; box-shadow: inset 0 0 0 2px var(--orange); }
#rinox.mvt .mvt-fige::before { transition: none !important; }
#rinox.mvt .segments.mvt-glisse button, #rinox.mvt .rinox-bascule.mvt-glisse button { position: relative; z-index: 1; }
#rinox.mvt .segments.mvt-glisse button.est-choisi, #rinox.mvt .rinox-bascule.mvt-glisse button[aria-pressed="true"] { background: transparent; box-shadow: none; }
#rinox.mvt .vignettes.mvt-glisse button[aria-pressed="true"] { border-color: transparent; }
#rinox.mvt .rinox-total b, #rinox.mvt .rinox-recap .prix { font-variant-numeric: tabular-nums; }
#rinox.mvt .mvt-change { animation: mvt-bascule .2s var(--sortie) backwards; }
#rinox.mvt .mvt-change.mvt-baisse { animation-name: mvt-bascule-haut; }
#rinox.mvt .rinox-cartouche b.mvt-change { display: inline-block; }
@keyframes mvt-bascule { from { opacity: 0; transform: translate3d(0, 8px, 0); } }
@keyframes mvt-bascule-haut { from { opacity: 0; transform: translate3d(0, -8px, 0); } }
#rinox.mvt .rinox-verdict.mvt-change, #rinox.mvt .rinox-tableau.mvt-change { animation: mvt-fondu .18s linear backwards; }
#rinox.mvt .rinox-resultat { position: relative; }
#rinox.mvt .rinox-resultat.mvt-retrace::before { content: ""; position: absolute; left: 0; right: 0; top: -4px; height: 4px; border-radius: var(--rayon) var(--rayon) 0 0; background: #fff; transform: scaleX(0); transform-origin: 100% 50%; animation: mvt-decouvre .45s var(--coulisse) backwards; pointer-events: none; }
@keyframes mvt-decouvre { from { transform: scaleX(1); } }
#rinox.mvt .rinox-lignes div { position: relative; }
#rinox.mvt .rinox-lignes div.mvt-modif::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--orange); opacity: 0; transform-origin: 0 50%; animation: mvt-trait .9s var(--sortie) both; pointer-events: none; }
@keyframes mvt-trait { 0% { transform: scaleX(0); opacity: 1; } 45% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(1); opacity: 0; } }
#rinox.mvt .rinox-curseur .valeur.mvt-cran { animation: mvt-cran .4s var(--sortie); }
@keyframes mvt-cran { 0% { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(232, 101, 10, .5); } 100% { box-shadow: 0 0 0 8px rgba(232, 101, 10, 0); } }
#rinox.mvt .vignette-choix.mvt-office { animation: mvt-office .8s var(--sortie); }
@keyframes mvt-office { 0% { box-shadow: 0 0 0 1.5px var(--nuit), 0 0 0 8px rgba(232, 101, 10, .45); } 100% { box-shadow: 0 0 0 1.5px var(--nuit), 0 0 0 0 rgba(232, 101, 10, 0); } }
#rinox.mvt .rinox-recap .btn.mvt-signal { animation: mvt-signal 1s var(--sortie); }
@keyframes mvt-signal { 0% { box-shadow: 0 0 0 0 rgba(232, 101, 10, .85); border-color: var(--orange); } 100% { box-shadow: 0 0 0 10px rgba(232, 101, 10, 0); } }
#rinox.mvt .note.mvt-signale { animation: mvt-signale 1.6s var(--sortie); border-radius: 4px; }
@keyframes mvt-signale { 0%, 35% { background: var(--orange-pale); box-shadow: 0 0 0 6px var(--orange-pale); color: var(--nuit); } 100% { background: rgba(253, 238, 227, 0); box-shadow: 0 0 0 6px rgba(253, 238, 227, 0); } }
#rinox.mvt .rinox-recap { transition: transform .18s var(--coulisse), opacity .16s linear, visibility 0s linear 0s; }
#rinox.mvt .rinox-recap.mvt-range { transform: translate3d(0, 8px, 0); opacity: 0; visibility: hidden; transition: transform .18s var(--coulisse), opacity .16s linear, visibility 0s linear .18s; }
#rinox.mvt .rinox-visuel .photo img { transform-origin: 50% 0; animation: mvt-tension .35s var(--sortie) backwards; }
#rinox.mvt .rinox-visuel .photo.plan img { animation: mvt-fondu .2s linear backwards; }
@keyframes mvt-tension { from { opacity: 0; transform: translate3d(0, -8px, 0) scaleY(.98); } }
#rinox.mvt .rinox-embout, #rinox.mvt .rinox-montage { animation: mvt-fondu .2s linear backwards; }
#rinox.mvt .rinox-galerie .grande img { animation: none; }
#rinox.mvt .rinox-tete-page .visuel > img { grid-area: 1 / 1; }
#rinox.mvt .rinox-galerie .grande img.mvt-entre, #rinox.mvt .rinox-tete-page .visuel img.mvt-entre { animation: mvt-fondu .2s linear backwards; }
#rinox.mvt .rinox-galerie .grande img.mvt-sort, #rinox.mvt .rinox-tete-page .visuel img.mvt-sort { animation: mvt-efface .2s linear forwards; }
#rinox.mvt .rinox-visuel .legende { z-index: 2; }
#rinox.mvt .rinox-visuel.mvt-deroule::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background: #fff; transform: scaleY(0); transform-origin: 50% 100%; animation: mvt-volet .55s var(--coulisse) backwards; pointer-events: none; }
@keyframes mvt-volet { from { transform: scaleY(1); } }
#rinox.mvt .rinox-fabrication .posters a video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .2s linear; pointer-events: none; }
#rinox.mvt .rinox-fabrication .posters a video.est-pret { opacity: 1; }
#rinox.mvt .rinox-fabrication .posters a span { z-index: 1; }
@media (max-width: 960px) {
  #rinox.mvt .reveal { --course: 12px; --leve: .45s; }
}