@charset "UTF-8";
/* ===== FORMATIONS : PAGE ET ALIGNEMENT ===== */
.novi-formations-page{padding-bottom:35px;min-width:0;background:#fff}
.novi-formations-page .container-home,.novi-formations-page .row,.novi-formations-page .col-12{min-width:0}
.novi-formations-alignement{position:relative;width:100%;min-width:0;box-sizing:border-box}
.novi-formations-entete{margin:12px 0 20px}
.novi-formations-entete h1{margin:0 0 6px;font-size:27px;font-weight:700;color:#142745}
.novi-formations-entete p{margin:0;color:#47566b;font-size:14px}
/* ===== BOUTONS DE TRI ===== */
.novi-formations-tris{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 24px}
.novi-formations-tri-btn{background:#fff;border:1px solid #d5dee9;border-radius:6px;padding:8px 14px;color:#253951;font-size:13px;cursor:pointer}
.novi-formations-tri-btn.is-active{border-color:#1673bf; background:#edf5fc; color:#155f9b; font-weight:600; }
.novi-formations-tri-btn:focus-visible,.novi-formations-fleche:focus-visible,.novi-formations-video-lancer:focus-visible{outline:3px solid #2f8dec;outline-offset:2px}
.novi-formations-section-titre{font-size:21px;font-weight:700;color:#172a4b;margin:19px 0 12px;line-height:1.3}
.novi-formations-vide{padding:24px 12px;text-align:center;color:#777}
/* ===== CARROUSEL : 5 PUBLICATIONS, FLÈCHES RONDES ET PAS DE BARRE HORIZONTALE ===== */
.novi-formations-carrousel{position:relative;margin:0 0 27px;min-width:0;width:100%;padding:0 66px;box-sizing:border-box}
.novi-formations-viewport{width:100%;min-width:0;overflow:hidden;touch-action:pan-y}
.novi-formations-track{display:flex;gap:16px;overflow:visible;min-width:0;padding:2px 1px 7px;will-change:transform;transform:translate3d(0,0,0)}
.novi-formations-track>.novi-formations-publication{flex:0 0 calc((100% - 64px - 2px)/5)}
.novi-formations-fleche{position:absolute;z-index:5;top:75px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:43px;height:43px;padding:0;border:1px solid #e1e7ee;border-radius:50%;background:#fff;color:#1a355c;font-size:23px;box-shadow:0 2px 8px #0000001b;cursor:pointer}
.novi-formations-fleche[data-sens="-1"]{left:2px}
.novi-formations-fleche[data-sens="1"]{right:2px}
.novi-formations-fleche:disabled{opacity:.42;cursor:default}
/* ===== CARTES : 5 COLONNES SUR GRAND ÉCRAN ===== */
.novi-formations-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:0 0 27px;min-width:0}
.novi-formations-publication{position:relative;display:flex;flex-direction:column;min-width:0;padding:4px;border:1px solid #dfe6ee;border-radius:9px;background:#fff;box-sizing:border-box;overflow:hidden}
/* ===== RECTO : IMAGES, PDF, VIDÉOS ===== */
.novi-formations-flip{width:100%;aspect-ratio:16/9;perspective:1000px;flex:none}
.novi-formations-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}
.novi-formations-publication.is-flipped .novi-formations-flip-inner{transform:rotateY(180deg)}
.novi-formations-publication.is-flipped .novi-formations-recto,.novi-formations-publication:not(.is-flipped) .novi-formations-verso{pointer-events:none}
.novi-formations-publication.is-flipped .novi-formations-verso{pointer-events:auto}
.novi-formations-face{position:absolute;inset:0;overflow:hidden;border-radius:5px;background:#f0f4f8;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.novi-formations-recto{display:flex;align-items:center;justify-content:center}
.novi-formations-media,.novi-formations-media>a,.novi-formations-pdf-visuel,.novi-formations-video-visuel{display:flex;position:relative;width:100%;height:100%;min-width:0;align-items:center;justify-content:center}
.novi-formations-media img,.novi-formations-media video,.novi-formations-media iframe{display:block;width:100%;height:100%;object-fit:contain;background:#f0f4f8;border:0}
.novi-formations-media .novi-formations-image{object-fit:cover}
.novi-formations-media iframe.novi-formations-pdf-iframe{pointer-events:none}
.novi-formations-media iframe.novi-formations-video-iframe{background:#101828}
.novi-formations-media a{overflow:hidden;text-decoration:none}
.novi-formations-media-vide{padding:15px;color:#69778a;font-size:13px;text-align:center}
.novi-formations-type{position:absolute;z-index:3;left:8px;top:8px;min-width:53px;padding:5px 10px;border-radius:18px;background:#1889ed;color:#fff;text-align:center;font-size:12px;font-weight:700;line-height:1.15;pointer-events:none}
.novi-formations-type-pdf{background:#ef4d5b}
.novi-formations-type-image{background:#0ba65f}
.novi-formations-filigrane{position:absolute;z-index:2;left:50%;top:54%;transform:translate(-50%,-50%) rotate(-18deg);width:94%;text-align:center;color:#202d3b;font-size:clamp(10px,1vw,16px);font-weight:650;line-height:1.2;text-shadow:0 1px 4px #fff,0 -1px 3px #fff;pointer-events:none;opacity:.9}
.novi-formations-video-lancer{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:2px solid #fff;border-radius:50%;background:#0009;color:#fff;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.novi-formations-video-visuel.is-playing .novi-formations-video-lancer{display:none}
.novi-formations-video-visuel .novi-formations-filigrane{z-index:1}
.novi-formations-flip-ouvrir,.novi-formations-flip-retour,.novi-formations-ouvrir-media,.novi-formations-lien-externe{position:absolute;z-index:4;right:7px;top:7px;display:flex;align-items:center;justify-content:center;width:27px;height:27px;padding:0;margin:0;border:1px solid #cfcece;border-radius:50%;background:#dad9d9;color:#333;font-size:14px;line-height:1;box-shadow:none;cursor:pointer;box-sizing:border-box;text-decoration:none}
/* ===== VERSO : 📌 MÉDIA, 🌐 SITE, ↩️ RETOUR ===== */
.novi-formations-actions-verso{position:absolute;top:5px;right:5px;z-index:8;display:flex;flex-direction:column;align-items:center;gap:3px}
.novi-formations-actions-verso .novi-formations-ouvrir-media,.novi-formations-actions-verso .novi-formations-lien-externe,.novi-formations-actions-verso .novi-formations-flip-retour{position:static;display:flex;align-items:center;justify-content:center;width:27px;height:27px;box-sizing:border-box;padding:0;margin:0;border:1px solid #cfcece;border-radius:50%;background:#dad9d9;color:#333;font-size:14px;line-height:1;text-decoration:none;box-shadow:none;flex:none}
.novi-formations-actions-verso a:hover{text-decoration:none}
.novi-formations-ouvrir-media-inactif,.novi-formations-lien-externe-inactif{opacity:.45;cursor:default}
/* ===== ICÔNES RONDES : FOND GRIS, SURVOL FONCÉ, SANS HALO NOIR APRÈS LE CLIC ===== */
.novi-formations-page :is(.novi-formations-flip-ouvrir,.novi-formations-flip-retour,.novi-formations-ouvrir-media,.novi-formations-lien-externe){outline:none!important;outline-offset:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent;appearance:none}
.novi-formations-page :is(.novi-formations-flip-ouvrir,.novi-formations-flip-retour,.novi-formations-ouvrir-media,.novi-formations-lien-externe):hover:not(.novi-formations-ouvrir-media-inactif):not(.novi-formations-lien-externe-inactif){background:#b0b0b0!important;border-color:#999!important}
.novi-formations-page :is(.novi-formations-flip-ouvrir,.novi-formations-flip-retour,.novi-formations-ouvrir-media,.novi-formations-lien-externe):is(:focus,:focus-visible,:active){outline:none!important;outline-offset:0!important;box-shadow:none!important}
/* ===== VERSO : 2 TEXTES DE 200 CARACTÈRES, MÉDIA ET RETOUR ===== */
.novi-formations-verso{transform:rotateY(180deg);padding:12px;overflow-y:auto;background:#fff}
.novi-formations-verso-contenu{padding:0 33px 4px 0;overflow-wrap:anywhere}
.novi-formations-verso h2{margin:0 0 7px;font-size:14px;line-height:1.3;color:#172a4b}
.novi-formations-verso h3{margin:7px 0 4px;font-size:13px;color:#253951}
.novi-formations-verso p{margin:0 0 7px;font-size:12px;line-height:1.35;white-space:pre-line;color:#425267}
.novi-formations-verso .novi-formations-entreprise{font-size:11px;color:#777}
/* ===== TITRE, EXTRAIT, CLICS ET DATE SOUS LE MÉDIA ===== */
.novi-formations-infos{display:flex;flex:1;flex-direction:column;padding:9px 7px 8px;min-height:95px}
.novi-formations-titre{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 8px;font-size:13px;font-weight:700;line-height:1.35;color:#142745;overflow-wrap:anywhere}
.novi-formations-extrait{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 8px;color:#53647c;font-size:12px;line-height:1.45}
.novi-formations-stats{display:flex;align-items:center;justify-content:space-between;gap:6px 12px;margin-top:auto;color:#636b75;font-size:12px;flex-wrap:wrap}
.novi-formations-date{text-align:right;white-space:nowrap}
.novi-formations-publication-demo .novi-formations-infos{min-height:105px}
/* ===== SUPPRESSION DU DÉBORDEMENT HORIZONTAL ===== */
html:has(.novi-formations-page),body:has(.novi-formations-page){overflow-x:clip;}
/* ===== ALIGNEMENT ET RESPONSIVE : SANS DÉBORDEMENT DE PAGE ===== */
@media(min-width:992px){.novi-formations-alignement{left:24px;width:calc(100% - 70px)}}
@media(max-width:1399px){.novi-formations-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.novi-formations-track>.novi-formations-publication{flex-basis:calc((100% - 48px - 2px)/4)}}
@media(max-width:991px){.novi-formations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.novi-formations-track>.novi-formations-publication{flex-basis:calc((100% - 32px - 2px)/3)}}
@media(max-width:767px){.novi-formations-alignement{padding-left:10px;padding-right:10px}.novi-formations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.novi-formations-carrousel{padding:0 52px}.novi-formations-track>.novi-formations-publication{flex-basis:calc((100% - 16px - 2px)/2)}.novi-formations-fleche{width:35px;height:35px;font-size:19px}.novi-formations-entete h1{font-size:23px}}
@media(max-width:480px){.novi-formations-alignement{padding-left:10px;padding-right:10px}.novi-formations-grid{grid-template-columns:minmax(0,1fr)}.novi-formations-carrousel{padding:0 10px}.novi-formations-track>.novi-formations-publication{flex-basis:calc((100% - 16px - 2px)/2)}.novi-formations-fleche{width:35px;height:35px;font-size:19px}.novi-formations-entete h1{font-size:23px}.novi-formations-filigrane{font-size:13px}}
@media(prefers-reduced-motion:reduce){.novi-formations-flip-inner{transition:none}.novi-formations-track{transition:none!important}}

/* ===== APPLE IPHONE / IPAD : MASQUER LE RECTO AU VERSO ===== */
@supports (-webkit-touch-callout:none){.novi-formations-publication.is-flipped .novi-formations-recto{visibility:hidden!important}}