.content-page-videos .page-videos .main-player{display:flex;flex-direction:column}@media (min-width: 992px){.content-page-videos .page-videos .main-player{align-items:stretch;flex-direction:row}}.content-page-videos .page-videos .main-player .player{position:relative}@media (min-width: 992px){.content-page-videos .page-videos .main-player .player{width:50%;height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;flex-direction:column}}.content-page-videos .page-videos .main-player .player:after{position:absolute;width:100%;left:0;height:100%;top:0;background:url("https://cdn.shopify.com/s/files/1/0248/2290/6968/files/grid-focus-fiche.jpg?v=1695198918");content:""}@media (min-width: 992px){.content-page-videos .page-videos .main-player .player:after{width:50%;left:50%;transform:translateX(-50%)}}.content-page-videos .page-videos .main-player .player .content-player{width:100%}@media (min-width: 992px){.content-page-videos .page-videos .main-player .player .content-player{position:sticky;top:100px;z-index:2}}.content-page-videos .page-videos .main-player .player .content-player .title{position:relative;z-index:1;padding:30px;max-width:800px;margin:0 auto}@media (min-width: 992px){.content-page-videos .page-videos .main-player .player .content-player .title{padding:0 50px 10px 50px}}.content-page-videos .page-videos .main-player .player .content-player .title h3{font-size:12px;line-height:18px;font-family:var(--font-franklin);text-transform:uppercase;color:#444444;display:inline-block;line-height:20px;padding:0 10px;border:1px solid #cccccc;border-radius:4px;margin-bottom:5px}.content-page-videos .page-videos .main-player .player .content-player .title h2{font-size:14px;line-height:20px;font-family:var(--font-franklin)}@media (min-width: 992px){.content-page-videos .page-videos .main-player .player .content-player .title h2{font-size:16px;line-height:22px}}.content-page-videos .page-videos .main-player .player .content-player .content-iframe{width:100%;position:relative;z-index:2;font-size:0px;line-height:0px;max-width:800px;margin:0 auto}@media (min-width: 992px){.content-page-videos .page-videos .main-player .player .content-player .content-iframe{padding:0 50px 0 50px}}.content-page-videos .page-videos .main-player .player .content-player .content-iframe iframe{width:100%}.content-page-videos .page-videos .main-player .desc{display:flex;flex-direction:column-reverse}@media (min-width: 992px){.content-page-videos .page-videos .main-player .desc{width:50%;flex-direction:column;justify-content:center}}.content-page-videos .page-videos .main-player .desc .texte{padding:30px 0}@media (min-width: 992px){.content-page-videos .page-videos .main-player .desc .texte{padding:50px 0 40px 0}}.content-page-videos .page-videos .main-player .desc .texte h2{font-size:20px;line-height:28px;padding:0 30px;margin-bottom:20px}@media (min-width: 992px){.content-page-videos .page-videos .main-player .desc .texte h2{padding:0 50px}}.content-page-videos .page-videos .main-player .desc .texte p{font-size:15px;line-height:20px;padding:0 30px;margin:0}@media (min-width: 992px){.content-page-videos .page-videos .main-player .desc .texte p{padding:0 50px}}.content-page-videos .page-videos .main-player .desc .list-videos{padding-bottom:30px;background:#F9F9F4;padding:30px}@media (min-width: 992px){.content-page-videos .page-videos .main-player .desc .list-videos{padding:50px;border-top-left-radius:20px;border-bottom-left-radius:20px}}.content-page-videos .page-videos .main-player .desc .list-videos .videos{display:flex;flex-direction:column}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video{padding:5px}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video{opacity:0.8;cursor:pointer;display:flex;flex-wrap:nowrap;align-items:center}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video .content-vignette{overflow:hidden;border-radius:5px;font-size:0px;line-height:0px;border:1px solid #ffffff;transition:all 0.3s ease;position:relative;width:140px;flex-shrink:0}@media (min-width: 992px){.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video .content-vignette{width:120px}}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video .content-vignette img{width:100%;position:relative}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video .content-vignette:after{content:"";height:100%;background:#000000;opacity:0;position:absolute;width:100%;left:0;top:0;transition:all 0.3s ease}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video .content-vignette .content-picto{position:absolute;left:0;top:100%;height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video .content-vignette .content-picto .picto{fill:#ffffff;height:20px;position:relative;z-index:2}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video .title{padding-left:20px}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video .title h4{font-size:10px;line-height:14px;font-family:var(--font-franklin);text-transform:uppercase;color:#444444;display:inline-block;position:relative;margin-bottom:3px}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video .title h4:after{width:100%;height:1px;background:#999999;position:absolute;bottom:-2px;left:0}@media (max-width: 992px){.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video .title h4:after{content:""}}@media (min-width: 992px){.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video .title h4{padding:0 8px;border:1px solid #cccccc;border-radius:4px;margin-bottom:5px;line-height:18px}}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video .title h3{font-size:14px;line-height:20px;font-family:var(--font-franklin)}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video.active{opacity:1}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video.active .content-vignette{border:1px solid #000000}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video.active .content-vignette:after{opacity:0.3}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video.active .content-vignette .content-picto.play{top:0}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video.active.played .content-picto.play{top:100%}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video.active.played .content-picto.pause{top:0}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video:hover{opacity:1}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video:hover .content-vignette{border:1px solid #000000}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video:hover .content-vignette:after{opacity:0.3}.content-page-videos .page-videos .main-player .desc .list-videos .videos .content-video .video:hover .content-picto.play{top:0}