@charset "UTF-8"; /* ------------------ */ /* FlexBox */ /* ------------------ */ /* %flexbox { @include flexbox; } */ /* %inline-flex { @include inline-flex; } */ /* ------------------ Flexbox Direction --------------------- Values: row | (distribution horizontale) row-reverse | (distribution horizontale inversée) column | (distribution verticale) column-reverse | (distribution verticale inversée) */ /* // Shorter version: @mixin flex-dir($args...) { @include flex-direction($args...); } */ /* --------------- Flexbox Wrap ------------------ Values: nowrap | (les éléments ne passent pas à la ligne) wrap | (les éléments passent à la ligne dans le sens de lecture) wrap-reverse | (les éléments passent à la ligne dans le sens inverse) */ /* --------------- Flexbox Flow ------------------ Values: row nowrap | | | */ /* --------------- Flexbox Order ------------------ Contrôle l'ordre dans lequel les éléments apparaissent. S’applique aux "flex-items" Les éléments dont la valeur est la plus forte se trouveront en bas de la pile. */ /* --------------- Flexbox Grow ------------------ Capacité pour un élément à s’étirer dans l’espace restant. Les nombres négatifs sont invalides. */ /* --------------- Flexbox Shrink ------------------ Capacité pour un élément à se contracter si nécessaire. Les nombres négatifs sont invalides. */ /* --------------- Flexbox Basis ------------------ Width d'un élément. Taille initiale de l’élément avant que l’espace restant ne soit distribué. Les valeurs négatives sont invalides. */ /* --------------- Flexbox Flex ------------------ Values: none | | | Default: See individual properties (1 1 0) | */ /* ------------------------ Flexbox Justify Content --------------------------- Values: flex-start | flex-end | center | space-between | space-around | Note: 'space-*' values not supported in older syntaxes. */ /* -------------------- Flexbox Align Items ----------------------- Values: flex-start | (au début) flex-end | (à la fin) center | (au centre) baseline | (généralement identique à flex-start) stretch | (étirés dans l’espace disponible, valeur par défaut) */ /* -------------------- Flexbox Align Self ----------------------- Permet de distinguer l’alignement d’un "flex-item" de ses frères. Values: auto | flex-start | flex-end | center | baseline | stretch | */ /* ---------------------- Flexbox Align Content ------------------------- Values: stretch | flex-start | (éléments positionnés au début du sens de lecture, valeur par défaut) flex-end | (éléments positionnés à la fin) center | (position centrale) space-between | (répartition “justifiée”) space-around | (variante de répartition “justifiée”) */ /*--------- Spaces ---------*/ .margin-top-5 { margin-top: 5px; } .margin-top-10 { margin-top: 10px; } .margin-top-15 { margin-top: 15px; } .margin-top-20 { margin-top: 20px; } .margin-top-25 { margin-top: 25px; } .margin-top-30 { margin-top: 30px; } .margin-top-35 { margin-top: 35px; } .margin-top-40 { margin-top: 40px; } .margin-top-45 { margin-top: 45px; } .margin-top-50 { margin-top: 50px; } .margin-top-55 { margin-top: 55px; } .margin-top-60 { margin-top: 60px; } .margin-top-70 { margin-top: 70px; } .margin-top-80 { margin-top: 80px; } .margin-top-90 { margin-top: 90px; } .margin-top-100 { margin-top: 100px; } .margin-top-120 { margin-top: 120px; } .margin-top-140 { margin-top: 140px; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-35 { margin-bottom: 35px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-45 { margin-bottom: 45px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-bottom-55 { margin-bottom: 55px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-70 { margin-bottom: 70px; } .margin-bottom-80 { margin-bottom: 80px; } .margin-bottom-100 { margin-bottom: 100px; } .margin-bottom-120 { margin-bottom: 120px; } .margin-bottom-140 { margin-bottom: 140px; } .margin-bottom-160 { margin-bottom: 160px; } .margin-bottom-180 { margin-bottom: 180px; } .margin-bottom-200 { margin-bottom: 200px; } .margin-bottom-220 { margin-bottom: 220px; } .margin-bottom-240 { margin-bottom: 240px; } @-webkit-keyframes bounceLeftIn { 0% { opacity: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } 60% { -webkit-transform: translateX(3%); -moz-transform: translateX(3%); -ms-transform: translateX(3%); -o-transform: translateX(3%); transform: translateX(3%); } 90% { -webkit-transform: translateX(-1%); -moz-transform: translateX(-1%); -ms-transform: translateX(-1%); -o-transform: translateX(-1%); transform: translateX(-1%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-moz-keyframes bounceLeftIn { 0% { opacity: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } 60% { -webkit-transform: translateX(3%); -moz-transform: translateX(3%); -ms-transform: translateX(3%); -o-transform: translateX(3%); transform: translateX(3%); } 90% { -webkit-transform: translateX(-1%); -moz-transform: translateX(-1%); -ms-transform: translateX(-1%); -o-transform: translateX(-1%); transform: translateX(-1%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-ms-keyframes bounceLeftIn { 0% { opacity: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } 60% { -webkit-transform: translateX(3%); -moz-transform: translateX(3%); -ms-transform: translateX(3%); -o-transform: translateX(3%); transform: translateX(3%); } 90% { -webkit-transform: translateX(-1%); -moz-transform: translateX(-1%); -ms-transform: translateX(-1%); -o-transform: translateX(-1%); transform: translateX(-1%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-o-keyframes bounceLeftIn { 0% { opacity: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } 60% { -webkit-transform: translateX(3%); -moz-transform: translateX(3%); -ms-transform: translateX(3%); -o-transform: translateX(3%); transform: translateX(3%); } 90% { -webkit-transform: translateX(-1%); -moz-transform: translateX(-1%); -ms-transform: translateX(-1%); -o-transform: translateX(-1%); transform: translateX(-1%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @keyframes bounceLeftIn { 0% { opacity: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } 60% { -webkit-transform: translateX(3%); -moz-transform: translateX(3%); -ms-transform: translateX(3%); -o-transform: translateX(3%); transform: translateX(3%); } 90% { -webkit-transform: translateX(-1%); -moz-transform: translateX(-1%); -ms-transform: translateX(-1%); -o-transform: translateX(-1%); transform: translateX(-1%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes bounceRightIn { 0% { opacity: 0; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } 60% { -webkit-transform: translateX(-3%); -moz-transform: translateX(-3%); -ms-transform: translateX(-3%); -o-transform: translateX(-3%); transform: translateX(-3%); } 90% { -webkit-transform: translateX(1%); -moz-transform: translateX(1%); -ms-transform: translateX(1%); -o-transform: translateX(1%); transform: translateX(1%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-moz-keyframes bounceRightIn { 0% { opacity: 0; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } 60% { -webkit-transform: translateX(-3%); -moz-transform: translateX(-3%); -ms-transform: translateX(-3%); -o-transform: translateX(-3%); transform: translateX(-3%); } 90% { -webkit-transform: translateX(1%); -moz-transform: translateX(1%); -ms-transform: translateX(1%); -o-transform: translateX(1%); transform: translateX(1%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-ms-keyframes bounceRightIn { 0% { opacity: 0; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } 60% { -webkit-transform: translateX(-3%); -moz-transform: translateX(-3%); -ms-transform: translateX(-3%); -o-transform: translateX(-3%); transform: translateX(-3%); } 90% { -webkit-transform: translateX(1%); -moz-transform: translateX(1%); -ms-transform: translateX(1%); -o-transform: translateX(1%); transform: translateX(1%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-o-keyframes bounceRightIn { 0% { opacity: 0; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } 60% { -webkit-transform: translateX(-3%); -moz-transform: translateX(-3%); -ms-transform: translateX(-3%); -o-transform: translateX(-3%); transform: translateX(-3%); } 90% { -webkit-transform: translateX(1%); -moz-transform: translateX(1%); -ms-transform: translateX(1%); -o-transform: translateX(1%); transform: translateX(1%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @keyframes bounceRightIn { 0% { opacity: 0; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } 60% { -webkit-transform: translateX(-3%); -moz-transform: translateX(-3%); -ms-transform: translateX(-3%); -o-transform: translateX(-3%); transform: translateX(-3%); } 90% { -webkit-transform: translateX(1%); -moz-transform: translateX(1%); -ms-transform: translateX(1%); -o-transform: translateX(1%); transform: translateX(1%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes bounceIcon { 0% { opacity: 0; -webkit-transform: scale(0.5) translateX(-50%); -moz-transform: scale(0.5) translateX(-50%); -ms-transform: scale(0.5) translateX(-50%); -o-transform: scale(0.5) translateX(-50%); transform: scale(0.5) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 60% { -webkit-transform: scale(1.02) translateX(-50%); -moz-transform: scale(1.02) translateX(-50%); -ms-transform: scale(1.02) translateX(-50%); -o-transform: scale(1.02) translateX(-50%); transform: scale(1.02) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 90% { -webkit-transform: scale(0.98) translateX(-50%); -moz-transform: scale(0.98) translateX(-50%); -ms-transform: scale(0.98) translateX(-50%); -o-transform: scale(0.98) translateX(-50%); transform: scale(0.98) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 100% { opacity: 1; -webkit-transform: scale(1) translateX(-50%); -moz-transform: scale(1) translateX(-50%); -ms-transform: scale(1) translateX(-50%); -o-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } } @-moz-keyframes bounceIcon { 0% { opacity: 0; -webkit-transform: scale(0.5) translateX(-50%); -moz-transform: scale(0.5) translateX(-50%); -ms-transform: scale(0.5) translateX(-50%); -o-transform: scale(0.5) translateX(-50%); transform: scale(0.5) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 60% { -webkit-transform: scale(1.02) translateX(-50%); -moz-transform: scale(1.02) translateX(-50%); -ms-transform: scale(1.02) translateX(-50%); -o-transform: scale(1.02) translateX(-50%); transform: scale(1.02) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 90% { -webkit-transform: scale(0.98) translateX(-50%); -moz-transform: scale(0.98) translateX(-50%); -ms-transform: scale(0.98) translateX(-50%); -o-transform: scale(0.98) translateX(-50%); transform: scale(0.98) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 100% { opacity: 1; -webkit-transform: scale(1) translateX(-50%); -moz-transform: scale(1) translateX(-50%); -ms-transform: scale(1) translateX(-50%); -o-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } } @-ms-keyframes bounceIcon { 0% { opacity: 0; -webkit-transform: scale(0.5) translateX(-50%); -moz-transform: scale(0.5) translateX(-50%); -ms-transform: scale(0.5) translateX(-50%); -o-transform: scale(0.5) translateX(-50%); transform: scale(0.5) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 60% { -webkit-transform: scale(1.02) translateX(-50%); -moz-transform: scale(1.02) translateX(-50%); -ms-transform: scale(1.02) translateX(-50%); -o-transform: scale(1.02) translateX(-50%); transform: scale(1.02) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 90% { -webkit-transform: scale(0.98) translateX(-50%); -moz-transform: scale(0.98) translateX(-50%); -ms-transform: scale(0.98) translateX(-50%); -o-transform: scale(0.98) translateX(-50%); transform: scale(0.98) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 100% { opacity: 1; -webkit-transform: scale(1) translateX(-50%); -moz-transform: scale(1) translateX(-50%); -ms-transform: scale(1) translateX(-50%); -o-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } } @-o-keyframes bounceIcon { 0% { opacity: 0; -webkit-transform: scale(0.5) translateX(-50%); -moz-transform: scale(0.5) translateX(-50%); -ms-transform: scale(0.5) translateX(-50%); -o-transform: scale(0.5) translateX(-50%); transform: scale(0.5) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 60% { -webkit-transform: scale(1.02) translateX(-50%); -moz-transform: scale(1.02) translateX(-50%); -ms-transform: scale(1.02) translateX(-50%); -o-transform: scale(1.02) translateX(-50%); transform: scale(1.02) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 90% { -webkit-transform: scale(0.98) translateX(-50%); -moz-transform: scale(0.98) translateX(-50%); -ms-transform: scale(0.98) translateX(-50%); -o-transform: scale(0.98) translateX(-50%); transform: scale(0.98) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 100% { opacity: 1; -webkit-transform: scale(1) translateX(-50%); -moz-transform: scale(1) translateX(-50%); -ms-transform: scale(1) translateX(-50%); -o-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } } @keyframes bounceIcon { 0% { opacity: 0; -webkit-transform: scale(0.5) translateX(-50%); -moz-transform: scale(0.5) translateX(-50%); -ms-transform: scale(0.5) translateX(-50%); -o-transform: scale(0.5) translateX(-50%); transform: scale(0.5) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 60% { -webkit-transform: scale(1.02) translateX(-50%); -moz-transform: scale(1.02) translateX(-50%); -ms-transform: scale(1.02) translateX(-50%); -o-transform: scale(1.02) translateX(-50%); transform: scale(1.02) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 90% { -webkit-transform: scale(0.98) translateX(-50%); -moz-transform: scale(0.98) translateX(-50%); -ms-transform: scale(0.98) translateX(-50%); -o-transform: scale(0.98) translateX(-50%); transform: scale(0.98) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } 100% { opacity: 1; -webkit-transform: scale(1) translateX(-50%); -moz-transform: scale(1) translateX(-50%); -ms-transform: scale(1) translateX(-50%); -o-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } 90% { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); transform: scale(0.98); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } 90% { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); transform: scale(0.98); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-ms-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } 90% { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); transform: scale(0.98); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } 90% { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); transform: scale(0.98); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } 90% { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); transform: scale(0.98); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } html { font-size: 62.5%; } @media (min-width: 992px) and (max-width: 1199.98px) { html { font-size: 54%; } } @media (max-width: 991.98px) { html { font-size: 50%; } } @media (max-width: 767.98px), (max-height: 768px) { html { font-size: 45%; } } @media (max-width: 575.98px) { html { font-size: 40%; } } @media (max-width: 319.98px) { html { font-size: 35%; } } html, body { width: 100%; height: 100%; font-family: "akz", Helvetica, Arial, sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-size: 2.4rem; line-height: 100%; color: rgb(60, 60, 60); } hr.white { border-top-color: white; } hr.dark { border-top-color: rgb(60, 60, 60); } hr.ext { margin-top: 1.5rem; margin-bottom: 1.5rem; } a, a:hover { color: rgb(87, 87, 86); } b, strong { font-weight: 600; } section { position: relative; } .bg-image-round { width: 100%; padding-bottom: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .txtShadow { text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); } .txtShadowWhite { text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.6); } .boxShadow { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); -o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6); } ul.menu { list-style: none; padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } ul.menu li { position: relative; font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-style: italic; text-transform: uppercase; color: white; display: inline-block; padding-right: 6px; cursor: pointer; z-index: 0; } ul.menu li:before { content: "// "; color: rgb(238, 127, 0); } ul.menu li:after { position: absolute; content: ""; background-color: rgb(238, 127, 0); width: 0%; height: 100%; left: 0; z-index: -1; -webkit-transform: skewX(-13deg); -moz-transform: skewX(-13deg); -ms-transform: skewX(-13deg); -o-transform: skewX(-13deg); transform: skewX(-13deg); -webkit-transition: width 0.3s ease-out; -moz-transition: width 0.3s ease-out; -ms-transition: width 0.3s ease-out; -o-transition: width 0.3s ease-out; transition: width 0.3s ease-out; } ul.menu li:hover:after { width: 100%; } ul.menu li a { color: inherit; } ul.menu li a:hover { text-decoration: none; } .closeWrapper { position: fixed; width: 100%; height: 100%; z-index: 15; } #outdated { background-color: rgb(238, 127, 0); color: white; position: fixed; top: 0; left: 0; right: 0; z-index: 200; /* &.show { display: block; } */ } .custom-select { font-family: "akz-cnd", Helvetica, Arial, sans-serif; } .custom-select, .custom-file-input, .custom-file-label { font-size: 1.8rem; height: auto; } .custom-select:focus, .custom-file-input:focus, .custom-file-label:focus { border-color: rgba(255, 101, 51, 0.25); -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 101, 51, 0.25); -moz-box-shadow: 0 0 0 0.2rem rgba(255, 101, 51, 0.25); -ms-box-shadow: 0 0 0 0.2rem rgba(255, 101, 51, 0.25); -o-box-shadow: 0 0 0 0.2rem rgba(255, 101, 51, 0.25); box-shadow: 0 0 0 0.2rem rgba(255, 101, 51, 0.25); } .selector-ico { position: relative; } .selector-ico:before { position: absolute; font-family: "Font Awesome 5 Free"; font-size: 1.4rem; top: 0; left: 0; height: 100%; width: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .selector-ico.unchecked:before { content: "\f00d"; color: #f2391d; } .selector-ico.checked:before { content: "\f00c"; color: #006633; } .selector-ico .custom-select { padding-left: 30px; } label.custom-file-label { font-style: italic; } label.custom-file-label:after { content: "Sélectionner"; font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-style: normal; text-transform: uppercase; height: 100%; } .form-control { font-size: 1.8rem; } .form-control:focus { border-color: rgba(255, 101, 51, 0.25); -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 101, 51, 0.25); -moz-box-shadow: 0 0 0 0.2rem rgba(255, 101, 51, 0.25); -ms-box-shadow: 0 0 0 0.2rem rgba(255, 101, 51, 0.25); -o-box-shadow: 0 0 0 0.2rem rgba(255, 101, 51, 0.25); box-shadow: 0 0 0 0.2rem rgba(255, 101, 51, 0.25); } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-style: italic; } input:-moz-placeholder, textarea:-moz-placeholder { font-style: italic; } input::-moz-placeholder, textarea::-moz-placeholder { font-style: italic; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-style: italic; } .form-check { margin-bottom: 1rem; } .form-check .form-check-input, .form-check input[type=checkbox] { margin-top: 0.6rem; } @media (min-width: 992px) and (max-width: 1199.98px) { .form-check .form-check-input, .form-check input[type=checkbox] { margin-top: 0.4rem; } } @media (max-width: 991.98px) { .form-check .form-check-input, .form-check input[type=checkbox] { margin-top: 0.3rem; } } @media (max-width: 767.98px), (max-height: 768px) { .form-check .form-check-input, .form-check input[type=checkbox] { margin-top: 0.1rem; } } @media (max-width: 575.98px) { .form-check .form-check-input, .form-check input[type=checkbox] { margin-top: 0.2rem; } } .form-check .form-check-label, .form-check label { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 2.4rem; margin-left: 1rem; margin-right: 1.5rem; } .form-check .form-check-label.italic, .form-check label.italic { font-family: "akz", Helvetica, Arial, sans-serif; font-size: 1.8rem; font-style: italic; } .nav-tabs { border-bottom: 1px solid rgb(60, 60, 60); } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link { font-family: "grot_extracond", Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 1rem 1rem; } .nav-tabs .nav-item.show .nav-link:focus, .nav-tabs .nav-item.show .nav-link:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: rgb(146, 146, 146) rgb(146, 146, 146) rgb(60, 60, 60); } .nav-tabs .nav-item.show .nav-link.active, .nav-tabs .nav-link.active { color: rgb(233, 78, 27); border-color: rgb(60, 60, 60) rgb(60, 60, 60) white; } #vrModal .modal-dialog, #artiModal .modal-dialog { max-width: 100%; width: 100%; height: 100%; margin: 0; } #vrModal .modal-dialog .modal-content, #artiModal .modal-dialog .modal-content { background-color: rgb(29, 29, 27); border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } #vrModal .modal-dialog .modal-content .modal-header, #artiModal .modal-dialog .modal-content .modal-header { border-bottom: 0; padding: 1.5rem; } #vrModal .modal-dialog .modal-content .modal-header .logo, #artiModal .modal-dialog .modal-content .modal-header .logo { position: absolute; top: 1rem; left: 1rem; width: 145px; } @media (max-width: 575px) { #vrModal .modal-dialog .modal-content .modal-header .logo, #artiModal .modal-dialog .modal-content .modal-header .logo { width: 62px; } } #vrModal .modal-dialog .modal-content .modal-header .titleGroup, #artiModal .modal-dialog .modal-content .modal-header .titleGroup { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -moz-box-flex: 1; -moz-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } #vrModal .modal-dialog .modal-content .modal-header .titleGroup h3, #vrModal .modal-dialog .modal-content .modal-header .titleGroup .subInfo, #artiModal .modal-dialog .modal-content .modal-header .titleGroup h3, #artiModal .modal-dialog .modal-content .modal-header .titleGroup .subInfo { color: white; } #vrModal .modal-dialog .modal-content .modal-header .titleGroup h3, #artiModal .modal-dialog .modal-content .modal-header .titleGroup h3 { margin-bottom: 0; line-height: 1; } #vrModal .modal-dialog .modal-content .modal-header .close, #artiModal .modal-dialog .modal-content .modal-header .close { position: absolute; top: 1rem; right: 1rem; } #vrModal .modal-dialog .modal-content .modal-body { height: 100%; padding: 0; margin: 0; } #vrModal .modal-dialog .modal-content .modal-body iframe { position: absolute; height: 100%; } #artiModal .modal-dialog .modal-content .modal-body { height: 100%; } #artiModal .modal-dialog .modal-content .modal-body .carousel.slide, #artiModal .modal-dialog .modal-content .modal-body .carousel-inner, #artiModal .modal-dialog .modal-content .modal-body .carousel-item.active, #artiModal .modal-dialog .modal-content .modal-body .carousel-item { height: 100%; min-height: 100%; width: 100%; } #artiModal .modal-dialog .modal-content .modal-body .carousel-item.active, #artiModal .modal-dialog .modal-content .modal-body .carousel-item { background-position: center center; background-repeat: no-repeat; background-size: contain; } #artiModal .modal-dialog .modal-content .modal-body .carousel-control-prev { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } #artiModal .modal-dialog .modal-content .modal-body .carousel-control-next { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } #videoModal.modal .modal-dialog { max-width: 600px; } #videoModal.modal .modal-dialog .titleGroup { width: 100%; } #videoModal.modal .modal-dialog .modal-body { margin: 1.7rem auto; width: 94%; } #videoModal.modal .modal-dialog .modal-body iframe, #videoModal.modal .modal-dialog .modal-body object, #videoModal.modal .modal-dialog .modal-body embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #videoModal.modal .modal-dialog .modal-body:after { content: ""; display: block; padding-bottom: 56.25%; } #marketingModal .modal-dialog { max-width: 1280px; } #marketingModal .modal-dialog img.imgpopup { width: 100%; } .skewleft { -webkit-transform: skew(0deg, -1.5deg); -moz-transform: skew(0deg, -1.5deg); -ms-transform: skew(0deg, -1.5deg); -o-transform: skew(0deg, -1.5deg); transform: skew(0deg, -1.5deg); } .skewright { -webkit-transform: skew(0deg, 1.5deg); -moz-transform: skew(0deg, 1.5deg); -ms-transform: skew(0deg, 1.5deg); -o-transform: skew(0deg, 1.5deg); transform: skew(0deg, 1.5deg); } .skewleft, .skewright { position: relative; } .skewleft.hide, .skewright.hide { overflow: hidden; margin-bottom: -3%; } .skewleft > div[class^=skew], .skewleft > div[class*=" skew"], .skewright > div[class^=skew], .skewright > div[class*=" skew"] { margin: -2% 0 -2% 0; padding: 8% 0 10% 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } .skewleft > div[class^=skew].solo, .skewleft > div[class*=" skew"].solo, .skewright > div[class^=skew].solo, .skewright > div[class*=" skew"].solo { padding: 6% 0 6% 0; } .skewleft > div[class^=skew].bgTop, .skewleft > div[class*=" skew"].bgTop, .skewright > div[class^=skew].bgTop, .skewright > div[class*=" skew"].bgTop { background-position: center top; } .skewleft > div[class^=skew].bgLeft, .skewleft > div[class*=" skew"].bgLeft, .skewright > div[class^=skew].bgLeft, .skewright > div[class*=" skew"].bgLeft { background-position: left center; } .skewleft > div[class^=skew].bgRight, .skewleft > div[class*=" skew"].bgRight, .skewright > div[class^=skew].bgRight, .skewright > div[class*=" skew"].bgRight { background-position: right center; } .skewleft > div[class^=skew].contain, .skewleft > div[class*=" skew"].contain, .skewright > div[class^=skew].contain, .skewright > div[class*=" skew"].contain { background-size: contain; } .skewleft.last, .skewright.last { margin-bottom: -15%; } .skewleft.last > div[class^=skew], .skewleft.last > div[class*=" skew"], .skewright.last > div[class^=skew], .skewright.last > div[class*=" skew"] { padding: 8% 0 18% 0; } h2 { font-size: 4.2rem; } h1, h2, h3, .skewedHeading, .heading { font-family: "grot_extracond", Helvetica, Arial, sans-serif; } .skewedHeading, .heading { font-size: 4rem; } .heading { line-height: 1; } .heading.subHeading { font-size: 2.6rem; } h1.blanc, h2.blanc, h3.blanc, h4.blanc, p.blanc, span.blanc, .heading.blanc { color: white; } h1.orangeFonce, h2.orangeFonce, h3.orangeFonce, h4.orangeFonce, p.orangeFonce, span.orangeFonce, .heading.orangeFonce { color: rgb(233, 78, 27); } h1.orange, h2.orange, h3.orange, h4.orange, p.orange, span.orange, .heading.orange { color: rgb(255, 101, 51); } h3, h3.skewedTitle { font-size: 3.2rem; } h2.skewedTitle, h3.skewedTitle, .skewedHeading { display: inline-block; padding: 4px 10px 0 10px; text-transform: uppercase; -webkit-transform: skewX(-15deg) rotate(-3deg); -moz-transform: skewX(-15deg) rotate(-3deg); -ms-transform: skewX(-15deg) rotate(-3deg); -o-transform: skewX(-15deg) rotate(-3deg); transform: skewX(-15deg) rotate(-3deg); } h2.skewedTitle.bgOrangeAlti-blanc, h3.skewedTitle.bgOrangeAlti-blanc, .skewedHeading.bgOrangeAlti-blanc { color: white; background-color: rgb(238, 127, 0); } h2.skewedTitle.bgOrangeFonce-blanc, h3.skewedTitle.bgOrangeFonce-blanc, .skewedHeading.bgOrangeFonce-blanc { color: white; background-color: rgb(233, 78, 27); } h2.skewedTitle.bgOrange-blanc, h3.skewedTitle.bgOrange-blanc, .skewedHeading.bgOrange-blanc { color: white; background-color: rgb(255, 101, 51); } h2.skewedTitle.bgBlanc-orange, h3.skewedTitle.bgBlanc-orange, .skewedHeading.bgBlanc-orange { color: rgb(255, 101, 51); background-color: white; } h2.skewedTitle.bgBlanc-orangeFonce, h3.skewedTitle.bgBlanc-orangeFonce, .skewedHeading.bgBlanc-orangeFonce { color: rgb(233, 78, 27); background-color: white; } h2.skewedTitle.bgBlanc-bleu, h3.skewedTitle.bgBlanc-bleu, .skewedHeading.bgBlanc-bleu { color: rgb(57, 82, 158); background-color: white; } h2.skewedTitle.bgVide-blanc, h3.skewedTitle.bgVide-blanc, .skewedHeading.bgVide-blanc { color: white; background-color: transparent; } h2.skewedTitle.bgVide-orangeFonce, h3.skewedTitle.bgVide-orangeFonce, .skewedHeading.bgVide-orangeFonce { color: rgb(233, 78, 27); background-color: transparent; } h2.skewedTitle.bgVide-orange, h3.skewedTitle.bgVide-orange, .skewedHeading.bgVide-orange { color: rgb(255, 101, 51); background-color: transparent; } h2.skewedTitle.bgVide-violet, h3.skewedTitle.bgVide-violet, .skewedHeading.bgVide-violet { color: rgb(149, 27, 149); background-color: transparent; } h2.skewedTitle.bgJaune-noir, h3.skewedTitle.bgJaune-noir, .skewedHeading.bgJaune-noir { color: rgb(60, 60, 60); background-color: rgb(255, 181, 20); } h2.skewedTitle.bgJauneClair-rouge, h3.skewedTitle.bgJauneClair-rouge, .skewedHeading.bgJauneClair-rouge { color: rgb(194, 36, 9); background-color: rgb(255, 200, 20); } h2.skewedTitle.bgJaune-blanc, h3.skewedTitle.bgJaune-blanc, .skewedHeading.bgJaune-blanc { color: white; background-color: rgb(255, 181, 20); } h2.skewedTitle.bgVert-noir, h3.skewedTitle.bgVert-noir, .skewedHeading.bgVert-noir { color: black; background-color: rgb(165, 214, 34); } h2.skewedTitle.bgViolet-blanc, h3.skewedTitle.bgViolet-blanc, .skewedHeading.bgViolet-blanc { color: white; background-color: rgb(149, 27, 149); } .subInfo { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-style: italic; font-size: 2rem; } .text-xs { font-size: 1.2rem; } table.alti { font-size: 1.8rem; } table.alti thead th { border-bottom: none; } table.alti thead th .ordered { background-size: 8px 10px; padding-left: 1.2rem; } table.alti td, table.alti th { border-top: none; } table.alti tbody th { font-weight: 500; color: rgb(233, 78, 27); } #alti_info { display: none; } .dataTables_wrapper .dataTables_filter { float: left; text-align: left; } .dataTables_wrapper .dataTables_filter label { font-size: 0.6em; padding: 0; margin: 0; } #alti-cordes_filter input[type=search], #alti-blocs_filter input[type=search] { padding: 0.375rem 0.75rem; font-size: 1.2rem; line-height: 1.5; color: #495057; background-clip: padding-box; background-color: #fff; border-radius: 0.25rem; border: 1px solid #ced4da; margin-top: 30px; } #alti-cordes_filter input[type=search]:focus, #alti-blocs_filter input[type=search]:focus { outline: none; } .btn { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 1.8rem; font-weight: 700; text-transform: uppercase; padding: 0.4rem 1.2rem 0.375rem 1.2rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -ms-border-radius: 0.4rem; -o-border-radius: 0.4rem; border-radius: 0.4rem; } .btn.btn-sm { font-size: 1.6rem; padding: 0.2rem 0.8rem 0.25rem 0.8rem; } .btn.btn-lg { font-size: 2rem; } .btn.btn-bgBlanc-orangeAlti { color: rgb(238, 127, 0); background-color: white; } .btn.btn-bgBlanc-orangeAlti:hover { background-color: rgba(255, 255, 255, 0.8); } .btn.btn-bgBlanc-orangeFonce { color: rgb(233, 78, 27); background-color: white; } .btn.btn-bgBlanc-orangeFonce:hover { background-color: rgba(255, 255, 255, 0.8); } .btn.btn-bgOrangeFonce-blanc { color: white; background-color: rgb(233, 78, 27); } .btn.btn-bgOrangeFonce-blanc:hover { background-color: rgb(255, 101, 51); } .btn.btn-bgJaune-noir { color: rgb(60, 60, 60); background-color: rgb(255, 181, 20); } .btn.btn-bgJaune-noir:hover { background-color: rgb(255, 200, 20); } .btn.btn-bgVert-noir { color: rgb(60, 60, 60); background-color: rgb(165, 214, 34); } .btn.btn-bgVert-noir:hover { background-color: rgba(255, 255, 255, 0.8); } .btn.btn-outline-secondary { color: rgb(87, 87, 86) !important; border-color: rgb(87, 87, 86) !important; } .btn.btn-outline-secondary:hover { color: white !important; background-color: rgb(87, 87, 86) !important; } .btn.btn-outline-orange { color: rgb(255, 101, 51) !important; background-color: transparent; border-color: rgb(255, 101, 51) !important; } .btn.btn-outline-orange:hover { color: white !important; background-color: rgb(255, 101, 51) !important; } .btn.btn-outline-orangeFonce { color: rgb(233, 78, 27) !important; background-color: transparent; border-color: rgb(233, 78, 27) !important; } .btn.btn-outline-orangeFonce:hover { color: white !important; background-color: rgb(233, 78, 27) !important; } .btn.btn-outline-violet { color: rgb(149, 27, 149) !important; border-color: rgb(149, 27, 149) !important; background-color: transparent; } .btn.btn-outline-violet:hover { color: white !important; background-color: rgb(149, 27, 149) !important; } .playBt { background-color: rgba(0, 0, 0, 0.3); padding: 2.2rem; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.6); -moz-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.6); -ms-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.6); -o-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.6); box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.6); -webkit-transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in; -moz-transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in; -ms-transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in; -o-transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in; transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in; } .playBt:before { display: block; content: ""; padding-top: 100%; } .playBt .fas.fa-play { color: rgba(255, 255, 255, 0.8); font-size: 5rem; margin-left: 0.7rem; -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -ms-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .playBt:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 0px 4px white; -moz-box-shadow: 0px 0px 0px 4px white; -ms-box-shadow: 0px 0px 0px 4px white; -o-box-shadow: 0px 0px 0px 4px white; box-shadow: 0px 0px 0px 4px white; } .playBt:hover .fas.fa-play { color: white; } .round { margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .img-fluid-50 { max-width: 50%; height: auto; } @media (max-width: 575.98px) { .img-fluid-xs-50 { max-width: 50%; height: auto; } } .bordered { border: solid 1px rgb(87, 87, 86); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } .lineBorder.all { border: solid 1px rgb(87, 87, 86); } .lineBorder.left { border-left: solid 1px rgb(87, 87, 86); } .pastille { position: relative; color: white; } .pastille.orange { background-color: rgb(255, 101, 51); } .pastille.orangeFonce { background-color: rgb(233, 78, 27); } .pastille.jaune { background-color: rgb(255, 181, 20); } .pastille:before { display: block; content: ""; padding-top: 100%; } .pastille > div { margin-left: 0.6rem; margin-right: 0.6rem; } .pastille > div.topFix { margin-top: -0.6rem; } .pastille > div.bottomFix { margin-top: 0.4rem; } .pastille > div span { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 1.8rem; font-weight: 500; font-style: italic; white-space: nowrap; } .pastille > div span.prix { font-size: 3.8rem; font-weight: 900; } .pastille > div span.prix sup { font-weight: 500; font-size: 55%; margin-left: 0.2rem; } i.fas.fa-circle.bleu { color: rgb(29, 113, 184); } i.fas.fa-circle.mauve { color: rgb(150, 94, 201); } i.fas.fa-circle.rose { color: rgb(255, 130, 196); } i.fas.fa-circle.vertclair { color: rgb(129, 191, 21); } i.fas.fa-circle.orange { color: rgb(255, 101, 51); } i.fas.fa-circle.rouge { color: rgb(230, 51, 42); } i.fas.fa-circle.jaune { color: rgb(249, 206, 35); } i.fas.fa-circle.noir { color: black; } i.fas.fa-circle.gris { color: rgb(146, 146, 146); } i.fas.fa-circle.blanc { color: white; text-shadow: -1px -1px 0 rgb(146, 146, 146), 1px -1px 0 rgb(146, 146, 146), -1px 1px 0 rgb(146, 146, 146), 1px 1px 0 rgb(146, 146, 146); } span.bandeau { display: inline-block; width: 60%; max-width: 58px; background-color: rgb(246, 246, 246); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; text-align: center; font-size: 1.4rem; padding: 0.2rem; } span.bandeau.n3 { background-color: rgb(255, 236, 0); } span.bandeau.n4 { background-color: rgb(250, 185, 0); } span.bandeau.n5 { background-color: rgb(238, 125, 0); } span.bandeau.n6 { background-color: rgb(0, 158, 226); } span.bandeau.n7 { color: white; background-color: rgb(204, 23, 25); } span.bandeau.n8 { background-color: white; -webkit-box-shadow: inset 0px 0px 0px 1px rgb(146, 146, 146); -moz-box-shadow: inset 0px 0px 0px 1px rgb(146, 146, 146); -ms-box-shadow: inset 0px 0px 0px 1px rgb(146, 146, 146); -o-box-shadow: inset 0px 0px 0px 1px rgb(146, 146, 146); box-shadow: inset 0px 0px 0px 1px rgb(146, 146, 146); } header { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 20%; max-height: 320px; } header .burgerZone { position: fixed; z-index: 40; top: 0; left: 0; padding: 16px; cursor: pointer; } header .burgerZone .burgerMenu .burgerWrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 4px 10px 3px 10px; margin-bottom: 4px; -webkit-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; -ms-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; } header .burgerZone .burgerMenu .burgerWrapper label.hamburger-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; cursor: pointer; margin-top: 4px; margin-bottom: 4px; } header .burgerZone .burgerMenu .burgerWrapper label.hamburger-container .hamburger { position: relative; display: inline-block; margin: 0; padding: 0; width: 26px; height: 26px; } header .burgerZone .burgerMenu .burgerWrapper label.hamburger-container .hamburger:focus { outline: none; } header .burgerZone .burgerMenu .burgerWrapper label.hamburger-container .hamburger span { display: block; position: absolute; top: 11px; left: 0px; right: 0px; height: 2px; background-color: white; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); -webkit-transition: box-shadow 0.2s ease-in, background-color 0.3s linear; -moz-transition: box-shadow 0.2s ease-in, background-color 0.3s linear; -ms-transition: box-shadow 0.2s ease-in, background-color 0.3s linear; -o-transition: box-shadow 0.2s ease-in, background-color 0.3s linear; transition: box-shadow 0.2s ease-in, background-color 0.3s linear; -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; } header .burgerZone .burgerMenu .burgerWrapper label.hamburger-container .hamburger span:before, header .burgerZone .burgerMenu .burgerWrapper label.hamburger-container .hamburger span:after { position: absolute; display: block; content: ""; left: 0; width: 100%; height: 2px; background-color: white; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); -webkit-transition-duration: 0.2s, 0.3s, 0.3s; transition-duration: 0.2s, 0.3s, 0.3s; -webkit-transition-delay: 0s, 0.3s, 0s; transition-delay: 0s, 0.3s, 0s; } header .burgerZone .burgerMenu .burgerWrapper label.hamburger-container .hamburger span:before { top: -9px; -webkit-transition-property: box-shadow, top, -webkit-transform; transition-property: box-shadow, top, transform; } header .burgerZone .burgerMenu .burgerWrapper label.hamburger-container .hamburger span:after { bottom: -9px; -webkit-transition-property: box-shadow, bottom, -webkit-transform; transition-property: box-shadow, bottom, transform; } header .burgerZone .burgerMenu .burgerWrapper label.hamburger-container span.text { position: relative; font-family: "akz-cnd", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 24px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); margin-left: 8px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: text-shadow 0.2s ease-in, color 0.6s ease-in; -moz-transition: text-shadow 0.2s ease-in, color 0.6s ease-in; -ms-transition: text-shadow 0.2s ease-in, color 0.6s ease-in; -o-transition: text-shadow 0.2s ease-in, color 0.6s ease-in; transition: text-shadow 0.2s ease-in, color 0.6s ease-in; } header .burgerZone .burgerMenu .burgerWrapper label.hamburger-container span.text:after { position: absolute; content: "Fermer"; left: 0; color: transparent; text-transform: uppercase; font-size: 24px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0); -webkit-transition: color 0.6s ease-in; -moz-transition: color 0.6s ease-in; -ms-transition: color 0.6s ease-in; -o-transition: color 0.6s ease-in; transition: color 0.6s ease-in; } header .burgerZone .burgerMenu .burgerWrapper #menu-toggle { display: none; } header .burgerZone .burgerMenu .burgerWrapper #menu-toggle:checked ~ label.hamburger-container .hamburger span, header .burgerZone .burgerMenu .burgerWrapper #menu-toggle:checked ~ label.hamburger-container .hamburger span:before, header .burgerZone .burgerMenu .burgerWrapper #menu-toggle:checked ~ label.hamburger-container .hamburger span:after { -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0); -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0); -webkit-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } header .burgerZone .burgerMenu .burgerWrapper #menu-toggle:checked ~ label.hamburger-container .hamburger span { background-color: transparent; } header .burgerZone .burgerMenu .burgerWrapper #menu-toggle:checked ~ label.hamburger-container .hamburger span:before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0s, 0s, 0.3s; transition-delay: 0s, 0s, 0.3s; } header .burgerZone .burgerMenu .burgerWrapper #menu-toggle:checked ~ label.hamburger-container .hamburger span:after { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0s, 0s, 0.3s; transition-delay: 0s, 0s, 0.3s; } header .burgerZone .burgerMenu .burgerWrapper #menu-toggle:checked ~ label.hamburger-container span.text { color: transparent; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0); } header .burgerZone .burgerMenu .burgerWrapper #menu-toggle:checked ~ label.hamburger-container span.text:after { color: white; } header .burgerZone .burgerMenu:hover .burgerWrapper, header .burgerZone .burgerMenu .burgerWrapper.offTop { background-color: rgba(0, 0, 0, 0.3); } header .burgerZone .burgerMenu:hover .burgerWrapper .hamburger span, header .burgerZone .burgerMenu:hover .burgerWrapper .hamburger span:before, header .burgerZone .burgerMenu:hover .burgerWrapper .hamburger span:after, header .burgerZone .burgerMenu .burgerWrapper.offTop .hamburger span, header .burgerZone .burgerMenu .burgerWrapper.offTop .hamburger span:before, header .burgerZone .burgerMenu .burgerWrapper.offTop .hamburger span:after { -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0); -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0); } header .burgerZone .burgerMenu:hover .burgerWrapper span.text, header .burgerZone .burgerMenu .burgerWrapper.offTop span.text { text-shadow: 0px 0px 5px rgba(0, 0, 0, 0); } header .burgerZone .burgerMenu:hover .burgerWrapper.open, header .burgerZone .burgerMenu .burgerWrapper.offTop.open { background-color: transparent; } header .burgerZone .burgerMenu:hover .burgerWrapper.open span.text, header .burgerZone .burgerMenu .burgerWrapper.offTop.open span.text { text-shadow: 0px 0px 5px rgba(0, 0, 0, 0); } header .burgerZone .logoMenuWrapper { display: block; width: 84px; height: 84px; } @media (min-width: 993px) and (max-width: 1199.98px) { header .burgerZone .logoMenuWrapper { width: 75px; height: 75px; } } @media (max-width: 991.98px) { header .burgerZone .logoMenuWrapper { width: 64px; height: 64px; } } @media (max-width: 767.98px), (max-height: 768px) { header .burgerZone .logoMenuWrapper { width: 55px; height: 55px; } } @media (max-width: 575.98px) { header .burgerZone .logoMenuWrapper { width: 49px; height: 49px; } } @media (max-width: 319.98px) { header .burgerZone .logoMenuWrapper { width: 44px; height: 44px; } } header .burgerZone .logoMenuWrapper svg#logoMenu { width: 290px; height: 84px; -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3)); -webkit-transition: filter 0.2s ease-in; -moz-transition: filter 0.2s ease-in; -ms-transition: filter 0.2s ease-in; -o-transition: filter 0.2s ease-in; transition: filter 0.2s ease-in; } @media (min-width: 992px) and (max-width: 1199.98px) { header .burgerZone .logoMenuWrapper svg#logoMenu { width: 260px; height: 75px; } } @media (max-width: 991.98px) { header .burgerZone .logoMenuWrapper svg#logoMenu { width: 220px; height: 64px; } } @media (max-width: 767.98px), (max-height: 768px) { header .burgerZone .logoMenuWrapper svg#logoMenu { width: 190px; height: 55px; } } @media (max-width: 575.98px) { header .burgerZone .logoMenuWrapper svg#logoMenu { width: 170px; height: 49px; } } @media (max-width: 319.98px) { header .burgerZone .logoMenuWrapper svg#logoMenu { width: 150px; height: 44px; } } header .burgerZone .logoMenuWrapper svg#logoMenu #splash { -webkit-transition: fill 1s ease-out; -moz-transition: fill 1s ease-out; -ms-transition: fill 1s ease-out; -o-transition: fill 1s ease-out; transition: fill 1s ease-out; fill: white; } header .burgerZone .logoMenuWrapper svg#logoMenu #texte { -webkit-transition: fill 0.6s ease-in; -moz-transition: fill 0.6s ease-in; -ms-transition: fill 0.6s ease-in; -o-transition: fill 0.6s ease-in; transition: fill 0.6s ease-in; fill: transparent; } header .burgerZone .logoMenuWrapper svg#logoMenu.open { -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0)); filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0)); } header .burgerZone .logoMenuWrapper svg#logoMenu.open #splash { -webkit-transition: fill 1s ease-out; -moz-transition: fill 1s ease-out; -ms-transition: fill 1s ease-out; -o-transition: fill 1s ease-out; transition: fill 1s ease-out; fill: rgb(238, 127, 0); } header .burgerZone .logoMenuWrapper svg#logoMenu.open #texte { -webkit-transition: fill 0.6s ease-in; -moz-transition: fill 0.6s ease-in; -ms-transition: fill 0.6s ease-in; -o-transition: fill 0.6s ease-in; transition: fill 0.6s ease-in; fill: white; } header .burgerZone:hover svg#logoMenu #texte { fill: transparent; } header .burgerZone:hover svg#logoMenu.open #splash { fill: rgb(238, 127, 0); } header .burgerZone:hover svg#logoMenu.open #texte { fill: white; } header .social-admin { position: absolute; z-index: 40; top: 0; right: 0; padding: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media (max-width: 576px) { header .social-admin { padding: 8px; max-width: 140px; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; } } header .social-admin a { color: white; padding: 8px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); -webkit-transition: background-color 0.2s ease-in, text-shadow 0.2s ease-in; -moz-transition: background-color 0.2s ease-in, text-shadow 0.2s ease-in; -ms-transition: background-color 0.2s ease-in, text-shadow 0.2s ease-in; -o-transition: background-color 0.2s ease-in, text-shadow 0.2s ease-in; transition: background-color 0.2s ease-in, text-shadow 0.2s ease-in; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } header .social-admin a.fab { color: transparent; font-size: 0; margin-right: 8px; } header .social-admin a.fab:before, header .social-admin a.fab:after { color: white; font-size: 3.2rem; } @media (max-width: 576px) { header .social-admin a.fab { margin-right: 4px; } header .social-admin a.fab.fa-youtube { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } header .social-admin a.fab.fa-facebook { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } header .social-admin a.fab.fa-instagram { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; } } header .social-admin a.ico-private-space { padding: 4px 4px 4px 10px; } header .social-admin a.ico-private-space span { font-size: 1.5rem; line-height: 1.5rem; } header .social-admin a.ico-private-space svg#ico-memberArea { height: 54px; width: 54px; -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.75)); filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.75)); -webkit-transition: filter 0.2s ease-in; -moz-transition: filter 0.2s ease-in; -ms-transition: filter 0.2s ease-in; -o-transition: filter 0.2s ease-in; transition: filter 0.2s ease-in; } header .social-admin a.ico-private-space svg#ico-memberArea .shape { fill: white; } @media (max-width: 576px) { header .social-admin a.ico-private-space { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0; } } header .social-admin a:hover { background-color: rgba(0, 0, 0, 0.3); text-shadow: 0px 0px 5px rgba(0, 0, 0, 0); text-decoration: none; } header .social-admin a:hover svg#ico-memberArea { -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0)); filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0)); } header nav { position: fixed; z-index: 20; top: 0; left: -400px; height: 100%; width: auto; -webkit-transition: left 0.3s ease-out; -moz-transition: left 0.3s ease-out; -ms-transition: left 0.3s ease-out; -o-transition: left 0.3s ease-out; transition: left 0.3s ease-out; } @media (max-width: 991.98px) { header nav { left: -340px; } } @media (max-width: 767.98px), (max-height: 768px) { header nav { left: -280px; } } @media (max-width: 575.98px) { header nav { left: -110%; width: 100%; } } header nav.open { left: 0; } header nav.off { -webkit-transition: left 0s linear; -moz-transition: left 0s linear; -ms-transition: left 0s linear; -o-transition: left 0s linear; transition: left 0s linear; } header nav .navWrapper, header nav .subNavWrapper { position: absolute; top: 0; left: 0; height: 100%; width: auto; min-width: 360px; line-height: 100%; z-index: 0; } @media (max-width: 991.98px) { header nav .navWrapper, header nav .subNavWrapper { min-width: 300px; } } @media (max-width: 767.98px), (max-height: 768px) { header nav .navWrapper, header nav .subNavWrapper { min-width: 240px; } } @media (max-width: 575.98px) { header nav .navWrapper, header nav .subNavWrapper { min-width: 100%; } } header nav .navWrapper:before, header nav .subNavWrapper:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; -webkit-transform: rotate(3deg) scale(1.15) translate(-0.5rem, 0); -moz-transform: rotate(3deg) scale(1.15) translate(-0.5rem, 0); -ms-transform: rotate(3deg) scale(1.15) translate(-0.5rem, 0); -o-transform: rotate(3deg) scale(1.15) translate(-0.5rem, 0); transform: rotate(3deg) scale(1.15) translate(-0.5rem, 0); } @media (min-height: 768px) { header nav .navWrapper:before, header nav .subNavWrapper:before { -webkit-transform: rotate(3deg) scale(1.15) translate(-1.5rem, 0); -moz-transform: rotate(3deg) scale(1.15) translate(-1.5rem, 0); -ms-transform: rotate(3deg) scale(1.15) translate(-1.5rem, 0); -o-transform: rotate(3deg) scale(1.15) translate(-1.5rem, 0); transform: rotate(3deg) scale(1.15) translate(-1.5rem, 0); } } @media (max-width: 575.98px) { header nav .navWrapper:before, header nav .subNavWrapper:before { -webkit-transform: rotate(0deg) scale(1) translate(0, 0); -moz-transform: rotate(0deg) scale(1) translate(0, 0); -ms-transform: rotate(0deg) scale(1) translate(0, 0); -o-transform: rotate(0deg) scale(1) translate(0, 0); transform: rotate(0deg) scale(1) translate(0, 0); } } header nav .navWrapper { padding: 160px 26px 0 26px; } @media (min-width: 992px) and (max-width: 1200px) { header nav .navWrapper { padding: 150px 26px 0 26px; } } @media (max-width: 991.98px) { header nav .navWrapper { padding: 140px 26px 0 26px; } } @media (max-width: 767.98px), (max-height: 768px) { header nav .navWrapper { padding: 130px 26px 0 26px; } } @media (max-width: 575.98px) { header nav .navWrapper { padding: 126px 26px 0 26px; } } @media (max-width: 319.98px) { header nav .navWrapper { padding: 120px 26px 0 26px; } } header nav .navWrapper:before { background-color: rgb(75, 75, 87); } header nav .navWrapper .input-group.rechercher { position: relative; } header nav .navWrapper .input-group.rechercher .form-control { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 2.2rem; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding-right: 3rem; } header nav .navWrapper .input-group.rechercher:after { position: absolute; z-index: 3; content: "\f002"; font-family: "Font Awesome 5 Free"; font-size: 1.8rem; font-weight: 900; right: 1.2rem; height: 100%; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } header nav .subNavWrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transition: left 0.3s ease-out; -moz-transition: left 0.3s ease-out; -ms-transition: left 0.3s ease-out; -o-transition: left 0.3s ease-out; transition: left 0.3s ease-out; } header nav .subNavWrapper.open { left: 380px; } @media (max-width: 991.98px) { header nav .subNavWrapper.open { left: 320px; } } @media (max-width: 767.98px), (max-height: 768px) { header nav .subNavWrapper.open { left: 260px; } } @media (max-width: 575.98px) { header nav .subNavWrapper.open { left: 0; width: 100%; z-index: 1; } } header nav .subNavWrapper:before { background-color: rgba(255, 255, 255, 0.9); } header nav .subNavWrapper h3 { font-size: 4.2rem; color: rgb(238, 127, 0); text-transform: uppercase; margin-bottom: 0; } header nav .subNavWrapper .far.fa-times-circle { font-size: 2.4rem; cursor: pointer; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } header nav .subNavWrapper .far.fa-times-circle:hover { color: rgb(238, 127, 0); } header nav .subNavWrapper ul.menu li { color: rgb(60, 60, 60); } body.ms #logo-cs { -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4)); filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4)); } body.ms #logo-cs .orange { fill: rgb(238, 127, 0); } body.ms #logo-cs .blanc { fill: white; } body.ms #logo-cs .text { font-family: "grot_extracond", Helvetica, Arial, sans-serif; font-size: 57.3px; text-transform: uppercase; text-anchor: end; } body.ms.hp header { height: 70%; min-height: 600px; } @media (max-height: 575.98px) { body.ms.hp header { min-height: 100%; } } body.ms.hp header.video-header { height: auto; min-height: auto; padding-bottom: 42.5% !important; } @media (max-width: 575.98px), (max-height: 480px) { body.ms.hp header.video-header { padding-bottom: 56.5% !important; } } body.ms.hp header.video-header .video-wrapper { position: absolute; top: 0; height: 100%; width: 100%; z-index: 9; overflow: hidden; } body.ms.hp header.video-header .video-wrapper .video-fullscreen { position: absolute; z-index: -1000; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 100%; min-height: 50%; min-width: 50%; } body.ms.hp header .wrapper { width: 538px; max-width: 100%; position: absolute; z-index: 10; top: 0; bottom: 0; height: 100%; } @media (max-width: 1199.98px) { body.ms.hp header .wrapper { width: 438px; } } @media (max-width: 991.98px) { body.ms.hp header .wrapper { width: 388px; } } @media (max-width: 575.98px), (max-height: 480px) { body.ms.hp header .wrapper { width: 248px; } } body.ms.hp header .wrapper #logo-cs { width: 538px; } @media (max-width: 1199.98px) { body.ms.hp header .wrapper #logo-cs { width: 438px; } } @media (max-width: 991.98px) { body.ms.hp header .wrapper #logo-cs { width: 388px; } } @media (max-width: 575.98px), (max-height: 480px) { body.ms.hp header .wrapper #logo-cs { width: 248px; } } body.ms.hp header .wrapper h1.logoTop-ms { position: relative; max-width: 538px; width: 100%; height: auto; margin: 0 auto 20px auto !important; background-image: url("../img/logo-altissimo-top-ms-v2018-shadow.svg"); background-repeat: no-repeat; background-size: contain; } body.ms.hp header .wrapper h1.logoTop-ms:before { content: ""; display: block; padding-top: 40%; } body.ms.hp header .wrapper .roomSelector { background-color: white; display: inline-block; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); padding-top: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; cursor: pointer; line-height: 1.5; } body.ms.hp header .wrapper .roomSelector img { margin-bottom: 8px; } body.ms.hp header .wrapper .roomSelector h3, body.ms.hp header .wrapper .roomSelector p, body.ms.hp header .wrapper .roomSelector #villeSelectorList label { font-family: "grot_extracond", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 2.6rem; } body.ms.hp header .wrapper .roomSelector h3, body.ms.hp header .wrapper .roomSelector #villeSelectorList label { position: relative; padding-right: 10px; } body.ms.hp header .wrapper .roomSelector h3:after, body.ms.hp header .wrapper .roomSelector #villeSelectorList label:after { position: absolute; content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-size: 1.4rem; font-weight: 900; margin: 0 0 0 5px; width: 10px; top: 0.7rem; } body.ms.hp header .wrapper .roomSelector:hover h3:after { content: "\f0d8"; } body.ms.hp header .wrapper .roomSelector p { background-color: rgb(41, 35, 90); color: white; margin-bottom: 0; padding: 4px 10px 2px 10px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -ms-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } body.ms.hp header .wrapper .roomSelector .ville { position: relative; width: 100%; } body.ms.hp header .wrapper .roomSelector .ville .liste { position: absolute; z-index: 20; display: none; top: 0; width: auto; min-width: calc(100% + 20px); left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: auto; overflow: hidden; padding: 0 10px 10px 10px; } body.ms.hp header .wrapper .roomSelector .ville .liste ul, body.ms.hp header .wrapper .roomSelector .ville .liste li { font-family: "grot_extracond", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 1.8rem; } body.ms.hp header .wrapper .roomSelector .ville .liste:before, body.ms.hp header .wrapper .roomSelector .ville .liste:after { position: absolute; background-color: white; display: block; font-family: "Font Awesome 5 Free"; font-size: 1.2rem; font-weight: 900; width: calc(100% - 20px); z-index: 2; } body.ms.hp header .wrapper .roomSelector .ville .liste:before { content: "\f077"; top: 0; } body.ms.hp header .wrapper .roomSelector .ville .liste:after { content: "\f078"; bottom: 10px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -ms-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } body.ms.hp header .wrapper .roomSelector .ville .liste ul { position: relative; background-color: white; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); margin: 0; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -ms-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; max-height: 160px; overflow-x: hidden; overflow-y: scroll; } body.ms.hp header .wrapper .roomSelector .ville .liste ul li, body.ms.hp header .wrapper .roomSelector .ville .liste ul li a { white-space: nowrap; } body.ms.hp header .wrapper .roomSelector .ville .liste ul li { padding: 0; margin: 0; } body.ms.hp header .wrapper .roomSelector .ville .liste ul li:first-child { margin-top: 16px; } body.ms.hp header .wrapper .roomSelector .ville .liste ul li:last-child { margin-bottom: 16px; } body.ms.hp header .wrapper .roomSelector .ville .liste ul a { color: rgb(60, 60, 60); display: block; padding: 2px 6px 0px 6px; text-decoration: none; -webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition: background-color 0.2s ease-in, color 0.2s ease-in; -o-transition: background-color 0.2s ease-in, color 0.2s ease-in; transition: background-color 0.2s ease-in, color 0.2s ease-in; } body.ms.hp header .wrapper .roomSelector .ville .liste ul a:hover { background-color: rgb(41, 35, 90); color: white; text-decoration: none; } body.ms.hp header.video-header .wrapper h2 { margin-top: 10px; margin-bottom: 30px; } @media (max-width: 991.98px) { body.ms.hp header.video-header .wrapper #logo-cs { width: 248px; } body.ms.hp header.video-header .wrapper h2 { font-size: 3.2rem; } } @media (max-width: 575.98px), (max-height: 480px) { body.ms.hp header.video-header .wrapper #logo-cs { width: 154px; } body.ms.hp header.video-header .wrapper h2 { margin-top: 0; margin-bottom: 5px; } body.ms.hp header.video-header .wrapper .roomSelector { -webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } } body.ms.hp main section#blocAltishop { background-color: rgb(178, 181, 169); } body.ms.hp main section#blocAltishop .produits > div a { position: relative; display: block; } body.ms.hp main section#blocAltishop .produits > div a:before { position: absolute; content: ""; z-index: -1; background-color: rgb(223, 227, 210); top: 5%; left: 5%; width: 90%; height: 90%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } body.ms.hp main section#blocAltishop .produits > div a:hover:before { top: 0; left: 0; width: 100%; height: 100%; } body.ms.hp main section#blocAltishop .produits > div span { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 1.8rem; font-weight: 700; color: white; text-transform: uppercase; } body.ms.hp main section#blocArtissimo { background-color: white; } body.ms.hp main section#blocArtissimo a.effect { display: block; } body.ms.hp main section#blocArtissimo a.effect div { position: relative; } body.ms.hp main section#blocArtissimo a.effect div img { border: 1px solid white; } body.ms.hp main section#blocArtissimo a.effect div .image-art { width: 100%; padding-bottom: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } body.ms.hp main section#blocArtissimo a.effect div:before { position: absolute; content: ""; top: -1px; left: -1px; width: calc(100% + 3px); height: calc(100% + 3px); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: inset 0 0 0 16px white; -moz-box-shadow: inset 0 0 0 16px white; -ms-box-shadow: inset 0 0 0 16px white; -o-box-shadow: inset 0 0 0 16px white; box-shadow: inset 0 0 0 16px white; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } body.ms.hp main section#blocArtissimo a.effect:hover { color: rgb(87, 87, 86); text-decoration: none; } body.ms.hp main section#blocArtissimo a.effect:hover div:before { -webkit-box-shadow: inset 0 0 0 0px white; -moz-box-shadow: inset 0 0 0 0px white; -ms-box-shadow: inset 0 0 0 0px white; -o-box-shadow: inset 0 0 0 0px white; box-shadow: inset 0 0 0 0px white; } body.ms.hp main section#blocArtissimo a.effect span { margin-top: 0.8rem; color: rgb(87, 87, 86); font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 1.8rem; font-weight: 700; font-style: italic; } body.ms.hp main section#blocConcept { color: white; background-color: rgb(37, 33, 43); } body.ms.hp main section#blocConcept .logo-alti-mini { margin-bottom: -10px; } body.ms.hp main section#blocConcept h2 { display: block; font-size: 0rem; text-indent: -1000px; color: transparent; width: 360px; height: 120px; background-image: url(../../img/logo-altissimo-top-concept.svg); background-repeat: no-repeat; } body.ms.hp.desktop .wrapper .roomSelector #villeSelectorList { display: none; } body.ms.hp.mobile .wrapper .roomSelector h3 { display: none; } body.cs #logo-cs { -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4)); filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4)); } body.cs #logo-cs .orange { fill: rgb(238, 127, 0); } body.cs #logo-cs .blanc { fill: white; } body.cs #logo-cs .text { font-family: "grot_extracond", Helvetica, Arial, sans-serif; font-size: 57.3px; text-transform: uppercase; text-anchor: end; } body.cs.hp header { position: relative; overflow: hidden; height: 70%; min-height: 70%; } @media (max-height: 575.98px) { body.cs.hp header { min-height: 100%; } } body.cs.hp header.video-header { height: auto; min-height: auto; padding-bottom: 42.5% !important; } @media (max-width: 1100px) { body.cs.hp header.video-header { padding-bottom: 65% !important; } } @media (max-width: 680px) { body.cs.hp header.video-header { padding-bottom: 100% !important; } } body.cs.hp header.video-header .video-wrapper { position: absolute; top: 0; height: 100%; width: 100%; z-index: 9; } body.cs.hp header.video-header .video-wrapper .video-fullscreen { position: absolute; z-index: -1000; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 100%; min-height: 50%; min-width: 50%; } body.cs.hp header a-scene { position: absolute; top: 0; left: 0; height: 100%; } body.cs.hp header .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(41, 35, 90); background-position: center center; background-repeat: no-repeat; background-size: cover; } body.cs.hp header .bg .bgTop { background-position: top center; } body.cs.hp header .wrapper { position: absolute; top: 0; height: 100%; max-width: 100%; z-index: 10; } body.cs.hp header .wrapper.ie { left: 0; right: 0; } body.cs.hp header .wrapper h1 { margin-top: 40px; } @media (max-width: 991.98px) { body.cs.hp header .wrapper h1 { width: 20px; } } @media (max-width: 575.98px), (max-height: 480px) { body.cs.hp header .wrapper h1 { margin-top: 20%; } } body.cs.hp header .wrapper #logo-cs { width: 538px; } @media (max-width: 1199.98px) { body.cs.hp header .wrapper #logo-cs { width: 438px; } } @media (max-width: 991.98px) { body.cs.hp header .wrapper #logo-cs { width: 388px; } } @media (max-width: 575.98px), (max-height: 480px) { body.cs.hp header .wrapper #logo-cs { width: 248px; } } body.cs.hp header .wrapper p { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-weight: 500; margin-bottom: 0; } body.cs.hp header .wrapper .buttonGroup { width: 100%; } @media (max-width: 575.98px) { body.cs.hp header .wrapper .buttonGroup { width: auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } body.cs.hp header .wrapper .buttonGroup .btn { width: 20%; min-width: 200px; } @media (max-width: 575.98px) { body.cs.hp header .wrapper .buttonGroup .btn { width: 100%; min-width: auto; } } body.cs.hp main section#blocPresentation .teamProfil div { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 1.8rem; font-weight: 700; font-style: italic; } body.cs.hp main section#blocTarifsFormules { background-color: white; } body.cs footer .altiLogo { width: 290px; margin-left: auto; margin-right: auto; } body.cs.page header .logoTop { width: 290px; } body.cs.page header .logoTop a { display: inline-block; width: 100%; } body.cs.page header .logoTop a:hover { text-decoration: none; } body.concept header { position: relative; overflow: hidden; height: 40%; min-height: 40%; } @media (max-height: 575.98px) { body.concept header { min-height: 100%; } } body.concept header .wrapper { height: 100%; width: 538px; max-width: 100%; z-index: 10; } @media (max-width: 1199.98px) { body.concept header .wrapper { width: 438px; } } @media (max-width: 991.98px) { body.concept header .wrapper { width: 388px; } } @media (max-width: 575.98px), (max-height: 480px) { body.concept header .wrapper { width: 248px; } } body.concept main section#blocConceptContent .imgGroup { position: relative; } body.concept main section#blocConceptContent .imgGroup .title { position: absolute; height: 100%; width: 100%; top: 0; left: 0; bottom: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } body.concept main section#blocDemandeInfo { background-color: rgb(240, 235, 223); } body.ms.hp main section#blocActus .infoWrapper, body.cs.hp main section#blocActus .infoWrapper { background-color: rgb(41, 35, 90); position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; } body.ms.hp main section#blocActus .infoWrapper .mask, body.cs.hp main section#blocActus .infoWrapper .mask { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } body.ms.hp main section#blocActus .infoWrapper .blocInfo, body.cs.hp main section#blocActus .infoWrapper .blocInfo { position: absolute; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } body.ms.hp main section#blocActus .infoWrapper .blocInfo h3, body.ms.hp main section#blocActus .infoWrapper .blocInfo h2, body.cs.hp main section#blocActus .infoWrapper .blocInfo h3, body.cs.hp main section#blocActus .infoWrapper .blocInfo h2 { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 2.8rem; font-weight: 700; font-style: italic; color: white; text-transform: uppercase; line-height: 0.9; } body.ms.hp main section#blocActus .infoWrapper:hover .mask, body.cs.hp main section#blocActus .infoWrapper:hover .mask { background-color: rgba(0, 0, 0, 0.4); } body.ms.hp main section#blocActus .infoWrapper:hover .blocInfo, body.cs.hp main section#blocActus .infoWrapper:hover .blocInfo { text-decoration: none; } body.ms.hp main section#blocActus .infoWrapper:hover .blocInfo button, body.cs.hp main section#blocActus .infoWrapper:hover .blocInfo button { background-color: rgb(255, 200, 20); } body.ms.hp main section#blocActus .infoWrapper:before, body.cs.hp main section#blocActus .infoWrapper:before { display: block; content: ""; padding-top: 66%; } @media (max-width: 991.98px) { body.ms.hp main section#blocActus .infoWrapper:before, body.cs.hp main section#blocActus .infoWrapper:before { padding-top: 100%; } } @media (max-width: 767.98px) { body.ms.hp main section#blocActus .infoWrapper:before, body.cs.hp main section#blocActus .infoWrapper:before { padding-top: 120%; } } @media (max-width: 575.98px) { body.ms.hp main section#blocActus .infoWrapper:before, body.cs.hp main section#blocActus .infoWrapper:before { padding-top: 33%; } } body.ms.hp main section#blocActus .infoWrapper.a-la-une:before, body.cs.hp main section#blocActus .infoWrapper.a-la-une:before { display: block; content: ""; padding-top: 36%; } @media (max-width: 991.98px) { body.ms.hp main section#blocActus .infoWrapper.a-la-une:before, body.cs.hp main section#blocActus .infoWrapper.a-la-une:before { padding-top: 36%; } } @media (max-width: 767.98px) { body.ms.hp main section#blocActus .infoWrapper.a-la-une:before, body.cs.hp main section#blocActus .infoWrapper.a-la-une:before { padding-top: 36%; } } @media (max-width: 575.98px) { body.ms.hp main section#blocActus .infoWrapper.a-la-une:before, body.cs.hp main section#blocActus .infoWrapper.a-la-une:before { padding-top: 36%; } } body.ms.hp main section#blocActus .infoWrapper.a-la-une .blocInfo, body.cs.hp main section#blocActus .infoWrapper.a-la-une .blocInfo { -webkit-box-shadow: inset 0px 0px 0px 10px rgb(255, 181, 20); -moz-box-shadow: inset 0px 0px 0px 10px rgb(255, 181, 20); -ms-box-shadow: inset 0px 0px 0px 10px rgb(255, 181, 20); -o-box-shadow: inset 0px 0px 0px 10px rgb(255, 181, 20); box-shadow: inset 0px 0px 0px 10px rgb(255, 181, 20); } @media (max-width: 991.98px) { body.ms.hp main section#blocActus .infoWrapper.a-la-une .blocInfo, body.cs.hp main section#blocActus .infoWrapper.a-la-une .blocInfo { -webkit-box-shadow: inset 0px 0px 0px 8px rgb(255, 181, 20); -moz-box-shadow: inset 0px 0px 0px 8px rgb(255, 181, 20); -ms-box-shadow: inset 0px 0px 0px 8px rgb(255, 181, 20); -o-box-shadow: inset 0px 0px 0px 8px rgb(255, 181, 20); box-shadow: inset 0px 0px 0px 8px rgb(255, 181, 20); } } @media (max-width: 767.98px) { body.ms.hp main section#blocActus .infoWrapper.a-la-une .blocInfo, body.cs.hp main section#blocActus .infoWrapper.a-la-une .blocInfo { -webkit-box-shadow: inset 0px 0px 0px 6px rgb(255, 181, 20); -moz-box-shadow: inset 0px 0px 0px 6px rgb(255, 181, 20); -ms-box-shadow: inset 0px 0px 0px 6px rgb(255, 181, 20); -o-box-shadow: inset 0px 0px 0px 6px rgb(255, 181, 20); box-shadow: inset 0px 0px 0px 6px rgb(255, 181, 20); } } body.ms.hp main section#blocActus .infoWrapper.a-la-une .blocInfo h3, body.ms.hp main section#blocActus .infoWrapper.a-la-une .blocInfo h2, body.cs.hp main section#blocActus .infoWrapper.a-la-une .blocInfo h3, body.cs.hp main section#blocActus .infoWrapper.a-la-une .blocInfo h2 { font-size: 3.8rem; } body.ms.hp main section#blocActus .infoWrapper.a-la-une .blocInfo p, body.cs.hp main section#blocActus .infoWrapper.a-la-une .blocInfo p { color: white; font-size: 2rem; } @media (max-width: 767.98px) { body.ms.hp main section#blocActus .infoWrapper.a-la-une .blocInfo h3, body.ms.hp main section#blocActus .infoWrapper.a-la-une .blocInfo h2, body.cs.hp main section#blocActus .infoWrapper.a-la-une .blocInfo h3, body.cs.hp main section#blocActus .infoWrapper.a-la-une .blocInfo h2 { font-size: 3rem; } body.ms.hp main section#blocActus .infoWrapper.a-la-une .blocInfo p, body.cs.hp main section#blocActus .infoWrapper.a-la-une .blocInfo p { font-size: 1.5rem; line-height: 1; } } body.ms.hp main section#blocIntro, body.cs.hp main section#blocIntro { background-color: rgb(240, 235, 223); } body.ms.hp main section#blocTarifsFormules, body.cs.hp main section#blocTarifsFormules { background-color: rgb(235, 232, 225); } body.ms.hp main section#blocAnniv .blocTitre h2:first-child, body.cs.hp main section#blocAnniv .blocTitre h2:first-child { margin-bottom: 0; } body.ms.hp main section#blocAnniv p, body.cs.hp main section#blocAnniv p { color: white; } body.ms.hp main section#blocAnniv .bordered, body.cs.hp main section#blocAnniv .bordered { background-color: rgba(255, 255, 255, 0.8); padding: 16px 32px; } body.ms.hp main section#blocAnniv .bordered > div, body.cs.hp main section#blocAnniv .bordered > div { border-right: 1px solid rgb(87, 87, 86); padding-top: 16px; padding-bottom: 16px; padding-right: 32px; margin-right: 32px; } body.ms.hp main section#blocAnniv .bordered > div:last-child, body.cs.hp main section#blocAnniv .bordered > div:last-child { border-right: none; padding-right: 0; margin-right: 0; } @media (max-width: 479.98px) { body.ms.hp main section#blocAnniv .bordered, body.cs.hp main section#blocAnniv .bordered { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body.ms.hp main section#blocAnniv .bordered > div, body.cs.hp main section#blocAnniv .bordered > div { border-right: none; padding-right: 0; margin-right: 0; } } body.ms.hp main section#blocAltisecur, body.cs.hp main section#blocAltisecur { color: white; } body.ms.hp main section#blocFb, body.cs.hp main section#blocFb { background-color: rgb(57, 82, 158); color: white; } body.ms.hp main section#blocFb .list a, body.cs.hp main section#blocFb .list a { color: white; } body.ms.hp main section#blocFb .list a div, body.cs.hp main section#blocFb .list a div { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } body.ms.hp main section#blocFb .list a div:before, body.cs.hp main section#blocFb .list a div:before { position: absolute; z-index: -1; content: ""; background-color: white; width: 100%; padding-top: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0px white; -moz-box-shadow: 0 0 0 0px white; -ms-box-shadow: 0 0 0 0px white; -o-box-shadow: 0 0 0 0px white; box-shadow: 0 0 0 0px white; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } body.ms.hp main section#blocFb .list a div i.fab, body.cs.hp main section#blocFb .list a div i.fab { color: rgb(57, 82, 158); padding: 16px; } body.ms.hp main section#blocFb .list a span, body.cs.hp main section#blocFb .list a span { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 1.8rem; font-weight: 700; text-transform: uppercase; line-height: 1; margin-top: 10px; } body.ms.hp main section#blocFb .list a:hover, body.cs.hp main section#blocFb .list a:hover { text-decoration: none; } body.ms.hp main section#blocFb .list a:hover div:before, body.cs.hp main section#blocFb .list a:hover div:before { -webkit-box-shadow: 0 0 0 4px white; -moz-box-shadow: 0 0 0 4px white; -ms-box-shadow: 0 0 0 4px white; -o-box-shadow: 0 0 0 4px white; box-shadow: 0 0 0 4px white; } #map-canvas { width: 100%; height: 600px; } #map-canvas .window-content { width: 200px; line-height: 1; overflow: hidden; white-space: nowrap; } body.page { /* &.actualites main article.infoWrapper, &.listactus main article.infoWrapper, */ } body.page header { height: 30%; max-height: 30%; min-height: 320px; } @media (max-width: 1199.98px) { body.page header { min-height: 150px; } } body.page header .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(41, 35, 90); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transform: skew(0deg, -1.5deg); -moz-transform: skew(0deg, -1.5deg); -ms-transform: skew(0deg, -1.5deg); -o-transform: skew(0deg, -1.5deg); transform: skew(0deg, -1.5deg); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } body.page header .bg .bgTop { background-position: top center; } body.page header .wrapper { width: 85%; } @media (max-width: 767.98px) { body.page header .wrapper { width: 70%; } } @media (max-width: 575.98px) { body.page header .wrapper { width: 80%; } } @media (max-width: 767.98px), (max-height: 768px) { body.page header .wrapper .logoTop { max-width: 200px; } } @media (max-width: 575.98px) { body.page header .wrapper .logoTop { max-width: 180px; } } @media (max-width: 320px) { body.page header .wrapper .logoTop { max-width: 110px; margin-top: 45px; } } body.page header .wrapper .logoTop img { -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4)); filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4)); } body.page header .wrapper h1 { color: white; text-transform: uppercase; font-size: 12rem; } @media (max-width: 991.98px) { body.page header .wrapper h1 { font-size: 9rem; } } body.page main .breadcrumb { background-color: transparent; font-size: 1.8rem; font-style: italic; } body.page main .breadcrumb a { color: rgb(87, 87, 86); } body.page main .breadcrumb .fas { font-size: 1rem; } body.page main section#blocEquipe article h3 { font-weight: 700; } body.page main section#blocEcoleEscalade { color: white; background-color: rgb(37, 33, 43); } body.page main section article a, body.page main section article a:hover { color: rgb(238, 127, 0); } body.page main section article img { max-width: 100%; height: auto; } body.page main article.infoWrapper, body.page main .actu .articles-connexes article.infoWrapper { background-color: rgb(246, 246, 246); } body.page main article.infoWrapper .infoTitleWrapper, body.page main .actu .articles-connexes article.infoWrapper .infoTitleWrapper { position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: rgb(41, 35, 90); } body.page main article.infoWrapper .infoTitleWrapper:before, body.page main .actu .articles-connexes article.infoWrapper .infoTitleWrapper:before { content: ""; padding-top: 45%; } @media (max-width: 991.98px) { body.page main article.infoWrapper .infoTitleWrapper:before, body.page main .actu .articles-connexes article.infoWrapper .infoTitleWrapper:before { padding-top: 50%; } } @media (max-width: 767.98px) { body.page main article.infoWrapper .infoTitleWrapper:before, body.page main .actu .articles-connexes article.infoWrapper .infoTitleWrapper:before { padding-top: 66%; } } @media (max-width: 575.98px) { body.page main article.infoWrapper .infoTitleWrapper:before, body.page main .actu .articles-connexes article.infoWrapper .infoTitleWrapper:before { padding-top: 25%; } } body.page main article.infoWrapper .infoTitleWrapper:after, body.page main .actu .articles-connexes article.infoWrapper .infoTitleWrapper:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } body.page main article.infoWrapper .infoTitleWrapper h2, body.page main .actu .articles-connexes article.infoWrapper .infoTitleWrapper h2 { color: white; z-index: 10; font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 2.8rem; font-weight: 700; font-style: italic; } @media (max-width: 575.98px) { body.page main article.infoWrapper .infoTitleWrapper h2, body.page main .actu .articles-connexes article.infoWrapper .infoTitleWrapper h2 { font-size: 3.8rem; } } body.page main article.infoWrapper .infoTitleWrapper h2.top, body.page main .actu .articles-connexes article.infoWrapper .infoTitleWrapper h2.top { font-size: 3.8rem; } body.page main article.infoWrapper .infoContentWrapper p, body.page main .actu .articles-connexes article.infoWrapper .infoContentWrapper p { font-size: 1.8rem; } body.page main article.infoWrapper:hover .infoTitleWrapper:after, body.page main .actu .articles-connexes article.infoWrapper:hover .infoTitleWrapper:after { background-color: rgba(0, 0, 0, 0.3); } body.page main article.infoWrapper:hover a, body.page main .actu .articles-connexes article.infoWrapper:hover a { background-color: rgb(255, 200, 20); } body.page main .actu article h2, body.page main .actu article h3, body.page main .actu article h4 { color: rgb(238, 127, 0); text-transform: uppercase; } body.page main .actu article p { text-align: justify; } body.page main .actu article img { max-width: 50%; height: auto; } body.page main .actu article img.float-left { margin: 0 1.5rem 1.5rem 0; } body.page main .actu article img.float-right { margin: 0 0 1.5rem 1.5rem; } @media (max-width: 575.98px) { body.page main .actu article img { max-width: 100%; } body.page main .actu article img.float-left, body.page main .actu article img.float-right { margin: 0 auto 1.5rem auto; float: none !important; display: block; } } body.page main .actu .articles-connexes h2.title { color: rgb(238, 127, 0); text-transform: uppercase; } main section#blocCommunaute .list a div { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } main section#blocCommunaute .list a div:before { position: absolute; z-index: -1; content: ""; background-color: rgb(57, 82, 158); width: 100%; padding-top: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0px rgb(57, 82, 158); -moz-box-shadow: 0 0 0 0px rgb(57, 82, 158); -ms-box-shadow: 0 0 0 0px rgb(57, 82, 158); -o-box-shadow: 0 0 0 0px rgb(57, 82, 158); box-shadow: 0 0 0 0px rgb(57, 82, 158); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } main section#blocCommunaute .list a div i.fab { color: white; padding: 16px; } main section#blocCommunaute .list a span { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 1.8rem; font-weight: 700; text-transform: uppercase; line-height: 1; margin-top: 10px; } main section#blocCommunaute .list a:hover { text-decoration: none; } main section#blocCommunaute .list a:hover div:before { -webkit-box-shadow: 0 0 0 4px rgb(57, 82, 158); -moz-box-shadow: 0 0 0 4px rgb(57, 82, 158); -ms-box-shadow: 0 0 0 4px rgb(57, 82, 158); -o-box-shadow: 0 0 0 4px rgb(57, 82, 158); box-shadow: 0 0 0 4px rgb(57, 82, 158); } main section#blocTarifsFormules h3 { margin-bottom: 0; } main section#blocTarifsFormules .rowTarif { border-top: 1px solid rgb(87, 87, 86); } main section#blocTarifsFormules .rowTarif > div:first-child { border-right: 0.5px solid rgb(87, 87, 86); padding-right: 2rem; margin-right: 2rem; } main section#blocTarifsFormules .rowTarif > div:last-child { margin-left: 2rem; } main section#blocTarifsFormules table.table thead th { border-top: 0 solid transparent; border-bottom: 0 solid transparent; font-family: "grot_extracond", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; text-align: center; } main section#blocTarifsFormules table.table thead th span { font-size: 3.2rem; display: block; } main section#blocTarifsFormules table.table tbody th, main section#blocTarifsFormules table.table tbody td { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 2.2rem; border-top: 1px solid rgb(87, 87, 86); vertical-align: middle; } main section#blocTarifsFormules table.table tbody th { font-weight: 500; } main section#blocTarifsFormules table.table tbody td { font-weight: 900; text-align: center; } main section#blocTarifsFormules table.table tbody td i.fas.orange { color: rgb(255, 101, 51); } main section#blocTarifsFormules table.table tbody td i.fas.orangeFonce { color: rgb(233, 78, 27); } main section#blocTarifsFormules table.table tfoot { border-bottom: 2px solid rgb(146, 146, 146); } main section#blocTarifsFormules table.table tfoot th, main section#blocTarifsFormules table.table tfoot td { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 2.2rem; border-top: 2px solid rgb(146, 146, 146); vertical-align: middle; padding: 1.5rem 0.5rem; } main section#blocTarifsFormules table.table tfoot tr { background-color: rgb(246, 246, 246); } main section#blocTarifsFormules table.table tfoot th { font-weight: 700; } main section#blocTarifsFormules table.table tfoot td { text-align: center; } main section#blocTarifsFormules table.table tfoot td .prix { font-size: 2.6rem; font-weight: 700; color: rgb(233, 78, 27); background-color: white; padding: 0.75rem 1rem; margin-bottom: 0.25rem; display: inline-block; border-radius: 6px; } main section#blocTarifsFormules table.table.location th { text-align: left; } main section#blocTarifsFormules table.table.location td { text-align: right; } main section#blocInitiation .bordered h3 { margin-top: -20px; } main section#blocInitiation a.bordered:hover { text-decoration: none; } main section#blocInitiation a.bordered:hover h3, main section#blocInitiation a.bordered:hover span { text-decoration: none; } main section#blocTarifsFormules .room, main section#blocTarifsFormules .room2, main section#blocInitiation .room, main section#blocInitiation .room2 { display: none; } main section#blocTarifsFormules .room.show, main section#blocTarifsFormules .room2.show, main section#blocInitiation .room.show, main section#blocInitiation .room2.show { display: block; } main section#blocTarifsFormules .room h3, main section#blocTarifsFormules .room2 h3, main section#blocInitiation .room h3, main section#blocInitiation .room2 h3 { color: rgb(233, 78, 27); } main section#blocTarifsFormules .room p, main section#blocTarifsFormules .room2 p, main section#blocInitiation .room p, main section#blocInitiation .room2 p { font-size: 2.2rem; } main section#blocNewsletter { color: white; background-color: rgb(37, 33, 43); } main section#blocArtissimo article h2, main section#artissimo article h2 { color: rgb(149, 27, 149); margin-bottom: 0; line-height: 0.8; } main section#blocArtissimo article span.subInfo, main section#artissimo article span.subInfo { display: block; } main section#artissimo article { border-top: 1px solid rgb(87, 87, 86); } main section#recrutement article { border-top: 1px solid rgb(87, 87, 86); } main section#recrutement article h2, main section#recrutement article h3 { color: rgb(233, 78, 27); margin-bottom: 0; } main section#recrutement article h2 span, main section#recrutement article h3 span { color: rgb(60, 60, 60); } main section#recrutement.offre article { border-top: 0; border-bottom: 1px solid rgb(87, 87, 86); padding-bottom: 40px; } main section#recrutement.offre article h4 { font-size: 2.4rem; font-weight: 700; color: rgb(233, 78, 27); } main section#searchResult .input-group { position: relative; } main section#searchResult .input-group .form-control { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 2.2rem; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding-right: 3rem; } main section#searchResult .input-group:after { position: absolute; z-index: 3; content: "\f002"; font-family: "Font Awesome 5 Free"; font-size: 1.8rem; font-weight: 900; right: 1.2rem; height: 100%; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } main section#searchResult a { text-decoration: underline; color: rgb(233, 78, 27); } main section#blocTopo h4, main section#blocTopo .txt-voie, main section#blocMembre h4, main section#blocMembre .txt-voie { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 2.4rem; } main section#blocTopo nav.topoNav, main section#blocMembre nav.topoNav { font-family: "akz-cnd", Helvetica, Arial, sans-serif; font-size: 2.2rem; } main section#blocTopo nav.topoNav ul, main section#blocMembre nav.topoNav ul { margin-bottom: 0; } main section#blocTopo nav.topoNav ul li, main section#blocMembre nav.topoNav ul li { margin: 0 0.5rem; } main section#blocTopo nav.topoNav ul li a, main section#blocMembre nav.topoNav ul li a { color: rgb(233, 78, 27); text-decoration: underline; } main section#blocTopo nav.topoNav > a.prev, main section#blocMembre nav.topoNav > a.prev { position: relative; padding-left: 1.5rem; } main section#blocTopo nav.topoNav > a.prev:before, main section#blocMembre nav.topoNav > a.prev:before { position: absolute; content: "\f053"; font-family: "Font Awesome 5 Free"; font-size: 1rem; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } main section#blocTopo nav.topoNav > a.next, main section#blocMembre nav.topoNav > a.next { position: relative; padding-right: 1.5rem; } main section#blocTopo nav.topoNav > a.next:after, main section#blocMembre nav.topoNav > a.next:after { position: absolute; content: "\f054"; font-family: "Font Awesome 5 Free"; font-size: 1rem; right: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } main .contact h4 { font-size: 2.4rem; font-weight: 700; } main #timeline { position: relative; } main #timeline .tlWrapper { position: relative; padding: 40px 0; } main #timeline .tlWrapper .vLineWrapper { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; } main #timeline .tlWrapper .vLineWrapper .dashedLine { position: absolute; top: 0; left: calc(50% - 2px); width: 0; height: 100%; border-left: 2px dashed rgb(146, 146, 146); border-right: 2px dashed rgb(146, 146, 146); } main #timeline .tlWrapper .vLineWrapper .dashedLine:before, main #timeline .tlWrapper .vLineWrapper .dashedLine:after { content: ""; position: absolute; width: 16px; height: 16px; background-color: rgb(87, 87, 86); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } main #timeline .tlWrapper .vLineWrapper .dashedLine:before { top: 0; } main #timeline .tlWrapper .vLineWrapper .dashedLine:after { bottom: 0; } main #timeline .tlWrapper .vLineWrapper .solidLine { position: absolute; top: 0; left: calc(50% - 2px); width: 0; height: 0; border-left: 2px solid rgb(87, 87, 86); border-right: 2px solid rgb(87, 87, 86); -webkit-transition: height 0.4s ease-in; -moz-transition: height 0.4s ease-in; -ms-transition: height 0.4s ease-in; -o-transition: height 0.4s ease-in; transition: height 0.4s ease-in; } main #timeline .tlWrapper .dateContainer { position: relative; } main #timeline .tlWrapper .dateContainer .marker { position: absolute; top: 0; left: 50%; width: 6%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } main #timeline .tlWrapper .dateContainer .marker > div { background-image: url(../img/ico-mousqueton-60w.svg); background-repeat: no-repeat; background-size: 70%; background-position: center center; width: 100%; } main #timeline .tlWrapper .dateContainer .dateContent { width: 44%; opacity: 0; } main #timeline .tlWrapper .dateContainer .dateContent h2, main #timeline .tlWrapper .dateContainer .dateContent h3 { padding: 0; } main #timeline .tlWrapper .dateContainer .dateContent h2 { font-size: 6rem; line-height: 3rem; } main #timeline .tlWrapper .dateContainer .dateContent h3 { font-size: 4rem; } main #timeline .tlWrapper .dateContainer .dateContent h3 sup { text-transform: lowercase !important; } main #timeline .tlWrapper .dateContainer .dateContent p { font-size: 1.8rem; } main #timeline .tlWrapper .dateContainer:nth-child(even) .dateContent { text-align: right; margin-right: auto; } main #timeline .tlWrapper .dateContainer:nth-child(even) .dateContent h2, main #timeline .tlWrapper .dateContainer:nth-child(even) .dateContent h3 { -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; } main #timeline .tlWrapper .dateContainer:nth-child(even) .dateContent h3 { margin-bottom: 2rem; } main #timeline .tlWrapper .dateContainer:nth-child(odd) .dateContent { text-align: left; margin-left: auto; } main #timeline .tlWrapper .dateContainer:nth-child(odd) .dateContent h2, main #timeline .tlWrapper .dateContainer:nth-child(odd) .dateContent h3 { -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; } main #timeline .tlWrapper .dateContainer.show:nth-child(even) .dateContent { -webkit-animation: bounceLeftIn 0.4s ease-out 0.5s 1 normal forwards; -moz-animation: bounceLeftIn 0.4s ease-out 0.5s 1 normal forwards; -ms-animation: bounceLeftIn 0.4s ease-out 0.5s 1 normal forwards; -o-animation: bounceLeftIn 0.4s ease-out 0.5s 1 normal forwards; animation: bounceLeftIn 0.4s ease-out 0.5s 1 normal forwards; } main #timeline .tlWrapper .dateContainer.show:nth-child(odd) .dateContent { -webkit-animation: bounceRightIn 0.4s ease-out 0.5s 1 normal forwards; -moz-animation: bounceRightIn 0.4s ease-out 0.5s 1 normal forwards; -ms-animation: bounceRightIn 0.4s ease-out 0.5s 1 normal forwards; -o-animation: bounceRightIn 0.4s ease-out 0.5s 1 normal forwards; animation: bounceRightIn 0.4s ease-out 0.5s 1 normal forwards; } main #timeline .tlWrapper .dateContainer.show .marker { -webkit-animation: bounceIcon 0.3s ease-out 0.3s 1 normal forwards; -moz-animation: bounceIcon 0.3s ease-out 0.3s 1 normal forwards; -ms-animation: bounceIcon 0.3s ease-out 0.3s 1 normal forwards; -o-animation: bounceIcon 0.3s ease-out 0.3s 1 normal forwards; animation: bounceIcon 0.3s ease-out 0.3s 1 normal forwards; } main #timeline ~ .col-12 .end { opacity: 0; } main #timeline ~ .col-12 .end.show { -webkit-animation: bounceIn 0.3s ease-out 0.6s 1 normal forwards; -moz-animation: bounceIn 0.3s ease-out 0.6s 1 normal forwards; -ms-animation: bounceIn 0.3s ease-out 0.6s 1 normal forwards; -o-animation: bounceIn 0.3s ease-out 0.6s 1 normal forwards; animation: bounceIn 0.3s ease-out 0.6s 1 normal forwards; } main .formSmIt { font-size: 1.4rem; font-style: italic; } main .formThanx { display: none; } main form em { font-size: 0.6em; } footer { position: relative; background-color: rgb(29, 29, 27); color: white; } footer:before { position: absolute; content: ""; background-color: rgb(29, 29, 27); width: 100%; height: 40px; top: -20px; } @media (min-width: 1200px) { footer:before { height: 80px; top: -40px; } } footer.left:before { -webkit-transform: skew(0deg, -1.5deg); -moz-transform: skew(0deg, -1.5deg); -ms-transform: skew(0deg, -1.5deg); -o-transform: skew(0deg, -1.5deg); transform: skew(0deg, -1.5deg); } footer.right:before { -webkit-transform: skew(0deg, 1.5deg); -moz-transform: skew(0deg, 1.5deg); -ms-transform: skew(0deg, 1.5deg); -o-transform: skew(0deg, 1.5deg); transform: skew(0deg, 1.5deg); } footer .fab { color: transparent; font-size: 0; } footer .fab:before, footer .fab:after { color: white; font-size: 3.2rem; } footer ul li.openSubNav { display: none; } footer .copyright { background: transparent; } footer .copyright p { font-size: 1.2rem; } footer .copyright a { position: relative; display: inline-block; color: transparent; width: 26px; height: 26px; } footer .copyright a .logo-noma-footer { position: absolute; display: inline-block; font-size: 1.5rem; outline: none; border: 0; overflow: hidden; color: transparent !important; text-decoration: none; background: url(https://www.noma.fr/images/logo2017-sm-white.png) no-repeat center center; opacity: 0.4; background-size: contain; width: 26px; height: 26px; bottom: -8px; left: 0; text-indent: -10000px; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } footer .copyright a:hover .logo-noma-footer { opacity: 1; } .backToTop { display: block; position: fixed; z-index: 19; bottom: 15px; right: 15px; height: 26px; width: 26px; cursor: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2); -moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2); -ms-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2); -o-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2); display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; background-color: rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out; -moz-transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out; -ms-transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out; -o-transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out; transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out; } .backToTop.show { opacity: 1; cursor: pointer; } .backToTop:hover { background-color: rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.6); -moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.6); -ms-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.6); -o-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.6); box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.6); } .backToTop:after { font-family: "Font Awesome 5 Free"; font-size: 1.6rem; content: "\f106"; color: white; } /* Feng */ h1.titre-hidden { visibility: hidden; height: 1px; } #altibloctour_reglement { font-size: 2rem; } #altibloctour_reglement .bordered { padding: 20px; height: 100%; } #altibloctour_reglement .skewedTitle { margin-top: -45px; } .etape .bordered { border-radius: 0px !important; } .etape h3 { color: #e94e1b; font-size: 2.8rem; } .etape .image { background-position: center center; background-size: cover; } .etape .texte { font-size: 1.8rem; } .etape .btn { font-size: 1.6rem; } /*# sourceMappingURL=altissimo.css.map */