@charset "utf-8";
/*++++++++ TYPOGRAPHIES ++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url("https://fonts.googleapis.com/css?family=Inconsolata:700");
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100;8..144,200&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*++++++++ BODY ET HTML ++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body{ font-size: 18px; line-height: 1.45em;overflow-x: hidden;}

/* Correctif temporaire : force la sélection de texte dans la zone de contenu (bug sélection non fonctionnelle) */
#contenus, #contenus * {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    pointer-events: auto !important;
}
::selection{ background-color: var(--bleu-kzs-300); color: var(--white);}
::-moz-selection{ background-color: var(--bleu-kzs-300); color: var(--white);}
.preloader{ background-color: var(--bleu-kzs-300); bottom: 0; height: 100%; left: 0; margin: 0 auto; o-transition: .6s; position: fixed; right: 0; top: 0; transition: .6s; webkit-transition: .6s; width: 100%; z-index: 999999; color: var(--white);}
.preloader .preloader-circle{ animation: zoom 2000ms infinite ease; background-color: var(--bleu-kzs-300); border-bottom-color: var(--secondary); border-left-color: transparent; border-radius: 50%; border-right-color: transparent; border-style: solid; border-top-color: var(--primary); border-width: 1px; box-shadow: none; height: 100px; o-transition: .6s; position: relative; transition: .6s; webkit-animation: zoom 2000ms infinite ease; webkit-box-shadow: none; webkit-transition: .6s; width: 100px; z-index: 10; color: var(--white);}
.preloader .preloader-circle2{ border-top-color: #666;}
.preloader .preloader-img{ display: inline-block; left: 0; margin: 0 auto; ms-transform: translateY(-50%); o-transition: .6s; padding-top: 6px; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); transition: .6s; webkit-transform: translateY(-50%); webkit-transition: .6s; z-index: 200;}
.preloader .preloader-img img{ max-width: 55px;}
.preloader .pere-text strong{ color: var(--primary); font-weight: 800; text-transform: uppercase;}

@-webkit-keyframes zoom {
    0% {
        o-transition: .6s;
        transform: rotate(0deg);
        transition: .6s;
        webkit-transform: rotate(0deg);
        webkit-transition: .6s;
    }

    100% {
        o-transition: .6s;
        transform: rotate(360deg);
        transition: .6s;
        webkit-transform: rotate(360deg);
        webkit-transition: .6s;
    }
}
@keyframes zoom {
    0% {
        o-transition: .6s;
        transform: rotate(0deg);
        transition: .6s;
        webkit-transform: rotate(0deg);
        webkit-transition: .6s;
    }

    100% {
        o-transition: .6s;
        transform: rotate(360deg);
        transition: .6s;
        webkit-transform: rotate(360deg);
        webkit-transition: .6s;
    }
}
/*++ FIN STYLES PRELOADER ++*/
p.espace-5{padding: 3rem;display:block; position: relative;margin-bottom: 0;}
p.espace-4{padding: 1.5rem;display:block; position: relative;margin-bottom: 0;}
p.espace-3{padding: 1rem;display:block; position: relative;margin-bottom: 0;}
p.espace-2{padding: 0.5rem;display:block; position: relative;margin-bottom: 0;}
p.espace-1{padding: 0.25rem;display:block; position: relative;margin-bottom: 0;}
/*+++ TOP +*/
.logo{ height: auto; max-width: 140px;}
.top{ justify-content: flex-end;}
.fixed-top{ top: -40px; transform: translateY(40px); transition: transform .3s; background: var(--bleu-kzs-900); z-index: 1030 !important; color: var(--white);}
@media only screen and (min-width:979px){.dropdown:hover .dropdown-menu{ display: block;}
.dropdown-menu{ margin-top: 0; border: none; border-radius: 0; box-shadow: none;}
}
.dropdown-menu.megamenu{ width: auto !important; min-width: max-content;}
.title.dropdown-item.active{ background: transparent; color: var(--secondary); border: solid 1px;}
.title.dropdown-item{ font-size: 1.5em; color: var(--primary); margin-bottom: 10px;}
.navbar-light .navbar-nav .nav-link{ position: relative; color: var(--dark); text-transform: uppercase; background: var(--white); border-radius: 1.25em; border: solid 1px var(--white); font-size: 1.1em; padding: 0.5em; font-family: 'Bebas Neue',Arial; margin-left: 0.15em; margin-right: 0.15em; text-decoration: none;}
.navbar-light .navbar-nav .nav-item#liContact .nav-link{ color: var(--white); background: var(--bleu-kzs-300);}
.nav-link.dropdown-toggle{ padding: 0.5em 2.5em 0.5em 1em !important;}
.dropdown-toggle::after{ display: inline-block; margin-left: 0.255em; vertical-align: middle; font-family: "Flaticon"; content: ""; font-size: 30px; border: none;}
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show{ color: var(--white); background: var(--bleu-kzs-900);}
.nav-toggle{ display: none;}
@media only screen and (max-width:1279px){.nav-toggle{ z-index: 1; width: 60px; height: 60px; border: none; background: none; position: relative; webkit-appearence: none; display: block; align-self: center;}
.nav-toggle:focus,
.nav-toggle:active{ outline: none;}
.nav-toggle .nav-label{ opacity: 1; float: left; display: none; font-size: 14px; text-transform: uppercase;}
.nav-toggle.nav-open .nav-svg .dots{ left: 24px; opacity: 0; background: var(--bleu-kzs-900); webkit-animation: showDots 0.2s 0.2s forwards; animation: showDots 0.2s 0.2s forwards; color: var(--white);}
.nav-toggle.nav-open .nav-svg .dots:before{ webkit-animation: toCloseDotsTop 0.6s 0.2s forwards; animation: toCloseDotsTop 0.6s 0.2s forwards;}
.nav-toggle.nav-open .nav-svg .dots:after{ webkit-animation: toCloseDotsBottom 0.6s 0.2s forwards; animation: toCloseDotsBottom 0.6s 0.2s forwards;}
.nav-toggle.nav-open .nav-svg path.x{ transition: all 0.2s 0.2s ease-in-out; transform: rotate(45deg) translate(17%, -57%) scaleX(0.75);}
.nav-toggle.nav-open .nav-svg path.x:first-of-type{ transform-origin: right center; transform: rotate(-45deg) translate(-17%, -28%) scaleX(0.75);}
.nav-toggle.nav-open .nav-svg path.yy{ stroke-dashoffset: -1200; transition: 0.25s 0s ease-in-out;}
.nav-toggle .nav-svg{ display: inline-block; transform: translate(-1px, 2px);}
.nav-toggle .nav-svg .dots{ top: 24px; left: 10px; width: 2px; height: 2px; border-radius: 1px; background: var(--bleu-kzs-900); position: absolute; transition: background 0.25s ease-out, left 0.25s ease-out; color: var(--white);}
.nav-toggle .nav-svg .dots:before,
 .nav-toggle .nav-svg .dots:after{ left: 0; opacity: 1; width: 2px; content: ""; height: 2px; border-radius: 1px; background: var(--bleu-kzs-900); position: absolute; color: var(--white);}
.nav-toggle .nav-svg .dots:before{ top: -7px;}
.nav-toggle .nav-svg .dots:after{ top: 7px; transition-delay: 0.1s;}
.nav-toggle .nav-svg path{ stroke: #000; stroke-width: 70;}
.nav-toggle .nav-svg path.x{ transition: all 0.25s 0s ease-in-out; transform-origin: left center; transform: rotate(0deg) translate(0, 0) scale(1);}
.nav-toggle .nav-svg path.yy{ stroke-dashoffset: 1700; stroke-dasharray: 2520 3000; transition: 0.2s 0.2s ease-in-out;}
.fixed-top .nav-toggle{ margin-right: 40px;}

    @-webkit-keyframes showDots {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes showDots {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-webkit-keyframes toCloseDotsBottom {

        from,
        40%,
        75%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        0% {
            transform: translate3d(0, 0, 0);
        }

        40% {
            transform: translate3d(0, 5px, 0);
        }

        75% {
            transform: translate3d(0, -3px, 0);
        }

        to {
            transform: none;
        }
    }

    @keyframes toCloseDotsBottom {

        from,
        40%,
        75%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        0% {
            transform: translate3d(0, 0, 0);
        }

        40% {
            transform: translate3d(0, 5px, 0);
        }

        75% {
            transform: translate3d(0, -3px, 0);
        }

        to {
            transform: none;
        }
    }

    @-webkit-keyframes toCloseDotsTop {

        from,
        40%,
        75%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        0% {
            transform: translate3d(0, 0, 0);
        }

        40% {
            transform: translate3d(0, -5px, 0);
        }

        75% {
            transform: translate3d(0, 3px, 0);
        }

        to {
            transform: none;
        }
    }

    @keyframes toCloseDotsTop {

        from,
        40%,
        75%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        0% {
            transform: translate3d(0, 0, 0);
        }

        40% {
            transform: translate3d(0, -5px, 0);
        }

        75% {
            transform: translate3d(0, 3px, 0);
        }

        to {
            transform: none;
        }
    }
}

/*++++ HOVER MENU+++++*/
.navbar-light .navbar-nav .nav-link::before,
.navbar-light .navbar-nav .nav-link::after{ content: ''; z-index: -1; border-radius: inherit; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; webkit-backface-visibility: hidden; webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.dropdown-toggle::after{ display: none;}
.dropdown-toggler-icon::before{ content: '\f078'; font-family: 'Font Awesome 5 Pro';}
.dropdown-toggler-icon{ display: block; font-size: 1.2rem; position: absolute; right: 15px; top: 25%;}
.navbar-light .navbar-nav .nav-link::before{ border: 3px solid var(--secondary); opacity: 0; webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); background: var(--bleu-kzs-900); color: var(--white);}
.dropdown-menu{ transition: all .2s ease-in-out; box-shadow: none; border-radius: 30px; border-bottom: solid 3px var(--primary); padding: 0; width: auto; min-width: 300px; transition: all 200ms linear; background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);}
.dropdown-item{ white-space: normal; border-radius: 30px; font-family: var(--font-family-serif); color: var(--dark); font-size: 1.2em; letter-spacing: 0.025em; line-height: 1.2em;}
.dropdown-item:hover,
.dropdown-item:focus{ color: var(--white); text-decoration: none; background-color: var(--bleu-kzs-900);}
.navbar-light .navbar-nav .nav-link::before{ border-width: 3px;}
.navbar-light .navbar-nav .nav-link::after{ background: var(--bleu-kzs-900); color: var(--white);}
.navbar-light .navbar-nav .nav-link:hover::before{ opacity: 1; webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
.navbar-light .navbar-nav .nav-link:hover::after{ opacity: 0; webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1);}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-item.active .nav-link{ color: var(--white); background: var(--bleu-kzs-900);}
.nav-item{ position: relative; transition: all 200ms linear; width: 20%; text-align: center;}
.nav-link.dropdown-toggle{ text-align: left;}
.nav-item .dropdown-menu{ transform: translate3d(0, 10px, 0); visibility: hidden; opacity: 0; max-height: 0; display: block; margin: 0; transition: all 200ms linear;}
.nav-item.show .dropdown-menu{ opacity: 1; visibility: visible; max-height: 999px; transform: translate3d(0, 0px, 0); padding: 1.5rem 0.75rem;}

/*+++++++*/
/*+++ SEARCH++++*/
.search{ position: relative;}
.search .search-input{ background: none; border: 1px solid var(--pink); border-radius: 3.0625rem; height: 2rem; width: 2rem; color: var(--pink) !important; font-family: var(--font-family-serif); padding: 0.5rem 0.8rem 0.6rem 0.8rem; letter-spacing: 0.03rem; transition: all 0.3s ease; cursor: pointer;}
.search .search-input:focus{ outline: 0;}
.search .cross{ position: absolute; top: 0; right: 1.5rem; cursor: pointer; width: 14px; height: 14px; transform: translateX(28px) translateY(24px); transition: all 0.3s ease;}
.search .cross:before,
.search .cross:after{ content: ""; display: block; background: var(--bleu-kzs-900); position: absolute; width: 0.15rem; height: 1.4rem; transition: all 0.3s ease; left: 0.8125rem; color: var(--white);}
.search .cross:before{ transform: rotate(-45deg);}
.search .cross:after{ transform: rotate(-45deg);}
.search.opened .search-input{ width: 20%; cursor: text; border-color: transparent; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 0.5rem 5rem 0.6rem 0.8rem; height: 2.5rem;}
.search.opened .cross{ transform: translateX(5px) translateY(1px); transition-delay: 0s; top: 0.5rem; right: 30px;}
.search.opened .cross:before{ transition-delay: 0.3s; transform: rotate(45deg);}
/*++++*/
.StreamsHero-image {
    /* Wave Color */
    background: linear-gradient(to right, var(--success) 0%, var(--secondary) 100%);
    background-size: 350% 350%;
    animation: waveColors 8s ease infinite;
    /* End Wave Color */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0 auto; color: var(--white);
}
.section-intro::after{ content: ''; display: block; position: absolute; z-index: 1000; bottom: -1px; width: 100%; height: 35%; background: url(../img/forme-separation-section-1.png) top center no-repeat; background-size: cover;}

.bg-gradient {
    background: linear-gradient(to right, var(--success) 0%, var(--secondary) 100%); color: var(--white);
}
ol:not(.breadcrumb) {
    counter-reset: numbers;
    padding-left: 0;
}

    ol:not(.breadcrumb) li {
        list-style-type: none;
        counter-increment: numbers;
        margin-bottom: 1.5em;
        padding-left: 1.75em;
        line-height: 1.2em;
    }

        ol:not(.breadcrumb) li:before {
            content: counter(numbers);
            padding: 0.15em 0.5em;
            vertical-align: top;
            background: var(--secondary);
            -moz-border-radius: 6px;
            font-weight: 600;
            font-size: 1.25em;
            color: white;
            margin-left: -1.75em;
            font-family: var(--font-family-monospace);
            border-radius: 6px;
            margin-right: 0.25em;
            position: relative;
            display: inline-block;
        }

/* Animation Wave Color */

@-webkit-keyframes waveColors {
    0% {
        background-position: 0% 7%;
    }

    50% {
        background-position: 100% 94%;
    }

    100% {
        background-position: 0% 7%;
    }
}

@keyframes waveColors {
    0% {
        background-position: 0% 7%;
    }

    50% {
        background-position: 100% 94%;
    }

    100% {
        background-position: 0% 7%;
    }
}

/* End Animation Wave Color */
#metier{ position: relative; z-index: 0; padding-bottom: 250px; min-height: 70vh;}
#metier.no-video-bg{ min-height: 0; padding-top: 3rem; padding-bottom: 3rem;}
.bottom-section1{ width: 100%; height: auto; position: absolute; bottom: -1px; z-index: 100;}
#solutions::after{ content: ''; position: absolute; width: 100%; min-height: 100px; margin-top: -203px;}
#solutions{ position: relative; background: url("../img/fond-solutions.png") top right / cover no-repeat; margin-top: -250px; z-index: 10; padding-top: 250px; padding-bottom: 150px; margin-bottom: 5rem; color: var(--white);}
#solutions::after{ content: ''; display: block; width: 100%; height: 450px; background: linear-gradient(to bottom, rgba(0, 28, 36, 0) 0%, rgba(0, 28, 36, 0.05) 8%, rgba(0, 28, 36, 0.14) 18%, rgba(0, 28, 36, 0.3) 30%, rgba(0, 28, 36, 0.52) 44%, rgba(0, 28, 36, 0.75) 58%, rgba(0, 28, 36, 0.92) 70%, var(--bleu-kzs-900) 82%, var(--bleu-kzs-900) 100%); position: absolute; bottom: -20px; left: 0; color: var(--white); pointer-events: none; z-index: 0;}
#solutions > .container-fluid{ position: relative; z-index: 1;}
.mask-svg{ webkit-mask-image: url(../img/mask-header.svg); mask-image: url(../img/mask-header.svg); webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}
#contenu-header {
    padding-bottom: 0;
    background: var(--bleu-kzs-900);
    position: relative;
    overflow: hidden;
}
/*++++ BG VIDEO +++*/
#video-viewport{display:none;height:100% !important;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1;}
video{display:block;height:auto;margin-left:-25%;margin-top:5%;width:100% !important;}
.fullsize-video-bg{height:100% !important;overflow:hidden;position:relative;}
.dark-vid{display:none;}
/* .header-home::after{bottom:-7.5px;content:url(../img/after-header-pages.svg);display:block;height:auto;left:-0.5%;position:absolute;right:0;width:101%;z-index:2;} */
.header-home{height:90vh;position:relative;}
.overlay-headerHome{background-color:transparent !important;bottom:-2px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;}
.sigle-home{margin-top:-5%;opacity:0.8;position:relative;width:25%;z-index:4;}
.bg-video-wrap{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0;}

.bg-video-wrap video{height:auto !important;margin-left:0;margin-top:-12.5vh;min-height:100vh;min-width:100%;z-index:-1;}
/*++++ SLOGANS DU FOOTER ++++++*/
.letters span { color: #ff0266; text-shadow: none; }
.footer a[aria-label="Twitter"] svg {
    transform: scale(0.65);
    vertical-align: middle;
    opacity: 0.7;
}
/*++++++++ STYLES DE TEXTE PERSONNALISES ++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
a{ transition: all 0.9s;}
a:hover,
a:focus,
a:active{ text-decoration: none !important; outline: none !important; box-shadow: none;}
b,
strong{ font-weight: 800;}
h1,
.h1{ font-size: 4.479vw; font-weight: 500; line-height: 1.2em; white-space: normal; font-family: var(--font-family-serif); letter-spacing: 0.05em;}
h2,
.h2{ font-size: 5.208vw; font-weight: 300; line-height: 1em; font-family: var(--font-family-serif); margin-bottom: 3rem; letter-spacing: 0;}
h3,
.h3{ font-size: 2.917vw; font-weight: 500; line-height: 1em; font-family: var(--font-family-serif);}
h4,
.h4{ font-size: 2.083vw; font-weight: 500; line-height: 1.1em; font-family: var(--font-family-serif);}
h5,
.h5{ font-size: 1.042vw; font-weight: 300; line-height: 1.5em;}
h6,
.h6{ font-size: 0.833vw; font-weight: 700; line-height: 1em; text-transform: uppercase;}
.blockquote{ border-left: solid 0.25rem var(--light); font-size: 1em; line-height: 1.4em; margin: 0 0 1rem; padding-left: 1.5rem;}
.sous-titre{ font-family: var(--font-family-sans-serif); font-size: 45%; display: block; position: relative; line-height: initial; margin-bottom: 30px;}
code{ font-size: 87.5%; word-wrap: break-word; background: var(--bleu-kzs-900); padding: 2px; color: var(--white);display: inline-block;}
.code{ font-size: 87.5%;background: var(--bleu-kzs-900); padding: 2px; color: var(--white);display: inline-block;}
.link-tel {font-size: 0;cursor:pointer;}
.link-tel::before {content: 'Téléphoner';font-size: 1.4rem;text-transform: uppercase;font-family: var(--font-family-serif);color: var(--white);background: var(--bleu-kzs-900);padding: 6px 30px;border-radius: 25px;letter-spacing: 1px;line-height: 1.5em;}
.noLink-tel{font-size:inherit;}
.noLinktel::before{display:none;}
.smaller{ font-size: 60%;}
.text-kaizen{ font-family: var(--font-family-serif); letter-spacing: 0.075em;}
.blockquote-primary{ border-color: var(--primary);}
.blockquote-secondary{ border-color: var(--secondary);}
.blockquote-success{ border-color: var(--success);}
.blockquote-info{ border-color: var(--info);}
.blockquote-warning{ border-color: var(--warning);}
.blockquote-danger{ border-color: var(--danger);}
.lead{ line-height: 1.5em; font-size: 1.15em;}
.sur-titre{ font-size: 24px; letter-spacing: 0; line-height: 1em; font-weight: bold; color: var(--danger); position: relative;}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active{color:var(--white);}
.btn-link{font-family:var(--font-family-serif);border-bottom:dotted 1px var(--primary);}
.btn-link:hover{border-bottom-color:var(--danger);}
.liste-stylisee{ list-style: none; padding-left: 0;}
.liste-stylisee li{ margin-bottom: 0.75em; padding-left: 1.5em;}
.liste-stylisee li:before{ color: var(--danger); content: "\f00c"; font-family: var(--font-family-pictos); margin-left: -1.5em; margin-right: 0.5em; font-weight: 500;}
.liste-stylisee li li{ list-style-type: none; margin-bottom: 0.25em; margin-top: 0.25em;}
.liste-stylisee li li:before{ content: '-';}
ol.numbers{ counter-reset: numbers; padding-left: 0;}
ol.numbers li{ list-style-type: none; counter-increment: numbers; margin-bottom: 1.5em; padding-left: 1.75em; line-height: 1.2em;}
ol.numbers li:before{ content: counter(numbers); padding: 0.15em 0.5em; vertical-align: top; background: var(--bleu-kzs-900); moz-border-radius: 6px; font-weight: 600; font-size: 1.25em; color: var(--white); margin-left: -1.75em; font-family: var(--font-family-monospace); border-radius: 6px; margin-right: 0.25em; position: relative; display: inline-block;}
ol.numbers li ol li::before,
ol li ul li::before{ content: "•" !important; background: none !important; margin-left: -1em!important ; padding: 0!important ; color: var(--secondary)!important ;}
ol.numbers li ol li,
ol.numbers li ul li{ margin-left: -1em;}
.liste-event {list-style-type: none;width: auto;margin: 2.5rem auto;max-width: 600px;padding: 0;width:100%;}
.liste-event li {margin-bottom: 10px;border: solid 1px var(--primary);padding: 0.5rem 1.55rem;border-radius: 1.5rem;}
.liste-event i {font-size: 1.5em;display: inline-block;vertical-align: middle;margin: 0 10px 0 0;color: var(--danger);}
.resultats{ list-style: none; padding-left: 0;}
.resultats li{ padding-left: 60px; display: block;}
.resultats li::before{ content: ""; margin-left: -60px; margin-right: 55px; background: url("../img/sigle-kaizen.png") center center no-repeat; background-size: contain; display: block; width: 50px; height: 50px; position: absolute;}
.resultats h2{ font-size: 1.5em; margin-bottom: 0; font-weight: 700;}
.btn-lire{ text-align: right; display: block;}
.btn-lire a{ transition: all 0.8s;}
.btn-lire a:hover{ margin-right: -10px;}
.font-serif{ font-family: var(--font-family-serif);}
.font-sans-serif{ font-family: var(--font-family-sans-serif);}
.font-monospace{ font-family: var(--font-family-monospace);}
.font-futurist{ font-family: var(--font-family-futurist);}
.contenu-header-text .breadcrumb{ background: transparent; justify-content: center; position: relative; padding-top: 30px;}
.contenu-header-text .breadcrumb::before{ content: ''; display: block; height: 1px; width: 40%; margin: 10px auto; position: absolute; background: var(--danger); top: 0; color: var(--white);}
.contenu-header-text .breadcrumb-item{ font-size: 0.95em; letter-spacing: 0.05em; font-family: var(--font-family-serif); color: var(--light);}
    .contenu-header-text .breadcrumb-item a {
        text-decoration: none !important;
        color: var(--pink);
    }
.breadcrumb-item+.breadcrumb-item::before{ color: var(--primary); content: "\f105"; font-family: var(--font-family-pictos); font-weight: 300; vertical-align: middle; line-height: 1.5em;}
.contenu-header-text .breadcrumb-item.active{ color: var(--gray-light);}
.breadcrumb{ border-radius: 16px; background: var(--bleu-kzs-900); box-shadow: none; color: var(--white);}
.breadcrumb-item+.breadcrumb-item::before{ color: var(--danger);}
.breadcrumb-item.active{ color: white}
.breadcrumb-item+.breadcrumb-item{ max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; padding-right: 10px; display: inline-block; font-size: 0.85em; font-family: var(--font-family-sans-serif);}
.contenu-header-text .breadcrumb-item+.breadcrumb-item a{ color: #fff;text-decoration: none;}
.breadcrumb-item+.breadcrumb-item a{text-decoration: none;color: white;}
.sub-title{ display: block; font-size: 1.4rem; letter-spacing: 0.05em; line-height: 1.1em;}
.breadcrumb-item a[href='#'],.sitemap a[href='#'] {cursor : default; text-decoration: none;}
.sitemap a[href='#']:hover{color:initial;}
.sitemap li a[href='#']:hover::before{display:none;}

/*++++*/
/*****++++++++++++++++ ELEMENTS DIVERS++++++++++++++++++++++*/

/*++++ ACCORDION AVEC PICTOS +++*/
.heading-primary{font-size:2em;padding:2em;text-align:center;}
.accordion dd,
.accordion__panel{margin:0;}
.accordion p{padding: 0.5em 1em;margin-bottom: 0;}
.accordion{position:relative;}
.accordionTitle,
.accordion__Heading{padding: 0.15rem;display:block;text-decoration:none;border-bottom: none;text-transform:uppercase;font-size: 0.8em;}
.accordionTitle:before,
.accordion__Heading:before{content:"+";font-size: 2.5em;display: inline-block;font-weight:200;transition:transform 0.3s ease-in-out;margin-right:20px;vertical-align: middle;}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before{transform:rotate(-225deg);}

.faq .accordionTitle,.faq .accordion__Heading{border-radius:1.5rem;border: none;padding: 0.5em 0.5em;color: var(--dark);position: relative;text-transform: none;font-weight: normal;background: white;font-family: var(--font-family-serif);font-size: 1.2em;}
.faq .accordionTitle:after,
.faq .accordion__Heading:after{content: "\f063";display: inline-block;font-weight:400;transition:transform 0.3s ease-in-out;margin-right: 0;vertical-align: middle;position: absolute;right: 9px;font-family: var(--font-family-pictos);border-radius: 100%;padding: 4px; width:30px;height: 30px;background: var(--bleu-kzs-500); color: var(--white);text-align: center;line-height: 1.2em;top: 16%;}
.faq .accordionTitleActive:after,
.faq .accordionTitle.is-expanded:after{transform: rotate(180deg);background: var(--bleu-kzs-500);color: white;}
.faq .accordionTitle::before,.faq .accordion__Heading::before{display: none;}
.faq .accordion-content {
    color: var(--dark);
    background: var(--white);
    border-radius: 1.5rem;
    padding: 0.5rem 1.75rem;
}
.faq .accordion-content p{margin-bottom: 15px;}
.faq-section{margin-top: 3rem;margin-bottom: 3rem;}
.faq-section .faq-title{margin-bottom: 1rem;}
.faq .faq-item {
    margin-bottom: 0.5rem;
    background: var(--white);
    border-radius: 1.5rem;
}
.faq .faq-item:last-child{margin-bottom: 0;}
.faq .faq-item .accordion-content.is-collapsed{padding-top: 0;padding-bottom: 0;}
.faq .faq-item .accordion-content.is-expanded{padding-bottom: 0.75rem;}
.accordionItem{height:auto;overflow:hidden;transition:max-height 1s;}
.accordionItem.is-collapsed{max-height:0;}
.no-js .accordionItem.is-collapsed{max-height:auto;}
.animateIn{webkit-animation:accordionIn 0.45s normal ease-in-out both 1;animation:accordionIn 0.45s normal ease-in-out both 1;}
.animateOut{webkit-animation:accordionOut 0.45s alternate ease-in-out both 1;animation:accordionOut 0.45s alternate ease-in-out both 1;}
@-webkit-keyframes accordionIn{0%{opacity:0;transform:scale(0.9) rotateX(-60deg);transform-origin:50% 0;}
100%{opacity:1;transform:scale(1);}
}
@keyframes accordionIn{0%{opacity:0;transform:scale(0.9) rotateX(-60deg);transform-origin:50% 0;}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes accordionOut{0%{opacity:1;transform:scale(1);}
100%{opacity:0;transform:scale(0.9) rotateX(-60deg);}
}
@keyframes accordionOut{0%{opacity:1;transform:scale(1);}
100%{opacity:0;transform:scale(0.9) rotateX(-60deg);}
}
@media only screen and (max-width:767px){.faq .accordionTitle::after, .faq .accordion__Heading::after{border-radius:100%;height:20px;line-height:1.2em;padding:4px;top:30%;width:20px;font-size:0.8em;}
}
/* lined tabs */
.nav-tabs { border-bottom: none;line-height: 1.8em;z-index: 10;position: relative;}
.with-arrow .nav-link{font-family: var(--font-family-serif);font-size: 2rem;color:black;background: #F5F5F5;}
.with-arrow .nav-link.active{position:relative;}
.with-arrow .nav-link.active::after{content:'';border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid var(--bleu-kzs-700);position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);display:block;}
.lined .nav-link{border-radius: 26px 26px 0 0 !important;padding: 1rem;text-decoration: none;}
.lined .nav-link:hover{color: var(--white) !important; background: var(--bleu-kzs-900) !important;}
.lined .nav-link.active{background: var(--bleu-kzs-700);color: var(--white);border-color:var(--bleu-kzs-700);}
.tab-content {box-shadow: none;}
#solutions .tab-content {box-shadow: none;z-index: 1;position: relative;}
/*++++*/
.type-writer-text{ font-size: 1.45em; max-width: 600px; text-align: justify; margin: 0.5rem auto; position: relative; line-height: 1.5em; padding: 2rem; background: var(--bleu-kzs-900); transition: all 1.2s; font-family: var(--font-family-serif); color: var(--white);}
.type-writer-text::after{ content: ''; border-right: 1px solid var(--primary); animation: cursorblink 0.8s infinite; padding-left: 10px;}

@keyframes typewriter {
    from {
        width: 0;
    }

    to {
        width: 28.5em;
    }
}

@keyframes cursorblink {
    from {
        border-right: 1px solid var(--primary);
    }

    to {
        border-right: 1px solid #fff;
    }
}
.border-corner{ display: inline-block; position: relative; padding: 15px; margin: 25px auto; animation: pad linear 1.5s 2s; min-height: 180px;}
.border-corner:after{ content: ""; position: absolute; left: 0px; top: 20px; width: 40px; height: 40px; animation: wh linear 1.5s; border-left: 2px solid var(--primary); border-top: 2px solid var(--primary);}
.border-corner:before{ content: ""; position: absolute; right: 0px; top: 0px; width: 20px; height: 20px; animation: wh linear 1.5s; border-right: 1px solid #fff; border-top: 1px solid #fff;}
.border-corner>div:after{ content: ""; position: absolute; right: 0px; bottom: 20px; width: 40px; height: 40px; animation: wh linear 1.5s; border-right: 2px solid var(--primary); border-bottom: 2px solid var(--primary);}
.border-corner>div:before{ content: ""; position: absolute; left: 0px; bottom: 0px; width: 20px; height: 20px; animation: wh linear 1.5s; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
@keyframes wh {
    0% {
        width: 0px;
        height: 0px;
    }

    50% {
        width: 20px;
        height: 0px;
    }

    100% {
        width: 40px;
        height: 40px;
    }
}

@keyframes pad {
    0% {
        padding: 25px;
        margin: 25px;
    }

    30% {
        filter: blur(0px);
    }

    50% {
        padding: 50px;
        margin: 0px;
        filter: blur(3px);
    }

    70% {
        filter: blur(0px);
    }

    100% {
        padding: 25px;
        margin: 25px;
    }
}
.author{ font-size: 1.1em; text-align: center; margin-bottom: 0; letter-spacing: 0.05em;text-decoration: none !important;}
.author-article {
    text-decoration: none !important;
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 0;
    letter-spacing: 0.05em;
}
.author::before{ content: '-'; margin-right: 5px;}
.author::after{ content: '-'; margin-left: 5px;}
.quote{ margin-bottom: -2rem; z-index: 2; position: relative;}
.fonction{ font-size: 0.8em; color: inherit; text-align: center; opacity: 0.75;}
.photo-portrait{border:solid 10px rgba(255,255,255,0.4);border-radius:100%;display:block;height:300px;margin:-150px auto 20px;overflow:hidden;width:300px;}
.photo-portrait img{height:100%;object-fit:cover;object-position:center;width:100%;}
/*++ FIN CITATION +*/
.img-fit-cover-center{ height: 100%; object-fit: cover; object-position: center; width: 100%;}
.img-fit-cover-left{ height: 100%; object-fit: cover; object-position: left; width: 100%;}
.img-fit-cover-right{ height: 100%; object-fit: cover; object-position: right; width: 100%;}
.image-link::before{ content: '\f00e'; font-size: 5rem; font-family: "Font Awesome 6 Pro"; font-weight: 300; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; text-align: center; color: var(--white); background: var(--bleu-kzs-900); display: flex; justify-content: center; align-items: center; transition: all 0.8s; opacity: 0;}
.image-link{ position: relative; width: 100%; height: 100%; display: block;}
.image-link:hover::before{ opacity: 0.5;}
.temoignage-thumb{ display: block; position: relative; margin: -80px auto 50px; border-radius: 100%; max-width: 120px; height: auto;}
#carouselTemoignages .carousel-item{ text-align: center; background: var(--bleu-kzs-900) url(../img/motifs-metier.webp) left bottom no-repeat; background-size: contain; box-shadow: none; border-radius: 30px; color: var(--white);}
#carouselTemoignages .carousel-inner{ padding: 40px;}
#carouselTemoignage{ margin-top: 4rem;}
.carousel-control-prev,
.carousel-control-next{ width: 80px; height: 80px; top: 45%; opacity: 1; transition: all 0.2s;}
.carousel-control-prev:hover,
.carousel-control-next:hover{ opacity: 0.9; transform: scale(0.9);}
.carousel-control-next{ justify-content: end; padding-right: 20px; right: 10px; background: url("../img/fnd-nav-temoignages-r.png") right center no-repeat; background-size: contain;}
.carousel-control-prev{ justify-content: start; padding-left: 20px; left: 10px; background: url("../img/fnd-nav-temoignages-l.png") left center no-repeat; background-size: contain;}
/*+++++++++++++ INSIGHTS +++++++++++++*/
.insights{ display: flex; justify-content: center; align-items: center; flex-flow: wrap;}
.snip1543{ background-color: var(--bleu-kzs-900); color: var(--white) !important; margin: 10px; max-width: 40%; min-width: 300px; overflow: hidden; position: relative; text-align: left; width: 100%; webkit-transform: translateZ(0); transform: translateZ(0);}
.snip1543 *,
.snip1543 *:before,
.snip1543 *:after{ webkit-box-sizing: border-box; box-sizing: border-box; webkit-transition: all 0.45s ease; transition: all 0.45s ease;}
.snip1543 img{ backface-visibility: hidden; width: 100%; vertical-align: top;}
.snip1543:before,
.snip1543:after{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-color: var(--bleu-kzs-900); opacity: 0.5; webkit-transition: all 0.45s ease; transition: all 0.45s ease; color: var(--white);}
.snip1543.first:before,
.snip1543.first:after{ background-color: var(--bleu-kzs-900); color: var(--white);}
.snip1543:before{ webkit-transform: skew(30deg) translateX(-80%); transform: skew(30deg) translateX(-80%);}
.snip1543:after{ webkit-transform: skew(-30deg) translateX(-70%); transform: skew(-30deg) translateX(-70%);}
.snip1543 figcaption{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1; bottom: 0; padding: 45px 50% 25px 20px;}
.snip1543 figcaption:before,
.snip1543 figcaption:after{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--bleu-kzs-900); box-shadow: none; content: ''; opacity: 0.75; z-index: -1; color: var(--white);}
.snip1543 figcaption:before{ webkit-transform: skew(30deg) translateX(-100%); transform: skew(30deg) translateX(-100%);}
.snip1543 figcaption:after{ webkit-transform: skew(-30deg) translateX(-90%); transform: skew(-30deg) translateX(-90%);}
.snip1543 h3,
.snip1543 p{ margin: 0; opacity: 0; letter-spacing: 1px;}
.snip1543 h3{ font-size: 3rem; font-weight: 700; line-height: 1em; text-transform: uppercase;}
.snip1543 p{ font-size: 1.2rem;}
.snip1543 a{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;}
.snip1543:hover h3,
.snip1543.hover h3,
.snip1543:hover p,
.snip1543.hover p{ webkit-transform: translateY(0); transform: translateY(0); opacity: 0.9; webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.snip1543:hover:before,
.snip1543.hover:before{ webkit-transform: skew(30deg) translateX(-20%); transform: skew(30deg) translateX(-20%); webkit-transition-delay: 0.05s; transition-delay: 0.05s;}
.snip1543:hover:after,
.snip1543.hover:after{ webkit-transform: skew(-30deg) translateX(-10%); transform: skew(-30deg) translateX(-10%);}
.snip1543:hover figcaption:before,
.snip1543.hover figcaption:before{ webkit-transform: skew(30deg) translateX(-40%); transform: skew(30deg) translateX(-40%); webkit-transition-delay: 0.15s; transition-delay: 0.15s;}
.snip1543:hover figcaption:after,
.snip1543.hover figcaption:after{ webkit-transform: skew(-30deg) translateX(-30%); transform: skew(-30deg) translateX(-30%); webkit-transition-delay: 0.1s; transition-delay: 0.1s;}
.plus-insights{background: var(--bleu-kzs-900);border:solid 4px var(--primary);border-radius:100%;bottom:10px;color: var(--white);opacity:1 !important;position:absolute;right:10px;text-shadow:0 0 2px #fff;}
.jarallax{ position: relative; z-index: 0; display: grid; align-items: center; width: 100%; height: 100vw; max-height: 60rem; min-height: 40rem;}
.text{ z-index: 10; padding: 2rem; color: #fff; font-size: 6.5rem;}
.jarallax:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(23 162 184 / 60%);
    color: var(--white);
}
.jarallax-img{ filter: grayscale(100%) saturate(1) brightness(118%) contrast(200%); webkit-filter: grayscale(100%) saturate(1) brightness(118%) contrast(200%);}
.jarallax-link{ position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); display: block; z-index: 100; transition: all 0.8s; cursor: crosshair;}
.jarallax.no-filter{ height: auto;}
.jarallax.no-filter img,
.jarallax.no-color img{ filter: none;}
.jarallax.no-filter::after{ display: none;}
.jarallax-link:hover{ background: var(--bleu-kzs-900); opacity: 0.6; color: var(--white);}
.agences .jarallax,
.actus-2cols .jarallax{ max-height: 40rem;}
.actus-2cols .jarallax h2{ font-size: 3.5rem;}
.expertises .jarallax{ max-height: 20rem; min-height: 20rem;}
.expertises .jarallax h2{ font-size: 4.5rem; margin-bottom: 0; display: inline; padding: 0 2rem; width: fit-content;}
.expertises .jarallax-link{ cursor: pointer;}
.extrait{ font-size: 1.2rem; line-height: 1.5em; text-align: justify; padding: 5rem 4rem 1rem;}
.actus-2cols .extrait{ font-size: 1rem; line-height: 1.5em; text-align: justify; padding: 0rem 2rem;}
.infos-articles,
.articles-tags{ font-family: var(--font-family-serif);font-size: 1.1em;}
.articles-tags{ list-style-type: none;padding: 0;}
.articles-tags li{ display: inline-block; position: relative;}
.articles-tags li::after{ content: '/'; margin: 0 2px;}
.articles-tags li:last-child::after{ content: '';}
.articles-tags a{ color: var(--danger); letter-spacing: 0.08em;text-decoration:none;}
.articles-tags a:hover{ color: var(--gray);}
.articles-tags a::before{ content: '#'; color: var(--dark);}
.expert::before{ content: ''; display: block; background: url("../img/article-expert.gif") center center no-repeat; background-size: contain; width: 60px; height: 60px; margin: 10px auto; image-rendering: smooth;}
.separation-right{ background: var(--danger); display: block; position: relative; height: 1px; margin: 3rem auto 3rem -10rem;}
.separation-right::before{ content: ''; display: inline-block; position: absolute; border-radius: 100%; padding: 0.5rem; background: var(--danger); vertical-align: middle; top: -0.5rem; color: var(--white);}
.separation-left{ background: var(--danger); display: block; position: relative; height: 1px; margin: 3rem -5rem 3rem auto; z-index: 2;}
.separation-left::after{ content: ''; display: inline-block; position: absolute; border-radius: 100%; padding: 0.5rem; background: var(--danger); vertical-align: middle; top: -0.5rem; right: 0; color: var(--white);}
.ph-actu.portrait .jarallax{ max-height: 40vh; min-height: 40vh;}
.ph-actu.paysage .jarallax{ max-height: 70vh; min-height: 30vh;}
.ph-actu.portrait .jarallax .text{ font-size: 4rem;}
.accroche.perso{font-size: 1.2em;font-family: var(--font-family-sans-serif);line-height: 1.2em;font-weight: 500 !important;padding: 0 !important;margin: 2rem auto !important;word-break: initial;text-align: center;}
.accroche.perso.ss-photo::before{ margin: 0 auto 20px;}
.pho-temoignage-articles{ position: relative; border-radius: 100%; width: 100px; height: 100px; overflow: hidden; display: block; margin: 10px auto; border: solid 6px #fff; box-shadow: none;}
.pho-temoignage-articles img{ height: 100%; object-fit: cover; object-position: center; width: 100%;}
.accroche.perso::before{ content: '\f10d'; transform: none; font-size: 6rem; display: block; position: relative; margin: 0 10% -30px auto; text-align: center; width: auto; font-style: normal;}

@keyframes gradientborders {
    0% {
        background-position: 0% 25%
    }

    50% {
        background-position: 100% 76%
    }

    100% {
        background-position: 0% 25%
    }
}

/* media queries */
@media screen and (min-width: 600px) {
    .jarallax {
        max-height: 70rem;
    }
}

@media screen and (min-width: 1200px) {
    .jarallax {
        width: 100%;
    }
}

.articles .jarallax {
  max-height: 20rem !important;
  min-height: 15rem;
}
.articles .jarallax h2 {
  font-size: 2.5em;
}
.article img {max-width: 100%;}
.close-page {
    position: absolute;
    right: 2.5%;
    top: 0;
    z-index: 100;
    display: block;
}
.close-container{ position: relative; margin: auto; width: 50px; height: 50px; margin-top: 0; cursor: pointer;}
.leftright{ height: 4px; width: 50px; position: absolute; margin-top: 24px; background-color: var(--bleu-kzs-300); border-radius: 2px; transform: rotate(45deg); transition: all 0.3s ease-in; color: var(--white);}
.rightleft{ height: 4px; width: 50px; position: absolute; margin-top: 24px; background-color: var(--bleu-kzs-300); border-radius: 2px; transform: rotate(-45deg); transition: all 0.3s ease-in; color: var(--white);}
.close-container label{ color: var(--primary); font-size: 0.6em; text-transform: uppercase; letter-spacing: 2px; transition: all 0.3s ease-in; opacity: 0;}
.close-container .info-close{ margin: 60px auto 0; position: absolute; width: 100%; text-align: center;}
.close-container:hover .leftright{ transform: rotate(-45deg); background-color: var(--danger); color: var(--white);}
.close-container:hover .rightleft{ transform: rotate(45deg); background-color: var(--danger); color: var(--white);}
.close-container:hover label{ opacity: 1;}
.date{ font-family: var(--font-family-serif); font-size: 0.95em; color: var(--danger);}
.ph-actu .jarallax:after{ filter: saturate(0.9) brightness(99%) contrast(151%); webkit-filter: saturate(0.9) brightness(99%) contrast(151%);}
.ph-actu .jarallax-img{ filter: none; webkit-filter: none;}
#contenus-actu{ background: none;}
.article{ padding: 4rem; background: var(--bleu-kzs-900); box-shadow: none; margin-right: auto; margin-left: auto; padding-botom: 5rem; border-radius: 30px; webkit-hyphens: auto; moz-hyphens: auto; ms-hyphens: auto; hyphens: auto; color: var(--white);}
.article.long{ z-index: 2; margin-top: -5rem; background: var(--bleu-kzs-900); hyphens: none; color: var(--white);}
.article-author{ width: 60px; height: 60px; border-radius: 100%; overflow: hidden; position: relative; background-image: linear-gradient(45deg, var(--primary) 0%, #FFFFFF 24%, var(--secondary) 49%, var(--cyan) 75%, #ffffff 100%); padding: 5px; background-size: 400% 400%; animation: gradientborders 8s ease infinite;}
.article-author img{ object-fit: cover; object-position: center; position: relative; width: 100%; height: 100%; border-radius: 100%;}
#share{ position: absolute; right: -35px; top: 20px; width: 40px; background: var(--bleu-kzs-900); text-align: center; padding: 10px; border-radius: 10px; color: var(--white);}
.accroche{ font-family: var(--font-family-serif); font-size: 4rem; line-height: 1em; padding-left: 7rem !important; position: relative; margin-top: 6rem; margin-bottom: 6rem !important;}
.accroche::before{ content: '\27'; font-size: 15rem; line-height: 0.5em; position: absolute; top: 0; left: 0; font-family: var(--font-family-pictos); transform: rotate(180deg); font-weight: bold; color: var(--primary);}
.page-link{ border: none; border-radius: 0.75em !important;}
.page-item.active .page-link,
.page-link:hover{ box-shadow: none;}
.page-item.disabled .page-link{ color: var(--gray); font-size: 0.9em; cursor: not-allowed;}
.dernieres-offres {border-radius: 26px;box-shadow: none;border: solid 4px rgba(255, 255, 255, 0.2) !important; max-width: 1140px; margin: 0 auto; position: relative; display: block;}
/*+++ ARCHIVES +++++++++*/
.burger-box{ position: fixed; top: 50vh; left: 0; display: block; width: 45px; height: 100px; cursor: pointer; z-index: 999999; background: var(--bleu-kzs-300) !important; border-top-right-radius: 16px; border-bottom-right-radius: 16px; color: var(--white);}
.burger{ content: ""; font-size: 0px; user-select: none; position: absolute; top: 50%; left: 10px; width: 25px; height: 4px; background: var(--bleu-kzs-900); transition: background 0.3s, transform 0.3s, top 0.3s; color: var(--white);}
.burger:before{ position: absolute; top: 50%; left: 0; width: 25px; height: 4px; background: var(--bleu-kzs-900); transition: background 0.3s, transform 0.3s, top 0.3s; top: -8px; content: ""; color: var(--white);}
.burger:after{ position: absolute; top: 50%; left: 0; width: 25px; height: 4px; background: var(--bleu-kzs-900); transition: background 0.3s, transform 0.3s, top 0.3s; top: 8px; content: ""; color: var(--white);}
.is-open .burger{ webkit-transition: all 0.25s linear; moz-transition: all 0.25s linear; transition: all 0.25s linear; background: transparent;}
.burger-box.is-open{ webkit-transform: translateX(48vw); moz-transform: translateX(48vw); ms-transform: translateX(48vw); o-transform: translateX(48vw); transform: translateX(48vw); webkit-transition: all 0.25s linear; moz-transition: all 0.25s linear; transition: all 0.25s linear; background: var(--bleu-kzs-300) !important; color: var(--white);}
.is-open .burger:before{ top: 0; transform: rotateZ(-45deg); background: var(--bleu-kzs-900); color: var(--white);}
.is-open .burger:after{ top: 0; transform: rotateZ(45deg); background: var(--bleu-kzs-900); color: var(--white);}
.sliding-panel-content{background: var(--bleu-kzs-900);bottom:0px;height:100%;left:0px;moz-transform:translateX(-50vw);moz-transition:all 0.25s line    ar;ms-transform:translateX(-50vw);o-transform:translateX(-50vw);overflow-y:auto;padding:4rem;position:fixed;right:auto;top:0px;transform:translateX(-50vw);transition:all 0.25s linear;webkit-overflow-scrolling:touch;webkit-transform:translateX(-50vw);webkit-transition:all 0.25s linear;width:50%;z-index:998;z-index:99999; color: var(--white);}
.sliding-panel-content ul{ padding: 0; margin: 0;}
.sliding-panel-content li{ list-style: none;}
.sliding-panel-content li a{ display: block; text-decoration: none;}
.sliding-panel-content li a:focus{ background-color: var(--bleu-kzs-900); color: var(--white);}
.sliding-panel-content li a:hover{ background-color: var(--bleu-kzs-900); color: var(--white);}
.sliding-panel-content.is-visible{ webkit-transform: translateX(0); moz-transform: translateX(0); ms-transform: translateX(0); o-transform: translateX(0); transform: translateX(0);}
.sliding-panel-fade-screen{ position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; webkit-transition: all 0.15s ease-out 0s; moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; background: var(--bleu-kzs-900); opacity: 0; visibility: hidden; z-index: 9999; color: var(--white);}
.sliding-panel-fade-screen.is-visible{ opacity: 0.7; visibility: visible;}
.sliding-panel-button{ padding: 10px 16px; display: inline-block; cursor: pointer; position: relative; outline: none;}
.sliding-panel-button img{ height: 1.3em;}
/*++++++ SELECT STYLISE +++++++*/
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 20px;
    border: solid 1px var(--primary);
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-weight: normal;
    line-height: 1.8em;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    border-radius: 1.5rem;
    color: var(--dark);
    font-size: 1.1em;
    height: calc(2em + 0.75rem + 2px);
    padding: 0.375rem 1rem;
}

    .nice-select:hover {
        border-color: var(--bleu-kzs-200);
    }

    .nice-select:active, .nice-select.open, .nice-select:focus {
        border-color: var(--bleu-kzs-300);
    }

    .nice-select:after {
        border-bottom: 2px solid var(--danger);
        border-right: 2px solid var(--danger);
        content: '';
        display: block;
        height: 5px;
        margin-top: -4px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        width: 5px;
    }

    .nice-select.open:after {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .nice-select.open .list {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        width: 100%;
    }

    .nice-select.disabled {
        border-color: var(--gray-light);
        color: #90a1b5;
        pointer-events: none;
    }

        .nice-select.disabled:after {
            border-color: #cdd5de;
        }

    .nice-select.wide {
        width: 100%;
    }

        .nice-select.wide .list {
            left: 0 !important;
            right: 0 !important;
        }

    .nice-select.right {
        float: right;
    }

        .nice-select.right .list {
            left: auto;
            right: 0;
        }

    .nice-select.small {
        font-size: 12px;
        height: 36px;
        line-height: 34px;
    }

        .nice-select.small:after {
            height: 4px;
            width: 4px;
        }

        .nice-select.small .option {
            line-height: 34px;
            min-height: 34px;
        }

    .nice-select .list {
        background-color: #fff;
        border-radius: 20px;
        box-shadow: none;
        box-sizing: border-box;
        margin-top: 4px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
        transform: scale(0.75) translateY(-21px);
        -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        z-index: 9;
        max-height: 320px;
        overflow-y: auto;
    }

        .nice-select .list:hover .option:not(:hover) {
            background-color: transparent !important;
        }

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        list-style: none;
        min-height: 40px;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        white-space: normal;
        line-height: 1.2em;
        align-items: center;
        display: flex;
    }

        .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
            background-color: var(--bleu-kzs-50);
        }

        .nice-select .option.selected {
            font-weight: bold;
        }

        .nice-select .option.disabled {
            background-color: transparent;
            color: #90a1b5;
            cursor: default;
        }

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}
.nice-select .list {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.75) translateY(-21px);
  scrollbar-color: var(--secondary) transparent;
  scrollbar-width: thin;padding-right:30px;padding-right:30px;border:solid 10px #fff;
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
  width: 100%;
}
.nice-select .list::-webkit-scrollbar {
  width: 10px;max-height:10px;
}
.nice-select .list::-webkit-scrollbar-thumb {
  background: var(--bleu-kzs-900);width: 8px;max-height:50px;padding-right:30px;
  border-radius: 60px; color: var(--white);
}
/*Modifier la scrollbar de façon très générale, comme par exemple sa largeur ou sa hauteur pour les scrollbar respectivement verticales et horizontales.*/
.nice-select .list::webkit-scrollbar-track {width: 5px;padding-right:30px;}
/*Cible l'ascenseur lui-même.*/
.nice-select .list::webkit-scrollbar-thumb {background: var(--bleu-kzs-900);padding-right:30px;
  border-radius: 20px;height:30px;padding-right:30px; color: var(--white);}
/*++++*/
.sliding-panel-content.is-visible{scrollbar-color:var(--primary) transparent;scrollbar-width:thin;}
.sliding-panel-content.is-visible::-webkit-scrollbar{max-height:60px;width:8px;}
.sliding-panel-content.is-visible::-webkit-scrollbar-thumb{background: var(--bleu-kzs-900);border-radius:8px;max-height:60px;width:8px; color: var(--white);}
.sliding-panel-content.is-visible::webkit-scrollbar-track{width:8px;}
.sliding-panel-content.is-visible::webkit-scrollbar-thumb{background: var(--bleu-kzs-900);border-radius:8px;height:60px; color: var(--white);}
/*+++*/
.liste-col{ margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; ms-flex-wrap: wrap; flex-wrap: wrap;}
.liste-col li{ max-width: 48%; width: 100%;}
.liste-col li a::before{ content: '# '; color: #FFF; font-weight: normal; margin-right: 0.35rem; margin-left: -1rem;}
.liste-col li a{ font-weight: normal; font-family: var(--font-family-serif); font-size: 1.2em; color: var(--danger); padding: 0.25rem 0.25rem 0.25rem 1.5rem;}
/*++++ CARDS ACTIVITES +++++*/
.row-cards{ position: relative;}
.row-cards card{ width: 18%; position: relative; background: var(--bleu-kzs-900); padding: 4% 2% 1%; border-radius: 16px; box-shadow: none; margin-top: 60px; color: var(--white);}
    .row-cards .picto-cards {
        position: relative;
        display: block;
        width: 120px;
        height: 120px;
        margin: -140px auto 40px;
        background: var(--bleu-kzs-900);
        border-radius: 100%;
        padding: 30px;
        -moz-box-shadow: inherit;
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
        : none;
        color: var(--white);
    }
.picto-cards img{ width: 100%; height: auto;}
.row-cards h3 {
    text-align: center;
    font-size: 1.8rem;
    color: white;
    font-family: 'Bebas Neue';
}
.cards-back{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; background: none; z-index: -1;}
.cards-back::before{background: linear-gradient(to bottom, var(--success) 0%, var(--secondary) 100%);content:'';display:block;height:100%;left:0;position:absolute;top:0;width:100%; color: var(--white);}
.cards-back::after{background: linear-gradient(to bottom, var(--success) 0%, var(--secondary) 100%);content:'';display:block;height:100%;position:absolute;top:0;width:100%; color: var(--white);}
.highlight{ align-self: center; padding: 3rem; border-radius: 16px; background: var(--bleu-kzs-900); box-shadow: none; color: var(--white);}
.cartouche{ width: 100%; position: relative; background: var(--bleu-kzs-900); padding: 1rem 1.5rem; border: 4px solid var(--primary); border-radius: 12px; margin-top: 80px; color: var(--white);}
.cartouche .picto-cards{ margin: -70px auto 10px;}
.cartouche .picto-cards::before{ content: none;}
.counter h3{ font-weight: normal; font-size: 4em; margin-bottom: 0; color: var(--danger);}
.counter{ width: 18%; margin-bottom: 0.5rem; background: var(--light); padding: 0.75rem 1rem; border-radius: 10px; align-content: center; align-items: center; align-self: stretch; display: flex; flex-direction: column; justify-content: center; margin-left: 2%; margin-right: 2%; text-align: center; color: var(--bleu-kzs-900);}
.counter p{ margin-bottom: 0; color: var(--bleu-kzs-900);}

/*+ CAROUSEL 3D ++*/

#fps { margin-top: 5px;margin-left: 35px;}

/* hardware accelatator class */
.trans3d {
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform-style: preserve-3d;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform-style: preserve-3d;
    -ms-transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;
    transform: translate3d(0, 0, 0);
}
#contentContainer{ margin: 250px auto; width: 100%; position: relative; transform: scale(2);}
.h-600{ min-height: 600px;}
#carouselContainer{ position: absolute; margin-left: -500px; margin-top: -475px; left: 50%; top: 50%; width: 1000px; height: 1000px;}
.carouselItem{ width: 320px; height: 160px; position: absolute; left: 50%; top: 50%; margin-left: -160px; margin-top: -90px; visibility: hidden; box-shadow: none; border-radius: 26px;}
.carouselItem img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; z-index: -1;}
.carouselItemInner span{ display: block; width: 30px; height: 30px; font-size: 0.5em; background: url(../img/sigle-kaizen.png) center center no-repeat; background-size: contain; margin: 0 auto 20px; line-height: 30px; color: var(--danger);}
.carouselItemInner{ width: 320px; height: 160px; position: absolute; background-color: var(--bleu-kzs-900); border: 10px solid rgba(255, 255, 255, .5); color: var(--white) !important; font-size: 2rem; text-transform: uppercase; font-weight: 800; left: 50%; top: 50%; margin-left: -160px; margin-top: -80px; text-align: center; overflow: hidden; border-radius: 26px;}
.carouselItemInner a{ align-items: center; display: flex; flex-direction: column; height: 100%; width: 100%; justify-content: center; color: #fff; font-family: var(--font-family-serif);}
.carouselItemInner a:hover{ color: var(--primary);}

/*++++++++++ PAROLES D'EXPERTS +++++++*/
.parole-expert{ padding: 0; background: var(--bleu-kzs-900); color: var(--white);}
.parole-expert h3{ margin-left: -8rem; padding-right: 8rem; background: var(--bleu-kzs-900); display: inline-block; line-height: 1.2em; font-weight: normal; padding-left: 1rem; width: auto; position: relative; color: var(--white);}
.parole-expert h3::before{ content: '"'; display: block; position: absolute; left: -2.5rem; font-size: 4em; line-height: 1em;}
.module-video{ background: var(--bleu-kzs-900); background-size: contain; border-radius: 30px; padding: 2.5rem; color: var(--white);}
.module-video .embed-responsive{ border-radius: 30px; box-shadow: none;}
.titre-temoignage-video{ padding-left: 3rem; margin: 0 auto -1rem; position: relative; display: block; z-index: 2; background: var(--bleu-kzs-900); color: var(--white);}
.titre-temoignage-video::before{ content: '"'; font-size: 15rem; color: var(--primary); line-height: 0; position: absolute; z-index: -1; left: 0; top: 0.20em; margin: 2rem auto 0;}
.fin-article{ margin: 2rem auto -8rem;}
/*++++++++++++ EXPERTISES METIERS +++++++*/
.metiers-link{align-items:center;background: var(--bleu-kzs-900);border-radius:16px;box-shadow: none;color: var(--white);display:flex;flex-direction:column;font-family:var(--font-family-serif);font-size:1.5em;height:100%;padding:1.5rem 1rem;text-align:center;text-transform:uppercase;}
.metiers-link:hover{color:var(--danger);}
.metiers-icon{background-blend-mode:multiply;height:100px;margin-bottom:20px;transition:2s ease all;width:100px;}
.metiers-item1 .metiers-icon {
    background-image: url("../Medias/content/3dd93a30-ae49-4bba-8681-f21cf0acdddc.svg");
    background-size: contain;
}
.metiers-item2 .metiers-icon {
    background-image: url("../Medias/content/3dd93a30-ae49-4bba-8681-f21cf0acdddc.svg");
    background-size: cover;
}
.metiers-item3 .metiers-icon {
    background-image: url("../Medias/content/3dd93a30-ae49-4bba-8681-f21cf0acdddc.svg");
    background-size: cover;
}
.metiers-item4 .metiers-icon {
    background-image: url("../Medias/content/3dd93a30-ae49-4bba-8681-f21cf0acdddc.svg");
    background-size: cover;
}
.metiers-item5 .metiers-icon {
    background-image: url("../Medias/content/3dd93a30-ae49-4bba-8681-f21cf0acdddc.svg");
    background-size: cover;
}
.metiers-item6 .metiers-icon {
    background-image: url("../Medias/content/3dd93a30-ae49-4bba-8681-f21cf0acdddc.svg");
    background-size: cover;
}
.metiers-item7 .metiers-icon {
    background-image: url("../Medias/content/3dd93a30-ae49-4bba-8681-f21cf0acdddc.svg");
    background-size: cover;
}
.metiers-item8 .metiers-icon {
    background-image: url("../Medias/content/3dd93a30-ae49-4bba-8681-f21cf0acdddc.svg");
    background-size: cover;
}
/*++ Call To Action +*/
.row.cta{ padding: 2rem 0 2rem 2rem; background: var(--bleu-kzs-800); border-radius: 26px; box-shadow: none; color: var(--white);}
.col-btn-cta{ margin-top: -2rem; margin-bottom: -2rem; align-content: center; display: flex; flex-direction: column; align-items: center; justify-content: center; border-top-right-radius: 26px; border-bottom-right-radius: 26px;}
.cta-contenus h3 {
    font-size: 1.6em;
}
.row.cta.cta-contenus {
    padding: 1.5rem 0 1.5rem 1.5rem;
}
.cta-contenus .col-btn-cta {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
}
/*++++++*/
.liste-pictos{ list-style-type: none; padding: 0; margin: 20px auto; display: flex; flex-wrap: wrap; width: 100%; position: relative; font-size: 0.9em; line-height: 1.2em; justify-content: center;}
.liste-pictos img{ max-width: 50px; height: auto; float: left;}
.liste-pictos li{ margin: 0 auto 20px; width: 45%; display: flex; align-items: center;}
.liste-pictos strong{ display: block; text-transform: uppercase; font-family: var(--font-family-serif); letter-spacing: 0.05em; font-size: 1.2em; color: var(--danger); font-weight: normal;}
.liste-pictos span{ padding: 0 0.5rem;}
.double-col{ column-count: 2; moz-column-count: 2; webkit-column-count: 2; column-gap: 40px; moz-column-gap: 40px; webkit-column-gap: 40px;}

/*++++ EXPERTISES TEHNO PAGES ++*/
.expertises-techno {
    justify-content: center;
    position: relative;
}

    .expertises-techno .metiers-link {
        height: 100%;
        background-repeat: no-repeat !important;
        background-size: 140%;
        background-position: top center;
        border: 4px solid var(--primary);
        text-decoration: none !important;
    }

.metiers-link:hover {
    color: var(--danger);
    box-shadow: none;
}

/*++++++*/
.btn-theme{ background: url("../img/btn-light.png") center center no-repeat; background-size: contain; width: 90px; height: 90px; position: fixed; right: -12px; top: 100px; display: block; z-index: 999999;}
.icon{ border-radius: 30px; transition: 0.3s; cursor: pointer; width: 50px; height: 50px; position: fixed; right: 15px; top: 0; display: block; z-index: 9;}
.icon.black{ background-color: var(--bleu-kzs-900); box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color: var(--white);}
.icon.white{ background-color: var(--bleu-kzs-900); box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color: var(--white);}
.fixed-top .icon{ transform: scale(0.75); right: 0;}
#svg-animation{ width: 100%;}
#agences{ position: relative; z-index: 0;}
.separation hr{ border: none; border-collapse: collapse; height: 1px; margin-top: 15px; margin-bottom: 15px; background: var(--danger); display: block; position: relative;}
.agences-carte{ background: var(--bleu-kzs-900); box-shadow: none; border-radius: 30px; color: var(--white);}
.agences-footer{ text-align: center; font-size: 1.3em;}
.agences-footer h4{ color: var(--danger);}

/*-++++ Fond Agences */
.agences-back{ position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; display: none; background: none; z-index: -1;}
.agences-back,
.cards-back{display:none;}
.kenburns-top {
    -webkit-animation: kenburns-top 30s ease-in-out infinite alternate-reverse both;
    animation: kenburns-top 30s ease-in-out infinite alternate-reverse both;
}

@-webkit-keyframes kenburns-top {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }

    100% {
        -webkit-transform: scale(1.25) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

@keyframes kenburns-top {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }

    100% {
        -webkit-transform: scale(1.25) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

/*+++++++++ PICTOS AGENCES +++++++*/
/*Map*/
#map{ width: 100%; height: auto;}
.map{ text-align: center;}
.map svg{ width: 100%; height: 100%;}
#map #point{ transition: .6s;}
#map:hover #point{ transform: translate(0px, -20px);}
#map .st0{ fill: none; stroke: var(--primary); stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10;}
#map .st1{ fill: none; stroke: var(--danger); stroke-width: 6; stroke-miterlimit: 10;}
#map .st2{ fill: none;}
#map .st3{ fill: none; stroke: var(--secondary); stroke-width: 6; stroke-linejoin: round; stroke-miterlimit: 10;}
#map .bg{ stroke: none; fill: transparent;}
/*Phone*/
#phone{ width: 100%; height: auto;}
#phone .st0{ fill: none; stroke: var(--danger); stroke-width: 6; stroke-linecap: round; stroke-miterlimit: 10;}
#phone .st1{ fill: var(--primary);}
#phone #bg{ fill: transparent;}
#phone .first-l{ transition: .6s cubic-bezier(1, 0, 0.83, 0.95);}
#phone .second-l{ transition: .4s cubic-bezier(1, 0, 0.83, 0.95);}
#phone .third-l{ transition: .2s cubic-bezier(1, 0, 0.83, 0.95);}
#phone .first-l,
#phone .second-l,
#phone .third-l{ opacity: 0;}
#phone:hover .first-l{ transition: .2s cubic-bezier(1, 0, 0.83, 0.95);}
#phone:hover .second-l{ transition: .4s cubic-bezier(1, 0, 0.83, 0.95);}
#phone:hover .third-l{ transition: .6s cubic-bezier(1, 0, 0.83, 0.95);}
#phone:hover .first-l,
#phone:hover .second-l,
#phone:hover .third-l{ opacity: 1;}
/*message*/
#message{ width: 100%; height: auto;}
#message .st0,
#message .circle,
#message .ellipse{ fill: none; stroke: var(--primary); stroke-width: 1.3px; stroke-miterlimit: 10;}
#message .bg{ fill: transparent;}
#message .envelope{ webkit-transform: scale(1.4) translate(-18px, -8px); ms-transform: scale(1.4) translate(-18px, -8px); transform: scale(1.4) translate(-18px, -8px); transition: 0.4s;}
#message:hover .envelope{ transform: scale(1) translate(0, 0);}
#message .lines .st0{ moz-transform: tranclate(-18px, 0); ms-transform: tranclate(-18px, 0); webkit-transform: translate(-18px, 0); transform: translate(-18px, 0);}
#message .lines .st0.first-line{ transition: 0.4s; stroke: var(--danger);}
#message .lines .st0.second-line{ transition: 0.3s; stroke: var(--danger);}
#message .lines .st0.third-line{ transition: 0.2s; stroke: var(--danger);}
#message:hover .lines .st0{ moz-transform: translate(0, 0); ms-transform: translate(0, 0); webkit-transform: translate(0, 0); transform: translate(0, 0);}
/*info*/
#info{ width: 100%; height: auto;}
#info .bg{ fill: transparent;}
#info .st0{ fill: none; stroke: var(--primary); stroke-width: 6; stroke-miterlimit: 10;}
#info .st1{ fill: var(--success);}
#info .st2{ fill: var(--primary); stroke: var(--success); stroke-width: 4; stroke-miterlimit: 10;}
#info .circle{ moz-transform: scale(1, 1); ms-transform: scale(1, 1); webkit-transform: scale(1, 1); transform: scale(1, 1); moz-transform-origin: 50% 50%; ms-transform-origin: 50% 50%; webkit-transform-origin: 50% 50%; transform: 50% 50%; transition: 0.5s;}
#info:hover .circle{ moz-transform: scale(-1, 1); ms-transform: scale(-1, 1); webkit-transform: scale(-1, 1); transform: scale(-1, 1);}
#info:hover .st2{ fill: var(--danger); stroke: var(--primary); stroke-width: 4; stroke-miterlimit: 10;}
#info:hover .st0.circle{ fill: none; stroke: #ff0066; stroke-width: 6; stroke-miterlimit: 10;}
.plot{ transition: all 0.8s;}
.plot:hover{ cursor: pointer; opacity: 0.6; transform: skewY(0.8);}
.map text{ font-family: 'Bebas Neue', cursive !important; display: inline-block; text-shadow: 7px 0px 0px #fff, 7px 7px 0px #fff, 0px 7px 0px #fff, -7px 7px 0px #fff, -7px 0px 0px #fff, -7px -7px 0px #fff, 0px -7px 0px #fff, 7px -7px 0px #fff; font-weight: 800 !important; font-size: 1.8rem !important; fill: #000; transition: all 0.8s;}
.map text:hover{ fill: #ff0066; cursor: pointer;}
svg{ z-index: 2;}
/*+++++++++++++++++++++
NEWSLETTER ++++++++++*/
#newsletter {
    background: linear-gradient(to right, var(--success) 0%, var(--secondary) 100%);
    Padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    border-top-right-radius: 100%; color: var(--dark);
}
#newsletter h2,
#newsletter p,
#newsletter label{color:var(--dark);}
.nl-page{ background-size: cover; background-position: center; background-repeat: no-repeat !important; background-image: linear-gradient(237deg, #19efef 0%, #3cd8ad 100%) !important; padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; margin-top: 1.5rem; border-top-right-radius: 0 !important; box-shadow: none;}
.form-nl{ border-top-left-radius: 1.25em !important; border-bottom-left-radius: 1.25em !important; padding: 0.75rem 1rem !important; height: calc(1.5em + 1rem + 12px); color: var(--dark); box-shadow: none; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.form-nl:focus{ color: var(--dark) !important; border: solid 2px var(--danger);}
.btn-nl{ border-top-right-radius: 1.25em !important; border-bottom-right-radius: 1.25em !important; color: var(--white); background: var(--bleu-kzs-900); border: solid 1px var(--dark); border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; height: calc(1.5em + 1rem + 10px); line-height: 2em; transition: all 0.8s; box-shadow: none;}
.btn-nl:hover{ background: transparent !important; color: var(--dark) !important;}
#topcontrol{ background: url(../img/icon-upToTop-light.png) center center no-repeat; background-size: contain; width: 60px; height: 60px; padding: 20px; border-radius: 100%; z-index: 20;}
#topcontrol img{ display: none;}
.page-item:first-child .page-link:hover,
.page-item:last-child .page-link:hover{ box-shadow: none; background: transparent;}
/*++++++++++++++++++++++++++
FOOTER +++++++++++++++++++*/
header{ position: relative; z-index: 2;}
main{ background-color: var(--bleu-kzs-900); z-index: 2; position: relative; color: var(--white);}
.bg-footer{background-color: var(--bleu-kzs-900)}
.footer-whitespace{ padding-bottom: 30vh !important;
margin-bottom: -2vh;}
footer{ position: fixed; z-index: 0; width: 100%; bottom: 0; webkit-backface-visibility: hidden; moz-backface-visibility: hidden; ms-backface-visibility: hidden; min-height: 30vh; display: flex; align-items: center;}
.space-footer{ margin-top: 400px;}
footer .liste-stylisee a{ color: #fff; font-family: var(--font-family-serif); font-size: 1.5em; line-height: 1.5em; text-decoration: none;}
footer .liste-stylisee a:hover{ padding-left: 5px; color: var(--primary);}
footer h5{ font-family: var(--font-family-serif);}
.intro-footer p {
    color: white;
}
.rsx-footer {
    color: white;
}
.liste-rsx-footer{ margin-bottom: 0; display: flex; align-items: center;}
.liste-rsx-footer .list-inline-item{ margin-right: 15px; display: flex; align-items: center; line-height: 1;}
.liste-rsx-footer .list-inline-item:last-child{ margin-right: 0;}
.liste-rsx-footer a{ display: inline-flex; align-items: center; justify-content: center; text-decoration: none; width: 24px; height: 24px;}
.liste-rsx-footer .fa{ display: inline-block; font-size: 24px; line-height: 1; color: transparent; -webkit-text-stroke: 1.5px var(--primary); text-stroke: 1.5px var(--primary); transition: color 0.3s ease, -webkit-text-stroke-color 0.3s ease;}
.liste-rsx-footer a:hover .fa{-webkit-text-stroke-color: var(--bleu-kzs-50); text-stroke-color: var(--bleu-kzs-50);}
.liste-rsx-footer .icone-spotify{ display: inline-block; width: 24px; height: 24px; background-color: var(--primary); -webkit-mask-image: url('/img/spotify.svg'); mask-image: url('/img/spotify.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; transition: background-color 0.3s ease;}
.liste-rsx-footer a:hover .icone-spotify{ background-color: var(--bleu-kzs-50);}
.mentions{ margin-bottom: 0;font-size: 0.85em;}
.mentions a{ font-size: 0.7em; text-transform: uppercase; color: var(--gray); font-weight: 500; letter-spacing: 0.05em; text-decoration: none;}
.mentions a:hover{ color: var(--gray-light) !important;}
.mentions li::after{ content: '-'; margin: 0 0 0 8px;}
.mentions li:last-child::after{ content: '';}
.z-index-2{ z-index: 2;}
.logo-footer{ width: 180px; height: auto; margin-bottom: 20px;}
.intro-footer{ font-size: 14px; line-height: 19px; text-align: justify;}
.slogan{ font-family: var(--font-family-serif); font-size: 2em; text-align: center;letter-spacing: 0.10em;}
/*+++*/
.contenu-header-text {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}.bloc-text-mr{ padding: 2.5rem; background: var(--bleu-kzs-900); margin-right: -8rem; z-index: 2; box-shadow: none; color: var(--white);}
.bloc-text-mt{ padding: 2.5rem; background: var(--bleu-kzs-900); margin-top: -8rem; z-index: 2; box-shadow: none; color: var(--white);}
.bloc-text-ml{ padding: 2.5rem; background: var(--bleu-kzs-900); margin-left: -8rem; z-index: 2; box-shadow: none; color: var(--white);}
@media (min-width: 1279px){.dropdown-toggle{position:relative;}
.dropdown .dropdown-menu{display:block;moz-transition:top 300ms ease-in;ms-transition:top 300ms ease-in;opacity:0;o-transition:top 300ms ease-in;position:absolute !important;top:20px;transition:top 300ms ease-in, opacity 300ms ease-in;webkit-transition:top 300ms ease-in;z-index:-1;}
.dropdown:hover .dropdown-menu{opacity:1 !important;position:absolute !important;top:60px;}
.dropdown.show .dropdown-menu{opacity:1;position:absolute !important;top:43px;z-index:5;}
.dropdown:hover .dropdown-menu{z-index:5;}
.opacity-1{opacity:1 !important;}
.z-index-5{z-index:5 !important;}
}
.fa-arrow-right{position:absolute;right:18px;top:6px;}
/* ++++++++++ SLIDING BACKGROUND ++++++++++++++++++ */
#sliding-bg{ position: relative; background-color: var(--bleu-kzs-900); min-height: 50vh;padding-top: 5rem !important; color: var(--white);}
.col-bg-slide{ color: #fff; border: solid 1px #fff; padding: 2rem; border-radius: 16px; margin: 5rem auto !important; z-index: 1;}
#bg{ moz-transition: opacity 2s ease-in-out; webkit-transition: opacity 2s ease-in-out; ms-transition: opacity 2s ease-in-out; transition: opacity 2s ease-in-out; height: 100%; opacity: 0.375; width: 100%; z-index: 0; position: absolute; top: 0; left: 0;}
#bg div{ moz-transition: opacity 3s ease; webkit-transition: opacity 3s ease; ms-transition: opacity 3s ease; transition: opacity 3s ease; background-size: cover; height: 100%; opacity: 0; visibility: hidden; position: absolute; width: 150%;}
#bg div.visible{ moz-animation: bg 45s linear infinite; webkit-animation: bg 45s linear infinite; ms-animation: bg 45s linear infinite; animation: bg 45s linear infinite; opacity: 1; visibility: visible; z-index: 1;}
#bg div.visible.top{ z-index: 2;}
.case-studies-block{ display: none;}

@media screen and (max-width: 1280px) {
    #bg div.visible {
        -moz-animation: bg 29.25s linear infinite;
        -webkit-animation: bg 29.25s linear infinite;
        -ms-animation: bg 29.25s linear infinite;
        animation: bg 29.25s linear infinite;
    }
}

@media screen and (max-width: 736px) {
    #bg div.visible {
        -moz-animation: bg 18s linear infinite;
        -webkit-animation: bg 18s linear infinite;
        -ms-animation: bg 18s linear infinite;
        animation: bg 18s linear infinite;
    }
}

#bg div:only-child {
    -moz-animation-direction: alternate !important;
    -webkit-animation-direction: alternate !important;
    -ms-animation-direction: alternate !important;
    animation-direction: alternate !important;
}

body.is-preload #bg {
    opacity: 0;
}

@-moz-keyframes bg {
    0% {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -moz-transform: translateX(-25%);
        -webkit-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
        transform: translateX(-25%);
    }
}

@-webkit-keyframes bg {
    0% {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -moz-transform: translateX(-25%);
        -webkit-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
        transform: translateX(-25%);
    }
}

@-ms-keyframes bg {
    0% {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -moz-transform: translateX(-25%);
        -webkit-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
        transform: translateX(-25%);
    }
}

@keyframes bg {
    0% {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -moz-transform: translateX(-25%);
        -webkit-transform: translateX(-25%);
        -ms-transform: translateX(-25%);
        transform: translateX(-25%);
    }
}
.visuel-404 {max-height: 450px;display: flex;align-items: center;overflow: hidden;
  justify-content: center;margin-bottom: 2rem;}
.visuel-404 svg {width: 80%;}
.erreur-search .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: var(--bleu-kzs-900); color: var(--white);
}
.erreur-search .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.sitemap{list-style-type:none;margin:0 auto;padding:0;}
.sitemap ul li a{color:var(--primary);font-size:1.4em;font-weight:400;}
.breadcrumb-item a{text-decoration:none;color: var(--pink);}
.sitemap li a{color:#000;font-family:var(--font-family-serif);font-size:1.8em;font-weight:900;padding:0.25em 0.5em;position:relative;transition:all 0.5s;z-index:1;}
.sitemap li{margin:1em;}
.sitemap li a::before{background: var(--bleu-kzs-900);content:'';display:block;height:100%;left:0;moz-transform:scaleX(0);moz-transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);ms-transform:scaleX(0);ms-transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);o-transform:scaleX(0);o-transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);position:absolute;top:0;transform:scaleX(0);transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);webkit-transform:scaleX(0);webkit-transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);width:100%;z-index:-1; color: var(--white);}
.sitemap ul li a:before{background: var(--bleu-kzs-900) !important;bottom:25%;height:50%;top:25%; color: var(--white);}
.sitemap li a:hover{color:#fff;}
.sitemap li a:hover::before{moz-transform:scaleX(1);ms-transform:scaleX(1);o-transform:scaleX(1);transform:scaleX(1);webkit-transform:scaleX(1);}
.sitemap ul li{list-style-type:none;margin:0 auto 15px;padding:0;}
.sitemap ul{padding:0 1.5em;}
.sitemap ul li ul li a{}
.sitemap ul ul li a{color:#000;display:inline-block;font-family:inherit;font-size:inherit;vertical-align:top;width:90%;}
.sitemap ul ul li{margin:0 auto 5px;}
.sitemap ul ul li::before{color:var(--danger);content:"\f00c";content:'';font-family:var(--font-family-pictos);font-weight:500;margin-left:-0.5em;margin-right:0em;}
/*++++++++ Médias Queries ++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:768px){.mw-50{max-width:50%;}
}
@media only screen and (min-width:1980px){body{font-size:19px;}
}
@media only screen and (max-width:1279px){.navbar .navbar-brand{align-self:center;background:url("../img/logo-kaizen-solution-mobile.svg") center center no-repeat;background-size:contain;max-height:60px;min-height:50px;min-width:180px;}
.navbar-light .navbar-nav .nav-link{display:block;font-size:1.5em;text-align:left;width:100%;}
.nav-item{position:relative;text-align:center;transition:all 200ms linear;width:100%;}
}
@media only screen and (min-width:1025px){.navbar{padding:0;}
	.article h2, .article .h2 {
    font-size: 3.5vw;
    font-weight: 500;
}
.h-lg-600{min-height:600px;}
.dropdown-item{white-space:nowrap;}
}
@media only screen and (max-width:1279px){.counter{width:48%;}
.bloc-text-mr,
 .bloc-text-ml{margin-left:auto;margin-right:auto;}
.dropdown-menu.megamenu{min-width:100%;}
.dropdown-item{padding:0.25rem 1rem;}
.navbar-brand.d-lg-none img{max-height:80px;opacity:0;}
#navbar_top{background: var(--bleu-kzs-900);margin-left:-15px;margin-right:-15px;z-index:1; color: var(--white);}
.navbar-toggler{border-color:transparent !important;color:var(--danger) !important;}
.top{background: var(--bleu-kzs-900);position:relative;z-index:1; color: var(--white);}
.nav-item{width:100%;}
.nav-item.show .dropdown-menu{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:none;margin:0 auto 10px;width:92%;}
.burger-box.is-open{moz-transform:translateX(86vw);ms-transform:translateX(86vw);o-transform:translateX(86vw);transform:translateX(86vw);webkit-transform:translateX(86vw);}
.sliding-panel-content{moz-transform:translateX(-90vw);ms-transform:translateX(-90vw);o-transform:translateX(-90vw);transform:translateX(-90vw);webkit-transform:translateX(-90vw);width:90%;}
.collapse:not(.show){padding-top:10px;}
.navbar-collapse{padding-top:10px;}
.search.opened .search-input{height:2.5rem;padding:0.5rem 2.5rem 0.6rem 0.8rem;width:85%;}
.search.opened .cross{right:30px;}
.bg-video-wrap video{margin-left:-25% !important;margin-top:-60% !important;min-height:110vh !important;min-width:150% !important;}
.fixed-top .icon{right:10px;top:15px;transform:scale(0.75);}
.header-home{height:45vh !important;}
#metier{min-height:45vh;}
#expertises .nav-item{width:50%;}
#solutions{margin-bottom:0;padding-bottom:3rem;padding-top:7rem;}
#temoignages{position:relative;z-index:10;}
.sliding-panel-content{padding:1.5rem 1.2rem;}
.snip1543 figcaption{padding:10px 40% 15px 10px;}
}
@media only screen and (max-width:1280px){body{font-size:15px;}
.navbar-brand img{max-width:150px;}
    h1,
    .h1 {
        font-size: 6.719vw;
    }

    h2,
    .h2 {
        font-size: 7.813vw;
    }

    h3,
    .h3 {
        font-size: 4.375vw;
    }

    h4,
    .h4 {
        font-size: 3.125vw;
    }

    h5,
    .h5 {
        font-size: 1.563vw;
    }

    h6,
    .h6 {
        font-size: 1.25vw;
    }
.btn-nl{font-size:1.4em;}
}
@media only screen and (max-width:1023px) and (orientation:landscape){.header-home{height:75vh !important;}
}
@media only screen and (max-width:1024px){
	.light-vid{background: url("../video/capture-deco-1-white.jpg")bottom left no-repeat; background-size: cover;}
	.light-vid video{display: none;}
	h1,
 .h1{font-size:3rem;line-height:1.1em;}
.expertises .jarallax h2{font-size:3em;}
#metier video{margin-top:unset;}
#solutions{padding-bottom:0;padding-top:150px;}
#solutions .menu__item-text{font-size:4.5rem;}
.snip1543 h3{font-size:1.75em;line-height:1em;}
.snip1543 p{font-size:1em;font-weight:700;line-height:1.1em;}
.snip1543 h3,
 .snip1543 p{opacity:0.9;transform:translateY(0);transition-delay:0.2s;webkit-transform:translateY(0);webkit-transition-delay:0.2s;}
.snip1543::before{transform:skew(30deg) translateX(-20%);transition-delay:0.05s;webkit-transform:skew(30deg) translateX(-20%);webkit-transition-delay:0.05s;}
.snip1543::after{display:none;}
.snip1543 figcaption:before{transform:skew(30deg) translateX(-40%);transition-delay:0.15s;webkit-transform:skew(30deg) translateX(-40%);webkit-transition-delay:0.15s;}
.snip1543 figcaption:after{transform:skew(-30deg) translateX(-30%);transition-delay:0.1s;webkit-transform:skew(-30deg) translateX(-30%);webkit-transition-delay:0.1s;}
.footer-whitespace{display:none;}
footer{min-height:auto;position:relative;}
#newsletter.nl-page{padding:0 4rem;}
.agences .jarallax,
 .actus-2cols .jarallax{max-height:30vh;min-height:25vh;}

.ph-actu.paysage{margin-bottom:-10rem;}
.ph-actu.paysage .jarallax{max-height:40vh;margin-bottom: 150px;}
.close-page{right:0;top:0;}
.carouselItem{height:160px;left:0;margin-left:0px;margin-top:0px;position:relative;top:0px;transform:none;width:320px;}
#contentContainer{transform:scale(1);}
.carouselItem{visibility:visible;}
#contentContainer{margin:2.5rem 0 0 0;}
#carouselContainer{display:flex;flex-wrap:wrap;height:auto;justify-content:space-around;left:0%;margin-left:0px;margin-top:0px;position:relative;top:0%;width:auto;}
#video-viewport{bottom:0;top:auto;width:150% !important;}
	.bg-video-wrap video{display: none;}
	.bg-video-wrap{ background: url("../img/hero-responsive.webp") center center no-repeat;background-size:cover;}
}

#canvasContainer {
  z-index: 0;
  width: 100%;
  height: 350px !important;
  position: relative;
  top: 0;
  left: 0;
  opacity: 54%;
}
#contenu-header.home-header,
#contenu-header.home-header #canvasContainer {
  height: 550px !important;
}

#canvasContainer img {
  visibility: visible !important;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#contenu-header.header-activite::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.header-activite::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
}

@media only screen and (max-width:1023px){.agences .jarallax h2,
 .actus-2cols .jarallax h2,
 .ph-actu.portrait .jarallax .text,
 .ph-actu .jarallax .text{font-size:2.8em;line-height:1em;}
.separation-right{height:100%;margin:0;position:absolute;right:30px;top:-50px;width:1px;}
.separation-right::before{right:-0.5rem;}
.separation-left{height:100%;left:30px;margin:0;position:absolute;top:-50px;width:1px;}
.separation-left::after{left:-0.5rem;}
.ph-actu.portrait .jarallax{max-height:30vh;min-height:20vh;}
.article.long,.article{padding:2rem;}
.extrait{padding:2rem 2rem 1rem;text-justify:distribute;}
.accroche{font-size:3em;margin-bottom:3.5rem;margin-top:3.5rem;padding-left:6rem;}
.accroche::before{font-size:12rem;}
}
@media only screen and (min-width:768px) and (max-width:1023px){.agences-carte{margin:0 auto;width:80%;}
.map{margin:0 auto;width:80%;}
.btn-lg{font-size:1em;}
.mentions{font-size:16px;padding-bottom:3rem;padding-left:4rem;}
}
@media only screen and (max-width:979px){.btn-nl{font-size:1.45em;}
    h1,
    .h1 {
        font-size: 8.784vw;
    }

    h2,
    .h2 {
        font-size: 10.215vw;
    }

    h3,
    .h3 {
        font-size: 5.72vw;
    }

    h4,
    .h4 {
        font-size: 4.086vw;
    }

    h5,
    .h5 {
        font-size: 2.043vw;
    }

    h6,
    .h6 {
        font-size: 1.635vw;
    }
.col-bg-slide{margin:2rem auto;}
}
@media only screen and (max-width:800px){body{font-size:16px;}
.btn-nl{font-size:1.35em;}
}
@media only screen and (max-width:767px){.counter{width:90%;}
#metier #video-viewport{bottom:210px;height:50vh !important;left:0;overflow:hidden;position:absolute;top:auto;width:100%;z-index:-1;}
#metier video{bottom:0;display:block;height:auto;margin-left:0;margin-top:5%;position:absolute;width:150% !important;}
.liste-pictos li{display:inline-block;text-align:center;}
.liste-pictos img{display:block;float:none;margin:0 auto 5px;}
.double-col{column-count:1;column-gap:0;moz-column-count:1;moz-column-gap:0;webkit-column-count:1;webkit-column-gap:0;}
.parole-expert h3{margin-left:auto;padding-left:2.5rem;padding-right:inherit;}
.parole-expert h3::before{left:0;top:-1rem;}
.col-btn-cta{border-bottom-left-radius:26px;border-top-right-radius:0;margin-top:0;padding:2rem !important;}
.row.cta{padding:2rem 0;}
.row.cta.cta-contenus{padding:1.5rem 0 0;}
.cta-contenus .col-btn-cta{margin-bottom:-1.5rem;margin-top:0;padding:1.5rem !important;}
.liste-col li{max-width:50%;}
#expertises .nav-link{font-size:1.9em;line-height:1.1em;}
#newsletter{background-image:linear-gradient(237deg, #19efef 0%, #3cd8ad 100%) !important;background-position:center;background-repeat:no-repeat !important;background-size:cover;border-top-right-radius:0 !important;padding-bottom:0 !important;Padding-top:1.5rem !important;}

#newsletter.nl-page{padding-left:0;padding-right:0;}
.carousel-control-prev{background:url("../img/fnd-nav-temoignages-l.png") right center no-repeat;background-size:contain;left:10px;}
.carousel-control-next{background:url("../img/fnd-nav-temoignages-r.png") left center no-repeat;background-size:contain;right:10px;}
.carousel-control-prev,
 .carousel-control-next{height:50px;width:45px;}
#insights{padding-bottom:0;padding-top:4rem;}
#solutions .menu__item-text{font-size:2.5rem;}
#solutions{padding-bottom:2rem;padding-top:4.5rem;}
.module-video{padding:1rem;}
.article.long{border-top-left-radius:0;border-top-right-radius:0;margin-top:0;}
#share{right:-10px;top:0;}
.accroche{font-size:2.5em;margin-bottom:2rem;margin-top:0;padding:0;}
.accroche::before{display:block;font-size:6rem;line-height:1em;margin:20px auto;position:relative;text-align:center;}
.ph-actu.paysage{margin-bottom:0;}
.btn-lg{white-space:normal;}
.actus-2cols .extrait {font-size: 1.2em;line-height: 1.25em;text-align: left;}
	.infos-articles, .articles-tags {font-size: 1.2em;}
    #canvasContainer img {
  visibility: initial;
    width: 100%;
    height: 100%;
        object-fit: cover;
}
}
@media only screen and (max-width:767px) and (orientation:portrait){
.contenu-header-text{height:auto;left:50%;right:auto !important;top:50%;width:80%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.contenu-header-text .breadcrumb{background: var(--bleu-kzs-900);border-radius:6px;box-shadow:none;padding:5% 1%; color: var(--white);}
.contenu-header-text .breadcrumb::before{display:none;}
.highlight{padding:2rem;}
.form-nl{font-size:1.25em !important;}
.actus-2cols .jarallax h2{font-size:1.8rem;}
}
@media only screen and (max-width:640px){body{font-size:15px;}
.list-unstyled.list-inline.mentions{font-size:16px;line-height:1em;padding-bottom:3.5rem;text-align:center;}
.mentions a{font-weight:700;line-height:0;}
footer .liste-stylisee li{margin-bottom:4px;}
footer .liste-stylisee a{font-size:18px;}
.ph-actu.portrait .jarallax .text, .ph-actu .jarallax .text{font-size:1.8em;}
}

/* Boutons plats : suppression des balayages, dégradés et ombres au survol */
.btn::before,
.btn::after{content:none;display:none;}
.btn:hover,
.btn:hover::before,
.btn:hover::after{background-image:none;box-shadow:none;transform:none;}
.btn.btn-outline-primary:hover{background-color:transparent;color:var(--primary);}
.btn.btn-outline-secondary:hover {
    background-color: transparent;
    color: var(--secondary);
}
.btn.btn-outline-success:hover{background-color:transparent;color:var(--success);}
.btn.btn-outline-info:hover{background-color:transparent;color:var(--info);}
.btn.btn-outline-warning:hover{background-color:transparent;color:var(--warning);}
.btn.btn-outline-danger:hover{background-color:transparent;color:var(--danger);}
.btn.btn-outline-light:hover{background-color:transparent;color:var(--light);}
.btn.btn-outline-dark:hover{background-color:transparent;color:var(--white);}
.btn.btn-light:hover {
    background-color: transparent;
    color: var(--bleu-kzs-900);
    border-color: var(--light);
}
.btn.btn-dark:hover{background-color:transparent;color:var(--dark);border-color:var(--dark);}

/* Header compact avec recherche intégrée */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
body > .container-xl > .row > .col-12{padding-left:0;padding-right:0;}
#navbar_top .logo{max-width:105px;margin-bottom:0 !important;}
#navbar_top > .navbar-collapse{min-width:0;flex:1 1 auto;overflow:visible;}
#navbar_top > .navbar-collapse > .navbar-nav{width:auto !important;flex:1 1 auto;min-width:0;}
#navbar_top > .header-search{position:relative;flex:0 0 auto;width:2.5rem;height:2.5rem;margin-left:.75rem;}
#navbar_top > .header-search .search-icon{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);color:var(--pink);pointer-events:none;}
#navbar_top > .header-search .search-input,
#navbar_top > .header-search.opened .search-input{position:absolute;top:0;left:0;z-index:1;width:2.5rem;height:2.5rem;}
#navbar_top > .header-search.opened .search-icon{opacity:0;}
#navbar_top > .header-search.opened{z-index:3;}
#navbar_top > .header-search.opened .search-input{position:absolute;top:0;left:0;width:min(20rem,15vw);height:2.5rem;padding:.5rem .8rem .6rem 2.25rem;background:#fff;color:var(--dark);border:1px solid var(--pink);caret-color:var(--dark);}
#navbar_top > .header-search.opened .cross{z-index:3;}
#navbar_top > .header-search.opened .cross:before,
#navbar_top > .header-search.opened .cross:after{background:var(--dark);}
#navbar_top{margin-left:0;margin-right:0;padding-left:1rem;padding-right:1rem;padding-bottom:1rem}
#navbar_top.fixed-top{position:fixed;padding:.25rem 1rem;left:0;right:0;margin-left:0;margin-right:0;}
#navbar_top.fixed-top .logo{max-width:100px;}
@media only screen and (max-width:1279px){
    #navbar_top{margin-left:0;margin-right:0;padding:.25rem .75rem;align-items:center;}
    #navbar_top{position:relative;}
    #navbar_top > .nav-toggle{order:1;flex:0 0 60px;width:60px;height:60px;margin-left:auto;margin-right:0;padding:0;z-index:4;background:transparent;border-radius:0;}
    #navbar_top > .nav-toggle .nav-svg{width:50px;height:50px;transform:translate(-1px,2px);}
    #navbar_top > .nav-toggle .nav-svg svg{width:50px;height:50px;}
    #navbar_top > .nav-toggle .nav-svg path{stroke:var(--white) !important;}
    #navbar_top > .nav-toggle .nav-svg .dots,
    #navbar_top > .nav-toggle .nav-svg .dots:before,
    #navbar_top > .nav-toggle .nav-svg .dots:after{background:var(--danger);}
    #navbar_top > .navbar-brand{order:0;position:absolute;top:.25rem;left:.75rem;z-index:2;flex:0 1 180px;width:180px;height:60px;max-width:42vw;min-width:0;margin-right:0;padding:.15rem 0;background-image:url("../img/logo-kaizen-solution-mobile-blanc.svg");background-position:left center;background-repeat:no-repeat;background-size:contain;transform:none;}
    #navbar_top > .navbar-collapse{order:3;flex:0 0 100%;width:100%;padding-top:.5rem;}
    #navbar_top > .navbar-collapse:not(.show){display:none;}
    #navbar_top > .navbar-collapse.show{display:block;}
    #navbar_top > .header-search{position:absolute;right:4.5rem;margin:0;z-index:4;}
    #navbar_top > .header-search .search-icon{left:auto;right:0;width:54px;font-size:1.75rem;text-align:center;transform:translateY(-50%);}
    #navbar_top > .header-search .search-input,
    #navbar_top > .header-search.opened .search-input{height:54px;}
    #navbar_top > .header-search:not(.opened) .search-input{width:54px;border:0;}
    #navbar_top > .header-search.opened{left:auto;right:4.75rem;top:.75rem;width:min(20rem,calc(100% - 5.5rem));transform:none;}
    #navbar_top > .header-search.opened .search-input{width:100%;height:44px;padding-left:2.25rem;}
    #navbar_top > .header-search.opened .cross{top:50%;right:1rem;transform:translateY(-50%);}
    #navbar_top > .navbar-collapse .nav-link{border:0;border-radius:0;background:transparent;box-shadow:none;margin:0;padding:.7rem .5rem;color:var(--white);}
    #navbar_top > .navbar-collapse .nav-item{border-bottom:1px solid rgb(255 255 255 / 18%);text-align:left;}
    #navbar_top > .navbar-collapse .dropdown-menu{border:0;border-radius:0;box-shadow:none;margin:0;width:100%;}
    #navbar_top.fixed-top{position:fixed;left:0;right:0;margin-left:0;margin-right:0;padding:.25rem .75rem;}
    #navbar_top.fixed-top .nav-toggle{margin-right:0;}
}
@media only screen and (max-width:400px){
    #navbar_top{margin-left:0;margin-right:0;padding-left:.5rem;padding-right:.5rem;}
    #navbar_top > .navbar-brand{left:.5rem;max-width:38vw;}
    #navbar_top > .header-search{right:4.5rem;top:1rem;}
    #navbar_top > .header-search.opened{right:4.5rem;width:calc(100% - 5rem);}
    #navbar_top.fixed-top{left:0;right:0;}
}

/* Boutons mobiles (min. 48x48px) */
@media only screen and (max-width:767px){
    a,
    button,
    .btn,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .nav-link,
    .dropdown-item,
    .list-inline-item > a{
        min-width:48px;
        min-height:48px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
    }

    a:not([class]),
    p a,
    li a,
    .liste-stylisee a{
        min-width:auto;
        min-height:auto;
        display:inline;
    }
}

#Elements #accordionExample{background-color:var(--bleu-kzs-900);color:var(--white);}
#Elements #accordionExample .card,
#Elements #accordionExample .card-header,
#Elements #accordionExample .card-body{background-color:transparent;color:var(--white);}
#Elements #accordionExample .card-header.bg-white{background-color:transparent !important;}
#Elements #accordionExample .text-dark{color:var(--white) !important;}
#Elements #accordionExample .card-header button{font-size:30px !important;font-weight:800;border-bottom:solid 1px var(--white);border-radius:0 !important;box-shadow:none !important;}
#Elements #accordionExample .card-header button:hover{color:#ccc !important;}
#Elements #accordionExample a[onclick^="copyToClipboard"]{background-color:var(--light);border-color:var(--light);color:var(--dark);}
#Elements #accordionExample a[onclick^="copyToClipboard"]:hover{background-color:var(--light);border-color:var(--light);color:var(--dark);}

/*++++ RESPONSIVE TAB & ACCORDION (FAQ) ++++*/
@media only screen and (max-width:991px){
    #AccordionsTabs #Tabs.nav-tabs{
        flex-direction:column !important;
    }
    #AccordionsTabs #Tabs .nav-item{
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: contents;
    }
    #AccordionsTabs #Tabs .nav-link {
        font-size: 1.3rem;
        white-space: normal;
        width: 100%;
        border-radius: 16px !important;
    }
}
@media only screen and (max-width:575px){
    #AccordionsTabs #Tabs .nav-item{
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #AccordionsTabs #Tabs .nav-link{
        font-size: 1.2rem;
        border-radius: 16px !important;
        margin-bottom: 0.35rem;
    }
    #AccordionsTabs .tab-content{
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

@media only screen and (max-width:767px){
    .faq-section .col-10{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .faq-section .faq-title{
        font-size: 1.6rem;
    }
    .faq .accordionTitle,
    .faq .accordion__Heading {
        font-size: 1rem;
        padding: 0.5em 2.25em 0.5em 0.75em;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .faq .accordion-content{
        padding: 0.5rem 1rem;
        font-size: 0.95rem;
    }
}
@media only screen and (max-width:400px){
    .faq .accordionTitle,
    .faq .accordion__Heading{
        font-size: 0.9rem;
        padding: 0.5em 2em 0.5em 0.6em;
    }
}