.fonctionnalite-section{overflow:hidden;transition:all .3s ease}.fonctionnalite-section .page-width{max-width:1400px;margin:0 auto;padding:0 20px}.fonctionnalite-sous-titre{text-align:center;font-weight:500;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px;padding:8px 24px;background-color:#4db6ac;border-radius:20px;display:inline-block;position:relative;left:50%;transform:translate(-50%);font-size:14px}.fonctionnalite-titre{text-align:center;font-weight:700;margin:0 0 40px;line-height:1.2;font-family:El Messiri,Georgia,serif}.fonctionnalite-grille{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"gauche centre droite";align-items:center;margin-top:50px;max-width:1400px;margin-left:auto;margin-right:auto;position:relative}.fonctionnalite-section.pulsation-active .fonctionnalite-grille:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(0,121,107,.05) 0%,transparent 70%);border-radius:50%;z-index:0;animation:pulsation-douce 4s ease-in-out infinite}@keyframes pulsation-douce{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.1}}.fonctionnalites-gauche{grid-area:gauche;display:flex;flex-direction:column;gap:25px;padding-right:25px;position:relative;z-index:1}.video-centre{grid-area:centre;display:flex;justify-content:center;align-items:center;padding:0 25px;position:relative;z-index:2}.fonctionnalites-droite{grid-area:droite;display:flex;flex-direction:column;gap:25px;padding-left:25px;position:relative;z-index:1}.fonctionnalite-section{--elevation-survol: 10px;--echelle-survol: 1}.fonctionnalite-carte{background:linear-gradient(145deg,#fff,#fafafa);padding:30px 20px;border-radius:20px;box-shadow:0 10px 40px #00796b14,0 4px 15px #0000000d,inset 0 1px #fffc;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-align:center;position:relative;border:1px solid rgba(0,121,107,.1);overflow:hidden}.fonctionnalite-carte:hover{transform:translateY(calc(-1 * var(--elevation-survol, 10px))) scale(calc(var(--echelle-survol, 1) + .02));box-shadow:0 25px 60px #00796b26,0 15px 35px #0000001a,inset 0 1px #ffffffe6;border-color:#00796b33}.fonctionnalite-carte:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00796b,#4db6ac,#00796b);transform:translate(-100%);transition:transform .6s ease}.fonctionnalite-carte:hover:before{transform:translate(0)}.fonctionnalite-section.brillance-active .fonctionnalite-carte:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg) translate(-50%,-50%);transition:all .6s ease;opacity:0;pointer-events:none}.fonctionnalite-section.brillance-active .fonctionnalite-carte:hover:after{opacity:1;animation:brillance .8s ease-in-out}.fonctionnalite-section.animations-actives .fonctionnalite-carte{animation:entree-carte .8s ease-out forwards}.fonctionnalite-section.animations-actives .fonctionnalite-carte:nth-child(1){animation-delay:.1s}.fonctionnalite-section.animations-actives .fonctionnalite-carte:nth-child(2){animation-delay:.3s}.fonctionnalite-section.animations-actives .fonctionnalites-droite .fonctionnalite-carte:nth-child(1){animation-delay:.7s}.fonctionnalite-section.animations-actives .fonctionnalites-droite .fonctionnalite-carte:nth-child(2){animation-delay:.9s}.fonctionnalite-section.animations-actives .fonctionnalite-video-item{animation:entree-video 1s ease-out .5s forwards;opacity:0}.fonctionnalite-carte:hover .fonctionnalite-icone{transform:scale(1.1) rotateY(10deg)}.fonctionnalite-carte:hover .fonctionnalite-icone img{filter:drop-shadow(0 6px 12px rgba(0,121,107,.3));transform:scale(1.05)}.fonctionnalite-icone{margin-bottom:15px;display:block;line-height:1;transition:all .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 4px 8px rgba(0,121,107,.2));transform-style:preserve-3d;text-align:center}.fonctionnalite-icone img{transition:all .4s cubic-bezier(.175,.885,.32,1.275);border-radius:8px;filter:drop-shadow(0 4px 8px rgba(0,121,107,.2))}.fonctionnalite-titre-carte{font-weight:600;margin:0 0 10px;line-height:1.3;letter-spacing:.3px;transition:all .3s ease;background:linear-gradient(135deg,#2c2c2c,#4a4a4a);-webkit-background-clip:text;-webkit-text-fill-color:#00000000;background-clip:text}.fonctionnalite-carte:hover .fonctionnalite-titre-carte{background:linear-gradient(135deg,#00796b,#4db6ac);-webkit-background-clip:text;-webkit-text-fill-color:#00000000;background-clip:text;transform:translateY(-2px)}.fonctionnalite-description-carte{line-height:1.5;margin:0;opacity:.85;transition:all .3s ease;font-weight:400}.fonctionnalite-carte:hover .fonctionnalite-description-carte{opacity:1;transform:translateY(-1px)}.fonctionnalite-video-item{overflow:hidden;box-shadow:0 20px 60px #00796b26,0 8px 25px #00000014,inset 0 1px #fffc;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;flex:0 0 auto;display:flex;flex-direction:column;width:100%}.fonctionnalite-video-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,121,107,.1) 0%,transparent 25%,transparent 75%,rgba(76,175,80,.1) 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.fonctionnalite-video-item:hover:before{opacity:1}.fonctionnalite-video-item:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 30px 80px #00796b33,0 15px 40px #0000001f,inset 0 1px #ffffffe6}.conteneur-video{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#e9ecef);cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;min-height:300px;border-radius:inherit}.conteneur-miniature-video{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;border-radius:inherit}.lecteur-video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .4s ease;border:none;display:block;position:relative;z-index:1;border-radius:inherit}.conteneur-video:hover .lecteur-video{transform:scale(1.02)}.placeholder-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.5px;text-align:center;padding:20px;transition:all .3s ease}.placeholder-video:hover{transform:scale(1.02)}.bouton-lecture{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 35px #00796b40,0 8px 20px #0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;opacity:1}.bouton-lecture:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,#00796b,#4db6ac);opacity:0;transition:opacity .3s ease;z-index:-1}.bouton-lecture:hover:before{opacity:.1}.bouton-lecture:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 25px 50px #00796b59,0 15px 30px #00000026}.bouton-lecture:active{transform:translate(-50%,-50%) scale(1.1)}.bouton-lecture svg{margin-left:3px;filter:drop-shadow(0 2px 4px rgba(0,121,107,.3));transition:all .3s ease}.bouton-lecture:hover svg{filter:drop-shadow(0 4px 8px rgba(0,121,107,.4))}.bouton-lecture:focus{outline:4px solid rgba(0,121,107,.3);outline-offset:4px}.bouton-arret{border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 20px #0003,0 4px 10px #0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:15;opacity:.95}.bouton-arret:hover{transform:scale(1.15)!important;box-shadow:0 12px 30px #00000040,0 6px 15px #00000026;opacity:1}.bouton-arret:active{transform:scale(1.05)!important}.bouton-arret:focus{outline:3px solid rgba(0,121,107,.3);outline-offset:3px}.bouton-arret svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .3s ease}.bouton-arret:hover svg{filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.conteneur-video[data-etat-video=inactif] .bouton-lecture{opacity:1;display:flex}.conteneur-video[data-etat-video=inactif] .bouton-arret{display:none}.conteneur-video[data-etat-video=actif] .bouton-lecture{opacity:0;display:none}.conteneur-video[data-etat-video=actif] .bouton-arret{display:flex}.conteneur-video.inactif .bouton-lecture{opacity:1;display:flex}.conteneur-video.inactif .bouton-arret{display:none}.conteneur-video.actif .bouton-lecture{opacity:0;display:none}.conteneur-video.actif .bouton-arret{display:flex}.conteneur-video.actif .lecteur-video,.conteneur-video.inactif .lecteur-video{transform:scale(1)}.titre-video{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.titre-video h3{font-weight:600;line-height:1.3;letter-spacing:.3px}.description-video{background:#ffffffe6}.description-video p{line-height:1.4;font-style:italic}.lecteur-video.chargement{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:chargement 1.5s infinite}@keyframes chargement{0%{background-position:200% 0}to{background-position:-200% 0}}.lecteur-video.erreur{background:linear-gradient(135deg,#ffebee,#f8bbd9)}.conteneur-miniature-video.afficher-fallback:after{content:"Erreur de chargement";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;text-align:center;background:#000000b3;padding:10px 15px;border-radius:5px;z-index:5}.superposition-erreur-video,.erreur-lecture-video,.erreur-lecture-automatique-video{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:20;border-radius:inherit}.superposition-erreur-video .contenu-erreur,.erreur-lecture-video .contenu-erreur,.erreur-lecture-automatique-video .contenu-erreur{background:#fffffff2;padding:20px;border-radius:10px;text-align:center;color:#2c2c2c;font-weight:500}.erreur-lecture-automatique-video .contenu-erreur{background:#00796bf2;color:#fff}.fonctionnalite-video-item.animer{animation:flottement-element-video 4s ease-in-out infinite}.fonctionnalite-carte.animer{animation:flottement-carte 5s ease-in-out infinite}@keyframes pulsation-premium{0%,to{box-shadow:0 10px 40px #00796b14,0 4px 15px #0000000d,inset 0 1px #fffc}50%{box-shadow:0 15px 50px #00796b1f,0 6px 20px #00000014,inset 0 1px #ffffffe6}}.fonctionnalite-carte.pulsation{animation:pulsation-premium 3s ease-in-out infinite}@media (max-width: 767px){.fonctionnalite-grille{display:grid;grid-template-columns:1fr;grid-template-areas:"point-fort-1" "point-fort-2" "video-centre" "point-fort-3" "point-fort-4";gap:30px;margin-top:40px}.fonctionnalites-gauche,.fonctionnalites-droite{display:contents;padding:0}.video-centre{grid-area:video-centre;padding:0}.fonctionnalites-gauche .fonctionnalite-carte:first-child{grid-area:point-fort-1}.fonctionnalites-gauche .fonctionnalite-carte:last-child{grid-area:point-fort-2}.fonctionnalites-droite .fonctionnalite-carte:first-child{grid-area:point-fort-3}.fonctionnalites-droite .fonctionnalite-carte:last-child{grid-area:point-fort-4}.fonctionnalite-carte{padding:25px 20px;width:100%;max-width:none}.fonctionnalite-carte:hover{transform:translateY(-8px) scale(1.01)}.fonctionnalite-icone{margin-bottom:12px}.fonctionnalite-icone img{max-width:50px;max-height:50px}.placeholder-video{min-height:300px;font-size:16px}.bouton-arret{top:12px;right:12px;width:36px;height:36px}.bouton-arret svg{width:16px;height:16px}.fonctionnalite-video-item:hover{transform:translateY(-8px) scale(1.02)}}@media (max-width: 479px){.fonctionnalite-section .page-width{padding:0 16px}.fonctionnalites-gauche,.fonctionnalites-droite{grid-template-columns:1fr;gap:20px}.fonctionnalite-carte{padding:25px 18px}.fonctionnalite-grille{gap:35px}}@media (min-width: 768px) and (max-width: 1023px){.fonctionnalite-grille{grid-template-columns:.85fr 1fr .85fr;gap:20px}.fonctionnalites-gauche,.fonctionnalites-droite{padding-left:15px;padding-right:15px;gap:22px}.video-centre{padding:0 20px}.fonctionnalite-carte{padding:28px 18px}}@media (min-width: 1024px){.fonctionnalite-section .page-width{padding:0 40px}.fonctionnalite-grille{gap:50px}.fonctionnalites-gauche,.fonctionnalites-droite{gap:30px}}@media (max-width: 360px){.placeholder-video{font-size:14px;min-height:260px}.fonctionnalite-icone img{max-width:45px;max-height:45px}.fonctionnalite-carte{padding:22px 16px}.fonctionnalite-grille{gap:30px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.bouton-lecture{border-width:2px}.fonctionnalite-carte{box-shadow:0 12px 45px #00796b1a,0 5px 18px #0000000f,inset 0 1px #ffffffd9}}@media (min-width: 1400px){.fonctionnalite-grille{max-width:1400px;gap:60px}.fonctionnalites-gauche,.fonctionnalites-droite{gap:35px}.fonctionnalite-carte{padding:35px 25px}.fonctionnalite-icone{font-size:2.8rem;margin-bottom:18px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.bouton-lecture{border-width:1px}}@keyframes brillance{0%{transform:rotate(45deg) translate(-150%,-150%)}50%{transform:rotate(45deg) translate(-50%,-50%)}to{transform:rotate(45deg) translate(50%,50%)}}@keyframes flottement-element-video{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes flottement-carte{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes entree-carte{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes entree-video{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.fonctionnalite-video-item,.lecteur-video,.bouton-lecture,.bouton-arret,.fonctionnalite-carte{transition:none}.fonctionnalite-video-item.animer,.fonctionnalite-carte.animer{animation:none}}.conteneur-video:focus-within .bouton-lecture{outline:3px solid #00796B;outline-offset:3px}.conteneur-video:focus-within .bouton-arret{outline:2px solid #00796B;outline-offset:2px}.fonctionnalite-video-item:focus-within{transform:translateY(-4px)}.fonctionnalite-carte:focus-within{transform:translateY(-3px)}.sr-seulement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-color-scheme: dark){.fonctionnalite-video-item,.fonctionnalite-carte{background:#2a2a2a}.titre-video{background:#2a2a2af2}.description-video{background:#2a2a2ae6}.placeholder-video{background:linear-gradient(135deg,#00796b,#003834)}}@media print{.fonctionnalite-section{background:#fff!important;color:#000!important}.bouton-lecture,.bouton-arret{display:none!important}.lecteur-video{border:1px solid #ccc!important}.titre-video h3,.description-video p,.fonctionnalite-titre-carte,.fonctionnalite-description-carte{color:#000!important}.fonctionnalite-grille{grid-template-columns:1fr;grid-template-areas:"centre" "gauche" "droite"}}.lecteur-video,.bouton-lecture,.bouton-arret,.fonctionnalite-carte{will-change:transform}@media (hover: none) and (pointer: coarse){.bouton-lecture:hover,.bouton-arret:hover,.fonctionnalite-carte:hover{transform:none}.bouton-lecture:active{transform:translate(-50%,-50%) scale(.95)}.bouton-arret:active{transform:scale(.9)}.fonctionnalite-carte:active{transform:translateY(-2px)}}.conteneur-video:not(.actif):hover .bouton-lecture{transform:translate(-50%,-50%) scale(1.1)}.spinner-chargement-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #00796B;border-radius:50%;animation:rotation 1s linear infinite;z-index:5}@keyframes rotation{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.conteneur-video[data-etat-video=actif] .lecteur-video[controls]{pointer-events:auto}.conteneur-video[data-etat-video=inactif] .lecteur-video{pointer-events:none}.conteneur-video,.bouton-lecture,.bouton-arret{isolation:isolate}
/*# sourceMappingURL=/cdn/shop/t/3/assets/fonctionnalite.css.map */