@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);height:100%;line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:calc(768px - 1)){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
/* Chrome & Safari */
._carrousel video[data-v-0227e951]::-webkit-media-controls-timeline {
display: none !important;
}
/* Transitions for icon fades */
.fade-enter-active[data-v-0227e951],
.fade-leave-active[data-v-0227e951] {
transition: opacity 300ms ease;
}
.fade-enter-from[data-v-0227e951],
.fade-leave-to[data-v-0227e951] {
opacity: 0;
}
/* Firefox - nouvelle approche */
._carrousel video[data-v-0227e951]::-moz-range-thumb,
._carrousel video[data-v-0227e951]::-moz-range-track,
._carrousel video[data-v-0227e951]::-moz-range-progress,
._carrousel video[data-v-0227e951]::-moz-focus-outer {
opacity: 0 !important;
visibility: hidden !important;
}
/* Edge & IE */
._carrousel video[data-v-0227e951]::-ms-track {
display: none !important;
}
/* Pour tous les navigateurs */
._carrousel video[data-v-0227e951]::-webkit-media-controls-progress-bar {
display: none !important;
}
/* Solution alternative pour Firefox */
._carrousel video[data-v-0227e951]::-moz-controls-timeline {
display: none !important;
}
/* Pour tous les navigateurs */
._carrousel video[data-v-0227e951]::-webkit-media-controls-progress-bar {
display: none !important;
}
/* Suppression des ombrages et effets sur les contrôles vidéo */
._carrousel video[data-v-0227e951]::-webkit-media-controls {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
._carrousel video[data-v-0227e951]::-webkit-media-controls-enclosure {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
._carrousel video[data-v-0227e951]::-webkit-media-controls-panel {
box-shadow: none !important;
-webkit-box-shadow: none !important;
background: transparent !important;
}
/* Suppression de l'effet de survol sur les boutons */
._carrousel video[data-v-0227e951]::-webkit-media-controls-play-button:hover,
._carrousel video[data-v-0227e951]::-webkit-media-controls-mute-button:hover,
._carrousel video[data-v-0227e951]::-webkit-media-controls-volume-slider:hover {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
/* Firefox */
._carrousel video[data-v-0227e951]::-moz-range-thumb {
box-shadow: none !important;
}
/* Edge/IE */
._carrousel video[data-v-0227e951]::-ms-fill-lower,
._carrousel video[data-v-0227e951]::-ms-fill-upper {
box-shadow: none !important;
}
/* Suppression des ombrages et effets sur les contrôles vidéo */
._carrousel video[data-v-0227e951]::-webkit-media-controls {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
._carrousel video[data-v-0227e951]::-webkit-media-controls-enclosure {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
._carrousel video[data-v-0227e951]::-webkit-media-controls-panel {
box-shadow: none !important;
-webkit-box-shadow: none !important;
background: transparent !important;
}
/* Suppression de l'effet de survol sur les boutons */
._carrousel video[data-v-0227e951]::-webkit-media-controls-play-button:hover,
._carrousel video[data-v-0227e951]::-webkit-media-controls-mute-button:hover,
._carrousel video[data-v-0227e951]::-webkit-media-controls-volume-slider:hover {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
/* Firefox */
._carrousel video[data-v-0227e951]::-moz-range-thumb {
box-shadow: none !important;
}
/* Edge/IE */
._carrousel video[data-v-0227e951]::-ms-fill-lower,
._carrousel video[data-v-0227e951]::-ms-fill-upper {
box-shadow: none !important;
}
.controleBlack[data-v-0227e951]::-webkit-media-controls-current-time-display {
/* Styles pour l'affichage du temps actuel */
filter: invert(1) !important;
}
/* Masquer le bouton play */
._carrousel video[data-v-0227e951]::-webkit-media-controls-play-button {
display: none !important;
}
._carrousel video[data-v-0227e951]::-moz-play-button {
display: none !important;
}
/* Masquer l'affichage du temps */
._carrousel video[data-v-0227e951]::-webkit-media-controls-current-time-display,
._carrousel video[data-v-0227e951]::-webkit-media-controls-time-remaining-display {
display: none !important;
}
/* ._carrousel video::-moz-time-display {
display: none !important;
} */
/* Masquer le bouton plein écran */
._carrousel video[data-v-0227e951]::-webkit-media-controls-fullscreen-button {
display: none !important;
}
/* ._carrousel video::-webkit-media-controls-volume-slider {
display: none !important;
} */
._carrousel video[data-v-0227e951]::-moz-fullscreen-button {
display: none !important;
}
._carrousel video[data-v-0227e951]::-webkit-media-controls-volume-control-hover-background { background-color: rgba(0, 0, 0, 0.2) !important;
}
/* Approche globale pour masquer complètement tous les contrôles tout en gardant le comportement controls */
._carrousel video[data-v-0227e951]::-webkit-media-controls-panel {
/* opacity: 0 !important; */
position: absolute;
left: 0;
bottom: 0;
}
.no-drag[data-v-0227e951] {
-webkit-user-drag: none !important;
-khtml-user-drag: none !important;
-moz-user-drag: none !important;
-o-user-drag: none !important;
user-drag: none !important;
pointer-events: auto !important;
}
.no-drag video[data-v-0227e951] {
pointer-events: auto !important;
}
/* Additional styles from MobileCarousel */
/* CSS from LogRocket article to ensure play button is hidden on all browsers */
._carrousel video[data-v-0227e951]::-webkit-media-controls-overlay-play-button,
._carrousel video[data-v-0227e951]::-webkit-media-controls-play-button {
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Hide the big play button in the center */
._carrousel video[data-v-0227e951]::-webkit-media-controls-start-playback-button {
display: none !important;
}
/* Hide the play button that appears on pause */
._carrousel video[data-v-0227e951]::-webkit-media-controls-play-button {
display: none !important;
}
/* Additional selectors for Firefox */
._carrousel video[data-v-0227e951]::-moz-play-button {
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Additional selectors for Edge/IE */
._carrousel video[data-v-0227e951]::-ms-play-button {
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Target the large play button that appears in the center on mobile */
._carrousel video[data-v-0227e951]::-webkit-media-controls-overflow-button,
._carrousel video[data-v-0227e951]::-webkit-media-controls-start-playback-button,
._carrousel video[data-v-0227e951]::-webkit-media-controls-play-button,
._carrousel video[data-v-0227e951]::-webkit-media-controls-big-play-button {
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Hide volume slider */
._carrousel video[data-v-0227e951]::-webkit-media-controls-volume-slider {
display: none !important;
}
/* Chrome & Safari */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-timeline {
display: none !important;
}
/* Transitions for icon fades */
.fade-enter-active[data-v-e1540aab],
.fade-leave-active[data-v-e1540aab] {
transition: opacity 0.5s ease;
}
.fade-enter-from[data-v-e1540aab],
.fade-leave-to[data-v-e1540aab] {
opacity: 0;
}
/* Firefox - nouvelle approche */
.overrideVideoControls[data-v-e1540aab]::-moz-range-thumb,
.overrideVideoControls[data-v-e1540aab]::-moz-range-track,
.overrideVideoControls[data-v-e1540aab]::-moz-range-progress,
.overrideVideoControls[data-v-e1540aab]::-moz-focus-outer {
opacity: 0 !important;
visibility: hidden !important;
}
/* Edge & IE */
.overrideVideoControls[data-v-e1540aab]::-ms-track {
display: none !important;
}
/* Pour tous les navigateurs */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-progress-bar {
display: none !important;
}
/* Solution alternative pour Firefox */
.overrideVideoControls[data-v-e1540aab]::-moz-controls-timeline {
display: none !important;
}
/* Pour tous les navigateurs */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-progress-bar {
display: none !important;
}
/* Suppression des ombrages et effets sur les contrôles vidéo */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-enclosure {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-panel {
box-shadow: none !important;
-webkit-box-shadow: none !important;
background: transparent !important;
}
/* Suppression de l'effet de survol sur les boutons */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-play-button:hover,
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-mute-button:hover,
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-volume-slider:hover {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
/* Firefox */
.overrideVideoControls[data-v-e1540aab]::-moz-range-thumb {
box-shadow: none !important;
}
/* Edge/IE */
.overrideVideoControls[data-v-e1540aab]::-ms-fill-lower,
.overrideVideoControls[data-v-e1540aab]::-ms-fill-upper {
box-shadow: none !important;
}
/* Suppression des ombrages et effets sur les contrôles vidéo */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-enclosure {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-panel {
box-shadow: none !important;
-webkit-box-shadow: none !important;
background: transparent !important;
}
/* Suppression de l'effet de survol sur les boutons */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-play-button:hover {
display: none !important;
}
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-play-button {
display: none !important;
}
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-play-button:hover,
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-mute-button:hover,
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-volume-slider:hover {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
/* Firefox */
.overrideVideoControls[data-v-e1540aab]::-moz-range-thumb {
box-shadow: none !important;
}
/* Edge/IE */
.overrideVideoControls[data-v-e1540aab]::-ms-fill-lower,
.overrideVideoControls[data-v-e1540aab]::-ms-fill-upper {
box-shadow: none !important;
}
/* Masquer le bouton play */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-play-button {
display: none !important;
}
.overrideVideoControls[data-v-e1540aab]::-moz-play-button {
display: none !important;
}
/* Masquer l'affichage du temps */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-current-time-display,
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-time-remaining-display {
display: none !important;
}
.overrideVideoControls[data-v-e1540aab]::-moz-time-display {
display: none !important;
}
/* Masquer le bouton plein écran */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-fullscreen-button {
display: none !important;
}
.overrideVideoControls[data-v-e1540aab]::-moz-fullscreen-button {
display: none !important;
}
/* Approche globale pour masquer complètement tous les contrôles tout en gardant le comportement controls */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-panel {
/* opacity: 0 !important; */
position: absolute;
left: 0;
bottom: 0;
}
/* CSS from LogRocket article to ensure play button is hidden on all browsers */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-overlay-play-button,
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-play-button {
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Hide the big play button in the center */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-start-playback-button {
display: none !important;
}
/* Hide the play button that appears on pause */
video[data-v-e1540aab]::-webkit-media-controls-play-button {
display: none !important;
}
/* Additional selectors for Firefox */
.overrideVideoControls[data-v-e1540aab]::-moz-play-button {
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Additional selectors for Edge/IE */
.overrideVideoControls[data-v-e1540aab]::-ms-play-button {
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Target the large play button that appears in the center on mobile */
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-overflow-button,
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-start-playback-button,
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-play-button,
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-big-play-button {
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
}
.overrideVideoControls[data-v-e1540aab]::-webkit-media-controls-volume-slider {
display: none !important;
}
/* Transition for social icons */
.fade-enter-active[data-v-3470f3d4],
.fade-leave-active[data-v-3470f3d4] {
transition: opacity 250ms ease;
}
.fade-enter-from[data-v-3470f3d4],
.fade-leave-to[data-v-3470f3d4] {
opacity: 0;
}
.carousel-track[data-v-64fbfd2a] {
position: absolute;
display: flex;
height: 100%;
will-change: transform;
transition: transform 0.2s ease-out;
}
.carousel-slide[data-v-64fbfd2a] {
/* flex: 0 0 auto; */
/* width: 238px;
height: 134px; */
}
.minHeightForFooter[data-v-1b3badb8] {
min-height: calc(100dvh - 56px);
}
/* Animation pour l'apparition/disparition de l'input de recherche */
.slide-enter-active[data-v-1b3badb8], .slide-leave-active[data-v-1b3badb8] {
transition: all 0.3s ease-out;
max-height: 100%;
}
.slide-enter-from[data-v-1b3badb8], .slide-leave-to[data-v-1b3badb8] {
max-height: 0;
opacity: 0;
padding: 0;
}
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{transition:transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:flex!important;justify-content:center;align-items:center;transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:flex;justify-content:center;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:grabbing!important;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:grabbing!important;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:flex;width:auto}.zoomed .gslide-media{box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;flex-direction:column}.gslide-description{position:relative;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;order:2!important;max-height:78vh;overflow:auto!important;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{transition:opacity .5s ease;opacity:1}.greset{transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:flex;justify-content:center;align-items:center;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{animation:gfadeIn .5s ease}.gfadeOut{animation:gfadeOut .5s ease}.gslideOutLeft{animation:gslideOutLeft .3s ease}.gslideInLeft{animation:gslideInLeft .3s ease}.gslideOutRight{animation:gslideOutRight .3s ease}.gslideInRight{animation:gslideInRight .3s ease}.gzoomIn{animation:gzoomIn .5s ease}.gzoomOut{animation:gzoomOut .5s ease}@keyframes lightboxLoader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gslideInLeft{from{opacity:0;transform:translate3d(-60%,0,0)}to{visibility:visible;transform:translate3d(0,0,0);opacity:1}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;transform:translate3d(0,0,0)}to{transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideInRight{from{opacity:0;visibility:visible;transform:translate3d(60%,0,0)}to{transform:translate3d(0,0,0);opacity:1}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;transform:translate3d(0,0,0)}to{transform:translate3d(60%,0,0);opacity:0}}@keyframes gzoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{order:1}.glightbox-container .ginner-container.desc-left .gslide-description{order:0}.glightbox-container .ginner-container.desc-left .gslide-image{order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
.custom-margin p {
margin-bottom: 18px;
}
.custom-margin p:last-child {
margin-bottom: 0; /* Supprime la marge inférieure du dernier paragraphe */
}
.custom-margin ul {
margin-bottom: 18px;
}
.custom-margin ul:last-child {
margin-bottom: 0; /* Supprime la marge inférieure du dernier paragraphe */
}
/* Chrome & Safari */
#mainVideo::-webkit-media-controls-timeline {
display: none !important;
}
/* Firefox - nouvelle approche */
#mainVideo::-moz-range-thumb,
#mainVideo::-moz-range-track,
#mainVideo::-moz-range-progress,
#mainVideo::-moz-focus-outer {
opacity: 0 !important;
visibility: hidden !important;
}
/* Edge & IE */
#mainVideo::-ms-track {
display: none !important;
}
/* Pour tous les navigateurs */
#mainVideo::-webkit-media-controls-progress-bar {
display: none !important;
}
/* Solution alternative pour Firefox */
#mainVideo::-moz-controls-timeline {
display: none !important;
}
/* Pour tous les navigateurs */
#mainVideo::-webkit-media-controls-progress-bar {
display: none !important;
}
/* Suppression des ombrages et effets sur les contrôles vidéo */
video::-webkit-media-controls {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
video::-webkit-media-controls-enclosure {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
video::-webkit-media-controls-panel {
box-shadow: none !important;
-webkit-box-shadow: none !important;
background: transparent !important;
}
/* Suppression de l'effet de survol sur les boutons */
video::-webkit-media-controls-play-button:hover,
video::-webkit-media-controls-mute-button:hover,
video::-webkit-media-controls-volume-slider:hover {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
/* Firefox */
video::-moz-range-thumb {
box-shadow: none !important;
}
/* Edge/IE */
video::-ms-fill-lower,
video::-ms-fill-upper {
box-shadow: none !important;
}
/* Suppression des ombrages et effets sur les contrôles vidéo */
video::-webkit-media-controls {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
video::-webkit-media-controls-enclosure {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
video::-webkit-media-controls-panel {
box-shadow: none !important;
-webkit-box-shadow: none !important;
background: transparent !important;
}
/* Suppression de l'effet de survol sur les boutons */
video::-webkit-media-controls-play-button:hover,
video::-webkit-media-controls-mute-button:hover,
video::-webkit-media-controls-volume-slider:hover {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
/* Firefox */
video::-moz-range-thumb {
box-shadow: none !important;
}
/* Edge/IE */
video::-ms-fill-lower,
video::-ms-fill-upper {
box-shadow: none !important;
}
/* Couleurs de base pour les contrôles vidéo */
.controleBlackDesktop::-webkit-media-controls,
.controleBlackDesktop::-webkit-media-controls-enclosure,
.controleBlackDesktop::-webkit-media-controls-panel {
/* background-color: rgba(0, 0, 0, 0.7) !important; */
color: black !important;
}
/* Styler les boutons de contrôle (play, mute, etc.) */
.controleBlackDesktop::-webkit-media-controls-play-button,
.controleBlackDesktop::-webkit-media-controls-mute-button,
.controleBlackDesktop::-webkit-media-controls-fullscreen-button,
.controleBlackDesktop::-webkit-media-controls-toggle-closed-captions-button {
filter: invert(1) !important; /* Inverse les couleurs pour passer du blanc au noir */
}
.controleBlackDesktop::-webkit-media-controls-current-time-display {
/* Styles pour l'affichage du temps actuel */
color: black !important;
}
.controleBlackDesktop::-webkit-media-controls-time-remaining-display {
/* Styles pour l'affichage du temps restant */
color: black !important;
}
/* La piste complète sur laquelle glisse le curseur */
.controleBlackDesktop::-webkit-progress-value {
background-color: black !important; /* Gris clair pour le fond de la barre */
box-shadow: none !important;
color: black;
border-color: black;
}
/* Style pour la classe controleBlackDesktop */
.controleBlackDesktop::-webkit-media-controls-timeline,
.controleBlackDesktop::-webkit-slider-runnable-track {
accent-color: black !important;
box-shadow: none !important;
}
/* Utilisation de l'attribut CSS personnalisé qui contrôle la couleur d'accent dans Chrome */
.controleBlackDesktop {
--video-timeline-color: black !important;
--video-timeline-height: 4px !important;
}
/* Forcer la couleur sur tous les éléments potentiels de la timeline */
.controleBlackDesktop::-webkit-media-controls-timeline,
.controleBlackDesktop::-webkit-slider-runnable-track,
.controleBlackDesktop::-webkit-media-controls-volume-slider-container,
.controleBlackDesktop::-webkit-media-controls-volume-slider,
.controleBlackDesktop::-webkit-media-controls-seek-back-button,
.controleBlackDesktop::-webkit-media-controls-seek-forward-button,
.controleBlackDesktop::-webkit-media-controls-fullscreen-button,
.controleBlackDesktop::-webkit-media-controls-rewind-button,
.controleBlackDesktop::-webkit-media-controls-return-to-realtime-button,
.controleBlackDesktop::-webkit-media-controls-toggle-closed-captions-button {
color: black !important;
box-shadow: none !important;
}
/* Essai avec filter sur la barre complète */
.controleBlackDesktop::-webkit-media-controls-timeline {
filter: grayscale(100%) brightness(0) !important;
box-shadow: none !important;
}
@media (max-width: 768px) {
/* Couleurs de base pour les contrôles vidéo */
.controleBlackMobile::-webkit-media-controls,
.controleBlackMobile::-webkit-media-controls-enclosure,
.controleBlackMobile::-webkit-media-controls-panel {
/* background-color: rgba(0, 0, 0, 0.7) !important; */
color: black !important;
}
/* Styler les boutons de contrôle (play, mute, etc.) */
.controleBlackMobile::-webkit-media-controls-play-button,
.controleBlackMobile::-webkit-media-controls-mute-button,
.controleBlackMobile::-webkit-media-controls-fullscreen-button,
.controleBlackMobile::-webkit-media-controls-toggle-closed-captions-button {
filter: invert(1) !important; /* Inverse les couleurs pour passer du blanc au noir */
}
.controleBlackMobile::-webkit-media-controls-current-time-display {
/* Styles pour l'affichage du temps actuel */
color: black !important;
}
.controleBlackMobile::-webkit-media-controls-time-remaining-display {
/* Styles pour l'affichage du temps restant */
color: black !important;
}
/* La piste complète sur laquelle glisse le curseur */
.controleBlackMobile::-webkit-progress-value {
background-color: black !important; /* Gris clair pour le fond de la barre */
box-shadow: none !important;
color: black;
border-color: black;
}
/* Style pour la classe controleBlackMobile */
.controleBlackMobile::-webkit-media-controls-timeline,
.controleBlackMobile::-webkit-slider-runnable-track {
accent-color: black !important;
box-shadow: none !important;
}
/* Utilisation de l'attribut CSS personnalisé qui contrôle la couleur d'accent dans Chrome */
.controleBlackMobile {
--video-timeline-color: black !important;
--video-timeline-height: 4px !important;
}
/* Forcer la couleur sur tous les éléments potentiels de la timeline */
.controleBlackMobile::-webkit-media-controls-timeline,
.controleBlackMobile::-webkit-slider-runnable-track,
.controleBlackMobile::-webkit-media-controls-volume-slider-container,
.controleBlackMobile::-webkit-media-controls-volume-slider,
.controleBlackMobile::-webkit-media-controls-seek-back-button,
.controleBlackMobile::-webkit-media-controls-seek-forward-button,
.controleBlackMobile::-webkit-media-controls-fullscreen-button,
.controleBlackMobile::-webkit-media-controls-rewind-button,
.controleBlackMobile::-webkit-media-controls-return-to-realtime-button,
.controleBlackMobile::-webkit-media-controls-toggle-closed-captions-button {
color: black !important;
box-shadow: none !important;
}
/* Essai avec filter sur la barre complète */
.controleBlackMobile::-webkit-media-controls-timeline {
filter: grayscale(100%) brightness(0) !important;
box-shadow: none !important;
}
}
.footer-container {
position: relative;
z-index: 20; /* S'assurer que le footer est au-dessus du contenu de base */
overflow: hidden; /* Pour contenir les animations */
}
.footer-wrapper {
position: relative;
width: 100%;
transform-origin: top; /* Animation depuis le haut */
}
/* Règles de transition adaptées pour pousser le contenu */
.footer-transition-enter-active,
.footer-transition-leave-active {
transition: all 0.5s ease;
max-height: 1000px; /* Valeur suffisamment grande pour tous les footers */
}
.footer-transition-enter-from,
.footer-transition-leave-to {
max-height: 0;
/* opacity: 0; */
overflow: hidden;
}
/* Styles pour le carrousel */
.carousel-container {
width: 100%;
overflow: hidden;
position: relative;
cursor: grab;
}
.carousel-container:active {
cursor: grabbing;
}
.carousel-track {
display: flex;
will-change: transform;
transition: transform 0.2s ease-out;
}
.carousel-slide {
flex: 0 0 auto;
}
/* Styles pour lightGallery thumbnails */
/* Pour les thumbnails dans lightGallery */
.lg-outer .lg-thumb-item {
border-radius: 0;
}
.grid-item img,
.grid-item video {
width: 100%;
height: auto;
display: block;
}
/* Styles pour lightGallery */
.lg-backdrop {
background-color: rgba(0, 0, 0, 0.9);
}
.lg-outer .lg-thumb-item {
border-radius: 0;
border: 2px solid rgba(255, 255, 255, 0.3);
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
border-color: white;
}
/* ... rest of existing code ... */
/* Transition de menu */
.menu-fade-enter-active[data-v-da84a337],
.menu-fade-leave-active[data-v-da84a337] {
transition: opacity 0.5s ease, transform 0.5s ease, color 0.5s ease;
}
.menu-fade-enter-from[data-v-da84a337],
.menu-fade-leave-to[data-v-da84a337] {
opacity: 0;
transform: translateX(-10px);
}
.menu-fade-enter-to[data-v-da84a337],
.menu-fade-leave-from[data-v-da84a337] {
opacity: 1;
transform: translateX(0);
}
/* Transition en fondu */
.fade-enter-active, .fade-leave-active {
transition: opacity 0.20s ease-in-out;
}
.fade-enter, .fade-leave-to {
opacity: 0;
}
/* Animation du dégradé - corrigée */
.transition-background {
background-image: linear-gradient(to bottom, white 50%, black 50%);
background-size: 100% 200%;
background-position: 0 0;
animation: revealBackground 0.9s ease-out forwards;
}
@keyframes revealBackground {
0% {
background-position: 0 0;
}
100% {
background-position: 0 100%;
}
}
/* Assurer que mix-blend-mode fonctionne correctement */
.mix-blend-difference {
mix-blend-mode: difference;
isolation: isolate;
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: #e5e7eb; /* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-moz-tab-size: 4; /* 3 */
-o-tab-size: 4;
tab-size: 4; /* 3 */
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
font-feature-settings: normal; /* 5 */
font-variation-settings: normal; /* 6 */
-webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-feature-settings: normal; /* 2 */
font-variation-settings: normal; /* 3 */
font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-feature-settings: inherit; /* 1 */
font-variation-settings: inherit; /* 1 */
font-size: 100%; /* 1 */
font-weight: inherit; /* 1 */
line-height: inherit; /* 1 */
letter-spacing: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.pointer-events-none {
pointer-events: none;
}
.visible {
visibility: visible;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.inset-0 {
inset: 0px;
}
.inset-x-0 {
left: 0px;
right: 0px;
}
.-top-\[196px\] {
top: -196px;
}
.bottom-0 {
bottom: 0px;
}
.bottom-20 {
bottom: 5rem;
}
.bottom-4 {
bottom: 1rem;
}
.left-0 {
left: 0px;
}
.left-1\/2 {
left: 50%;
}
.left-4 {
left: 1rem;
}
.left-6 {
left: 1.5rem;
}
.right-1\/2 {
right: 50%;
}
.right-6 {
right: 1.5rem;
}
.top-0 {
top: 0px;
}
.top-1\/2 {
top: 50%;
}
.top-1\/3 {
top: 33.333333%;
}
.top-\[-196px\] {
top: -196px;
}
.top-\[52px\] {
top: 52px;
}
.isolate {
isolation: isolate;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-\[1\] {
z-index: 1;
}
.m-auto {
margin: auto;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.-mb-1\.5 {
margin-bottom: -0.375rem;
}
.-mt-0\.5 {
margin-top: -0.125rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.ml-4 {
margin-left: 1rem;
}
.ml-6 {
margin-left: 1.5rem;
}
.mt-0 {
margin-top: 0px;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-12 {
margin-top: 3rem;
}
.mt-18 {
margin-top: 4.5rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-7 {
margin-top: 1.75rem;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.flex {
display: flex;
}
.hidden {
display: none;
}
.size-6 {
width: 1.5rem;
height: 1.5rem;
}
.size-auto {
width: auto;
height: auto;
}
.size-full {
width: 100%;
height: 100%;
}
.h-10 {
height: 2.5rem;
}
.h-12 {
height: 3rem;
}
.h-14 {
height: 3.5rem;
}
.h-2\/3 {
height: 66.666667%;
}
.h-20 {
height: 5rem;
}
.h-3 {
height: 0.75rem;
}
.h-5 {
height: 1.25rem;
}
.h-\[134px\] {
height: 134px;
}
.h-\[196px\] {
height: 196px;
}
.h-\[280px\] {
height: 280px;
}
.h-\[56px\] {
height: 56px;
}
.h-dvh {
height: 100dvh;
}
.h-full {
height: 100%;
}
.max-h-\[196px\] {
max-height: 196px;
}
.max-h-dvh {
max-height: 100dvh;
}
.min-h-20 {
min-height: 5rem;
}
.min-h-\[calc\(100dvh-54px\)\] {
min-height: calc(100dvh - 54px);
}
.min-h-dvh {
min-height: 100dvh;
}
.min-h-screen {
min-height: 100vh;
}
.w-1 {
width: 0.25rem;
}
.w-1\/2 {
width: 50%;
}
.w-1\/3 {
width: 33.333333%;
}
.w-14 {
width: 3.5rem;
}
.w-24 {
width: 6rem;
}
.w-3 {
width: 0.75rem;
}
.w-\[238px\] {
width: 238px;
}
.w-full {
width: 100%;
}
.min-w-8 {
min-width: 2rem;
}
.max-w-\[238px\] {
max-width: 238px;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/2 {
--tw-translate-y: 50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
--tw-translate-y: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-default {
cursor: default;
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-1 {
gap: 0.25rem;
}
.gap-12 {
gap: 3rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-5 {
gap: 1.25rem;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.justify-self-start {
justify-self: start;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.rounded {
border-radius: 0.25rem;
}
.border {
border-width: 1px;
}
.border-y {
border-top-width: 1px;
border-bottom-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-t {
border-top-width: 1px;
}
.border-none {
border-style: none;
}
.border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-transparent {
border-color: transparent;
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
background-color: transparent;
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-whiteoverride {
--tw-bg-opacity: 1;
background-color: rgb(253 252 250 / var(--tw-bg-opacity, 1));
}
.object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.p-1 {
padding: 0.25rem;
}
.p-4 {
padding: 1rem;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-14 {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-36 {
padding-left: 9rem;
padding-right: 9rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pb-9 {
padding-bottom: 2.25rem;
}
.pt-12 {
padding-top: 3rem;
}
.pt-16 {
padding-top: 4rem;
}
.pt-3 {
padding-top: 0.75rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-8 {
padding-top: 2rem;
}
.pt-\[52px\] {
padding-top: 52px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.font-futuraBook {
font-family: Futura Book, Futura PT Book, sans-serif;
}
.font-futuraHeavy {
font-family: Futura Heavy, Futura PT, sans-serif;
}
.font-futuraLight {
font-family: Futura Light, Futura PT, sans-serif;
}
.font-futuraPT {
font-family: Futura PT, sans-serif;
}
.text-2xl {
font-size: 1.25rem;
}
.text-3xl {
font-size: 1.5rem;
line-height: 26px;
}
.text-base {
font-size: 0.7875rem;
}
.text-lg {
font-size: 0.9rem;
}
.text-sm {
font-size: 0.73125rem;
}
.text-xl {
font-size: 1.0125rem;
}
.text-xs {
font-size: 0.75rem;
}
.font-semibold {
font-weight: 600;
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.leading-5 {
line-height: 1.25rem;
}
.leading-6 {
line-height: 1.5rem;
}
.tracking-tight {
letter-spacing: -0.025em;
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.opacity-0 {
opacity: 0;
}
.opacity-100 {
opacity: 1;
}
.opacity-80 {
opacity: 0.8;
}
.mix-blend-difference {
mix-blend-mode: difference;
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.grayscale {
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-100 {
transition-duration: 100ms;
}
.duration-300 {
transition-duration: 300ms;
}
.duration-500 {
transition-duration: 500ms;
}
.duration-700 {
transition-duration: 700ms;
}
.duration-75 {
transition-duration: 75ms;
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
/* @font-face {
font-family: "Futura Heavy";
src: url("../assets/fonts/Futura-Heavy.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Futura Book";
src: url("../assets/fonts/Futura-Book.ttf") format("truetype");
font-weight: normal;
font-style: normal;
} */
body {
background-color: #FDFCFA;
}
@font-face {
font-family: 'Futura PT';
src: url('./FuturaPT-Heavy-Dc5skzGJ.eot');
src: local('Futura PT Heavy'), local('FuturaPT-Heavy'),
url('./FuturaPT-Heavy-Dc5skzGJ.eot?#iefix') format('embedded-opentype'),
url('./FuturaPT-Heavy-DPIXlEiE.woff2') format('woff2'),
url('./FuturaPT-Heavy-DJxm0Hs4.woff') format('woff'),
url('./FuturaPT-Heavy-DRvFrJw2.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
/* @font-face {
font-family: 'Futura PT';
src: url('../assets/fonts/FuturaPT-Bold.eot');
src: local('Futura PT Bold'), local('FuturaPT-Bold'),
url('../assets/fonts/FuturaPT-Bold.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-Bold.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-Bold.woff') format('woff'),
url('../assets/fonts/FuturaPT-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Futura PT';
src: url('../assets/fonts/FuturaPT-Heavy.eot');
src: local('Futura PT Heavy'), local('FuturaPT-Heavy'),
url('../assets/fonts/FuturaPT-Heavy.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-Heavy.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-Heavy.woff') format('woff'),
url('../assets/fonts/FuturaPT-Heavy.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Futura PT Demi';
src: url('../assets/fonts/FuturaPT-DemiObl.eot');
src: local('Futura PT Demi Oblique'), local('FuturaPT-DemiObl'),
url('../assets/fonts/FuturaPT-DemiObl.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-DemiObl.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-DemiObl.woff') format('woff'),
url('../assets/fonts/FuturaPT-DemiObl.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Cond Extra';
src: url('../assets/fonts/FuturaPTCond-ExtraBoldObl.eot');
src: local('Futura PT Cond Extra Bold Oblique'), local('FuturaPTCond-ExtraBoldObl'),
url('../assets/fonts/FuturaPTCond-ExtraBoldObl.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPTCond-ExtraBoldObl.woff2') format('woff2'),
url('../assets/fonts/FuturaPTCond-ExtraBoldObl.woff') format('woff'),
url('../assets/fonts/FuturaPTCond-ExtraBoldObl.ttf') format('truetype');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Cond Book';
src: url('../assets/fonts/FuturaPTCond-Book.eot');
src: local('Futura PT Cond Book'), local('FuturaPTCond-Book'),
url('../assets/fonts/FuturaPTCond-Book.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPTCond-Book.woff2') format('woff2'),
url('../assets/fonts/FuturaPTCond-Book.woff') format('woff'),
url('../assets/fonts/FuturaPTCond-Book.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Futura PT';
src: url('../assets/fonts/FuturaPT-LightObl.eot');
src: local('Futura PT Light Oblique'), local('FuturaPT-LightObl'),
url('../assets/fonts/FuturaPT-LightObl.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-LightObl.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-LightObl.woff') format('woff'),
url('../assets/fonts/FuturaPT-LightObl.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Book';
src: url('../assets/fonts/FuturaPT-BookObl.eot');
src: local('Futura PT Book Oblique'), local('FuturaPT-BookObl'),
url('../assets/fonts/FuturaPT-BookObl.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-BookObl.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-BookObl.woff') format('woff'),
url('../assets/fonts/FuturaPT-BookObl.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Futura PT';
src: url('../assets/fonts/FuturaPT-HeavyObl.eot');
src: local('Futura PT Heavy Oblique'), local('FuturaPT-HeavyObl'),
url('../assets/fonts/FuturaPT-HeavyObl.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-HeavyObl.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-HeavyObl.woff') format('woff'),
url('../assets/fonts/FuturaPT-HeavyObl.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Cond';
src: url('../assets/fonts/FuturaPTCond-BoldObl.eot');
src: local('Futura PT Cond Bold Oblique'), local('FuturaPTCond-BoldObl'),
url('../assets/fonts/FuturaPTCond-BoldObl.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPTCond-BoldObl.woff2') format('woff2'),
url('../assets/fonts/FuturaPTCond-BoldObl.woff') format('woff'),
url('../assets/fonts/FuturaPTCond-BoldObl.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Demi';
src: url('../assets/fonts/FuturaPT-Demi.eot');
src: local('Futura PT Demi'), local('FuturaPT-Demi'),
url('../assets/fonts/FuturaPT-Demi.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-Demi.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-Demi.woff') format('woff'),
url('../assets/fonts/FuturaPT-Demi.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Futura PT Cond Book';
src: url('../assets/fonts/FuturaPTCond-BookObl.eot');
src: local('Futura PT Cond Book Oblique'), local('FuturaPTCond-BookObl'),
url('../assets/fonts/FuturaPTCond-BookObl.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPTCond-BookObl.woff2') format('woff2'),
url('../assets/fonts/FuturaPTCond-BookObl.woff') format('woff'),
url('../assets/fonts/FuturaPTCond-BookObl.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Extra';
src: url('../assets/fonts/FuturaPT-ExtraBold.eot');
src: local('Futura PT Extra Bold'), local('FuturaPT-ExtraBold'),
url('../assets/fonts/FuturaPT-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-ExtraBold.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-ExtraBold.woff') format('woff'),
url('../assets/fonts/FuturaPT-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Futura PT Cond';
src: url('../assets/fonts/FuturaPTCond-Medium.eot');
src: local('Futura PT Cond Medium'), local('FuturaPTCond-Medium'),
url('../assets/fonts/FuturaPTCond-Medium.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPTCond-Medium.woff2') format('woff2'),
url('../assets/fonts/FuturaPTCond-Medium.woff') format('woff'),
url('../assets/fonts/FuturaPTCond-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Futura PT';
src: url('../assets/fonts/FuturaPT-Medium.eot');
src: local('Futura PT Medium'), local('FuturaPT-Medium'),
url('../assets/fonts/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-Medium.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-Medium.woff') format('woff'),
url('../assets/fonts/FuturaPT-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Futura PT Cond Extra';
src: url('../assets/fonts/FuturaPTCond-ExtraBold.eot');
src: local('Futura PT Cond Extra Bold'), local('FuturaPTCond-ExtraBold'),
url('../assets/fonts/FuturaPTCond-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPTCond-ExtraBold.woff2') format('woff2'),
url('../assets/fonts/FuturaPTCond-ExtraBold.woff') format('woff'),
url('../assets/fonts/FuturaPTCond-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Futura PT';
src: url('../assets/fonts/FuturaPT-MediumObl.eot');
src: local('Futura PT Medium Oblique'), local('FuturaPT-MediumObl'),
url('../assets/fonts/FuturaPT-MediumObl.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-MediumObl.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-MediumObl.woff') format('woff'),
url('../assets/fonts/FuturaPT-MediumObl.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Cond';
src: url('../assets/fonts/FuturaPTCond-Bold.eot');
src: local('Futura PT Cond Bold'), local('FuturaPTCond-Bold'),
url('../assets/fonts/FuturaPTCond-Bold.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPTCond-Bold.woff2') format('woff2'),
url('../assets/fonts/FuturaPTCond-Bold.woff') format('woff'),
url('../assets/fonts/FuturaPTCond-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Futura PT';
src: url('../assets/fonts/FuturaPT-BoldObl.eot');
src: local('Futura PT Bold Oblique'), local('FuturaPT-BoldObl'),
url('../assets/fonts/FuturaPT-BoldObl.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-BoldObl.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-BoldObl.woff') format('woff'),
url('../assets/fonts/FuturaPT-BoldObl.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Book';
src: url('../assets/fonts/FuturaPT-Book.eot');
src: local('Futura PT Book'), local('FuturaPT-Book'),
url('../assets/fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-Book.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-Book.woff') format('woff'),
url('../assets/fonts/FuturaPT-Book.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Futura PT';
src: url('../assets/fonts/FuturaPT-Light.eot');
src: local('Futura PT Light'), local('FuturaPT-Light'),
url('../assets/fonts/FuturaPT-Light.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-Light.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-Light.woff') format('woff'),
url('../assets/fonts/FuturaPT-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Futura PT Cond';
src: url('../assets/fonts/FuturaPTCond-MediumObl.eot');
src: local('Futura PT Cond Medium Oblique'), local('FuturaPTCond-MediumObl'),
url('../assets/fonts/FuturaPTCond-MediumObl.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPTCond-MediumObl.woff2') format('woff2'),
url('../assets/fonts/FuturaPTCond-MediumObl.woff') format('woff'),
url('../assets/fonts/FuturaPTCond-MediumObl.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Extra';
src: url('../assets/fonts/FuturaPT-ExtraBoldObl.eot');
src: local('Futura PT Extra Bold Oblique'), local('FuturaPT-ExtraBoldObl'),
url('../assets/fonts/FuturaPT-ExtraBoldObl.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/FuturaPT-ExtraBoldObl.woff2') format('woff2'),
url('../assets/fonts/FuturaPT-ExtraBoldObl.woff') format('woff'),
url('../assets/fonts/FuturaPT-ExtraBoldObl.ttf') format('truetype');
font-weight: 800;
font-style: italic;
} */
@font-face {
font-family: "Futura Heavy";
src: url("./FuturaHeavy-CCcMyr9X.otf") format("truetype");
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: subpixel-antialiased;
}
@font-face {
font-family: "Futura Light";
src: url("./FuturaLight-Cpj32YNH.otf") format("truetype");
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: subpixel-antialiased;
}
@font-face {
font-family: "Futura Book";
src: url("./FuturaBook-CY79VshX.ttf") format("truetype");
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: subpixel-antialiased;
}
/* Firefox */
* {
scrollbar-width: thin; /* Réduit la largeur */
scrollbar-color: rgba(100, 100, 100, 0.5) transparent;
}
body {
font-family: "Futura Light", Helvetica;
}
/* Empêcher le scroll flottant / rebond sur tous les éléments */
html,
body,
main {
overscroll-behavior: none !important;
-ms-scroll-chaining: none !important; /* Équivalent pour IE/Edge */
}
/* Si le problème persiste, appliquer à tous les conteneurs parents */
#app,
.app-wrapper,
.page-wrapper {
overscroll-behavior: none !important;
-ms-scroll-chaining: none !important;
}
/* Empêcher également le comportement de pull-to-refresh sur mobile */
body {
overflow-x: hidden;
position: relative;
height: 100%;
touch-action: pan-y; /* Permet le scroll vertical mais désactive certains comportements tactiles */
}
/* Si vous utilisez des sections à hauteur fixe */
section {
min-height: 0; /* Évite les problèmes de taille minimale qui peuvent causer des espaces vides */
}
/* Pour Edge et IE spécifiquement */
@supports (-ms-ime-align:auto) {
html, body {
-ms-overflow-style: none;
}
}
/**
* CSS icons
*/
.icons--mqh-logo {
display: inline-block;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 95 95' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cellipse cx='46.5' cy='46' rx='44.5' ry='45' fill='%230c1432'/%3E%3C/g%3E%3CclipPath id='clip'%3E%3Cpath d='M93 46.5C93 72.1812 72.4051 93 47 93C21.5949 93 1 72.1812 1 46.5C1 20.8188 21.5949 0 47 0C72.4051 0 93 20.8188 93 46.5ZM3.9776 46.5C3.9776 70.5189 23.2394 89.99 47 89.99C70.7606 89.99 90.0224 70.5189 90.0224 46.5C90.0224 22.4811 70.7606 3.00996 47 3.00996C23.2394 3.00996 3.9776 22.4811 3.9776 46.5Z' /%3E%3C/clipPath%3E%3Cg%3E%3Cpath d='M16.1017 58V34.603H16.4317L25.7377 45.5755L34.9777 34.603H35.3407V58H31.2487V48.133L31.3972 44.239L30.2257 46.021L25.7047 51.334L21.1837 46.021L20.0122 44.239L20.1937 48.133V58H16.1017ZM48.5765 58.396C46.4975 58.396 44.743 57.9065 43.313 56.9275C41.894 55.9375 40.816 54.5515 40.079 52.7695C39.342 50.9875 38.9735 48.892 38.9735 46.483C38.9735 44.096 39.3365 42.0115 40.0625 40.2295C40.7885 38.4475 41.8555 37.067 43.2635 36.088C44.6825 35.098 46.4205 34.603 48.4775 34.603C50.6225 34.603 52.4045 35.1035 53.8235 36.1045C55.2535 37.1055 56.326 38.497 57.041 40.279C57.756 42.061 58.1135 44.129 58.1135 46.483C58.1135 49.189 57.6515 51.499 56.7275 53.413C55.8035 55.327 54.4615 56.702 52.7015 57.538L55.2095 61.663L51.4145 63.709L48.9065 58.396C48.7965 58.396 48.6865 58.396 48.5765 58.396ZM48.5765 54.865C50.0175 54.865 51.233 54.172 52.223 52.786C53.224 51.389 53.7245 49.255 53.7245 46.384C53.7245 43.623 53.257 41.544 52.322 40.147C51.398 38.739 50.1165 38.035 48.4775 38.035C46.8825 38.035 45.634 38.739 44.732 40.147C43.841 41.555 43.3955 43.645 43.3955 46.417C43.3955 49.288 43.8685 51.4165 44.8145 52.8025C45.7715 54.1775 47.0255 54.865 48.5765 54.865ZM61.7667 58V34.999H66.0237V44.602H73.6467V34.999H77.9037V58H73.6467V48.232H66.0237V58H61.7667Z' fill='white'/%3E%3C/g%3E%3CforeignObject x='0' y='0' width='100%25' height='100%25' clip-path='url(%23clip)'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='width: 100%25; height: 100%25; background-image: conic-gradient(%23EE2363 0.7%25, %23F74A48 8.6%25, %23EE953D 21.7%25, %2366C47E 35.9%25, %230AD6BE 49.6%25, %23A154B6 63.7%25, %23F942EC 74.8%25, %23FB2B80 87.9%25)' /%3E%3C/foreignObject%3E%3C/svg%3E%0A");
}
.icons--linkedin-logo-black {
display: inline-block;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.icons--linkedin-logo {
display: inline-block;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.icons--instagram-logo {
display: inline-block;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.icons--instagram-logo-black {
display: inline-block;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.icons--svg-vide {
display: inline-block;
width: 32px;
height: 24px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.icons--svg-vide-petit {
display: inline-block;
width: 22px;
height: 16px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.icons--svg-noir-vide-petit {
display: inline-block;
width: 22px;
height: 16px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.icons--svg-plein-petit {
display: inline-block;
width: 22px;
height: 16px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.icons--svg-noir-plein-petit {
display: inline-block;
width: 22px;
height: 16px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.icons--svg-plein {
display: inline-block;
width: 32px;
height: 24px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.icons--svg-plein-grand {
display: inline-block;
width: 104px;
height: 71px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.aligncenter {
display: flex;
justify-content: center;
align-items: center;
}
/* Classes WordPress pour les colonnes flexibles */
.wp-block-columns {
display: flex;
flex-wrap: wrap;
gap: 2rem;
width: 100%;
}
/* .wp-container-core-columns-is-layout-9d6595d7 {
justify-content: space-between;
} */
.wp-block-column {
/* flex: 1; */
min-width: 0;
}
/* Gestion du flux dans les colonnes */
.is-layout-flow {
display: flex;
flex-direction: column;
}
/* Alignement de texte */
.has-text-align-right {
text-align: right;
}
.has-text-align-left {
text-align: left;
}
/* Conteneurs spécifiques à WordPress */
.wp-container-core-columns-is-layout-1 {
gap: 2em;
}
/* .wp-block-columns-is-layout-flex {
gap: 2em;
} */
.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
flex: 1;
}
.wp-block-column-is-layout-flow > * {
/* margin-top: 0; */
margin-bottom: 1rem;
}
.wp-block-column-is-layout-flow > *:last-child {
margin-bottom: 0;
}
/* Responsive pour les colonnes */
@media (max-width: 768px) {
.wp-block-columns {
flex-direction: column;
}
.wp-block-column {
width: 100%;
}
.has-text-align-right {
text-align: left;
}
}
.glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
background-color: transparent !important;
}
.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
background-color: transparent !important;
}
.wp-block-group {
display: block;
margin: 0 auto;
padding: 1rem;
}
.is-layout-flex {
display: flex;
gap: 1rem; /* souvent utilisé par défaut */
}
.is-content-justification-center {
justify-content: center;
}
.is-content-justification-right {
text-align: right;
}
.hover\:z-20:hover {
z-index: 20;
}
.hover\:border-black:hover {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.hover\:border-white:hover {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.group:hover .group-hover\:font-futuraHeavy {
font-family: Futura Heavy, Futura PT, sans-serif;
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
@media (min-width: 640px) {
.sm\:h-\[350px\] {
height: 350px;
}
}
@media (min-width: 768px) {
.md\:right-8 {
right: 2rem;
}
.md\:top-\[61px\] {
top: 61px;
}
.md\:col-start-2 {
grid-column-start: 2;
}
.md\:my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.md\:-mt-1 {
margin-top: -0.25rem;
}
.md\:mt-6 {
margin-top: 1.5rem;
}
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:grid {
display: grid;
}
.md\:hidden {
display: none;
}
.md\:size-auto {
width: auto;
height: auto;
}
.md\:size-full {
width: 100%;
height: 100%;
}
.md\:h-4 {
height: 1rem;
}
.md\:h-\[27px\] {
height: 27px;
}
.md\:h-\[30px\] {
height: 30px;
}
.md\:h-auto {
height: auto;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-4 {
width: 1rem;
}
.md\:w-\[73px\] {
width: 73px;
}
.md\:w-\[81px\] {
width: 81px;
}
.md\:flex-1 {
flex: 1 1 0%;
}
.md\:translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.md\:grid-cols-\[1fr_auto_1fr\] {
grid-template-columns: 1fr auto 1fr;
}
.md\:items-start {
align-items: flex-start;
}
.md\:items-end {
align-items: flex-end;
}
.md\:justify-start {
justify-content: flex-start;
}
.md\:justify-end {
justify-content: flex-end;
}
.md\:justify-center {
justify-content: center;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:justify-around {
justify-content: space-around;
}
.md\:justify-evenly {
justify-content: space-evenly;
}
.md\:justify-stretch {
justify-content: stretch;
}
.md\:gap-0 {
gap: 0px;
}
.md\:gap-12 {
gap: 3rem;
}
.md\:gap-4 {
gap: 1rem;
}
.md\:gap-6 {
gap: 1.5rem;
}
.md\:object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.md\:object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.md\:p-2 {
padding: 0.5rem;
}
.md\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.md\:px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.md\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.md\:py-\[14px\] {
padding-top: 14px;
padding-bottom: 14px;
}
.md\:pb-0 {
padding-bottom: 0px;
}
.md\:pb-9 {
padding-bottom: 2.25rem;
}
.md\:pb-\[8px\] {
padding-bottom: 8px;
}
.md\:pl-4 {
padding-left: 1rem;
}
.md\:pr-2 {
padding-right: 0.5rem;
}
.md\:pt-16 {
padding-top: 4rem;
}
.md\:pt-\[12px\] {
padding-top: 12px;
}
.md\:text-center {
text-align: center;
}
.md\:text-right {
text-align: right;
}
.md\:text-2xl {
font-size: 1.25rem;
}
.md\:text-6xl {
font-size: 3.5rem;
line-height: 45px;
}
.md\:text-base {
font-size: 0.7875rem;
}
.md\:text-lg {
font-size: 0.9rem;
}
.md\:leading-50 {
line-height: 50px;
}
}
@media (min-width: 1024px) {
.lg\:right-24 {
right: 6rem;
}
.lg\:right-8 {
right: 2rem;
}
.lg\:top-\[42px\] {
top: 42px;
}
.lg\:mb-10 {
margin-bottom: 2.5rem;
}
.lg\:mt-2 {
margin-top: 0.5rem;
}
.lg\:flex {
display: flex;
}
.lg\:hidden {
display: none;
}
.lg\:h-\[134px\] {
height: 134px;
}
.lg\:max-h-\[134px\] {
max-height: 134px;
}
.lg\:w-1\/2 {
width: 50%;
}
.lg\:w-1\/3 {
width: 33.333333%;
}
.lg\:w-\[238px\] {
width: 238px;
}
.lg\:max-w-4xl {
max-width: 56rem;
}
.lg\:max-w-5xl {
max-width: 64rem;
}
.lg\:justify-evenly {
justify-content: space-evenly;
}
.lg\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2.5rem * var(--tw-space-x-reverse));
margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.lg\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.lg\:px-18 {
padding-left: 4.5rem;
padding-right: 4.5rem;
}
.lg\:px-36 {
padding-left: 9rem;
padding-right: 9rem;
}
.lg\:py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.lg\:pt-10 {
padding-top: 2.5rem;
}
.lg\:pt-\[46px\] {
padding-top: 46px;
}
.lg\:text-3xl {
font-size: 1.5rem;
line-height: 26px;
}
}
@media (min-width: 1280px) {
.xl\:block {
display: block;
}
.xl\:w-1\/2 {
width: 50%;
}
.xl\:flex-nowrap {
flex-wrap: nowrap;
}
.xl\:px-32 {
padding-left: 8rem;
padding-right: 8rem;
}
}