:root {
    --blue: rgba(0, 93, 236, 1);
    --green: rgb(60, 210, 0);
    --gray: rgb(247, 247, 247);
    --violet: rgb(79, 83, 129);
}

#toast-container > div {
    width: 31rem;
}

.font-medium {
    font-weight: 500 !important;
}

.text-gray-500 {
    color: rgb(107 114 128) !important;
}

.text-gray-700 {
    color: rgb(55 65 81);
!important;
}

.container-blue {
    background-color: black;
    color: white;
}

.container-green {
    background-color: black;
}

.container-gray {
    background-color: #f0f0f0;
}

.color-green {
    color: black;
}

.margin-top-high {
    margin-top: 13rem !important;
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.lazy-background {
    background-image: url("../img/icone_animated.svg"); /* Placeholder image */
}

.tns-visually-hidden, .calltoaction {
    display: none !important;
}

.bounce {
    -moz-animation: bounce 1.5s infinite;
    -webkit-animation: bounce 1.5s infinite;
    animation: bounce 1.5s infinite;
}

html {
    font-size: 62.5%;
    height: 100vh;
    min-height: 100vh;
    scroll-behavior: smooth;
}

body {
    color: black;
    background-color: white !important;
    font-size: 1.5rem;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    /*min-height: 100vh;*/
    /*height: 100vh;*/
    width: 100%;
}

body {
    /*position:relative;*/
    overflow-x: hidden;
}

/*body:before,*/
#full-background {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    position: absolute;
    visibility: hidden;
    transition: visibility .3s ease-in-out;
}

body.modal-open {
    overflow-x: hidden;
}

strong, bold, b {
    /* font-family: 'wotfardbold', Arial, sans-serif; */
    font-weight: 700;
}

main, footer, header, #template-index-contact-projet {
    display: none !important;
    /* height: 100vh; */
}

main {
    padding-top: 8.5rem;
}

*:focus {
    outline: none;
}

.grecaptcha-badge {
    display: none !important;
}

.img-responsive {
    max-width: 100%;
    height: auto
}

img.img-fluid {
    align-self: flex-start;
}

/*REWRITE*/
h1 {
    font-size: 4.8rem !important;
    line-height: 150% !important;
    font-weight: 600 !important;
}

h1#title {
    line-height: 150% !important;
    font-weight: 600 !important;
}

h2 {
    font-size: 4rem !important;
    line-height: 130% !important;
    font-weight: 600 !important;
}

h3 {
    font-size: 2.4rem !important;
    line-height: 150% !important;
    font-weight: 600 !important;
}

h3.key-point-h3 {
    font-size: 2.4rem !important;
    font-weight: 600 !important;
    line-height: 150% !important;
}

.font-semibold {
    font-weight: 600 !important;
}

/*html.ua-browser-Safari h1,*/
/*body.ua-browser-Chrome.ua-devicetype-tablet h1*/
/*{*/
/*    font-size: 4rem!important;*/
/*    line-height: 5rem!important;*/
/*}*/
/*html.ua-browser-Safari h2, body.ua-browser-Chrome.ua-devicetype-tablet h2 {*/
/*    font-size: 3rem!important;*/
/*    line-height: 4rem!important;*/
/*}*/
/*html.ua-browser-Safari h3, body.ua-browser-Chrome.ua-devicetype-tablet h3 {*/
/*    font-size: 2.4rem!important;*/
/*    line-height: 3rem!important;*/
/*}*/
html.ua-browser-Safari #template-index-left .p-intro,
html.ua-browser-Safari #template-expertises-left .p-intro,
body.ua-browser-Chrome.ua-devicetype-tablet #template-index-left .p-intro,
body.ua-browser-Chrome.ua-devicetype-tablet #template-expertises-left .p-intro {
    font-size: 1.6rem;
    line-height: 2.5rem;
}

html.ua-browser-Safari #template-index-right-absolute .visuel-groupe img {
    max-width: 12rem;
}

html.ua-browser-Safari #link-button-home-hp {
    bottom: 2rem;
}

.subtitle {
    font-weight: 900 !important;
    font-size: 1.6rem !important;
    line-height: 2.4rem !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #005DEC !important;
}

.intro-agence {
    color: #4B5563;
    font-size: 20px;
    font-family: Roboto;
    font-weight: 400;
    line-height: 30px;
    word-wrap: break-word;
}

.rgba-black-light {
    background-color: rgba(32, 14, 112, .5);
}

button {
    border: 0;
    background-color: transparent;
}

ul li p {
    display: inline;
    margin-bottom: 0;
}

ol.breadcrumb {
    background: transparent;
    padding: 0;
    border-radius: 0;
    margin: 0 !important;
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
    padding-inline-start: 0 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: 'keyboard_arrow_right';
    display: inline-block;
    font-style: normal;
    vertical-align: middle;
    font-family: "Material Icons";
    color: #6c757d;
}

.breadcrumb a {
    color: black;
}

.breadcrumb a:hover {
    text-decoration: underline;
    color: black;
}

/*.breadcrumb a.highlight, .breadcrumb .highlight {*/
/*    color: #374151;*/
/*    font-weight: 500;*/
/*}*/
.fixed-action-btn-footer {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    bottom: 2.5rem;
    right: 3rem;
    position: fixed;
    z-index: 990;
    margin-bottom: 0;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-tansform-origin: 50% 50%;
    -ms-tansform-origin: 50% 50%;
    -o-tansform-origin: 50% 50%;
}

.fixed-action-btn-footer.is-fixed {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

#fixed-action-return-top .btn-floating {
    background-color: var(--blue);
    width: 56px;
    height: 56px;
}

#fixed-action-return-top .btn-floating:hover {
    background-color: black;
    box-shadow: none;
}

#fixed-action-return-top .btn-floating i {
    display: inline-block;
    width: inherit;
    text-align: center;
    color: #fff;
    font-size: 2.4rem;
    line-height: 56px;
    font-weight: 100;
}

[data-link], [data-link-encoded], [data-mail-encoded], [data-anchor], [data-target], span.link-to {
    cursor: pointer;
    color: black;
    transition: all 0.2s ease-in-out;
}

[data-anchor] i {
    vertical-align: middle;
}

.link-to:hover, a:hover {
    text-decoration: underline !important;
    color: black !important;
}

#icone-loading img {
    width: 71px;
    height: 71px;
}

/* OVERLAY */
.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 500000000000000000000000000000000;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .90);
}

.overlay-content {
    position: relative;
    top: 35%;
    width: 80%;
    text-align: center;
    margin: auto;
}

.overlay.show {
    display: block;
}

/* MODAL */
#erreur_envoi_form .modal-footer,
#envoyer_form_conf .modal-footer {
    border-top: 0;
}

#erreur_envoi_form .modal-footer button,
#envoyer_form_conf .modal-footer button {
    font-size: 1.5rem;
    background: black;
    color: white;
}

.modal-backdrop ~ .modal-backdrop {
    z-index: 1051;
}

#erreur_envoi_form {
    z-index: 1052;
}


/* BUTTONS */
.default {
    padding: 12px 30px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 1.6rem !important;
    line-height: 2.4rem !important;
    background: #005DEC !important;
    color: white !important;
    border-radius: 30px !important;
    text-decoration: none !important;
}

.default:hover {
    background: #004DC3 !important;
    color: white !important;
    text-decoration: none !important;
}

.default.discover-staff:hover {
    /*box-shadow: none !important;*/
}

.default:active {
    background: #003D9A !important;
    text-decoration: none !important;
}

.accent {
    padding: 12px 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    /* line-height: 18px!important; */
    background: #F8593B !important;
    color: white !important;
    border-radius: 30px !important;
    text-decoration: none !important;
}

.navbar-collapse .accent.nav-link {
    font-weight: 500 !important;
}

.accent:hover {
    background: #E63C1C !important;
    color: white !important;
    text-decoration: none !important;
}

.accent:active {
    background: #C12F14 !important;
    text-decoration: none !important;
}

.white {
    padding: 12px 30px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    background: #FFFFFF !important;
    color: var(--blue) !important;
    border-radius: 30px !important;
    text-decoration: none !important;
}

.white:hover {
    box-shadow: 0px 4px 20px rgba(255, 255, 255, 0.48);
    text-decoration: none !important;
    background: #FFFFFF !important;
    color: var(--blue) !important;
}

.white:active {
    background: var(--blue) !important;
    box-shadow: 0px 4px 20px rgba(0, 93, 236, 0.48);
    text-decoration: none !important;
    color: white !important;
}


/*  HEADER */
.body-accueil #header-main-body {
    /*padding: 2rem 10rem 0 10rem!important;*/
    /* padding: 0rem 20rem!important; */
}

#header-main-body {
    transition: opacity .1s ease-in-out;
    position: fixed;
    z-index: 12;
    top: 0;
    /* background-color:white; */
    padding: 0 2rem !important;
    background: linear-gradient(90.18deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.1) 100%);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border-bottom: 1px solid #F4F4F4;
}

#header-main-body .navbar {
    box-shadow: none !important;
}

#navbarSupportedContent2 .navbar-nav li.nav-item {
    margin: 0 1rem;
}

#header-main-body li.nav-item a.nav-link {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 3rem;
    margin: 0;
    padding: 1rem 2.4rem !important;
    transition: all .3s ease-in-out;
    border-bottom: 2px solid transparent;
    display: block;
    color: #000723 !important;
}

#header-main-body li.nav-item a.nav-link.accent {
    color: white !important;
}

#header-main-body li.nav-item a:hover.nav-link,
#header-main-body li.nav-item.show a.nav-link {
    /*color:var(--blue)!important;*/
    /*border-bottom: 2px solid black;*/
    text-decoration: none !important;
}

#header-main-body li.nav-item a.nav-link.active,
#header-main-body li.nav-item a.nav-link:hover,
#header-main-body li.nav-item.show a.nav-link,
#header-main-body li.nav-item a.nav-link.hover-active {
    color: var(--blue) !important;
}

#header-main-body li.nav-item a.nav-link.active.accent,
#header-main-body li.nav-item a.nav-link.accent:hover {
    color: white !important;
}

#header-main-body li.nav-item a.nav-link.active {
    font-weight: bold;
}

#header-main-body li.nav-item.show a.nav-link,
#header-main-body li.nav-item a.nav-link:hover,
#header-main-body li.nav-item a.nav-link.hover-active {
    background: rgba(0, 93, 236, 0.08);
    border-radius: 60px;
}

#header-main-body li.nav-item button {
    /* color:white; */
    /* background: var(--blue); */
    /* border-radius: 8px; */
    /* font-weight:500; */
    /* font-size: 1.6rem; */
    /* line-height: 1.8rem; */
    /* transition: all .3s ease-in-out; */
}

#header-main-body li.nav-item button:hover {
    background: black;
}

#header-main-body .z-depth-1 {
    background: #FFFFFF;
    box-shadow: 0px 20px 60px rgb(0 7 35 / 10%) !important;
    border-radius: 8px;
    margin-top: 1.6rem !important;
    z-index: 12;
    padding: 24px 32px !important;
}

#header-main-body .z-depth-1 .row > div:nth-child(4),
#header-main-body .z-depth-1 .row > div:nth-child(5),
#header-main-body .z-depth-1 .row > div:nth-child(6) {
    padding-top: 4rem !important;
}

#header-main-body .z-depth-1 .sub-menu a .titre {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.8rem;
    position: relative;
}

#header-main-body .z-depth-1 .sub-menu a .sstitre {
    font-size: 1.6rem;
    opacity: 0.7;
    line-height: 3.2rem;
    color: #18191F;
}

#header-main-body .z-depth-1 .sub-menu a:hover {
    text-decoration: none !important;
}

/*#header-main-body .z-depth-1 .sub-menu a:hover .titre {*/
/*    !* text-decoration: underline!important; *!*/
/*}*/
#header-main-body .z-depth-1 .sub-menu a .titre:after {
    position: absolute;
    right: 0rem;
    top: 0rem;
    content: "arrow_forward";
    font-family: "Material Icons";
    direction: ltr;
    visibility: hidden;
    font-size: 24px;
    display: inline-block;
    transition: all .3s ease-in-out;
}

/*#header-main-body .z-depth-1 .sub-menu a:hover .titre:after {*/
/*    visibility: visible;*/
/*    !* right: 2rem; *!*/
/*}*/
/* HP */
main {
    transition: opacity .1s ease-in-out;
    /*padding-left: 10rem!important;*/
    /*padding: 9.1rem 20rem!important;*/
    padding: 9.1rem 2rem !important;
}

main#template-expertises {
    padding: 9.1rem 0 33rem 0 !important;
}

main#template-secteurs {
    padding: 9.1rem 0 10rem 0 !important;
}

.container-padding .row {
    padding: 0 2rem !important;
}

#template-index-right {
    margin: 0;
}

#template-index-left {
    /*margin-top: 5rem !important;*/
    /* padding-left: 10rem!important; */
}

#template-index-left .template-index-left-subtitle {
    /* font-weight: 900; */
    /* font-size: 1.6rem; */
    /* line-height: 2.4rem; */
    /* letter-spacing: 2px; */
    /* text-transform: uppercase; */
    /* color: var(--blue); */
}

#template-index-left h1 {
    /* font-weight: 700; */
    /* font-size: 4.8rem; */
    /* line-height: 8rem; */
    /* letter-spacing: 0.2px; */
}

#template-index-left .p-intro,
#template-expertises-left .p-intro {
    font-size: 2rem;
    line-height: 4rem;
    /* letter-spacing: 0.2px; */
    /* max-width: 70%; */
    /* font-weight: 400; */
    color: #4F4F4F;
}

#template-index-left .link-button a {
    padding: 1.2rem 3rem;
    color: white;
    background-color: var(--blue);
    border-radius: 8px;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.8rem;
}

#template-index-left .link-button a.anchor-link-top {
    box-shadow: none;
}

#template-index-left .link-button a:hover {
    text-decoration: none !important;
    color: white !important;
    background-color: black;
    box-shadow: none;
}

#template-index-left .link-button a i {
    vertical-align: middle;
}

#template-index-clients-slider {
    /* padding-left: 10rem!important; */
}

#template-index-clients-slider .subtitle-ref-clients {
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 900;
    color: rgba(0, 7, 35, 0.48);
}

#template-index-clients-slider .template-index-clients-slider-logo {
    width: 25%;
}

#template-index-clients-slider .template-index-clients-slider-logo img {
    display: block;
    margin: auto;
    position: relative;
    transition: filter 250ms ease-in-out;
    filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    -webkit-filter: grayscale(1); /* Old WebKit */
    filter: gray; /* IE6-9 */
}

#template-index-clients-slider .template-index-clients-slider-logo:hover img {
    -webkit-filter: none;
    filter: none;
}

#template-index-right {
    position: relative;
    /* padding-bottom: 5rem!important; */
    min-height: 100%;
    /*filter: drop-shadow(4px 8px 15px rgba(0, 0, 0, 0.12));*/
    /* box-shadow: 4px 8px 15px rgb(0 0 0 / 12%); */
}

#template-index-right-absolute .visuel-pastille {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    height: 100%;
}

#template-index-right-absolute .visuel-groupe {
    position: absolute !important;
    right: 29rem;
    top: -10rem;
    /* width: 246px; */
}

#template-index-right-absolute .visuel-2 {
    position: absolute;
    left: -10rem;
    top: 15rem;
}

#link-button-home {
    position: absolute;
    bottom: 2rem;
    left: calc(50% - 84px);
}

#link-button-home-hp {
    position: absolute;
    bottom: 0;
}

#template-index-right-absolute {

    right: -30rem;

    top: -5rem;

    padding-bottom: 0 !important;
}

html:not(.ua-browser-Safari) #template-index-right-absolute {
    position: absolute;
}

html:not(.ua-browser-Safari) #template-index-right-absolute > img:first-child {
    display: none;
}

#template-index-right-absolute .pastille {
    display: inline-block;
    color: white;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: 2px;
    border-radius: 8px;
    padding: 6px 16px;
    position: absolute;
    /*transition: all .3s ease-in-out;*/
    transform-origin: center center;
    transition-property: all;
    transition-duration: .3s;
    transition-delay: 0s;
    white-space: nowrap;
}

@keyframes float_erp {
    0% {
        transform: translatey(0px) translatex(0px);
    }
    50% {
        transform: translatey(-20px) translatex(20px);
    }
    100% {
        transform: translatey(0px) translatex(0px);
    }
}

#template-index-right-absolute .pastille.erp {
    background: #F8593B;
    top: 12rem;
    left: 17rem;
    animation: float_erp 4s ease-in-out infinite;
}

@keyframes float_web {
    0% {
        transform: translatey(0px) translatex(0px);
    }
    50% {
        transform: translatey(-20px) translatex(-20px);
    }
    100% {
        transform: translatey(0px) translatex(0px);
    }
}

#template-index-right-absolute .pastille.web {
    background: #005DEC;
    top: 20rem;
    left: 20rem;
    animation: float_web 4s ease-in-out infinite;
}

#template-index-right-absolute .pastille.ux {
    background: #000723;
    top: 28rem;
    left: 24rem;
    animation: float_erp 4s ease-in-out infinite;
}

#template-index-right-absolute .pastille.consulting {
    background: #5C9CFF;
    top: 35rem;
    left: 30rem;
    animation: float_web 4s ease-in-out infinite;
}

@keyframes float_ui {
    0% {
        transform: translatey(0px) translatex(0px);
    }
    50% {
        transform: translatey(0px) translatex(-20px);
    }
    100% {
        transform: translatey(0px) translatex(0px);
    }
}

#template-index-right-absolute .pastille.ui {
    background: #F8593B;
    top: 41rem;
    left: 30rem;
    animation: float_ui 4s ease-in-out infinite;
}

@keyframes float_identite {
    0% {
        transform: translatey(0px) translatex(0px);
    }
    50% {
        transform: translatey(0px) translatex(20px);
    }
    100% {
        transform: translatey(0px) translatex(0px);
    }
}

#template-index-right-absolute .pastille.identite {
    background: #001D49;
    top: 47rem;
    left: 36rem;
    animation: float_identite 4s ease-in-out infinite;
}

#template-index-right .visuel-pastille:hover .pastille.erp,
#template-index-right .visuel-pastille:hover .pastille.web {
    transform: translateX(-10px) translateY(10px);
    -webkit-transform: translateX(-10px) translateY(10px);
}

#template-index-right .visuel-pastille:hover .pastille.crm {
    transform: translateX(10px) translateY(-10px);
    -webkit-transform: translateX(10px) translateY(-10px);
}

#template-index-right .visuel-pastille:hover .pastille.inte,
#template-index-right .visuel-pastille:hover .pastille.ecom {
    transform: translateX(15px);
    -webkit-transform: translateX(15px);
}

#template-index-right .visuel-pastille:hover .pastille.ui {
    transform: translateX(10px) translateY(-10px);
    -webkit-transform: translateX(10px) translateY(-10px);
}

#template-index-right .visuel-pastille:hover .pastille.ux {
    transform: translateX(10px) translateY(10px);
    -webkit-transform: translateX(10px) translateY(10px);
}

/*#template-index-clients-slider .template-index-clients-slider-logo img + img,*/
/*#template-index-clients-slider .template-index-clients-slider-logo:hover img {*/
/*    display:none;*/
/*}*/
/*#template-index-clients-slider .template-index-clients-slider-logo:hover img + img {*/
/*    display:block;*/
/*}*/
#template-index-clients-slider .template-index-clients-slider-logo:first-child,
#template-index-clients-slider .template-index-clients-slider-logo:nth-child(8) {
    padding-left: 0 !important;
}

#template-index-clients-slider-logo > div:first-child {
    padding-right: 2rem !important;
}

#template-index-clients-slider-logo > div + div {
    padding: 0 2rem !important;
}

#template-index-right {
    position: relative;
    /* padding-bottom: 5rem!important; */
    min-height: 100%;
    /* filter: drop-shadow(4px 8px 15px rgba(0, 0, 0, 0.12)); */
}

#template-index-right img {
    transition: all .3s ease-in-out;
    transform-origin: center center;
}

#template-index #template-index-cards {
    margin-top: 15rem !important;
}

#template-index-cards .card-ext:first-child {
    padding-right: 2rem !important;
    color: white;
}

#template-index-cards .card-ext,
#template-index-cards .card-ext [data-link-encoded] {
    color: #000723;
}

#template-index-cards .card-ext:nth-child(2) {
    padding: 0 1rem !important;
    /* margin-top: 4rem!important; */
}

#template-index-cards .card-ext:last-child {
    padding-left: 2rem !important;
    /* margin-top: 4rem!important; */
}

#template-index-cards .card-int {
    border-radius: 8px;
}

#template-index-cards .card-int .card-h3 {
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: justify;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#template-index-cards .card-int .titre-card {
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 4.8rem;
    /* letter-spacing: 0.2rem; */
    transition: all .3s ease-in-out;
}

#template-index-cards .card-ext:nth-child(2):hover .titre-card {
    color: var(--blue) !important;
}

#template-index-cards .card-ext:last-child:hover .titre-card {
    color: #FF9480 !important;
}

#template-index-cards .card-int .texte-card {
    font-size: 1.6rem;
    line-height: 3.2rem;
    /* text-align: justify; */
    /* letter-spacing: 0.2rem; */
    transition: all .3s ease-in-out;
    color: #000723;
}

#template-index-cards .card-ext:first-child .card-int, #template-index-cards .card-ext:first-child .texte-card {
    color: black;
}

#template-index-cards .card-int .texte-card span {
    transition: all .3s ease-in-out;
}

#template-index-cards #template-index-cards_93 .texte-card {
    color: black !important;
}

#template-index-cards .card-int .texte-card span + span {
    transition: visibility 0s, opacity 0.5s linear;
    opacity: 0 !important;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

#template-index-cards .card-int:hover .texte-card span + span {
    opacity: 1 !important;
    visibility: visible;
    height: auto;
}

#template-index-cards .card-int .p-link a div:first-child {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.8rem;
    letter-spacing: 2px;
    text-decoration: underline;
}

#template-index-cards .card-int .p-link a div {
    transition: all .3s ease-in-out;
}

#template-index-cards .p-link a:hover div {
    text-decoration: none !important;
}

#template-index-cards .card-int .p-link a:hover {
    text-decoration: none !important;
    /* margin-left: 1rem!important; */
}

#template-index-cards .card-int .p-link a .border-hover {
    width: 2.8rem;
    position: relative;
    transition: all .3s ease-in-out;
}

#template-index-cards .p-link a:hover .border-hover:after {
    width: 2.8rem;
}

#template-index-cards .p-link a:hover i {
    /* color: var(--blue); */
    opacity: 0;
    transform: translateX(13px);
}

#template-index-cards .card-int .p-link a i {
    vertical-align: middle;
    position: relative;
    transition: all .3s ease-in-out;
    top: -0.1rem;
    font-size: 3rem;
}

#template-index-cards .card-int a .border-hover:after {
    content: '';
    display: block;
    width: 1.5rem;
    background-color: black;
    height: 2px;
    position: absolute;
    top: 1.3rem;
    transition: all .3s ease-in-out;
}

#template-index-cards .card-ext:first-child .card-int .p-link a {
    color: white;
}

#template-index-cards .card-ext:first-child .card-int a .border-hover:after {
    background-color: white;
}

/*#template-index-cards .card-ext:first-child .card-int a:hover > * {*/
/*    color:white!important;*/
/*}*/
#template-index-cards .card-ext:last-child .card-int .p-link a {
    color: #FF9480 !important;
}

#template-index-cards .card-ext:last-child .card-int a .border-hover:after {
    background-color: #FF9480;
}

#template-index-cards .card-ext:nth-child(2) .card-int .p-link a {
    color: var(--blue) !important;
}

#template-index-cards .card-ext:nth-child(2) .card-int a .border-hover:after {
    background-color: var(--blue);
}


#template-index-secteur:after {
    position: absolute;
    right: -22rem;
    top: -15rem;
    content: '';
    width: 58rem;
    height: 1266px;
    /*background: transparent url(../img/bg-secteurs-hp.svg) no-repeat top left;*/
    background: transparent url(../img/bg-secteurs-hp.jpg) no-repeat top left;
    z-index: -1;
}


#template-index-secteur-entete {
    /* padding-left: 10rem!important; */
    /* padding-right: 10rem!important; */
}

#template-index-secteur-entete .template-index-secteur-subtitle,
#template-index-apropos-entete .template-index-apropos-subtitle {
    /* padding-left: 10rem!important; */
}

#template-index-secteur-entete .template-index-secteur-subtitle span,
#template-index-apropos-entete .template-index-apropos-subtitle span {
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    /* padding-left: 5rem !important; */
    position: relative;
    font-weight: 900;
    color: var(--blue);
}

#template-index-secteur-entete .template-index-secteur-subtitle span:before,
#template-index-apropos-entete .template-index-apropos-subtitle span:before {
    /*position: absolute;*/
    /*top: 9px;*/
    /*left: 0;*/
    /* content: ''; */
    /* width: 3.7rem; */
    /* height: 2px; */
    /* background: var(--blue); */
    /* display: block; */
}

#template-index-apropos-entete h2,
#template-index-secteur-entete h2 {
    max-width: 70%;
    /* font-weight: 500; */
    /* font-size: 4.8rem; */
    /* line-height: 8rem; */
    /* letter-spacing: 0.2px; */
}

.text-gray-900 {
    color: rgb(17 24 39) !important;
}

.text-gray-600 {
    color: #4B5563 !important;
}

#template-index-secteur-entete .p-intro {
    font-size: 2rem;
    line-height: 4rem;
}

#template-index-secteur-card {
    /* padding: 0 5rem!important; */
}

#template-index-secteur-card > div:nth-child(3n+1) {
    padding-right: 3rem !important;
}

#template-index-secteur-card > div:nth-child(3n+2) {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

#template-index-secteur-card > div:nth-child(3n+3) {
    padding-left: 3rem !important;
}

#template-index-secteur-card .card {
    background: #FFFFFF;
    box-shadow: none;
    border-radius: 8px;
    border: 1px solid #F2F2F2;
    height: 100%;
    flex-direction: row;
    /*height: 39rem;*/
}

#template-index-secteur-card .card:hover {
    border: 1px solid #005DEC;
    box-shadow: 1px 1px 20px rgba(0, 7, 35, 0.08);
}

#template-index-secteur-card h3.card-title {
    /* font-weight: 500; */
    /* font-size: 3.2rem; */
    /* line-height: 4.8rem; */
    color: #000723 !important;
}

#template-index-secteur-card .card-text {
    font-size: 1.6rem;
    line-height: 3.2rem;
    letter-spacing: 0.2px;
    color: #18191F;
}

#template-index-secteur-card .card-link {
    position: absolute;
    bottom: 3rem;
}

#template-index-secteur-card .card-link a {
    color: var(--blue);
}

#template-index-secteur-card .card-link a span {
    /*text-transform: uppercase;*/
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.8rem;
}

#template-index-secteur-card .card-link a i {
    vertical-align: bottom;
    transition: all .3s ease-in-out;
    margin-left: 1rem !important;
}

#template-index-secteur-card .card-link a i:after {
    content: '';
    display: block;
    width: 1.5rem;
    background-color: var(--blue) !important;
    height: 2px;
    position: absolute;
    top: 1.1rem;
    transition: background-color .1s ease-in-out;
}

#template-index-secteur-card .card:hover .card-link a span,
#template-index-secteur-card .card:hover .card-link a {
    color: var(--blue) !important;
    text-decoration: none !important;
}

#template-index-secteur-card .card:hover .card-link a i {
    margin-left: 2rem !important;
}

#template-index-secteur-card .card:hover .card-link a span {
    text-decoration: underline !important;
}

#template-index-secteur-card .card:hover h3 {
    color: var(--blue) !important;
}

#template-index-concepteur .card {
    background-color: var(--blue);
    color: white;
    border-radius: 16px;
    border: 0;
    box-shadow: none;
    flex-direction: row;
}

#template-index-concepteur h2 {
    font-weight: 600;
    font-size: 4rem;
    line-height: 130%;
    /* letter-spacing: 0.2px; */
}

#template-index-concepteur .card-text {
    font-size: 2rem;
    line-height: 4rem;
    /* letter-spacing: 0.2px; */
    color: #F1F2F6;
}

#template-index-concepteur #img-concepteur {
    position: absolute;
    right: -8rem;
    top: 6rem;
    transform: rotate(-5deg);
}

#img-concepteur-mobile {
    transform: rotate(-5deg);
}

#template-index-concepteur .card-link a {
    color: white;
}

#template-index-concepteur .card-link a span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.8rem;
    letter-spacing: 2px;
    margin-right: 1rem;
}

#template-index-concepteur .card-link a i {
    vertical-align: bottom;
    transition: all .3s ease-in-out;
}

#template-index-concepteur .card-link a:hover,
#template-index-concepteur .card-link a:hover span {
    color: white !important;
    text-decoration: none !important;
}

#template-index-concepteur .card-link a:hover i {
    margin-left: 2rem !important;
}

#template-index-concepteur .card-link a i:after {
    content: '';
    display: block;
    width: 1.5rem;
    background-color: white;
    height: 2px;
    position: absolute;
    top: 1.1rem;
    transition: background-color .1s ease-in-out;
}

#template-index-concepteur .card-link a:hover i:after {
    background-color: white;
}

#template-index-apropos-entete,
#template-index-apropos-suite {
    /* padding-left: 10rem!important; */
    /* padding-right: 10rem!important; */
}

#template-index-apropos-entete h2 {
    max-width: 100%;
}

#template-index-apropos-entete .p-intro {
    font-size: 2rem;
    line-height: 4rem;
    /* letter-spacing: 0.2px; */
}

#template-index-apropos-suite .p-intro p {
    display: block;
    width: 100%;
    margin-bottom: 10rem;
    padding-left: 5rem;
    line-height: 3rem;
    opacity: 0.7;
    font-weight: 500;
}

#template-index-apropos-suite .p-intro p span {
    display: inline-block;
    font-size: 2rem;
}

#template-index-apropos-suite .p-intro p span ~ span {
    padding-left: 5rem;
    font-size: 2.4rem;
}

#template-index-apropos-suite .link-button {
    /* padding-left: 0; */
    /* margin-top: 15rem!important; */
    /* position: absolute; */
    /* bottom: 0; */
}

#accordion_index_conception {
    margin-bottom: 0rem !important;
    overflow: hidden;
    padding-bottom: 10rem !important;
}

#template-index-apropos-suite .link-button a {
    padding: 1.5rem 3rem;
    color: white;
    background-color: var(--blue);
    /* box-shadow: 5px 5px 20px rgb(0 93 236 / 47%); */
    border-radius: 30px;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.8rem;
}

#template-index-apropos-suite .link-button a:hover {
    /* background-color: black; */
    color: white !important;
    text-decoration: none !important;
    background-color: #004DC3 !important;
}

#template-index-apropos-suite .link-button a:active {
    /* background-color: black; */
    color: white !important;
    text-decoration: none !important;
    background-color: #003D9A !important;
}

#template-index-apropos {
    padding-bottom: 10rem !important;
    padding-top: 8rem !important;
}

#template-index-apropos-suite-visuels {
    right: 0;
}

#template-index-apropos-suite-visuels img {
    /* position: relative; */
}

#template-index-apropos-suite-visuels img ~ img {
    /* position: relative; */
    /* bottom: 60px; */
    /* margin-top: -20%; */
    /* left: 270px; */
    /* top: -50px; */
}

#template-index-apropos-clients {
    /* padding-left: 10rem!important; */
    /* padding-right: 17rem!important; */
    padding: 5rem 0 !important;
}

#template-index-apropos-clients h4 {
    color: var(--blue);
    font-weight: 500;
    font-size: 2rem;
    line-height: 150%;
}

#template-index-apropos-clients-entete .p-intro {
    font-size: 2rem;
    line-height: 4rem;
    /* letter-spacing: 0.2px; */
    /* font-weight: 400; */
    color: #4F4F4F;
}

#template-index-apropos-clients-entete a,
#row-template-index-blog .p-link a {
    color: var(--blue);
}

#template-index-apropos-clients-entete a div.ancre,
#row-template-index-blog .p-link a div.ancre {
    font-weight: 900;
    font-size: 1.6rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 2.4rem;
}

#template-index-apropos-clients-entete a i,
#row-template-index-blog .p-link a i {
    vertical-align: middle;
    position: relative;
    transition: all .3s ease-in-out;
    top: -0.1rem;
    font-size: 3rem;
}

#template-index-apropos-clients-entete a .border-hover,
#row-template-index-blog .p-link a .border-hover {
    width: 2.8rem;
    position: relative;
    transition: all .3s ease-in-out;
}

#template-index-apropos-clients-entete a:hover,
#template-index-apropos-clients-entete a:hover div,
#row-template-index-blog .p-link a:hover,
#row-template-index-blog .p-link a:hover div {
    color: var(--blue) !important;
    text-decoration: underline !important;
}

#template-index-apropos-clients-entete a:hover i,
#row-template-index-blog .p-link a:hover i {
    /* opacity: 0; */
    transform: translateX(10px);
}

#template-index-apropos-clients-entete a .border-hover:after,
#row-template-index-blog .p-link a .border-hover:after {
    content: '';
    display: block;
    width: 1.5rem;
    background-color: var(--blue);
    height: 2px;
    position: absolute;
    top: 1.3rem;
    transition: all .3s ease-in-out;
}

#template-index-apropos-clients-entete a:hover .border-hover:after,
#row-template-index-blog .p-link a:hover .border-hover:after {
    /* width: 2.8rem; */
    transform: translateX(10px);
}

#template-index-apropos-clients-logos .template-index-apropos-clients-logos-div {
    width: 20%;
    border-bottom: 1px solid #D0D0D0;
    border-left: 1px solid #D0D0D0;
    padding: 5.5rem 3rem !important;
}

#template-index-apropos-clients-logos .template-index-apropos-clients-logos-div:first-child,
#template-index-apropos-clients-logos .template-index-apropos-clients-logos-div:nth-child(2),
#template-index-apropos-clients-logos .template-index-apropos-clients-logos-div:nth-child(3),
#template-index-apropos-clients-logos .template-index-apropos-clients-logos-div:nth-child(4),
#template-index-apropos-clients-logos .template-index-apropos-clients-logos-div:nth-child(5) {
    border-top: 1px solid #D0D0D0;
}

#template-index-apropos-clients-logos .template-index-apropos-clients-logos-div:nth-child(5n+5),
#template-index-apropos-clients-logos .template-index-apropos-clients-logos-div:last-child {
    border-right: 1px solid #D0D0D0;
}

#template-index-apropos-clients-logos .template-index-apropos-clients-logos-div img {
    display: block;
    margin: auto;
    position: relative;
    transition: all .3s ease-in-out;
    filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    -webkit-filter: grayscale(1); /* Old WebKit */
    filter: gray; /* IE6-9 */
}

#template-index-apropos-clients-logos .template-index-apropos-clients-logos-div:hover img {
    -webkit-filter: none;
    filter: none;
}

#template-index-contact-projet {
    padding-left: 20rem !important;
    padding-right: 20rem !important;
}

.template-plateforme #template-index-contact-projet {
    margin-top: 10rem !important;
}

.template-plateforme #template-index-contact-projet h2 {
    max-width: 60%;
}

.template-index-contact-projet-index:after, .template-plateforme #template-index-contact-projet:after {
    position: absolute;
    right: -20rem;
    top: -10rem;
    content: '';
    width: 725px;
    height: 675px;
    background: url('/img/background.png');
    z-index: -1;
}
.bandeau-cta-agence {
    padding: 96px 0!important;
}
.bandeau-cta-agence > div:after {
    position: absolute;
    right: 0rem;
    top: -20rem;
    content: '';
    width: 725px;
    height: 675px;
    background: url('/img/background.png');
    z-index: -1;
}
.template-index-contact-projet-index {
    padding-bottom: 10rem !important;
}

.template-index-contact-projet-rubrique {
    padding-bottom: 35rem !important;
}

.template-index-contact-projet-rubrique:after {
    position: absolute;
    right: -20rem;
    content: '';
    width: 479px;
    height: 479px;
    background: #FF9480;
    opacity: 0.7;
    filter: blur(128px);
    z-index: -1;
    /* top:-10rem; */
    bottom: 0;
}

#template-secteurs #template-expertises-header:after {
    display: none;
}

#row_list_frere {
    margin-top: 10rem !important;
}

#row_list_frere .p-intro {
    font-size: 2rem;
    line-height: 4rem;
    max-width: 60%;
}

#slider-intro-height {
    position: relative;
}

#slider-intro-height:after {
    /*width: 479px;*/
    /*height: 479px;*/
    /*bottom: -10rem;*/
    /*position:absolute;*/
    /*right: 0;*/
    /*content:'';*/
    /*background: #FF9480;*/
    /*!* opacity: 0.65; *!*/
    /*filter: blur(320px);*/
    /*z-index: -1;*/
}

#template-secteurs #slider-intro-height:after {
    display: none;
}

#template-index-contact-projet h3 {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 150%;
    letter-spacing: 0.2px;
    max-width: 52%;
}

#template-index-contact-projet .p-intro {
    font-size: 2rem;
    line-height: 4rem;
    /* letter-spacing: 0.2px;
    max-width: 60%;
    font-weight: 400;
    */
    color: black;

}

#template-index-contact-projet .p-link a {
    color: white;
    padding: 1.5rem 3.5rem;
    color: white;
    background-color: var(--blue);
    border-radius: 8px;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.8rem;
    border-radius: 30px;
}

#template-index-contact-projet .p-link a:hover {
    background: #004DC3;
    color: white !important;
    text-decoration: none !important;
}

#template-index-contact-projet .p-link a:active {
    background: #003D9A;
    color: white !important;
    text-decoration: none !important;
}

#template-index-contact-projet .p-link a:hover span {
    color: white !important;
    /* text-decoration: none!important;*/
}

#template-index-blog h2 {
    font-weight: 600;
    font-size: 4rem;
    line-height: 130%;
    letter-spacing: 0.2px;
    /* max-width:50%; */
}

#template-index-blog-liste-cards:before {
    /*position: absolute;*/
    /*width: 1000%;*/
    /*left: -50%;*/
    /*top: 6rem;*/
    /*height: 24rem;*/
    /*display: block;*/
    /*content:'';*/
    /*background: #F4F4F4;*/
    /*overflow: hidden;*/
}

.card-news-index {
    overflow: hidden;
}

#template-index-blog-liste-cards .card-news-index:nth-child(3n+1) {
    padding-right: 4rem !important;
}

#template-index-blog-liste-cards .card-news-index:nth-child(3n+2) {
    padding: 0 2rem !important;
    /* top: -5rem; */
}

#template-index-blog-liste-cards .card-news-index:nth-child(3n+3) {
    padding-left: 4rem !important;
    /* top: 10rem; */
}

#template-index-blog-liste-cards .card-news-index-entete-date {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 3.2rem;
    color: #828282;
}

#template-index-blog-liste-cards .card-news-index-entete-date span ~ span {
    text-transform: capitalize;
    font-size: 2.4rem;
    color: #828282;
    font-weight: 400;
}

.card-news-index-entete-categorie span {
    border: 2px solid transparent;
    border-radius: 99px;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 0 1rem 1rem 0;
    background: white;
    padding: 8px 16px !important;
    /* letter-spacing: 2px; */
}

.card-news-index-entete-categorie span:last-child {
    margin-right: 0;
}

#template-index-blog-liste-cards .card-visuel-blog {
    border-radius: 8px;
    height: 20rem;
    overflow: hidden;
}

.card-visuel-blog img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    transition: all 0.5s;
    box-sizing: border-box;
    max-width: 100%;
}

.card-news-index .titre {
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 4rem;
    color: #000723;
}

.card-news-index .titre a {
    color: #000723 !important;
}

.card-news-index:hover .titre, .card-news-index:hover .titre a {
    color: var(--blue) !important;
    text-decoration: none !important;
}

.card-news-index:hover .card-visuel-blog img {
    transform: scale(1.1) rotate(3deg);
}

.chemin-categorie a.retour-accueil:hover, .chemin-categorie a:hover i {
    text-decoration: none !important;
}

.chemin-categorie, .chemin-categorie a {
    color: #9CA3AF;
}

.chemin-categorie a i {
    font-size: 14px;
    color: #374151;
}

#template-index-blog {
    margin-bottom: 25rem !important;
    margin-bottom: 0rem !important;
}

.accordion_index_surmesure .accordion_index_surmesure_div {
    background: #fff;
    border-radius: 8px;
    transition: max-height 800ms;
    max-height: 4rem !important;
    overflow: hidden;
    background: #fff;
    box-shadow: none;
}

.accordion_index_surmesure .accordion_index_surmesure_div.active {
    background: #E8F1FF;
    box-shadow: 1px 1px 56px rgba(0, 93, 236, 0.08);
    max-height: 50rem !important;
}

#template-expertises .accordion_index_surmesure .accordion_index_surmesure_div {
    max-height: 8rem !important;
}

#template-expertises .accordion_index_surmesure .accordion_index_surmesure_div.active {
    max-height: 40rem !important;
}

/*.accordion_index_surmesure .accordion_index_surmesure_div h5 + div {*/
/*    transition: all 5s;*/
/*    height: 0!important;*/
/*}*/
/*.accordion_index_surmesure .accordion_index_surmesure_div.active h5 + div {*/
/*    height: auto!important;*/
/*}*/
.accordion_index_surmesure .accordion_index_surmesure_div h5 span {
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #000723;
    opacity: 0.7;
}

/* CONTACT V2 */
main#template-contact {
    padding: 9.1rem 0 0rem 0 !important;
}

#template-contact-header {
    padding: 10rem 0 2rem 0 !important;
}

#template-contact-header h1 span {
    width: 50%;
    display: inline-block;
}

#template-contact-header .p-intro {
    max-width: 40%;
    display: inline-block;
    font-size: 2rem;
    line-height: 4rem;
}

#template-contact-cards {
    padding: 75px 0 250px 0 !important;
}

#template-contact #template-contact-cards {
    padding-top: 110px !important;
}

#template-contact-cards-left .p-intro {
    font-size: 2rem;
    line-height: 4rem;
    color: #4F4F4F;
}

#template-contact-cards-right .card-process {
    background: white;
    border: 1px solid #FFF4F2;
    border-radius: 4px;
}

#template-contact-cards-right .card-process .card-process-number {
    background: #FFF4F2;
    border-radius: 50%;
    font-weight: 700;
    font-size: 4rem;
    line-height: 6.2rem;
    color: #FF9480;
    width: 69px;
    height: 62px;
    text-align: center;
}

#template-contact-cards-right .card-process .card-process-titre {
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 4rem;
}

#template-contact-cards-right .card-process .card-process-texte {
    font-size: 1.6rem;
    line-height: 3.2rem;
    color: #4F4F4F;
}

#template-contact-cards-right .position-absolute {
    bottom: -11rem;
    z-index: 0;
    right: -2rem;
}

#secteur-index .position-absolute {
    top: calc(50% - 400px);
    z-index: 0;
    right: 0;
}

.position-absolute.position-ambassadeurs {
    z-index: -1;
    right: 0;
    top: -250px;
}

.mentions-champs-obli {
    padding-bottom: 5rem !important;
}

#form-contact {
    /* padding-left:8rem!important; */
    margin-bottom: 10rem !important;
}

#form-contact h4 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 150px;
}

#form-contact .md-form label {
    font-size: 16px;
    line-height: 32px;
    color: #000723;
    transform: translateY(-3.5rem);
}

#form-contact .md-form label.label_error {
    font-weight: bold;
    color: #FF9480 !important;
}

#form-contact .md-form label.active {
    /* color:var(--blue); */
    transform: translateY(-3.5rem) scale(1);
}

#form-contact .md-form input {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    background: #FFFFFF;
    /* height: 4rem; */
    padding: 12px 16px !important;
    /*box-sizing: content-box !important;*/
    font-size: 1.6rem;
    /* width: fit-content; */
    /* min-width: 93%; */
}

/*#form-contact .md-form input[type=file] {*/
/*    min-width: 96.5%;*/
/*}*/

#form-contact .md-form input:focus:not([readonly]) {
    box-shadow: none;
    border: 1px solid var(--blue);
}

#form-contact input.input-hidd {
    visibility: hidden;
    position: absolute;
    top: -5000px;
    left: -5000px;
}

#form-contact .card-contact {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    cursor: pointer;
}

#form-contact .card-contact.active, #form-contact .card-contact:hover {
    box-shadow: 0px 4px 10px rgba(0, 93, 236, 0.16);
}

#form-contact .card-contact.active, #form-contact .card-contact.selected {
    background: #E5EFFF;
    border: 2px solid #1A56DB;
}

#form-contact .card-contact .titre {
    font-family: 'Roboto', sans-serif;
    color: #1f2a37;
    font-weight: 500;
    font-size: 13px;
}

#form-contact .card-contact .texte {
    color: #4F4F4F;
    font-size: 14px;
    line-height: 20px;
}

#form-contact .card-contact .visuel img {
    position: relative;
}

#form-contact .card-contact .visuel img + img {
    position: absolute;
    top: 0;
    left: 0;
}

#form-contact .card-contact .visuel img + img, #form-contact .card-contact .visuel img + img + img,
#form-contact .card-contact:hover .visuel img + img + img,
#form-contact .card-contact.selected .visuel img + img {
    display: none;
}

#form-contact .card-contact:hover .visuel img + img,
#form-contact .card-contact.selected .visuel img + img + img {
    display: block;
}

#form-contact select {
    height: 5rem;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    position: relative;
    cursor: pointer;
    font-size: 1.6rem;
    padding: 12px 16px;
    color: #6B7280;
}

#form-contact .md-form-select:after {
    content: "expand_more";
    font-family: "Material Icons";
    display: block;
    font-size: 3rem;
    position: absolute;
    right: 1rem;
    bottom: 0;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    letter-spacing: normal;
    text-transform: none;
    z-index: 1;
    color: #6B7280;
}

#form-contact .required .md-form label:after {
    content: "*";
    padding-left: 1rem;
}

#form-contact #form_contact_services_container .card-contact .titre {
    margin-top: 7rem !important;
}

#form-contact #form_contact_services_container .card-contact .visuel img {
    position: absolute;
    width: 56px;
    height: 56px;
    left: calc(50% - 28px);
    top: 1.5rem;
}

#form-contact #form_contact_services_container .card-contact .visuel img + img {
    top: 1.5rem;
}

#form-contact #form_contact_services_container .card-contact.selected img + img {
    display: block;
}

#form-contact #form_contact_services_container .card-contact {
    position: relative;
}

#form-contact #form_contact_services_container .card-contact:before {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 1.6rem;
    height: 1.6rem;
    background: white;
    display: block;
    content: '';
    border: 1px solid rgba(0, 7, 35, 0.48);
    border-radius: 50%;
}

#form-contact #form_contact_services_container .card-contact.selected:before {
    background: #005DEC;
    border: 1px solid #005DEC;
    content: "done";
    font-family: "Material Icons";
    font-size: 1.1rem;
    color: white;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    letter-spacing: normal;
    text-transform: none;
    text-align: center;
}

#form-contact textarea {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 2rem;
    font-size: 1.6rem;
    margin: 0;
    height: 175px;
    color: #495057;
}

#form-contact textarea:focus {
    border: 1px solid var(--blue);
    box-shadow: none;
}

#form-contact .button-submit button {
    background: var(--blue);
    border-radius: 30px;
    padding: 12px 30px;
    color: white;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
}

#form-contact .button-submit button:hover {
    background: #004DC3 !important;
    color: white !important;
    text-decoration: none !important;
}

#form-contact .md-form input.alert-danger,
#form-contact select.alert-danger,
#form-contact textarea.alert-danger {
    border: 1px solid #FF9480 !important;
}

#form-contact select.alert-danger {
    color: #FF9480 !important;
}

#form-contact select.alert-danger:focus,
#form-contact textarea.alert-danger:focus {
    color: #495057 !important;
}


/* PAGE 404 */
.link-button-back i {
    vertical-align: middle;
}

.link-button-back {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
}

.link-button-back .default {
    background: #FFFFFF !important;
    border: 1px solid #005DEC !important;
    color: var(--blue) !important;
    margin: 3rem 1.5rem 0 1.5rem;
}

.link-button-back .default:first-child {
    margin-left: 0 !important;
}


/* FOOTER */
footer {
    background: #F4F4F4;
    padding: 0 2rem !important;
}

#row-footer-newsletter {
    background: #D5E5FF url(../img/bg-newsletter.svg) no-repeat center center;
    background-size: cover;
    border-radius: 8px;
    top: -13rem;
    height: 27rem;
    max-height: 27rem;
}

@-webkit-keyframes run {
    0% {
        left: 0;
        transform: translateX(0) translateY(0%);
    }
    50% {
        left: 100%;
        transform: translateX(-12%) translateY(10%) rotate(-25deg);
    }
    100% {
        right: 100%;
        transform: translateX(12%) translateY(0%) rotate(25deg);
    }
}

#row-footer-newsletter:hover img {
    animation: linear infinite alternate;
    animation-name: run;
    animation-duration: .4s;
}

#footer-newsletter-left h2 {
    /* font-weight: 500; */
    /* font-size: 4.8rem; */
    /* line-height: 8rem; */
}

form#form-newsletter {
    margin-top: 2rem !important;
}

form#form-newsletter {
    max-width: 90% !important;
}

form#form-newsletter .md-form {
    margin: 0;
}

form#form-newsletter #form-newsletter-div {
    background: #F4F4F4;
    border-radius: 8px;
}

form#form-newsletter .md-form:first-child {
    width: 90.5%;
    /* border: 1px solid #000723; */
    box-sizing: border-box;
}

form#form-newsletter .md-form.alert-danger {
    background-color: transparent !important;
}

form#form-newsletter .md-form:first-child.alert-danger label {
    color: #ff4444 !important;
}

form#form-newsletter .md-form input {
    background: transparent;
    padding: 1.5rem 2rem;
    border: 0;
    font-size: 1.6rem;
    margin: 0;
    color: #737B7D;
    letter-spacing: 0.2px;
    /* line-height: 2; */
}

form#form-newsletter .md-form input:focus {
    border: 0;
    box-shadow: none;
}

form#form-newsletter .md-form label {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #737B7D;
    letter-spacing: 0.2px;
    left: 2rem;
    top: .5rem;
    margin: 0;
}

form#form-newsletter .md-form label.active {
    transform: translateY(0) scale(0);
    font-size: 1rem;
}

form#form-newsletter button {
    color: white;
    background: #005DEC;
    font-weight: 700;
    /* font-size: 2.4rem; */
    /* line-height: 2.6rem; */
    letter-spacing: 0.2px;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    cursor: pointer;
    width: 4.2rem;
    height: 4.2rem;
    transition: all .3s ease-in-out;
    /*filter: drop-shadow(0px 4px 20px rgba(0, 7, 35, 0.22));*/
    /* box-shadow: 4px 8px 15px rgb(0 0 0 / 12%); */
    margin: .5rem 0;
}

form#form-newsletter button:hover {
    background: #000723;
}

form#form-newsletter button i {
    transform: rotate(-45deg);
}

.bottom-form {
    color: #737B7D;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0.2px;
}

/*#template-index #icone-rs {*/
/*    padding-bottom: 2rem!important;*/
/*}*/
#icone-rs a, #slide-out-social-link a {
    background: #C4C4C4;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
}

#icone-rs a img, #slide-out-social-link a img {
    margin: 0 auto;
    transition: all .3s ease-in-out;
    position: relative;
    display: block;
}

#icone-rs a:hover > img, #icone-rs a > img ~ img {
    opacity: 0;
}

#icone-rs a > img ~ img {
    /* position: absolute; */
    top: -2rem;
    left: 0;
}

#icone-rs a:hover > img ~ img {
    visibility: visible;
    opacity: 1;
}

#icone-rs a:nth-child(2), #slide-out-social-link a:nth-child(2) {
    margin: 0 1.5rem;
}

#icone-rs a:hover {
    background: var(--blue);
}


/* EXPERTISES */
#template-expertises:before {
    content: "";
    display: block;
    position: absolute;
    top: -57px;
    left: 0;
    width: 352px;
    height: 352px;
    background-color: #005dec;
    opacity: .8;
    /* background: rgba(0, 93, 236, 0.6); */
    filter: blur(0px);
    -webkit-filter: blur(160px);
    -moz-filter: blur(160px);
    -o-filter: blur(160px);
    -ms-filter: blur(160px);
    z-index: 1;
    background-repeat: no-repeat;
}

#template-expertises-bandeau-cards {
    padding: 75px 0 !important;
}

#template-expertises-cards-agence {
    overflow: hidden;
}

#template-expertises-bandeau-cards .sous-titre-bleu,
#template-expertises-cards-agence .sous-titre-bleu,
#template-expertises-tab-agence .sous-titre-bleu {
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 2px;
    color: var(--blue);
}

#template-expertises-bandeau-cards .titre-noir,
#template-expertises-cards-agence .titre-noir,
#template-expertises-tab-agence .titre-noir {
    font-weight: 500;
    font-size: 4rem;
    line-height: 5.6rem;
    color: black;
}

.template-expertises-bandeau-cards-row-wrap-cards {
    background: white;
    border-radius: 8px;
    padding: 40px !important;
}

.template-expertises-bandeau-cards-row-wrap-cards .template-expertises-bandeau-cards-titre {
    color: var(--blue);
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
}

.template-expertises-bandeau-cards-row-wrap-cards h4 {
    color: black;
    font-weight: 600;
    font-size: 2rem;
    line-height: 150%;
}

.template-expertises-bandeau-cards-row-wrap-cards .template-expertises-bandeau-cards-texte {
    /* font-weight: 400; */
    font-size: 1.6rem;
    line-height: 3.2rem;
    /* letter-spacing: 0.2px; */
    color: black;
}

#slider-intro-height > #template-expertises-header {
    padding: 0 !important;
}

#template-expertises-header {
    padding: 13rem 0 !important;
    position: relative;
}

.template-plateforme #template-expertises-header {
    padding: 13rem 0 0 0 !important;
}

#template-expertises-header .template-expertises-left-subtitle {
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--blue);
}

#template-expertises-header h2 {
    font-weight: 600;
    font-size: 4rem;
    line-height: 130%;
    color: #000723;
}

#template-expertises-header .p-intro, #template-expertises-cards-agence .p-intro {
    /* font-weight: 400; */
    font-size: 2rem;
    line-height: 4rem;
    color: #4F4F4F;
}

#template-expertises-bloc-plateforme {
    margin: 15rem 0 0 0 !important;
}

#template-expertises-bloc-plateforme .p-intro-suite {
    border-top: 1px solid #E5E7EB;
}

#template-expertises-bloc-plateforme .p-intro-suite h3 {
    color: #111928;
    font-size: 2.4rem !important;
    font-weight: 600 !important;
    line-height: 150% !important;
}

#template-expertises-bloc-plateforme .p-intro-suite-texte {
    color: #6B7280;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

#template-expertises-avantage .sous-titre-bleu,
#template-expertises-tab-intro .sous-titre-bleu,
#template-expertises-tab-suite .sous-titre-bleu {
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 2px;
    color: var(--blue);
}

#template-expertises-avantage .titre-noir,
#template-expertises-tab-intro .titre-noir {
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: black;
}

#template-expertises-avantage .text-intro,
#template-expertises-tab-intro .text-intro {
    /* font-weight: 400; */
    font-size: 2rem;
    line-height: 4rem;
    color: #4F4F4F;
    max-width: 60%;
}

#template-expertises-tab-intro .text-intro {
    max-width: 100%;
}

#template-expertises-avantage .template-expertises-avantage-card + .position-absolute {
    bottom: -20px;
    z-index: 0;
}

#template-expertises-avantage .template-expertises-avantage-card {
    /*border: 1px solid #005DEC;*/
    background: white;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
    border-radius: 4px;
    background: white;
    z-index: 1;
}

#template-expertises-avantage .template-expertises-avantage-card h4 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 150%;
    color: black;
}

#template-expertises-avantage .template-expertises-avantage-card div {
    /* font-weight: 400; */
    font-size: 1.6rem;
    line-height: 3.2rem;
    letter-spacing: 0.2px;
    color: #4F4F4F;
}

#template-expertises-avantage-button a {
    padding: 15px 30px;
    border-radius: 30px;
    color: white;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
}

#template-expertises-avantage-button a:hover {
    background-color: #004DC3 !important;
    color: white !important;
    text-decoration: none !important;
}

#template-expertises-avantage-button a:active {
    background-color: #003D9A !important;
    color: white !important;
    text-decoration: none !important;
}

#template-expertises-tab-nav .slider {
    display: inline-block;
    /* width:30px; */
    height: 38px;
    border-radius: 34px;
    background-color: var(--blue);
    position: absolute;
    z-index: 0;
    top: 3px;
    transition: all .4s ease-in-out;
    left: 0;
    margin: 0;
}

#template-expertises-tab-nav .tab-pane {
    /* padding:15px; */
    /* height:80px; */
    margin-bottom: 5rem !important;
}

#template-expertises-tab-nav .nav-tabs {
    position: relative;
    border: none !important;
    background: #F2F2F2;
    border-radius: 110px;
    /* width: 50%!important; */
    padding: 0 !important;
    /* box-sizing: content-box; */
    /* justify-content: center; */
}

#template-expertises-tab-nav .nav-tabs li {
    z-index: 1;
    margin: 0px !important;
    margin: 10px 30px !important;
    display: inline-block;
    box-sizing: border-box;
}

#template-expertises-tab-nav .nav-tabs li a {
    z-index: 2;
    position: relative;
    margin-right: 0px !important;
    padding: 0 10px !important;
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    border: none !important;
    letter-spacing: 2px;
    color: #333333;
    display: block !important;
}

#template-expertises-tab-nav .nav-tabs a:hover {
    /*background-color:#fff !important;*/
    /*border:none;*/
    text-decoration: none !important;
}

#template-expertises-tab-nav .nav-tabs .active {
    background-color: transparent !important;
    border: none !important;
    color: white !important;
    box-sizing: border-box;
}

#template-expertises-tab-content .titre-bleu {
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
    color: var(--blue)
}

#template-expertises-tab-content h3 {
    /* font-weight: 500; */
    /* font-size: 32px; */
    /* line-height: 48px; */
    color: #000000;
    /* border-bottom: 1px solid #000723; */
}

#template-expertises-tab-content .template-expertises-tab-content-right {
    /* font-weight: 400; */
    font-size: 20px;
    line-height: 40px;
    color: #000000;
}

#template-expertises-tab-suite {
    margin-bottom: 10rem !important;
}

#template-expertises-tab-suite .titre-noir {
    font-weight: 500;
    font-size: 4rem;
    line-height: 5.6rem;
    color: #000723;
}

#template-expertises-tab-suite .texte {
    /* font-weight: 400; */
    font-size: 20px;
    line-height: 40px;
    color: #4F4F4F;
}

#template-expertises-tab-suite ul {
    list-style-type: none;
}

#template-expertises-tab-suite ul li {
    position: relative;
    margin-bottom: 15px !important;
    padding-left: 30px;
}

#template-expertises-tab-suite ul li:before {
    display: block;
    content: "";
    background: url(../img/puces-li.png) no-repeat top left;
    width: 58px;
    height: 57px;
    position: absolute;
    top: 0;
    left: -30px;
}

#template-expertises-bleu-left .sous-titre-bleu {
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
    color: #005DEC;
}

#template-expertises-bleu-left .titre-noir {
    font-weight: 500;
    font-size: 40px;
    line-height: 56px;
    color: #000723;
}

#template-expertises-bleu-left .texte {
    /* font-weight: 400; */
    font-size: 20px;
    line-height: 40px;
    color: #4F4F4F;
}

#template-expertises-bleu .template-expertises-bleu-right-card {
    background: #FFFFFF;
    border-radius: 8px;
}

#template-expertises-bleu .template-expertises-bleu-right-card h4 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 150%;
    color: #000000;
}

#template-expertises-bleu .template-expertises-bleu-right-card .texte-card {
    /* font-weight: 400; */
    font-size: 1.6rem;
    line-height: 3.2rem;
    letter-spacing: 0.2px;
    color: #000000;
}

.row_full_width .position-absolute {
    bottom: -10rem;
}

#template-expertises-logos-clients {
    padding-top: 7rem !important;
}

#template-expertises-logos-clients span {
    /* font-weight: 500; */
    /* font-size: 32px; */
    /* line-height: 48px; */
    color: #000723;
}

.container-padding .row.row-padding-bottom {
    padding: 0 2rem 10rem 2rem !important;
}

#template-expertises .template-index-contact-projet-rubrique {
    padding-bottom: 5rem !important;
}

#row_list_frere #template-index-cards .card-ext .card-int.runum_93 {
    color: black;
}

#template-index-cards .card-ext .card-int.runum_94 .p-link a {
    color: #FF9480 !important;
}

#template-index-cards .card-ext .card-int.runum_94 a .border-hover:after {
    background-color: #FF9480 !important;
}

#template-index-cards .card-ext .card-int.runum_93 .p-link a,
#template-index-cards .card-ext .card-int.runum_93 a:hover > * {
    color: var(--blue) !important;
}

#template-index-cards .card-ext .card-int.runum_93 a .border-hover:after {
    background-color: var(--blue) !important;
}


/* TEMPLATE EXPERTISES AGENCE WEB */
#template-expertises-tab-agence .nav-link {
    border-radius: 8px;
    color: rgba(0, 7, 35, 0.48);
    padding: 2.5rem;
}

#template-expertises-tab-agence .nav-link.active, #template-expertises-tab-agence .nav-link:hover {
    background: #E5EFFF;
    color: #000723;
    text-decoration: none !important;
}

#template-expertises-tab-agence .nav-link .titre {
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
}

#template-expertises-tab-agence .nav-link .ss-titre {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.2px;
}

#template-expertises-tab-agence .tab-content h3 {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 150%;
    color: #000723;
    margin-bottom: 1.5rem;
}

#template-expertises-tab-agence .tab-content {
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    color: #4F4F4F;
}

.s {
    position: absolute;
    width: 480px;
    height: 300px;
    /* top: 0; */
    filter: drop-shadow(0px 4px 10px rgba(0, 7, 35, 0.16));
    border-radius: 4px;
    /* padding: 10px; */
}

.bandeau-respiration {
    height: 30rem;
    overflow: hidden;
    margin-top: 10rem !important;
}

.bandeau-respiration-mobile {
    margin-top: 10rem !important;
}

.bandeau-respiration-mobile img {
    margin: 0 auto;
    display: block;
}

.bandeau-respiration + .bandeau-respiration {
    margin-top: 4rem !important;
    margin-bottom: 5rem !important;
}

.break {
    flex-basis: 100%;
    height: 0;
}

/* EXPERTISES AGENCE WEB */
.row-white, #container_services_web span {
    color: white !important;
}

#container_services_web .sous-titre {
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 2px;
}

#container_services_web .titre {
    font-weight: 500;
    font-size: 4rem;
    line-height: 5.6rem;
}

#container_services_web .texte {
    font-size: 2rem;
    line-height: 4rem;
    color: #FFFFFF;
    opacity: 0.8;
    max-width: 95%;
}

#container_services_web ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    -ms-flex: 0 0 100%;
    justify-content: end;
}

#container_services_web ul li {
    width: 45%;
    /* text-align: right; */
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 4rem;
    margin-bottom: 2.5rem;
    position: relative;
    padding-left: 4rem;
}

#container_services_web ul li:before {
    content: "";
    position: absolute;
    top: 1rem;
    left: 0;
    background: url(../img/puce-li-logo-siweb.png) no-repeat top left;
    width: 16px;
    height: 20px;
}

#container_plus_loin_web .titre {
    color: #000723;
    font-weight: 500;
    font-size: 4rem;
    line-height: 5.6rem;
}

#container_plus_loin_web .sous-titre {
    font-size: 2rem;
    line-height: 4rem;
    text-align: center;
    max-width: 50%;
}

#container_services_associes_web {
    margin-top: 10rem !important;
}

#container_services_associes_web .sous-titre-bleu {
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 2px;
    color: #005DEC;
}

#container_services_associes_web .titre-noir {
    font-weight: 500;
    font-size: 4rem;
    line-height: 5.6rem;
    color: #000723;
}

#container_services_associes_web .p-intro {
    font-size: 2rem;
    line-height: 4rem;
    color: #000;
}

#container_services_associes_web .texte ul {
    display: flex;
    flex-wrap: wrap;
    /*list-style: none;*/
    list-style-position: inside;
    margin: 0;
    padding: 0;
    -ms-flex: 0 0 100%;
    justify-content: start;
}

#container_services_associes_web .texte ul li {
    width: 45%;
    text-align: left;
    font-weight: 500;
    margin-bottom: 3rem;
    position: relative;
    font-size: 2.4rem;
    line-height: 4rem;
    color: #4F4F4F;
}

#container_services_associes_web .texte ul li:after {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 0rem;
    background: #F2F2F2;
    width: 90%;
    height: 1px;
}

/* PORTFOLIO WEB */
#container_portfolio_web {
    margin-bottom: 15rem !important;
}

#container_portfolio_web .position-absolute {
    bottom: 20%;
    right: 5rem;
    width: 35%;
}

#container_portfolio_web .position-absolute:before {
    background: #E5EFFF;
    opacity: 0.7;
    filter: blur(65px);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
}

#container_portfolio_web .titre-noir {
    font-weight: 500;
    font-size: 4rem;
    line-height: 5.6rem;
    color: #000723;
}

#container_portfolio_web .texte {
    font-size: 2rem;
    line-height: 4rem;
    color: #4F4F4F;
}

#container_portfolio_web .bouton-cta a, #template-secteurs .bouton-cta a {
    background: #F8593B;
    border-radius: 30px;
    padding: 12px 30px;
    color: white;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.8rem;
}

#container_portfolio_web .bouton-cta a:hover, #template-secteurs .bouton-cta a:hover {
    color: white !important;
    text-decoration: none !important;
    background: #E63C1C !important;
}

#container_portfolio_web .bouton-cta a:hover, #template-secteurs .bouton-cta a:active {
    color: white !important;
    text-decoration: none !important;
    background: #C12F14 !important;
}

/* TEMPLATE SECTEURS ACTIVITE */
#template-card-bleu-right .template-card-bleu-right-cards {
    background: #E5EFFF;
    border-radius: 8px;
}

#template-card-bleu-right .template-card-bleu-right-cards .titre {
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 2px;
    color: var(--blue);
}

#template-card-bleu-right .template-card-bleu-right-cards .texte {
    font-size: 1.6rem;
    line-height: 3.2rem;
    letter-spacing: 0.2px;
    color: black;
}

#template-card-bleu-right > div + div {
    margin-top: 10rem;
}

#template-secteurs-fonc-specifs {
    margin-top: 25rem !important;
}

#template-secteurs-fonc-specifs-visuel > div + div {
    position: absolute;
    right: 0;
    top: -10rem;
}

#template-secteurs-fonc-specifs-visuel > div {
    position: relative;
}

#template-secteurs-fonc-specifs-visuel > div img {

    display: block;
}

#template-secteurs-fonc-specifs-visuel div:first-child:after {
    content: '';
    background: linear-gradient(180deg, rgba(0, 7, 35, 0) 0%, #000723 100%);
    width: 100%;
    height: 20rem;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}

#template-secteurs-fonc-specifs-intro, #template-secteurs-fonc-specifs-intro .subtitle, #template-secteurs-fonc-specifs-intro .titre {
    color: white !important;
}

#template-secteurs-fonc-specifs-intro .sous-titre {
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 2px;
}

#template-secteurs-fonc-specifs-intro .titre {
    font-weight: 500;
    font-size: 4rem;
    line-height: 5.6rem;
}

#template-secteurs-fonc-specifs-intro .texte {
    font-size: 2rem;
    line-height: 4rem;
    opacity: 0.8;
}

#template-secteurs-fonc-specifs-cards {
    margin-bottom: 5rem !important;
}

#template-secteurs-fonc-specifs-cards .template-secteurs-fonc-specifs-cards-content {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    color: white;
    height: 100%;
    transition: all .3s ease-in-out;
}

#template-secteurs-fonc-specifs-cards .template-secteurs-fonc-specifs-cards-content:hover {
    background: white;
}

#template-secteurs-fonc-specifs-cards .template-secteurs-fonc-specifs-cards-content:hover .sous-titre {
    color: var(--blue);
}

#template-secteurs-fonc-specifs-cards .template-secteurs-fonc-specifs-cards-content .sous-titre {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.8rem;
    letter-spacing: 3px;
}

#template-secteurs-fonc-specifs-cards .template-secteurs-fonc-specifs-cards-content h4 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 150%;
}

#template-secteurs-fonc-specifs-cards .template-secteurs-fonc-specifs-cards-content .texte {
    font-size: 1.6rem;
    line-height: 3.2rem;
    letter-spacing: 0.2px;
}

#template-secteurs-fonc-specifs-cards .template-secteurs-fonc-specifs-cards-content:hover h4,
#template-secteurs-fonc-specifs-cards .template-secteurs-fonc-specifs-cards-content:hover .texte {
    color: black;
}

#template-secteurs-siwipo-intro h2 {
    font-weight: 600;
    font-size: 4rem;
    line-height: 130%;
    color: #000723;
}

#template-secteurs-siwipo-intro h2 span + span {
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#template-secteurs-siwipo-info .template-secteurs-siwipo-info-block + .template-secteurs-siwipo-info-block {
    margin-top: 5rem !important;
}

#template-secteurs-siwipo-info .template-secteurs-siwipo-info-block:nth-child(2n+2) .template-secteurs-siwipo-info-top .template-secteurs-siwipo-info-top-visuel {
    order: 2;
}

#template-secteurs-siwipo-info .template-secteurs-siwipo-info-block:nth-child(2n+2) .template-secteurs-siwipo-info-top .template-secteurs-siwipo-info-top-titre {
    padding-left: 0 !important;
}

#template-secteurs-siwipo-info .template-secteurs-siwipo-info-block .template-secteurs-siwipo-info-top {
    position: relative;
}

#template-secteurs-siwipo-info .template-secteurs-siwipo-info-block .template-secteurs-siwipo-info-top:before {
    background: url(../img/bg-siwipo-visuel.png) no-repeat top right;
    content: '';
    bottom: 0;
    position: absolute;
    width: 48rem;
    height: 53rem;
}

#template-secteurs-siwipo-info .template-secteurs-siwipo-info-block:nth-child(2n+2) .template-secteurs-siwipo-info-top:before {
    right: 0;
}

#template-secteurs-siwipo-info .template-secteurs-siwipo-info-block:nth-child(2n+1) .template-secteurs-siwipo-info-top:before {
    left: 0;
}

#template-secteurs-siwipo-info .template-secteurs-siwipo-info-top-titre .titre {
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 2px;
    color: var(--blue);
}

#template-secteurs-siwipo-info .template-secteurs-siwipo-info-top-titre .texte {
    font-size: 2rem;
    line-height: 4rem;
    color: black;
}

#template-secteurs-siwipo-info .template-secteurs-siwipo-info-bottom {
    border-bottom: 1px solid rgba(0, 7, 35, 0.16);
}

#template-secteurs-siwipo-info .template-secteurs-siwipo-info-bottom .template-secteurs-siwipo-info-bottom-bloc-texte {
    font-size: 2rem;
    line-height: 4rem;
    color: #000000;
}

#container-siwipo-refs-clients-intro h3 {
    color: #000723;
}

#container-siwipo-refs-clients-intro .texte {
    font-size: 2rem;
    line-height: 4rem;
    color: #828282;
}

#container-siwipo-refs-clients-bottom .container-siwipo-refs-clients-bottom-bloc:nth-child(3n+1) {
    padding-right: 5rem !important;
}

#container-siwipo-refs-clients-bottom .container-siwipo-refs-clients-bottom-bloc:nth-child(3n+2) {
    padding: 0 2.5rem !important;
}

#container-siwipo-refs-clients-bottom .container-siwipo-refs-clients-bottom-bloc:nth-child(3n+3) {
    padding-left: 5rem !important;
}


#container-siwipo-refs-clients-bottom .container-siwipo-refs-clients-bottom-bloc-visuel img {
    display: block;
    position: relative;
    transition: all .3s ease-in-out;
    filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    -webkit-filter: grayscale(1); /* Old WebKit */
    filter: gray; /* IE6-9 */
}

#container-siwipo-refs-clients-bottom .container-siwipo-refs-clients-bottom-bloc-visuel:hover img {
    -webkit-filter: none;
    filter: none;
}

#container-siwipo-refs-clients-bottom .container-siwipo-refs-clients-bottom-bloc-texte span {
    font-size: 2rem;
    line-height: 4rem;
}

#container-siwipo-refs-clients-bottom .container-siwipo-refs-clients-bottom-bloc-texte span:first-child {
    font-weight: 700;
    font-size: 2rem;
    line-height: 4rem;
    color: var(--blue);
}

#container-siwipo-refs-clients-bottom .container-siwipo-refs-clients-bottom-bloc-texte a {
    color: var(--blue);
    text-decoration: underline;
}

/* RUBRIQUE */
#template-contact {
    /* padding-left: 15rem!important; */
    /* padding-right: 15rem!important; */
}

#return-button-top button {
    border: 2px solid #000723;
    border-radius: 8px;
    transition: all .3s ease-in-out;
}

#return-button-top button:hover {
    background-color: black;
}

#return-button-top button:hover > * {
    color: white !important;
}

#return-button-top button i {
    vertical-align: bottom;
}

#return-button-top button span {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.8rem;
}

#template-rubrique h1 {
    font-size: 4.8rem;
    line-height: 150%;
    /* letter-spacing: .2rem; */
    font-weight: 600;
}

#template-rubrique .intro-rub {
    font-size: 1.6rem;
    line-height: 3.2rem;
    letter-spacing: .2rem;
    max-width: 45% !important;
}

#template-rubrique .intro-rub a {
    font-weight: 700;
    text-decoration: underline;
    display: inline;
}

#contenu-contact-suite {
    margin-top: 15rem;
}

#contenu-contact-suite h2 {
    font-weight: 600;
    font-size: 4rem;
    line-height: 130%;
}

#contenu-contact-suite .contenu-rub-block div {
    font-size: 1.6rem;
    line-height: 3.2rem;
    letter-spacing: .2rem;
}

#contenu-contact-suite .contenu-rub-block:last-child a {
    font-weight: 700;
    text-decoration: underline;
}

#template-rubrique-apropos,
#template-rubrique-apropos-suite {
    padding: 0 !important;
}

#template-rubrique-apropos-suite {
    margin: 10rem 0;
}

.bg-gray-200 #template-rubrique-apropos-suite {
    margin: .5rem 0;
}

.template-societe #template-rubrique-apropos-suite {
    margin: 18rem 0 10rem 0;
}

.template-societe #template-index-contact-projet {
    margin-top: 10rem !important;
}

.template-societe .template-index-contact-projet-rubrique:after {
    top: 0;
}

#template-rubrique-apropos .intro-rub-spe img.img-fluid {
    margin: 0 auto;
    display: block;
    border-radius: 8px !important;
}

#template-rubrique-apropos .intro-rub-spe h1 {
    font-weight: 600 !important;
    font-size: 4.8rem !important;
    line-height: 150% !important;
    /*letter-spacing: .2rem;*/
}

#template-rubrique-apropos .intro-rub-spe h1 i {
    color: #f44336;
    font-size: 4.8rem;
    vertical-align: middle;
}

#template-rubrique-apropos .intro-rub-spe img {
    width: 100%;
}

#template-rubrique-apropos .pres-categorie {
    margin-top: 15rem;
}

#template-rubrique-apropos .pres-categorie .titre-h2 {
    /* margin-left: 15rem; */
}

#template-rubrique-apropos .pres-categorie .titre-h2 span:before {
    position: absolute;
    top: .8rem;
    left: 0;
    content: '';
    width: 3.7rem;
    height: 2px;
    background-color: var(--blue);
    display: block;
}

#template-rubrique-apropos .pres-categorie .titre-h2 span {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.8rem;
    letter-spacing: .2rem;
    padding-left: 4.5rem !important;
    position: relative;
}

#template-rubrique-apropos .pres-categorie .titre-h3 {
    margin: 2rem 0 6rem 0;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 150%;
    letter-spacing: .2rem;
    max-width: 80%;
}

#template-rubrique-apropos .pres-categorie .texte-pres-contenu {
    font-size: 1.6rem;
    line-height: 3.2rem;
    /* letter-spacing: .2rem; */
    color: #000723;
}

#template-rubrique-apropos #second-block-contenu .texte-pres-contenu {
    padding-left: 0rem !important;
}

#template-rubrique-apropos .pres-categorie .texte-pres-contenu i {
    vertical-align: middle;
    color: #f44336;
}

#second-block-contenu {
    margin-top: 5rem;
    position: relative;
    padding-bottom: 20rem !important;
}

#second-block-contenu #visuel-absolute {
    position: absolute;
    width: 100%;
    top: 0;
}

#second-block-contenu #visuel-absolute img {
    position: absolute;
}

#second-block-contenu #visuel-absolute img:first-child {
    top: 0rem;
    right: 0;
}

#second-block-contenu #visuel-absolute img:last-child {
    top: 27rem;
    right: 36rem;
}

#template-rubrique-apropos #icone-rs {
    position: fixed;
    right: 10rem;
    width: 4rem;
    top: calc(50% - 4rem);
}

#template-rubrique-apropos #icone-rs a:nth-child(2) {
    margin: 2rem 0;
}

#services-bg-container {
    position: relative;
}

#services-bg-container-block:before {
    content: '';
    width: 100%;
    min-height: 120rem;
    position: absolute;
    top: -27rem;
    z-index: -1;
    right: 0;
    background: url('../img/bg-apropos-services.svg') no-repeat top right;
}

#template-rubrique-apropos-suite #block-services-entete h3 span {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.8rem;
    letter-spacing: .2rem;
    padding-left: 4.5rem !important;
    position: relative;
}

#template-rubrique-apropos-suite #block-services-entete h3 span:before {
    position: absolute;
    top: .8rem;
    left: 0;
    content: '';
    width: 3.7rem;
    height: 2px;
    background-color: var(--blue);
    display: block;
}

#template-rubrique-apropos-suite #block-services-entete div {
    margin: 2rem 0 6rem 0;
    font-weight: 500;
    font-size: 4.8rem;
    line-height: 8rem;
    letter-spacing: .2rem;
    max-width: 60%;
}

#template-rubrique-apropos-suite #block-services-card .block-services-card-contenu:nth-child(1) {
    padding-right: 4rem !important;
}

#template-rubrique-apropos-suite #block-services-card .block-services-card-contenu:nth-child(2) {
    padding: 0 2rem !important;
}

#template-rubrique-apropos-suite #block-services-card .block-services-card-contenu:nth-child(3) {
    padding-left: 4rem !important;
}

#template-rubrique-apropos-suite #block-services-card .block-services-card-contenu .block-services-card-contenu-border {
    /* border: 1px solid #000000; */
    border: 1px solid #F2F2F2;
    background: #FFF;
    border-radius: 8px;
}

#template-rubrique-apropos-suite #block-services-card .block-services-card-contenu .block-services-card-contenu-border .block-services-card-contenu-border-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 28.8px */
    color: #4B5563;
}

#template-rubrique-apropos-suite #block-services-card .block-services-card-contenu .block-services-card-contenu-border .block-services-card-contenu-border-entete h3 {
    font-weight: 600 !important;
    font-size: 2.4rem !important;
    line-height: 150% !important;
    /* letter-spacing: 0.2px; */
}

#template-rubrique-apropos-suite #block-services-card .block-services-card-contenu .block-services-card-contenu-border .block-services-card-contenu-border-text ul {
    padding: 0;
    list-style-type: none;
    font-size: 1.6rem;
    line-height: 2rem;
    color: black;
    /* letter-spacing: .2rem; */
}

#template-rubrique-apropos-suite #block-services-card .block-services-card-contenu .block-services-card-contenu-border .block-services-card-contenu-border-text ul li {
    position: relative;
    margin-bottom: 2rem;
}

#template-rubrique-apropos-suite #block-services-card .block-services-card-contenu .block-services-card-contenu-border .block-services-card-contenu-border-text ul li:last-child {
    margin-bottom: 0;
}

#template-rubrique-apropos-suite #block-services-card .block-services-card-contenu .block-services-card-contenu-border .block-services-card-contenu-border-text ul li:before {
    content: '+';
    display: block;
    position: absolute;
    left: 0;
    color: black;
}

#template-rubrique-apropos-suite #block-services-card .block-services-card-contenu .block-services-card-contenu-border .block-services-card-contenu-border-text ul li {
    padding-left: 3rem !important;
}

#block-services-suite {
    background: url('../img/bg-apropos-suite.jpg') no-repeat top left;
}

#block-services-suite h5 {
    font-size: 10rem;
    color: #002D72;
    /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
    /* max-width: 80%; */
    font-weight: 900;
    /* padding-left: 10rem!important; */
    -webkit-text-stroke-color: #002D72;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
    -webkit-text-stroke-width: 2px;
}

#block-services-suite h5 strong {
    color: #002D72;
    text-shadow: none;
    font-weight: 900;
    -webkit-text-stroke-color: #002D72;
    -webkit-text-fill-color: #002D72;
}

#template-rubrique-apropos-suite #block-clients #block-clients-entete h3 {
    color: var(--blue) !important;
    font-weight: 600 !important;
    font-size: 2.4rem !important;
    line-height: 150% !important;
    /* letter-spacing: .2rem; */
}

#template-rubrique-apropos-suite #block-clients #block-clients-entete div {
    font-size: 2rem;
    line-height: 4rem;
    /* letter-spacing: .2rem; */
    color: #4F4F4F;
}

#template-rubrique-apropos-suite #block-clients-liste {
    margin-top: 5rem !important;
}

#template-rubrique-apropos-suite #block-clients-liste .block-clients-liste-logo {
    width: 20%;
    border: 1px solid #D0D0D0;
    padding: 5.5rem 3rem !important;
}

#template-rubrique-apropos-suite #block-clients-liste .block-clients-liste-logo img {
    display: block;
    margin: auto;
    position: relative;
    transition: all .3s ease-in-out;
}

#template-rubrique-apropos-suite #block-clients-liste .block-clients-liste-logo img + img,
#template-rubrique-apropos-suite #block-clients-liste .block-clients-liste-logo:hover img {
    display: none;
}

#template-rubrique-apropos-suite #block-clients-liste .block-clients-liste-logo:hover img + img {
    display: block;
}

#template-rubrique-apropos-suite #block-final {
    margin-top: 15rem !important;
}

#template-rubrique-apropos-suite #block-final #block-final-entete h3 {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 150%;
    letter-spacing: .2rem;
    max-width: 70%;
}

#template-rubrique-apropos-suite #block-final #block-final-entete div a {
    color: var(--blue);
    font-size: 2.4rem;
    line-height: 3rem;
    letter-spacing: .2rem;
    text-decoration: underline;
}

/* BLOG ACCUEIL  */
#template-blog-home #template-rubrique h1 {
    /*font-size: 4.8rem !important;*/
    /*line-height: 150% !important;*/
    /*color: var(--blue) !important;*/
    /*font-weight: 600 !important;*/
    /*text-transform: uppercase;*/
    /*letter-spacing: 2px;*/

}

#template-blog-home #template-rubrique .intro-rub {
    font-size: 4rem !important;
    line-height: 130%!important;
    color: #000723;
    font-weight: 700;
}

#template-blog-home .card-visuel-blog {
    border-radius: 8px;
    height: 40rem;
    overflow: hidden;
}

#row-news-une-right .titre {
    font-size: 32px;
    line-height: 48px;
}

.card-news-index .titre a {
    color: #000723 !important;
}

.card-news-index:hover .titre a {
    color: var(--blue) !important;
    text-decoration: none !important;
}

#row-news-une-right .chapo {
    font-size: 16px;
    line-height: 32px;
    color: #828282;
}

#row-news-une-right .card-news-index-entete-date {
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #4F4F4F;
}

#template-blog-home-nav {
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    margin-top: 7rem;
    padding: 5rem 0;
}

#template-blog-home #template-blog-home-nav-tab-content .card-visuel-blog {
    height: 24.5rem;
    height: auto!important;
}

#template-blog-home-nav-tab {
    border: 0;
}

#template-blog-home-nav-tab .nav-item {
    margin-bottom: 0;
}

#template-blog-home-nav-tab .nav-item .nav-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 100px;
    transition: all .3s;
    margin-right: 2rem;
}

#template-blog-home-nav-tab .nav-item:last-child {
    margin-right: 0;
}

#template-blog-home-nav-tab .nav-item .nav-link.active, #template-blog-home-nav-tab .nav-item .nav-link:hover {
    color: var(--blue) !important;
    border-color: #89B8FF;
    text-decoration: none !important;
}

.template-blog-home-nav-tab-content-more .collapse:not(.show) {
    display: none !important;
}

.template-blog-home-nav-tab-content-more button {
    color: var(--blue);
    padding: 16px 30px;
    border: 2px solid var(--blue);
    border-radius: 30px;
    transition: all .3s;
}

.template-blog-home-nav-tab-content-more button:hover {
    color: white;
    background-color: var(--blue);
}

.template-blog-home-nav-tab-content-more button span {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
}

.template-blog-home-nav-tab-content-more button i {
    vertical-align: middle;
}

#template-info .button-back [data-link-encoded] {
    color: var(--blue);
}

#template-info .button-back [data-link-encoded]:hover span {
    text-decoration: underline;
}

#template-info .button-back i {
    vertical-align: sub;
    font-size: 1.8rem;
}

#template-info .button-back [data-link-encoded] span {
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
}

#template-info #template-info-entete {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

#template-info img {
    border-radius: 8px;
}

#template-info #template-info-entete h1 {
    font-weight: 600 !important;
    font-size: 4.8rem !important;
    line-height: 150% !important;
    color: #000723 !important;
}

#template-info #template-info-entete .chapo {
    font-size: 16px;
    line-height: 32px;
    color: #333333;
}

#template-info #template-info-entete .date {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #4F4F4F;
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
}

#template-info-corps {
    font-size: 16px;
    line-height: 32px;
    color: #4F4F4F;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

#template-info-corps a {
    color: #333333 !important;
    text-decoration: underline !important;
}

#template-info-corps h2 {
    font-weight: 600 !important;
    font-size: 4rem !important;
    line-height: 130% !important;
    color: #000000 !important;
    margin: 2.5rem 0 1rem 0 !important;
}

#template-info-corps .template-info-corps-texte-fin {
    background: #E5EFFF;
    border: 3px dashed #005DEC;
    color: var(--blue) !important;
}

#template-info-corps ol li {
    margin-bottom: 1rem;
}

#template-info-other h3 {
    font-weight: 600;
    font-size: 2.4rem !important;
    line-height: 150% !important;
    color: #000000 !important;
}


/* RUBRiQUE PAR DEFAUT */
#template-rubrique-default {
    margin-top: 5rem !important;
}

#template-rubrique-default h3, #template-rubrique-default h2, #template-rubrique-default h4 {
    color: black;
    margin-top: 3rem !important;
}

#template-rubrique-default .texte-pres-cat {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #4F4F4F;
}

.plandusite-block {
    border-bottom: 1px solid #F4F4F4;
}

.plandusite-block-left a {
    font-weight: 500;
    font-size: 19px;
    color: #000723 !important;
}

.plandusite-block-right ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
}

.plandusite-block-right ul li {
    margin-bottom: 1rem;
    width: 28%;
}

.plandusite-block-right ul li a {
    font-size: 1.6rem;
    line-height: 4rem;
    letter-spacing: 0.2px;
    color: #828282;
}

hr {
    margin: 2.5rem 0;
    border-top: 1px solid #F4F4F4
}

/* FOOTER */
footer {
    /* background-color: black; */
}

#footer-left-texte {
    font-size: 1.6rem;
    line-height: 3.2rem;
    letter-spacing: 0.2px;
    font-weight: 400;
}

#footer-right .footer-right-li-first {
    padding: 0 6rem 0 0;
}

#footer-right .footer-right-li-first:last-child {
    padding: 0 !important;
}

#footer-right .footer-right-li-first > span {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.8rem;
    text-transform: capitalize;
    padding: 0 !important;
}

#footer-right .footer-right-li-first > ul {
    list-style: none;
    padding: 11px 0 0;
}

#footer-right .footer-right-li-first > ul span {
    font-size: 1.6rem;
    line-height: 4rem;
    letter-spacing: 0.2px;
    color: #828282;
    padding: 0 !important;
}

#footer-last span {
    font-size: 1.3rem;
    line-height: 1.8rem;
    letter-spacing: 1px;
    padding: .5rem 1rem;
}

#footer-top {
    border-bottom: 1px solid #E5E7EB;
    padding-bottom: 48px !important;
}

.text-gray-800 {
    color: #1F2A37 !important;
}

/* BREADCRUMB */
.chemin-categorie a:first-letter {
    text-transform: capitalize;
}

.padding-breadcrumb {
    padding-top: 4.2rem;
}

#tpl-rubrique-entree #rubrique-chemin,
#tpl-prestations #rubrique-chemin,
#tpl-prestations-detail #rubrique-chemin,
#tpl-services-entreprises #rubrique-chemin,
#tpl-engagements #rubrique-chemin,
#forfait-tpl #rubrique-chemin,
#tpl-prendre-rdzvs #rubrique-chemin,
#tpl-departement-all #rubrique-chemin,
#tpl-departement-detail #rubrique-chemin,
#tpl-fiche-franchise #rubrique-chemin,
#marque-all-tpl #rubrique-chemin,
#marque-detail-tpl #rubrique-chemin,
#tpl-recompenses #rubrique-chemin,
#template-rubrique-simple #rubrique-chemin,
#template-plandusite #rubrique-chemin,
#template-quisommesnous #rubrique-chemin,
#tpl-recrutement #rubrique-chemin,
#tpl-contact #rubrique-chemin,
#template-modulespe #rubrique-chemin,
#tpl-promo #rubrique-chemin {
    position: absolute;
    top: 0;
    left: 0;
}

#header-main-body .logo img, #header-main-body .logo-mobile img {
    transition: all .3s ease-in-out;
}

/* BODY COLLAPSED */
/*.top-body-collapse header {*/
/*    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);*/
/*    background: rgba(255,255,255,1);*/
/*}*/
/*.body-accueil.top-body-collapse #header-main-body,*/
/*.top-body-collapse #header-main-body {*/
/*    padding-top: 0!important;*/
/*    !*padding-left: 0!important;*!*/
/*}*/
/*.top-body-collapse #header-main-body li.nav-item a,*/
/*.top-body-collapse #header-main-body li.nav-item button*/
/*{*/
/*    font-size: 1.4rem;*/
/*}*/
/*.top-body-collapse #header-main-body .header-top ul.header-top-nav li {*/
/*    height: 2.5rem;*/
/*}*/
/*.top-body-collapse #header-main-body .header-top ul.header-top-nav li ~ li:before {*/
/*    height: 1.5rem;*/
/*    top: 0.2rem;*/
/*}*/
/*.top-body-collapse #header-main-body .header-top .icones-rs img,*/
/*.top-body-collapse #header-main-body .header-top .dropdown-langue img,*/
/*.top-body-collapse #header-main-body .logo-mobile img*/
/*{*/
/*    transform: scale(.65);*/
/*    margin-left: -1.5rem!important;*/
/*}*/
/*.top-body-collapse #header-main-body .dropdown-langue ul a.dropdown-toggle {*/
/*    margin-top: 0!important;*/
/*}*/
/*.top-body-collapse #header-main-body .header-top {*/
/*    height: 2.5rem;*/
/*}*/
/*.top-body-collapse .header-middle {*/
/*    padding: .5rem 0rem!important;*/
/*}*/
/*.top-body-collapse #header-main-body .header-middle .boutons a , .top-body-collapse #header-main-body .header-middle .boutons div {*/
/*    padding: 1rem 1.5rem!important;*/
/*}*/
/*.top-body-collapse #header-main-body .logo img {*/
/*    transform: scale(.75);*/
/*    margin-left: -1.5rem;*/
/*}*/
/*.top-body-collapse #header-main-body .header-bandeau {*/
/*    color:white;*/
/*    font-size: 1.4rem;*/
/*}*/
/*.top-body-collapse #header-main-body .header-bandeau span {*/
/*    padding: .5rem 0;*/
/*}*/
#header-main-body .header-bandeau a {
    color: white;
    padding: .1rem 1rem;
    border: 1px solid white;
    text-transform: uppercase;
}

#logo-client-erp div {
    width: 20%;
    padding: 5.5rem 3rem !important;
}

#logo-client-erp div img {
    display: block;
    margin: auto;
    position: relative;
    transition: all .3s ease-in-out;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: gray;
}

#logo-client-erp div:hover img {
    -webkit-filter: none;
    filter: none;
}

.custom-control {
    padding-left: 3rem;
}

.custom-control-label {
    cursor: pointer;
}

.custom-control-label::before {
    border-radius: 4px;
    border: 0.5px solid #D1D5DB;
    background: #F9FAFB;
    /*width: 16px;*/
    /*height:16px;*/
    width: 20px;
    height: 20px;
    left: -3rem;
    top: .5rem;
}

.custom-control-label::after {
    left: -3rem;
    top: 5px;
    width: 20px;
    height: 20px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-file {
    height: 50px !important;
}

.custom-file-input {
    height: 0 !important;
}

.custom-file-label {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    background: #FFFFFF;
    padding: 12px 16px !important;
    font-size: 1.6rem;
    height: auto;
    box-sizing: border-box !important;
    cursor: pointer;
}

.custom-file-label::after {
    display: none !important;
}





/* MEDIA QUERIES*/

@media only screen and (min-width: 630px) {
    #template-blog-detail #template-info {
        max-width: 620px!important;
    }
}



/* SMALL - SM */
@media only screen and (min-width: 768px) {
    .container {
        max-width: 750px;
    }
}

/* MEDIUM - MD */
@media only screen and (min-width: 992px) {
    .avantages-card:last-child {
        padding-bottom: 0px !important;
        margin-bottom: 0px!important;
    }
    .footer-padding {
        padding-top: 10rem!important;
    }
    .ml-lg-16 {
        margin-left: 64px!important;
    }
    .ml-lg-6 {
        margin-left: 24px!important;
    }
    .mb-lg-16 {
        margin-bottom:64px!important;
    }
    .mb-lg-24 {
        margin-bottom:96px!important;
    }
    .ml-lg-24 {
        margin-left:96px!important;
    }
    .mb-lg-40 {
        margin-bottom:40px!important;
    }
    .pt-lg-24 {
        padding-top: 96px !important;
    }
    .argument-lg-container {
        padding-top: 96px !important;
    }
    .mt-lg-10 {
        margin-top: 40px !important;
    }
    .pb-lg-24 {
        padding-bottom: 96px !important;
    }
    .pb-lg-48 {
        padding-bottom: 48px !important;
    }
    .pb-lg-32 {
        padding-bottom: 32px !important;
    }
    .container {
        max-width: 970px;
    }
    .py-lg-24 {
        padding-top:96px!important;
        padding-bottom:96px!important;
    }

    #dropdown-menu-83 li:nth-child(odd) {
        padding-right: 10px !important;
    }

    #dropdown-menu-83 li:nth-child(even) {
        padding-left: 10px !important;
    }

    .navbar .nav-item .dropdown-menu {
        width: 450px;
        display: none; /*remettre à none ensuite*/
        padding: 16px 0 0 0 !important;
        /*flex-direction: column;*/
        /*justify-content: center;*/
        /*align-items: flex-start;*/
        /*align-self: stretch;*/
        border-radius: 8px;
        background: #FFF;
        box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.05);
    }

    .dropdown-menu-full {
        width: 768px !important;
    }

    .navbar .nav-item .dropdown-menu li {
        padding: 0 16px 0 16px !important;
    }

    .navbar .nav-item .dropdown-menu li:last-of-type {
        padding-bottom: 16px !important;
    }

    .navbar .nav-item .dropdown-menu li a {
        padding: 16px !important;
    }

    .navbar .nav-item .dropdown-menu .dropdown-item-bottom {
        background: #F4F4F4;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        padding: 16px !important;
        font-size: 16px;
    }

    .navbar .nav-item .dropdown-menu .dropdown-item-bottom a {
        color: #005DEC;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%; /* 24px */
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 12px !important;
        transition: all 0.2s ease-in-out;
        padding: 0 !important;
    }

    .navbar .nav-item .dropdown-menu .dropdown-item-bottom a:hover {
        color: #005DEC !important;
    }

    .navbar .nav-item .dropdown-menu .dropdown-item-bottom a:hover {
        padding-right: 2rem !important;
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: flex
    }

    .navbar .dropdown-menu a:not(.active) {
        color: #111928;
    }

    .navbar .nav-item .dropdown-menu .dropdown-item-icone {
        /*width: 40px!important;*/
        /*height:40px!important;*/
        flex: none;
        border-radius: 8px;
        background: #F4F4F4;
        justify-content: center; /* Centre horizontalement */
        align-items: center; /* Centre verticalement */
        /*padding: 10px!important;*/
        padding: 10px;
    }

    .dropdown .dropdown-menu .dropdown-item:hover span, .dropdown .dropdown-menu .dropdown-item a:hover, .dropdown .dropdown-menu .dropdown-item a:hover span, .navbar .dropdown-menu a:not(.active):hover {
        text-decoration: none !important;
    }

    /*.navbar .nav-item .dropdown-menu .dropdown-item > * {*/
    /*    float: left;*/
    /*}*/
    .dropdown-item-txt {
        flex: 1 1 0%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap; /* Empêche le passage à la ligne */
        /*overflow: hidden;  !* Cache les débordements *!*/
        /*!* white-space: nowrap; *! !* Forcer tout sur une seule ligne *!*/
        /*text-overflow: ellipsis; !* Ajoute des points de suspension en cas de dépassement *!*/
    }

    .navbar .nav-item .dropdown-menu .dropdown-item-icone + .dropdown-item-txt {
        padding-left: 24px !important;
    }

    .dropdown-item-txt span {
        color: #111928;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        /* float: left; */ /* Supprimé */
    }

    .dropdown-item-txt span + span {
        margin-top: 4px !important;
        color: #6B7280;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
        /* float: left; */ /* Supprimé */
        white-space: normal; /* Assure que le texte passe à la ligne */
        word-wrap: break-word; /* Pour éviter les dépassements du conteneur */
    }

    .dropdown .dropdown-menu .dropdown-item:hover {
        background-color: #F4F4F4 !important;
        border-radius: 8px !important;
        box-shadow: none !important;
    }

    .dropdown .dropdown-menu .dropdown-item:hover span:first-child {
        color: #005DEC;
    }
    .gap-footer {
        padding-bottom: 25rem!important;
    }
}

.navbar .nav-item .dropdown-menu {
    margin-top: 0;
}
.text-gray-small.pt-3 {
    padding-top: 12px !important;
}
/* xLARGE - xl */
@media only screen and (min-width: 1200px) {
    #template-index-contact-projet .p-intro {
        max-width: 60%;
    }
    .pr-xl-24 {
        padding-right:96px!important;
    }
    .pb-xl-24 {
        padding-bottom: 96px!important;
    }
    .image-switch .row:nth-child(even) > div:first-child,
    .image-switch-agence .row:nth-child(even) > div > div:first-child {
        order: 2;
        text-align: right;
    }
    #template-index-secteur-entete .p-intro {
        padding-left: 15px !important;
    }
    .bloc-recrutement.py-4 {
        padding: 80px 80px 80px 80px!important;
        margin-bottom: 112px!important;
        margin-top: 96px!important;

    }
    #block-services-suite {
        padding: 15rem 0 !important;
    }
    .w-60 {
        width: 60% !important;
    }

    .pl-lg-24 {
        padding-left: 96px !important;
    }

    #template-expertises-avantage .template-expertises-avantage-card + .position-absolute {
        left: -104px;
    }

    .container {
        max-width: 1170px;
    }
}

/* EXTRA EXTRA LARGE > 1400 */
@media only screen and (min-width: 1400px) {
    #template-index-apropos-suite-visuels-after {
        right: -40rem;
        top: -30rem;
        z-index: -1;
    }

    main {
        padding: 9.1rem 10rem !important;
    }

    #header-main-body, footer, .container-padding .row {
        padding: 0 10rem !important;
    }

    .container-padding .row.row-padding-bottom {
        padding: 0 10rem 10rem 10rem !important;
    }

    #template-rubrique-apropos, #template-rubrique-apropos-suite {
        padding: 0;
    }

    #block-services-suite h5 {
        padding-left: 22rem !important;
    }
}

@media only screen and (min-width: 1460px) {
    #template-index-apropos-suite-visuels img ~ img {
        /* top: 260px; */
        /* left: -140px; */
    }
}

@media only screen and (min-width: 850px) and (max-width: 1800px) {
    body.ua-browser-Chrome.ua-devicetype-tablet.ua-deviceos-Android #template-index-right-mobile {
        -ms-flex: 0 0 45% !important;
        flex: 0 0 45% !important;
        max-width: 45% !important;
    }
}


@media only screen and (min-width: 1050px) and (max-width: 1800px) {
    #template-index-apropos-suite-visuels img:first-child {
        max-width: 60%;
    }

    #template-index-apropos-suite-visuels img ~ img {
        max-height: 40rem;
    }
}

/* EXTRA EXTRA LARGE > 1600 */
@media only screen and (min-width: 1801px) {
    #template-index-apropos-suite-visuels img:first-child {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1600px) {
    #template-index-apropos-suite-visuels img ~ img {
        /* position: relative; */
        /* top: 260px; */
        /* left: -140px; */
    }

    main#template-index {
        padding-left: 20rem !important;
        padding-right: 20rem !important;
    }

    main {
        padding: 9.1rem 20rem !important;
    }

    main#template-blog-home {
        padding: 9.1rem 0rem !important;
    }

    #header-main-body, footer, .container-padding .row, main#template-blog-home #template-rubrique, #template-blog-home #template-index-blog-liste-cards {
        padding: 0 20rem !important;
    }



    #template-blog-home-nav {
        padding: 5rem 20rem !important;
    }

    .container-padding .row.row-padding-bottom {
        padding: 0 20rem 10rem 20rem !important;
    }
}


/* INDEX */

/* LARGE - lg */
@media only screen and (max-width: 1200px) {
    .button-content-header {
        display:none!important;
    }
    .template-index-contact-projet-index:after {
        right: 0;
        width: 57%;
        top: -100px;
        height: 20rem;
        z-index: -1;
        filter: blur(70px);
        opacity: 0.7;
    }

    .template-plateforme #template-expertises-header {
        padding-bottom: 15rem !important;
    }
}

html.ua-browser-Safari #template-index-cards .card-ext:first-child {
    padding-right: 2rem !important;
}

html.ua-browser-Safari #template-index-cards .card-ext:nth-child(2) {
    padding: 0 1rem !important;
}

html.ua-browser-Safari #template-index-cards .card-ext:last-child {
    padding-left: 2rem !important;
}

html.ua-browser-Safari #template-index-secteur-card > div:nth-child(3n+1) {
    padding-right: 3rem !important;
}

html.ua-browser-Safari #template-index-secteur-card > div:nth-child(3n+2) {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

html.ua-browser-Safari #template-index-secteur-card > div:nth-child(3n+3) {
    padding-left: 3rem !important;
}

html.ua-browser-Safari #template-index-right-absolute {
    right: -4rem;
}

html.ua-browser-Safari #template-index-secteur-card .card {
    /*height: 45rem;*/
}

html.ua-browser-Safari #template-expertises:before {
    background: url('../img/blue_blue.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    width: 100%;
    min-height: 100vh;
    filter: none;
    z-index: -1;
}

html.ua-browser-Safari .template-index-contact-projet-rubrique:after,
html.ua-browser-Safari .template-plateforme #template-index-contact-projet:after,
html.ua-browser-Safari .template-index-contact-projet-index:after {
    right: -1.5rem;
    height: 70rem;
    width: 100%;
    top: -25rem;
    background: url('../img/orange_blue.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    filter: none;
}

html.ua-browser-Safari #template-index-right-absolute .visuel-groupe {
    right: 6rem;
    top: -7rem;
}

html.ua-browser-Safari #template-index-right-absolute .visuel-2 {
    left: -15rem;
    bottom: 0rem;
}

html.ua-browser-Safari main#template-secteurs,
html.ua-browser-Safari main#template-expertises,
html.ua-browser-Safari main.template-societe {
    padding: 10rem 0rem 10rem 0rem !important;
}


/* MEDIUM md */
@media only screen and (max-width: 1000px) {
    body.ua-browser-Safari.ua-deviceos-MacOS #template-index-apropos-suite-visuels img:first-child {
        width: 100%;
        max-width: 100%;
    }

    body.ua-browser-Safari.ua-deviceos-MacOS #template-index-apropos-suite-visuels img ~ img,
    html.ua-browser-Chrome #template-index-apropos-suite-visuels img ~ img {
        /* margin-left: 0!important; */
        /* left: -60px; */
        /* top: 48px!important; */
    }

    body.ua-browser-MobileSafari.ua-devicetype-mobile #template-index-apropos-suite-visuels img ~ img {
        max-height: 29rem;
    }

    /*body.ua-browser-MobileSafari.ua-devicetype-mobile #template-index-apropos-suite-visuels img ~ img {*/
    /*    left: -70px;*/
    /*    top: -20px!important;*/
    /*}*/
    html.ua-browser-Safari #template-index-secteur-card .card,
    html.ua-browser-Chrome #template-index-secteur-card .card {
        /*height: 38rem;*/
    }

    html.ua-browser-Chrome body.ua-devicetype-mobile #template-index-secteur-card .card {
        height: auto;
    }

    html.ua-browser-Chrome body.ua-devicetype-mobile #template-index-secteur-card .card-link {
        bottom: 1.5rem;
    }

    html.ua-browser-Safari #template-index-cards .card-ext .card-int,
    html.ua-browser-Chrome #template-index-cards .card-ext .card-int {
        height: auto;
    }

    html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-secteur-card > div:nth-child(2n+1) {
        padding-right: 1.5rem !important;
    }

    html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-secteur-card > div:nth-child(2n+2) {
        padding-left: 1.5rem !important;
    }

    html.ua-browser-Safari #template-index #template-index-left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    html.ua-browser-Safari #template-index-concepteur .card > div:first-child {
        margin-top: 0;
    }

    html.ua-browser-Safari .template-index-contact-projet-rubrique:after, html.ua-browser-Safari .template-plateforme #template-index-contact-projet:after, html.ua-browser-Safari .template-index-contact-projet-index:after {
        height: 80rem;
    }

    html.ua-browser-Safari #template-index-apropos-suite-visuels-after {
        right: -30rem;
        top: -30rem;
        z-index: -1;
    }

    html.ua-browser-Safari #footer-right .footer-right-li-first {
        width: 25%;
    }

    html.ua-browser-Safari #template-index-right-absolute .pastille.web {
        left: 25rem;
    }

    html.ua-browser-Safari #template-index-right-absolute .pastille.erp {
        top: 10rem;
    }

    html.ua-browser-Safari #template-index-right-absolute .pastille.web {
        top: 16rem;
    }

    html.ua-browser-Safari #template-index-right-absolute .pastille.ux {
        top: 23rem;
    }

    html.ua-browser-Safari #template-index-right-absolute .pastille.consulting {
        top: 29rem;
    }

    html.ua-browser-Safari #template-index-right-absolute .pastille.ui {
        top: 35rem;
    }

    html.ua-browser-Safari #template-index-right-absolute .pastille.identite {
        top: 43rem;
    }

    html.ua-browser-Safari #footer-newsletter-left h2 {
        width: auto;
    }

    html.ua-browser-Safari #link-button-home-hp {
        bottom: 4rem;
    }

    html.ua-browser-Safari #template-index-right-absolute .visuel-2 {
        left: -8rem;
        bottom: -10rem;
    }

    html.ua-browser-Safari #template-expertises-tab-nav .nav-tabs li {
        margin: 10px 9px !important;
    }

    html.ua-browser-Safari #template-expertises-bleu .template-expertises-bleu-right-card.col-12 {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
        margin: 2% !important;
    }

    html.ua-browser-Safari #template-index-right img.ml-auto,
    html.ua-browser-Safari #template-expertises-right img.ml-auto {
        margin-right: auto !important;
    }

    html.ua-browser-Safari form#form-newsletter .md-form + .md-form {
        text-align: center;
    }

    html.ua-browser-Safari form#form-newsletter button,
    html.ua-browser-Chrome form#form-newsletter button {
        width: auto;
        margin-top: .75rem !important;
    }

    html.ua-browser-Safari form#form-newsletter #form-newsletter-div,
    html.ua-browser-Chrome form#form-newsletter #form-newsletter-div {
        background: #F4F4F4;
    }

    html.ua-browser-Safari form#form-newsletter .md-form:first-child,
    html.ua-browser-Chrome form#form-newsletter .md-form:first-child {
        width: 80%;
    }

    html.ua-browser-Safari form#form-newsletter .md-form + .md-form,
    html.ua-browser-Chrome form#form-newsletter .md-form + .md-form {
        width: 20%;
        text-align: right;
        padding-right: 1rem !important;
    }

    html.ua-browser-Safari #template-index-right-absolute {
        position: relative;
        top: 0;
        right: 0;
        height: auto !important;
    }

    html.ua-browser-Safari #second-block-contenu {
        padding-bottom: 40rem !important;
    }

    html.ua-browser-Safari #second-block-contenu #visuel-absolute img:first-child {
        top: 20px;
        max-width: 70%;
    }

    html.ua-browser-Safari #second-block-contenu {
        padding-bottom: 40rem !important;
    }

    html.ua-browser-Safari #second-block-contenu #visuel-absolute img:last-child {
        max-width: 30rem;
        left: 20rem;
        top: 25rem;
    }

    html.ua-browser-Safari #slide-out-button {
        bottom: 10rem;
    }

    html.ua-browser-Safari #template-expertises-tab-agence .nav.flex-column {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    html.ua-browser-Safari #template-index-left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    html.ua-browser-Safari #template-index-right-absolute .visuel-groupe img {
        max-width: 30rem;
    }

    html.ua-browser-Safari #template-index-secteur-card > div:nth-child(3n+1) {
        padding: 0rem !important;
    }

    html.ua-browser-Safari #template-index-secteur-card > div:nth-child(3n+2) {
        padding: 0 !important;
    }

    html.ua-browser-Safari #template-index-secteur-card > div:nth-child(3n+3) {
        padding: 0 !important;
    }

    html.ua-browser-Safari #template-index-secteur-card > div:nth-child(2n+1) {
        padding: 0 1.5rem 0 0 !important;
    }

    html.ua-browser-Safari #template-index-secteur-card > div:nth-child(2n+2) {
        padding: 0 0 0 1.5rem !important;
    }

    html.ua-browser-Safari #template-index-cards .card-ext:first-child {
        padding-right: 0rem !important;
        margin-bottom: 3rem !important;
    }

    html.ua-browser-Safari #template-index-cards .card-ext:nth-child(2) {
        padding: 0rem !important;
        margin-bottom: 3rem !important;
    }

    html.ua-browser-Safari #template-index-cards .card-ext:last-child {
        padding-left: 0rem !important;
    }

    #template-index-blog-liste-cards .card-news-index {
        margin-bottom: 4rem !important;
    }

    #template-index-apropos-entete h2, #template-index-secteur-entete h2 {
        max-width: 100%;
    }

    #template-index-clients-slider .template-index-clients-slider-logo {
        width: 40%;
        /* margin: 0 auto!important; */
        display: inline-block !important;
        padding-left: 0 !important;
        padding-bottom: 0 !important;
    }

    #template-index-clients-slider-logo {
        white-space: nowrap !important;
        overflow: hidden !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        /* min-height: 10rem; */
        display: block !important;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    #template-index-clients-slider-logo::-webkit-scrollbar {
        display: none;
    }

    #template-index-clients-slider .template-index-clients-slider-logo:first-child, #template-index-clients-slider .template-index-clients-slider-logo:nth-child(8) {
        padding-left: 0rem !important;
        display: inline-block !important;
        padding-bottom: 0 !important;
    }

    #template-index-clients-slider h3 {
        /* text-align:center; */
    }

    #template-index-secteur-card > div {
        /* margin-bottom: 5rem!important; */
    }

    #template-index-secteur-card .card {
        height: auto;
    }

    #template-index-cards .card-ext:first-child,
    #template-index-cards .card-ext:nth-child(2),
    #template-index-cards .card-ext:last-child,
    #template-index-secteur-entete,
    #template-index-secteur-card,
    #template-index-secteur-card > div:nth-child(3n+1),
    #template-index-secteur-card > div:nth-child(3n+2),
    #template-index-secteur-card > div:nth-child(3n+3),
    #template-index-apropos-entete, #template-index-apropos-suite,
    #template-index-apropos-clients,
    #template-index-contact-projet,
    footer,
    #template-index-blog-liste-cards .card-news-index:nth-child(3n+1),
    #template-index-blog-liste-cards .card-news-index:nth-child(3n+2),
    #template-index-blog-liste-cards .card-news-index:nth-child(3n+3) {
        padding: 0 !important;
        /* overflow-x: hidden; */
    }

    #template-index-blog-liste-cards .card-news-index:nth-child(3n+2),
    #template-index-blog-liste-cards .card-news-index:nth-child(3n+3) {
        top: 0;
    }

    #row-footer-newsletter {
        height: auto;
        max-height: 50rem;
    }

    #template-index-blog {
        margin-bottom: 5rem !important;
    }

    #footer-newsletter-left img {
        /* margin:auto; */
    }

    #footer-newsletter-left h3 {
        width: 100% !important;
        display: block;
        clear: both;
        font-size: 2.4rem;
        line-height: 150%;
        text-align: center;
    }

    #template-index-concepteur h3 {
        font-size: 2.4rem;
        line-height: 150%;
    }

    form#form-newsletter, #container_plus_loin_web .sous-titre {
        max-width: 100% !important;
    }

    form#form-newsletter #form-newsletter-div {
        background: transparent;
    }

    form#form-newsletter .md-form:first-child {
        width: 100%;
        text-align: center;
    }

    .container-padding .row {
        padding: 0 !important;
    }

    .container-padding .row.row-padding, .row-padding, .container-padding .row.row-padding-bottom.row-padding {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    #template-expertises-tab-agence .nav-link {
        width: 50%;
    }

    #container_services_web ul li {
        width: 100%;
        font-size: 2rem;
        line-height: 3.2rem;
    }

    #container_services_associes_web .texte ul li {
        width: 100%;
        font-size: 16px;
        line-height: 32px;
    }

    #template-index-contact-projet .p-intro,
    #template-secteurs-siwipo-info .template-secteurs-siwipo-info-top-titre .texte,
    #container-siwipo-refs-clients-intro .texte,
    #container-siwipo-refs-clients-bottom .container-siwipo-refs-clients-bottom-bloc-texte span,
    #template-secteurs-fonc-specifs-intro .texte, #template-contact-cards-left .p-intro,
    #template-index-left .p-intro, #template-expertises-left .p-intro {
        font-size: 16px !important;
        line-height: 32px !important;
    }

    .plandusite-block-right ul li {
        margin-bottom: 1rem;
        width: 100%;
    }

    #footer-right .footer-right-li-first > ul span {
        line-height: 2.8rem;
    }

    #template-contact-cards-right .position-absolute {
        right: 0;
        /* order: 2; */
    }

    #template-rubrique-apropos-suite #block-clients #block-clients-entete div {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    #template-contact #template-contact-cards {
        padding-bottom: 15rem !important;
    }

    #footer-right .footer-right-li-first > ul span,
    #footer-right .footer-right-li-first > span {
        padding: .5rem 0 !important;
    }

    #margin-bottom {
        padding-bottom: 25rem !important;
    }

    #template-secteurs-siwipo-intro h2 {
        font-size: 4rem !important;
        line-height: 130% !important;
        text-transform: none !important;
    }

    #template-expertises-avantage-card-last {
        margin-bottom: 20rem !important;
    }

    #template-expertises-avantage .template-expertises-avantage-card + .position-absolute {
        right: 0 !important;
        bottom: -15rem !important;
    }

    #container-siwipo-refs-clients-bottom .container-siwipo-refs-clients-bottom-bloc {
        margin-bottom: 5rem !important;
    }

    #container-siwipo-refs-clients-bottom .container-siwipo-refs-clients-bottom-bloc:nth-child(3n+1) {
        padding-right: 0 !important;
    }

    #container-siwipo-refs-clients-bottom .container-siwipo-refs-clients-bottom-bloc:nth-child(3n+2),
    #container-siwipo-refs-clients-bottom .container-siwipo-refs-clients-bottom-bloc:nth-child(3n+3) {
        padding: 0 !important;
    }

    #template-secteurs-siwipo-info .template-secteurs-siwipo-info-block:nth-child(2n+2) .template-secteurs-siwipo-info-top .template-secteurs-siwipo-info-top-visuel {
        order: 1;
    }

    #template-secteurs-siwipo-info .template-secteurs-siwipo-info-bottom {
        border-bottom: 0;
    }

    #template-secteurs-siwipo-info .template-secteurs-siwipo-info-block:nth-child(2n+2) .template-secteurs-siwipo-info-top .template-secteurs-siwipo-info-top-titre {
        order: 2;
    }

    #template-secteurs-fonc-specifs {
        margin-top: 10rem !important;
    }

    #template-secteurs-siwipo-info .template-secteurs-siwipo-info-block .template-secteurs-siwipo-info-top:before {
        display: none;
    }

    #template-secteurs-siwipo-intro h2 span + span {
        text-transform: uppercase !important;
    }

    #template-secteurs-siwipo-info .template-secteurs-siwipo-info-block + .template-secteurs-siwipo-info-block {
        margin-top: 0rem !important;
    }

    #template-secteurs-siwipo-info .template-secteurs-siwipo-info-bottom .template-secteurs-siwipo-info-bottom-bloc-texte {
        font-size: 16px;
        line-height: 32px;
    }

    #template-card-bleu-right .template-card-bleu-right-cards .titre {
        font-size: 2rem;
        line-height: 3.2rem;
    }

    #template-card-bleu-right .template-card-bleu-right-cards .texte {
        letter-spacing: 0;
    }

    #template-secteurs-fonc-specifs-visuel > div:first-child {
        order: 2;
        position: relative;
        margin-top: -8rem;
    }

    #template-secteurs-fonc-specifs-visuel > div + div {
        order: 1;
        /* top: 0; */
        position: relative;
    }

    #template-card-bleu-right > div + div {
        margin-top: 3rem !important;
    }

    #container_portfolio_web .texte {
        font-size: 1.6rem;
        line-height: 3.2rem;
    }

    #container_services_web ul li:before {
        left: 0;
    }

    #template-expertises-tab-agence .tab-content h3 {
        font-size: 2.4rem !important;
        line-height: 150% !important;
        color: #000723 !important;
    }

    #template-expertises-tab-agence .tab-content {
        font-size: 1.6rem !important;
        line-height: 3.2rem !important;
    }

    #template-expertises-header .p-intro, #template-expertises-cards-agence .p-intro, #template-expertises-avantage .text-intro, #template-expertises-tab-intro .text-intro, #template-expertises-tab-suite .texte,
    #template-expertises-bleu-left .texte, #row_list_frere .p-intro {
        font-size: 16px;
        line-height: 32px;
    }

    #template-expertises-tab-suite ul {
        padding-left: 1.5rem;
    }

    #template-expertises-logos-clients h3 {
        font-size: 2.4rem !important;
        line-height: 150% !important;
    }

    .container-padding .row.row-padding-bottom {
        padding: 0 !important;
    }

    main, main#template-index {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        padding-bottom: 0 !important;
    }

    #header-main-body .logo img {
        max-width: 13rem;
    }

    #navbarSupportedContent2 .navbar-nav li.nav-item {
        margin: 0;
    }

    #header-main-body li.nav-item a.nav-link {
        line-height: 2.4rem;
        padding: 1rem 1.5rem !important
    }

    main#index_main_follow {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }

    #template-expertises-tab-suite ul li {
        margin-bottom: 20px !important;
    }

    .template-expertises-tab-content-left h3 {
        color: #000000;
        /* border-bottom: 1px solid #000723; */
    }

    .template-expertises-bandeau-cards-row-wrap-cards h4 {
        font-size: 2rem;
        line-height: 150%;
    }

    #template-expertises-tab-bloc {
        margin-top: 5rem !important;
    }

    #template-expertises-bandeau-cards {
        padding: 7.5rem 1.5rem !important;
    }

    #template-contact-cards-right-right > div:first-child {
        margin-top: 3rem !important;
    }

    #form-contact .form_contact_services_cards {
        margin: 1rem 0 !important;
    }

    #form-contact {
        margin-bottom: 0rem !important;
        /* padding-left: 1.5rem!important; */
    }

    #template-contact-header h1 span, #template-contact-header .p-intro, #template-expertises-avantage .text-intro, #template-expertises-tab-intro .text-intro,
    #row_list_frere .p-intro, .template-plateforme #template-index-contact-projet h2 {
        width: 100%;
        max-width: 100%;
    }

    #template-contact-cards-right .card-process {
        margin-top: 5rem;
    }

    #template-contact #template-contact-cards {
        padding-top: 5rem !important;
    }

    #template-contact-header {
        padding: 0 !important;
    }

    #template-index-apropos-clients {
        margin-top: 10rem !important;
    }

    .template-index-contact-projet-rubrique {
        padding-bottom: 10rem !important;
    }

    form#form-newsletter .md-form + .md-form {
        text-align: right;
        width: 100%;
    }

    form#form-newsletter .md-form:first-child {
        background: #F4F4F4;
        border-radius: 8px;
    }

    form#form-newsletter button {
        width: 60%;
        margin-top: 2rem !important;
    }

    form#form-newsletter button span {
        font-size: 1.6rem;
    }

    form#form-newsletter button i {
        vertical-align: sub;
    }

    #footer-right {
        margin-top: 5rem !important;
    }

    #footer-right .footer-right-li-first {
        margin-bottom: 5rem !important;
        width: 50%;
        /* text-align:center; */
    }

    #footer-right .footer-right-li-first {
        padding: 0;
    }

    #row-footer-newsletter {
        background: #D5E5FF url(../img/bg-newsletter-mobile.svg) no-repeat center center;
        background-size: cover;
    }

    form#form-newsletter .md-form label, .bottom-form {
        left: 0;

        width: 100%;
    }

    .bottom-form {
        margin-top: 2rem !important;
        text-align: right;
    }

    form#form-newsletter .md-form label.active {
        transform: scale(0);
    }

    form#form-newsletter .md-form input {
        text-align: center;
    }

    #template-index-apropos,
    #template-index-secteur {
        margin-top: 10rem !important;
        position: relative;
        padding-bottom: 5rem !important;
    }

    #template-index-concepteur #img-concepteur {
        /* display:none!important; */
        position: relative;
        top: auto;
        display: block;
        clear: both;
    }

    #index_main_follow #template-index-contact-projet {
        padding-bottom: 10rem !important;
        /* margin-top: 20rem!important; */
    }

    #template-index-apropos-clients-entete > div ~ div {
        margin-top: 2rem !important;
    }

    .template-index-contact-projet-rubrique:after,
    .template-plateforme #template-index-contact-projet:after,
    .template-index-contact-projet-index:after {
        right: -2rem;
        height: 50rem;
        width: 100%;
        top: -25rem;
        background: url('../img/orange_blue.png');
        background-position: top left;
        background-repeat: no-repeat;
        background-size: cover;
        filter: none;
    }

    .main-padding-bottom #slider-intro-height {
        margin-bottom: 15rem !important;
    }

    #row_list_frere #template-index-cards {
        /* margin-bottom: 15rem!important; */
    }

    #row_list_frere #template-index-cards .card-ext {
        /* padding-right: 2rem!important; */
    }

    .tns-horizontal.tns-subpixel > .tns-item {
        min-height: 100% !important;
        height: 100% !important;
        display: flex;
        align-self: stretch;
        flex-wrap: wrap;
    }

    #carousel-articles-hp {
        display: flex;
        padding-left: 0rem;
    }

    #carousel-articles-hp-iw {
        height: 100%;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        /* display: flex; */
    }

    #template-index-cards .tns-item:first-child .card-ext .card-int .p-link a {
        color: white !important;
    }

    #template-index-cards .tns-item:first-child .card-ext .card-int a .border-hover:after {
        background-color: white !important;
    }

    #template-index-cards .card-ext .card-int {
        height: 52rem;
    }

    #template-index-cards .tns-item:first-child .card-ext .card-int,
    #template-index-cards .tns-item:first-child .card-ext .texte-card {
        color: white;
    }

    #container_portfolio_web {
        margin-bottom: 0 !important;
    }

    #template-expertises #row_list_frere {
        padding-bottom: 15rem !important;
    }

    #accordion_index_conception {
        padding-bottom: 5rem !important;
    }

    #template-index-cards .tns-item .card-ext .card-int,
    #template-index-cards .tns-item .card-ext .texte-card {
        color: #000723;
    }

    #template-index-cards .tns-item:nth-child(2) .card-ext .card-int .p-link a {
        color: var(--blue) !important;
    }

    #template-index-cards .tns-item:nth-child(2) .card-ext .card-int a .border-hover:after {
        background-color: var(--blue) !important;
    }

    #footer-newsletter-left h2 {
        width: 100%;
    }

    #template-index-blog-liste-cards .card-news-index .titre {
        font-size: 2rem !important;
    }

    #template-index-blog-liste-cards .card-visuel-blog {
        height: auto;
    }

    #template-index-contact-projet h3,
    #template-index-contact-projet .p-intro {
        max-width: 100%;
    }

    #template-index-contact-projet h3,
    #template-index-blog h3 {
        font-size: 2.4rem;
        line-height: 150%;
    }

    #template-index-blog-liste-cards:before {
        left: 0;
        width: 100%;
    }

    #template-index-apropos-clients-logos .template-index-apropos-clients-logos-div {
        width: 50%;
    }

    #template-index-secteur-entete .template-index-secteur-subtitle, #template-index-apropos-entete .template-index-apropos-subtitle {
        padding-left: 0 !important;
    }

    #template-index-concepteur {
        margin-top: 18rem !important;
    }

    #template-index-concepteur .card > div:first-child {
        margin-top: -15rem;
    }

    #template-index-concepteur .card-text,
    #template-index-apropos-entete .p-intro,
    #template-index-apropos-clients-entete .p-intro {
        font-size: 1.6rem;
        line-height: 3.2rem;
    }

    #template-index #template-index-cards {
        margin-top: 20rem !important;
    }

    #template-index-cards .card-int .texte-card span + span {
        height: auto;
        opacity: 1 !important;
        visibility: visible;
    }

    #template-index-cards .card-int .card-h3 {
        font-size: 2.4rem;
        line-height: 150%;
    }

    #template-index-apropos-suite-visuels {
        position: relative !important;
    }

    #template-index-cards .card-int .titre-card {
        font-size: 2rem !important;
        line-height: 3.2rem !important;
    }

    #template-index-apropos-entete h2, #template-index-secteur-entete h2 {
        font-size: 4rem;
        line-height: 130%;
    }

    #template-index-apropos-suite-visuels img ~ img {
        /* position: relative; */
        /* top: -6rem!important; */
        /* display:
        block; */
        /* margin: 0!important; */
        /* margin-left: calc(50% - 7rem)!important; */
    }

    #template-index-apropos-suite-visuels {
        margin-top: 5rem !important;
        padding: 0 !important;
    }

    #template-index-apropos-suite .p-intro p {
        padding-left: 0;
        margin-bottom: 3rem;
    }

    #template-rubrique-apropos .pres-categorie #first-block-contenu .texte-pres-contenu {
        margin: 0 0 5rem 0 !important;
        order: 1;
    }

    #template-rubrique-apropos .pres-categorie #first-block-contenu img {
        margin-left: -1rem;
    }

    #template-rubrique-apropos .pres-categorie #first-block-contenu div:nth-child(1), #second-block-contenu #visuel-absolute {
        order: 2;
    }

    #template-rubrique-apropos .pres-categorie #second-block-contenu .texte-pres-contenu {
        margin: 5rem 0 !important;
        order: 1;
    }

    #second-block-contenu #visuel-absolute, #second-block-contenu #visuel-absolute img {
        position: relative;
    }

    #second-block-contenu #visuel-absolute img:first-child {
        top: 0;
        position: absolute;
        max-width: 71%;
    }

    #second-block-contenu #visuel-absolute img:last-child {
        position: absolute;
        left: 2rem;
        top: 19rem;
        max-width: 16rem;
    }

    #second-block-contenu {
        margin-top: 0;
    }

    #template-rubrique-apropos .pres-categorie .texte-pres-contenu {
        padding-left: 0 !important;
        margin: 5rem 0 !important;
    }

    #template-rubrique-apropos .pres-categorie #second-block-contenu .texte-pres-contenu {
        padding-left: 0 !important;
        margin: 5rem 0 !important;
    }

    #block-services-suite h5 {
        max-width: 100%;
        font-size: 50px;
        line-height: 130%;
    }

    #template-rubrique-apropos .pres-categorie .titre-h3, #template-rubrique-apropos-suite #block-services-entete div,
    #template-rubrique-apropos-suite #block-final #block-final-entete h3 {
        max-width: 100%;
        font-size: 2.4rem;
        line-height: 150%;
    }

    #services-bg-container {
        /* margin: 0 -30px; */
        padding: 0;
    }

    #services-bg-container-block:before {
        background-size: cover;
        min-height: 50rem;
        height: 50rem;
        top: -18rem;
        width: calc(100% + 30px);
    }

    #block-services-suite {
        background: url(../img/bg-apropos-suite-mobile.jpg) no-repeat top left;
        padding: 10rem 1.5rem 5rem 1.5rem!important;
    }

    #template-rubrique-apropos-suite #block-clients-liste .block-clients-liste-logo {
        width: 50%;
    }

    #template-rubrique-apropos-suite #block-services-card .block-services-card-contenu:nth-child(1) {
        padding-right: 0 !important;
    }

    #template-rubrique-apropos-suite #block-services-card .block-services-card-contenu:nth-child(2) {
        padding: 0 !important;
        margin: 4rem 0 !important;
    }

    #template-rubrique-apropos-suite #block-services-card .block-services-card-contenu:nth-child(3) {
        padding-left: 0 !important;
    }

    .body-accueil #full-background {
        /* position:fixed; */
        background-size: cover !important;
        margin-top: 7rem;
        /* display: none; */
    }

    #full-background {
        min-height: 100vh;
    }

    #template-rubrique-apropos .pres-categorie .titre-h2 {
        margin-left: 0;
        text-align: center;
    }

    #template-index-left h1, #template-rubrique-apropos .intro-rub-spe h1 {
        font-size: 4.8rem !important;
        line-height: 150% !important;
    }

    #template-rubrique-apropos .intro-rub-spe h1 i {
        font-size: 4.8rem;
    }

    #template-index-right {
        margin-top: 2rem !important;
        padding-left: 0 !important;
    }

    #template-index-left {
        /* padding-left: 0!important; */
        /* overflow: hidden; */
        z-index: 1;
    }

    #template-index-right-mobile {
        /*top: 42rem;*/
        /*position: absolute;*/
        /*right: 0;*/
        /*!* overflow: hidden; *!*/
        z-index: 10;
        position: relative;
        top: 3rem;
    }

    #template-expertises .template-index-contact-projet-rubrique {
        padding-bottom: 0 !important;
        margin-top: 10rem !important;
    }

    /*#template-index-right-mobile img:first-child {*/
    /*    margin-left: 7rem!important;*/
    /*}*/
    main#template-secteurs, main#template-expertises, main.template-societe {
        padding: 7rem 0 10rem 0 !important;
    }
    main.template-societe.main-swg {
        padding: 0 10px!important;
    }
    main.template-societe {
        padding-bottom: 0rem !important;
    }

    main#template-secteurs + .row-padding {
        margin-bottom: 25rem !important;
    }

    #template-index-right-mobile img:nth-child(2) {
        position: absolute;
        left: 1rem;
        bottom: -4rem;
    }

    #template-index-right-mobile img:nth-child(3) {
        position: absolute;
        right: 1rem;
        top: -4rem;
    }

    .body-accueil #header-main-body, #header-main-body {
        padding: 1rem 1.5rem !important;
    }

    #marque-all-tpl .rubrique-liste-bloc-card .rubrique-liste-bloc-card-content .bouton-link-content,
    .rubrique-liste-bloc-card .rubrique-liste-bloc-card-content .bouton-link-content {
        margin: 1rem 0 2rem 0;
    }

    #marque-all-tpl .rubrique-liste-bloc-card .rubrique-liste-bloc-card-content .bouton-link-content,
    .rubrique-liste-bloc-card .rubrique-liste-bloc-card-content .card .bouton-link,
    .rubrique-liste-bloc-card .rubrique-liste-bloc-card-content .bouton-link-content {
        visibility: visible;
        opacity: 1;
    }

    #marque-detail-tpl button.button-all {
        width: 100%;
        margin-bottom: 2rem;
    }

    #marque-detail-tpl button.button-nav {
        background-color: var(--gray);
        padding: 1.5rem 3rem;
        font-size: 1.6rem;
        color: var(--blue);
        width: 100%;
    }

    #marque-detail-tpl button.button-nav span {
        text-decoration: none;
    }

    #tpl-recompenses #recompenses-histo .block-liste-info-historique .block-visuel {
        display: none !important;
    }

    #tpl-recompenses #recompenses-histo .block-liste-info-historique .block-texte,
    #tpl-recompenses #recompenses-histo .block-liste-info-historique:nth-child(odd) .block-texte,
    #tpl-recompenses #recompenses-histo .block-liste-info-historique:nth-child(even) .block-texte {
        order: 2;
    }

    #tpl-recompenses #recompenses-histo .block-liste-info-historique .block-central {
        justify-content: start !important;
        order: 1;
        min-height: 23rem;
    }

    #tpl-recompenses #recompenses-histo .block-liste-info-historique .block-central > div {
        justify-content: start !important;
        padding: 0;
    }

    #tpl-recompenses #recompenses-histo .block-liste-info-historique:nth-child(even) .block-texte {
        justify-content: start !important;
    }

    #tpl-recompenses #recompenses-histo .block-liste-info-historique:nth-child(even) .block-texte span {
        text-align: left;
    }

    #tpl-recompenses #recompenses-histo .border-histo {
        margin-left: 5rem;
    }

    .block-choix-type-demande-new input.form-control {
        width: 100%;
    }

    #tpl-fiche-franchise #fiche-franchise-tableau .bottom-affluence .expli-couleur .couleur {
        width: 2.2rem;
        height: 1.5rem;
        box-sizing: inherit;
    }

    #tpl-fiche-franchise #fiche-franchise-tableau .bottom-affluence .expli-couleur .titre {
        line-height: 1.5rem;
        padding-left: .5rem;
        font-size: 1.2rem;
    }

    #tpl-fiche-franchise #fiche-franchise-tableau .tableau-affluence .horaires {
        -ms-flex: 0 0 30% !important;
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }

    #tpl-fiche-franchise #fiche-franchise-tableau .tableau-affluence .jour {
        -ms-flex: 0 0 14% !important;
        flex: 0 0 14% !important;
        max-width: 14% !important;
    }

    #template-quisommesnous #button-action button {
        width: 100%;
        margin-bottom: 2rem;
        padding: 1.5rem 1rem !important;
    }

    #template-quisommesnous #button-action button ~ button {
        margin: 0 !important;
    }

    #template-quisommesnous #button-action button i {
        font-size: 2.4rem;
    }

    #template-quisommesnous #button-action button span {
        line-height: 2.4rem;
        font-size: 2rem;
    }

    #template-index-apropos-clients-logos .template-index-apropos-clients-logos-div {
        padding: 4rem 2.5rem !important;
    }
}

html.ua-browser-Safari #template-index-right img.ml-auto,
html.ua-browser-Chrome #template-expertises-right img.ml-auto {
    /*max-height:40rem;*/
}

html.ua-browser-Safari #template-index-right #template-index-right-visu-runum92,
html.ua-browser-Chrome #template-expertises-right #template-index-right-visu-runum92,
html.ua-browser-Safari #template-index-right #template-index-right-visu-runum93,
html.ua-browser-Chrome #template-expertises-right #template-index-right-visu-runum93 {
    max-height: 60rem;
}

html.ua-browser-Safari #template-index-right #template-index-right-visu-runum87,
html.ua-browser-Chrome #template-expertises-right #template-index-right-visu-runum87 {
    max-height: 48rem;
}

/* SMALL sm */
@media only screen and (max-width: 768px) {
    /*body:before {
        background: url(../img/background-gradient-mobile.jpg) no-repeat top right;
    }*/
    #icone-rs {
        /* margin-top: 2rem!important; */
    }

    #template-index-left form#form-alert-lancement .md-form {
        margin-top: 1rem !important;
    }

    #template-index-left .p-intro {
        /* line-height: 2.5rem!important; */
    }

    #template-index-left form#form-alert-lancement .md-form:first-child, #template-rubrique .intro-rub {
        width: 100% !important;
        max-width: 100% !important;
    }

    #template-index-left h1 {
        /* max-width: 60%; */
    }

    #template-index-left .p-intro, #template-index-left form#form-alert-lancement {
        /* max-width: 100% !important; */
        /* margin-top: 1rem!important; */
    }

    #template-index-left .entete-form {
        margin-top: 5rem !important;
        font-size: 1.6rem;
        line-height: 1.8rem;
    }

    #template-rubrique h1 {
        font-size: 4.8rem;
        line-height: 150%;
    }

    #contenu-contact-suite {
        margin-top: 5rem;
    }

    #contenu-contact-suite .contenu-rub-block:nth-child(2) {
        margin-top: 3rem !important;
    }

    #template-rubrique {
        margin-top: 1rem !important;
    }

    #tpl-promo #input-select-prd-rdzvs .dropdown-menu > li > a,
    #tpl-promo .bootstrap-select .dropdown-header {
        white-space: normal;
    }

    #tpl-promo .bootstrap-select .dropdown-menu li {
        display: block;
        height: auto;
        min-height: 4rem;
    }

    #tpl-promo .bootstrap-select .dropdown-menu li.dropdown-divider {
        display: none;
    }

    #formulaire_contact_franchise #button-val button {
        width: 100%;
    }

    .block-choix-type-demande-new-choix:nth-child(3) {
        border-right: 1px solid #cad0d6;
    }

    .block-choix-type-demande-new-choix:nth-child(2n+4) {
        border-left: 1px solid #cad0d6;
        border-right: 1px solid #cad0d6;
        border-top: 0;
    }

    .block-choix-type-demande-new-choix:nth-child(2n+5) {
        border-left: 0;
    }

    #demande-option .block-choix-type-demande-new-choix:nth-child(3) {
        border-left: 1px solid #cad0d6;
        border-top: 0;
    }

    #demande-option .block-choix-type-demande-new-choix:nth-child(4) {
        border-right: 1px solid #cad0d6;
        border-left: 0;
    }

    #demande-option .block-choix-type-demande-new-choix:nth-child(5) {
        border-top: 0;
    }

    .block-choix-type-demande-new-choix div {
        font-size: 1.6rem;
    }

    .header-bandeau img {
        max-height: 4rem;
    }

    #header-main-body .logo-mobile img {
        max-width: 13rem;
    }

    #template-modulespe-nav button {
        width: 100%;
        margin-bottom: 2rem !important;
    }

    #template-modulespe #template-modulespe-entete-breadcrumb div span {
        font-size: 1.3rem;
        padding: .5rem 1rem;
    }

    #template-modulespe #template-modulespe-entete-breadcrumb div ~ div {
        margin-left: 1rem !important;
    }

    #template-modulespe #template-modulespe-entete-breadcrumb div ~ div ~ div {
        margin-left: 0rem !important;
    }

    #template-modulespe #template-modulespe-entete-breadcrumb div ~ div ~ div ~ div {
        margin-left: 1rem !important;
    }

    #template-index-apropos-suite-visuels-after {
        right: -15px;
        top: 154px;
        z-index: -1;
    }

    .subtitle {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }

    h1 {
        font-size: 3.2rem !important;
        line-height: 4.8rem !important;
        font-weight: 700 !important;
    }

    h2 {
        font-size: 2.4rem !important;
        line-height: 4rem !important;
        font-weight: 500 !important;
    }

    h3 {
        font-size: 3.2rem !important;
        line-height: 4.8rem !important;
        font-weight: 500 !important;
    }

    #template-index-secteur-entete .p-intro {
        font-size: 1.6rem;
        line-height: 3.2rem;
    }

    #template-index-clients-slider-logo > div:first-child {
        padding-right: 1rem !important;
    }

    #template-index-clients-slider-logo > div + div {
        padding: 0 1rem !important;
    }
}

.ua-browser-Safari .navbar #open-menu-desktop {
    display: none !important;
}

.navbar #open-menu-desktop,
.ua-browser-Safari #navbarSupportedContent2 {
    display: none !important;
}

.ua-browser-Safari .navbar #open-menu-desktop {
    display: block !important;
}

#open-menu-desktop .threebar {
    cursor: pointer;
    /*padding: 1rem;*/
}

#open-menu-desktop .threebar .bar {
    width: 32px;
    height: 2px;
    background: #000723;
    margin: 0 0 6px 0;
    transition: all .3s ease-in-out;
    border-radius: 2px;
    transform-origin: 50%;
}
#open-menu-desktop .hamburger .bar:nth-child(2),
#open-menu-desktop .hamburger .bar:nth-child(3){
    margin: 6px 0 0 0;
}

#open-menu-desktop .cross .bar:nth-child(1) {
    transform: translateY(4px) rotate(45deg);
}

#open-menu-desktop .cross .bar:nth-child(2) {
    transform: translateY(-4px) rotate(-45deg);
    margin-bottom: 0;
}

#open-menu-desktop .cross .bar:nth-child(3) {
    display:none!important;
}

/* MAIN MENU */
#sidenav-overlay {
    /*background-color: rgba(29, 9, 110,0.5);*/
    background: transparent;
    visibility: hidden;
    height: 0;
}

.form-container {
    background-color: white;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    padding: 30px;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
}
.side-nav {
    background-color: transparent!important;
    padding-bottom: 0 !important;
    top: 72px!important;
    min-width: 100% !important;
    width: 100% !important;
    box-shadow: none !important;
    /* height: 0; */
    /* max-height: 0; */
    /* min-height: 0; */
    transform: translate3d(0px, -7rem, 0px) !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transition: all .3s;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    /* transform-origin: bottom right; */
    /* box-sizing: border-box; */
    /* z-index: -1; */
    /* display:none!important; */
}

body.menu-open {
    position: fixed;
    /* overflow: hidden; */
}

.menu-open .side-nav {
    transform: translate3d(0px, 0px, 0px) !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 11;
    height: calc(100vh - 7.1rem);
     max-height: calc(100vh - 7.2rem);
    /*min-height: calc(100vh - 7.1rem);*/
    /* overflow: auto!important; */
}

#slide-out > a.button-collapse {
    display: none !important;
}

#slide-out .button-collapse {
    /* position: fixed; */
    /* top: 3rem; */
    /* right: 1rem; */
    /* z-index: 1050; */
    /* width: 3.8rem; */
    /* height: 3.8rem; */
    display: none !important;
}

#slide-out .button-collapse:before {
    width: 2.4rem;
    height: 2.4rem;
    color: black;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 3rem;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    content: 'close';
}

#slide-out-logo {
    /*width: 80%;*/
    /*padding-left: 20%;*/
}

#slide-out-close .button-collapse {
    display: none;
}

#slide-out-close {
    position: fixed;
    top: 2rem;
    left: 0;
    z-index: 1050;
}

#slide-out-close i {
    color: var(--blue);
    font-size: 4rem;
}

#slide-out .logo-wrapper {
    border-bottom: 0;
    height: auto;
}

#slide-out .logo-wrapper img {
    padding: 1rem 8rem;
}

#slide-out > ul {
    padding: 0;
    height: 100%;
    min-height: 100%;
    position: relative;
    /* background: white!important; */
    top: 0rem!important;
    /* overflow: auto!important; */
    /* overflow-anchor: auto!important; */
}

#slide-out > ul > li:first-child {
    margin-top: 0rem !important;
     height: auto;
    display: block;
}

#slide-out #slide-out-navigation {
    position: relative;
    /* overflow: auto!important; */
    /* max-height: calc(100vh - 7.1rem); */
    background: white!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

#slide-out #slide-out-navigation:before {
    /*content:"";*/
    /*width: 100%;*/
    /*height: 80px;*/
    /*bottom:0;*/
    /*position: fixed;*/
    /*background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);*/
}

.shade {
    display: none !important;
    width: 100%;
    height: 18rem;
    position: fixed;
    bottom: 12rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -21.7%, #FFFFFF 50%);
    /*opacity:.8;*/
}

#slide-out #slide-out-navigation #side-menu {
    margin: 0;
    /* max-height: 250px; */
    /*background: linear-gradient(to bottom,  rgba(255,255,255,0), white 100%);*/
    /* overflow-y: auto; */
}

#slide-out #slide-out-navigation .nav-item,
#slide-out-navigation-suite .nav-item,
#slide-out .menu-item {
    padding: 0;
    border-radius: 0;
}

#slide-out {
    padding-left: 0 !important;
    /* position: relative!important; */
    padding-right: 0 !important;
}

#slide-out > ul li.menu-item {
    padding: 0 !important;
    ! importan;
    ! importa;
    ! import;
    ! impor;
    ! impo;
    ! imp;
    ! im;
    ! i;
    !;
    ! importan;
    ! importa;
    ! import;
    ! impor;
    ! impo;
    ! imp;
    ! im;
    ! i;
    !;
    border-bottom: 1px solid #F3F4F6;
}

#slide-out .menu-item .collapsible-header i {
    vertical-align: middle;
    /* width: 13%; */
    /* text-align: center; */
    transition: all .3s ease-in-out;
    /* text-align: right; */
    font-size: 2.4rem;
    /* padding-left: 1rem; */
    transform-origin: center;
    color: #6B7280;
}

#slide-out .collapsible a.active i {
    /*-webkit-transform: rotate(180deg);*/
    /*-ms-transform: rotate(180deg);*/
    /*transform: rotate(180deg);*/
}

#slide-out > ul li.menu-item .texte {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

#slide-out > ul li.menu-item .visuel {
    padding: 10px;
    flex: none;
    border-radius: 8px;
    background: #F4F4F4;
}

#slide-out a.collapsible-header span,
#slide-out a.nodropdown {
    /* width: 85%; */
    display: inline-block;
    margin: 0;
    padding: 0;
}

#slide-out .collapsible ul.sub-menu {
    /* background-color: #F4F4F4; */
    border-top: 1px solid #F3F4F6;
}

#slide-out .collapsible ul.sub-menu li {
    padding: 16px !important;
    /* border-bottom: 1px solid #F2F2F2; */
}

#slide-out .collapsible > li a.collapsible-header.active span {
    color: #005DEC;
}

#slide-out .dropdown-item-bottom a {
    color: #005DEC !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    transition: all 0.2s ease-in-out;
    padding: 0 !important;
}

#slide-out .dropdown-item-bottom {
    background: #F4F4F4;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 16px !important;
    font-size: 16px;
    color: #212529 !important;
}

#slide-out .collapsible ul.sub-menu .titre {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    /* letter-spacing: 0.2px; */
    color: #000000;
}

#slide-out .collapsible ul.sub-menu .sstitre {
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0.2px;
    color: #4F4F4F;
    font-weight: 400;
}

#slide-out .collapsible ul.sub-menu li:last-child {
    margin-bottom: 0 !important;
}

#slide-out .collapsible-body a,
.side-nav .collapsible li a:hover {
    background-color: transparent;
}

#slide-out #slide-out-navigation .nav-item + .nav-item {
    padding-top: 4rem;
}

#slide-out #slide-out-navigation .nav-item + .nav-item a {

}

#slide-out #slide-out-navigation .nav-item a,
#slide-out #slide-out-navigation .nav-item span {
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;
    color: #000723;
    padding: 0;
    height: auto !important;
    text-decoration: none !important;
}

#slide-out .menu-item a {
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    color: #000723;
    padding: 0;
    height: auto !important;
    text-decoration: none !important;
    /* padding: 0 16px!important; */
    ! importan;
    ! importa;
    ! import;
    ! impor;
    ! impo;
    ! imp;
    ! im;
    ! i;
    !;
}

#slide-out .menu-item a.collapsible-header {
    padding: 12px 16px !important;
}

#slide-out #slide-out-navigation .nav-item + .nav-item a {
    /* color: white; */
    /* background: var(--blue); */
    /* border-radius: 8px; */
    /* font-weight: 500; */
    /* font-size: 1.6rem; */
    /* line-height: 1.8rem; */
    /* padding: 1.5rem 1rem!important; */
    /* width: 15rem!important; */
    /* text-align: center; */
}

#slide-out-navigation-suite {
    position: relative;
}

#slide-out-navigation-suite .nav-item a,
#slide-out-navigation-suite .nav-item span {
    font-size: 1.3rem;
    padding: 0;
    height: 3rem;
    line-height: 3rem;
}

#slide-out-navigation-suite #badge-av-green {
    position: absolute;
    right: 1rem;
    bottom: 3rem;
}

#slide-out-button {
    /*height: 4.8rem;*/
    /*position: fixed;*/
    /*left: 1.5rem;*/
    /*bottom: 12rem;*/
    /*width: calc(100% - 3rem);*/
    /*text-align: center;*/
    background-color: #F9FAFB;
    padding: 16px !important;
    border-bottom: 1px solid #E5E7EB;
}

#slide-out-button a {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding: 0 !important;
    color: #005DEC !important;
    gap: 12px !important;
    /*height: 4.8rem;*/
    /*line-height: 4.8rem;*/
    /*padding: 0;*/
    /*display:block;*/
    /*background: #FF9480;*/
    /*border-radius: 30px;*/
    /*color: #FFFFFF;*/
    /*font-weight: 700;*/
    /*font-size: 16px;*/
    /*width: 100%;*/
}

#slide-out-button a:hover, #slide-out-button a:active, #slide-out-button a:focus, #slide-out-button a:visited {
    /*text-decoration:none!important;*/
    /*color: #FFFFFF!important;*/
}

#slide-out-button #slide-out-button-interne {
    padding: 0 2rem;
}

#slide-out-button #slide-out-button-interne li {
    color: white;
    font-size: 1.7rem;
    transition: all .3s ease-in-out;
}

#slide-out-button #slide-out-button-interne li a,
#slide-out-button #slide-out-button-interne li .link-to {
    background-color: var(--blue);
    color: white;
    font-size: 1.5rem;
    line-height: 2rem;
    height: auto;
}

#slide-out-button #slide-out-button-interne li a span,
#slide-out-button #slide-out-button-interne li .link-to span {
    padding: .5rem 0;
}

#slide-out-button #slide-out-button-interne li ~ li a,
#slide-out-button #slide-out-button-interne li ~ li .link-to {
    background-color: var(--green);
}

#slide-out-social-link {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0rem;
}

html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-right img,
html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-expertises-right img {
    margin-right: auto !important;
}

html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet .template-index-contact-projet-rubrique:after {
    right: -50rem;
    background-size: contain;
}

html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #block-services,
body.ua-browser-Chrome.ua-devicetype-mobile #block-services {
    padding: 0 !important;
}

html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet .template-societe #template-rubrique-apropos-suite {
    margin-top: 30rem !important;
}

html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-cards .card-ext {
    margin-bottom: 4rem !important;
}

@media only screen and (min-width: 1050px) {
    body.ua-browser-Safari.ua-deviceos-MacOS #template-index-apropos-suite-visuels img ~ img {
        position: relative;
        top: -15rem;
    }

    body.ua-browser-Safari.ua-deviceos-MacOS #template-index-apropos {
        padding-bottom: 0 !important;
    }

    html.ua-browser-Safari #template-index-secteur-card .card,
    html.ua-browser-Chrome #template-index-secteur-card .card {
        /*height: 40rem;*/
    }

    html.ua-browser-Safari #container_services_associes_web .texte ul li,
    html.ua-browser-Chrome #container_services_associes_web .texte ul li {
        width: 50%;
        font-size: 2rem;
        line-height: 3rem;
    }

    html.ua-browser-Safari #container_services_web ul li:nth-child(2n+2),
    html.ua-browser-Chrome #container_services_web ul li:nth-child(2n+2) {
        margin-left: 1.5rem;
    }

    html.ua-browser-Safari #container_services_web ul li,
    html.ua-browser-Chrome #container_services_web ul li {
        font-size: 2rem;
        line-height: 3rem;
    }

    html.ua-browser-Safari #container_services_web ul li,
    html.ua-browser-Chrome #container_services_web ul li {
        padding-left: 3.5rem;
    }

    html.ua-browser-Chrome .template-plateforme #template-index-contact-projet h2 {
        max-width: 100%;
    }

    html.ua-browser-Safari body #tarteaucitronRoot div#tarteaucitronAlertBig {
        width: 95% !important;
    }

    html.ua-browser-Safari #template-index-right-absolute {
        right: -4rem;
        top: -10rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    html.ua-browser-Safari #link-button-home-hp {
        bottom: 1rem;
    }

    html.ua-browser-Safari #template-index-right-absolute .visuel-2 {
        left: -12rem;
        top: 9rem;
    }

    html.ua-browser-Safari #template-index-right-absolute .visuel-groupe {
        right: 13rem;
        top: -5rem;
    }

    html.ua-browser-Safari #template-index-concepteur .card .p-lg-5 {
        padding: 0 !important;
    }

    html.ua-browser-Safari #template-index-concepteur #img-concepteur {
        right: -20rem;
    }

    html.ua-browser-Safari #template-index-apropos-suite-visuels-after,
    body.ua-browser-Chrome.ua-devicetype-tablet #template-index-apropos-suite-visuels-after {
        right: -40rem;
        top: -30rem;
        z-index: -1;
    }

    html.ua-browser-Safari #template-card-bleu-right,
    html.ua-browser-Chrome #template-card-bleu-right {
        padding-left: 3rem !important;
    }

    html.ua-browser-Safari #slide-out-button {
        bottom: 6rem;
        text-align: center;
    }

    html.ua-browser-Safari #slide-out-button a {
        width: 30%;
        display: inline-block;
    }

    /*html.ua-browser-Safari .template-index-contact-projet-rubrique:after, html.ua-browser-Safari .template-plateforme #template-index-contact-projet:after, html.ua-browser-Safari .template-index-contact-projet-index:after {*/
    /*    height: 120rem;*/
    /*}*/
    html.ua-browser-Safari #footer-right {
        padding-left: 0 !important;
    }

    html.ua-browser-Safari #footer-right .footer-right-li-first {
        padding: 0 2rem 0 0;
    }

    html.ua-browser-Safari #template-index-contact-projet .p-intro {
        max-width: 100%;
    }

    html.ua-browser-Safari #row_list_frere #template-index-cards .card-ext.col-lg-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    html.ua-browser-Safari .template-plateforme #row_list_frere #template-index-cards .card-ext.col-lg-4,
    body.ua-browser-Chrome.ua-devicetype-tablet .template-plateforme #row_list_frere #template-index-cards .card-ext.col-lg-4 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    body.ua-browser-Chrome.ua-devicetype-tablet #template-expertises-bandeau-cards {
        padding: 150px 0 75px 0 !important;
    }

    html.ua-browser-Safari .template-plateforme #row_list_frere #template-index-cards .card-ext:nth-child(2) {
        padding: 0 1rem !important;
    }

    html.ua-browser-Safari #template-expertises #slider-intro-height #template-index-left {
        padding-right: 1.5rem !important;
    }

    html.ua-browser-Safari #template-expertises-bandeau-cards {
        padding-top: 0 !important;
        position: relative;
    }

    html.ua-browser-Safari #template-expertises-bandeau-cards > .row:first-child .subtitle {
        padding-top: 75px !important;
    }

    html.ua-browser-Safari #template-rubrique-apropos-suite #block-services-card .block-services-card-contenu:nth-child(1) {
        padding-right: 1rem !important;
    }

    html.ua-browser-Safari #template-rubrique-apropos-suite #block-services-card .block-services-card-contenu:nth-child(2) {
        padding: 0 1rem !important;
    }

    html.ua-browser-Safari #template-rubrique-apropos-suite #block-services-card .block-services-card-contenu:nth-child(3) {
        padding-left: 1rem !important;
    }

    html.ua-browser-Safari #block-services-suite {
        padding: 15rem 1.5rem !important;
    }

    html.ua-browser-Safari #form-contact {
        padding-left: 2rem !important;
    }

    html.ua-browser-Safari #row_list_frere #template-index-cards .card-ext:nth-child(2) {
        padding: 0 0 0 1rem !important;
    }

    html.ua-browser-Safari main#template-secteurs, html.ua-browser-Safari main#template-expertises, html.ua-browser-Safari main.template-societe {
        padding-bottom: 20rem !important;
    }

    html.ua-browser-Safari #header-main-body .logo img, #header-main-body .logo-mobile img {
        max-width: 13rem;
        padding: 1rem 0;
    }

    html.ua-browser-Safari main#template-secteurs, html.ua-browser-Safari main#template-expertises, html.ua-browser-Safari main.template-societe {
        padding-top: 7rem !important;
    }

    html.ua-browser-Safari main {
        padding-top: 7rem !important;
    }

    html.ua-browser-Safari .template-plateforme #template-index-contact-projet h2 {
        max-width: 100%;
    }

    html.ua-browser-Safari .side-nav {
        top: 6rem !important;
    }

    html.ua-browser-Safari #template-card-bleu-right > div:first-child {
        padding-right: 1rem !important;
    }

    html.ua-browser-Safari #template-card-bleu-right > div:last-child {
        padding-left: 1rem !important;
    }

    html.ua-browser-Safari #template-secteurs-fonc-specifs-visuel > div + div {
        top: -5rem !important;
    }

    /*html.ua-browser-Safari #slider-intro-height {*/
    /*    padding: 0 0 0 0!important;*/
    /*}*/
    html.ua-browser-Safari #template-index-right-absolute .pastille.erp {
        top: 7rem;
        left: 8rem;
    }

    html.ua-browser-Safari #template-index-right-absolute .pastille.web {
        top: 15rem;
    }

    html.ua-browser-Safari #template-index-right-absolute .pastille.ux {
        top: 23rem;
    }

    html.ua-browser-Safari #template-index-right-absolute .pastille.consulting {
        top: 35rem;
        left: 22rem;
    }

    html.ua-browser-Safari #template-index-right-absolute .pastille.identite {
        left: 23rem;
    }

    main#template-index #template-index-left {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
    }

    /*.container-padding .row {*/
    /*    padding: 0!important;*/
    /*}*/
    html.ua-browser-Safari #slide-out .collapsible ul.sub-menu li,
    body.ua-browser-Chrome.ua-devicetype-tablet #slide-out .collapsible ul.sub-menu li {
        width: 33%;
        display: inline-block !important;
    }

    html.ua-browser-Safari #template-index-cards .card-int .titre-card {
        font-size: 2.6rem;
        line-height: 3.2rem;
    }

    html.ua-browser-Safari #template-index-cards .card-ext:first-child {
        padding-right: 1rem !important;
    }

    html.ua-browser-Safari #template-index-cards .card-ext:last-child {
        padding-left: 1rem !important;
    }

    html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-right-mobile img:nth-child(2) {
        position: absolute;
        left: 1rem;
        bottom: -4rem;
    }

    html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-right-mobile img:nth-child(3) {
        position: absolute;
        right: 1rem;
        top: -4rem;
    }

    html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-right-mobile .tablet-pastille .pastille.ux {
        top: 18rem;
    }

    html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-right-mobile .tablet-pastille .pastille.consulting {
        bottom: 10rem;
    }

    html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-right-mobile .pastille.ui {
        top: 34rem;
        left: 40rem;
    }

    html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-right-mobile .pastille.identite {
        top: 40rem;
        left: 20rem;
    }

    body.ua-browser-Chrome.ua-devicetype-tablet #footer-right .footer-right-li-first {
        width: 25%;
        padding: 0 2rem;
    }

    body.ua-browser-Chrome.ua-devicetype-tablet #template-index-contact-projet .p-intro {
        max-width: 100%;
    }

    body.ua-browser-Chrome.ua-devicetype-tablet .template-index-contact-projet-rubrique:after,
    body.ua-browser-Chrome.ua-devicetype-tablet .template-plateforme #template-index-contact-projet:after,
    body.ua-browser-Chrome.ua-devicetype-tablet .template-index-contact-projet-index:after,
    html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet .template-index-contact-projet-rubrique:after {
        right: -85rem !important;
        height: 80rem;
        width: 100%;
        top: -20rem;
        background: url('../img/orange_blue.png');
        background-position: top left;
        background-repeat: no-repeat;
        background-size: contain;
        filter: none;
    }

    html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-expertises-bandeau-cards > .row:first-child .subtitle {
        padding-top: 75px !important;
    }

    html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet .template-societe #template-rubrique-apropos-suite {
        margin-top: 10rem !important;
    }

    html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet form#form-newsletter button span {
        display: none !important;
    }
}

html.ua-browser-Safari #template-expertises #link-button-home,
html.ua-browser-Safari #template-secteurs #link-button-home,
html.ua-browser-Safari #template-rubrique-apropos #icone-rs {
    display: none !important;
}

html.ua-browser-Safari .side-nav .visuel .img-fluid {
    margin-left: auto;
    margin-right: auto;
}

/*html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-right-mobile > img:first-child {*/
/*    display:none!important;*/
/*}*/
/*html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-right-mobile > img:nth-child(2) {*/
/*    position:relative;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*}*/
/*html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-right-mobile > img:nth-child(3) {*/
/*    position: absolute;*/
/*    left: 1rem;*/
/*    top: 50%;*/
/*}*/
/*html.ua-browser-Chrome body.ua-browser-Chrome.ua-devicetype-tablet #template-index-right-mobile > img:nth-child(4) {*/
/*    position: absolute;*/
/*    right: 10%;*/
/*    top: -4rem;*/
/*}*/

/*
/* V3 anto
*/

.subtitle-expertises {
    color: #005DEC;
    font-style: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
}

h3.subtitle-expertises {
    /*font-size: 2.4rem;*/
    /*font-weight: 600;*/
    font-size: 1.6rem!important;
    font-weight: 900!important;
    line-height: 150%!important;
    letter-spacing: 2px!important;
}

.title-expertises {
    color: #000723;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.text-expertises {
    color: #6B7280;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150% !important; /* 30px */
    max-width: 80rem !important;
}

.text-about {
    color: #005DEC;
    font-size: 40px !important;
    font-style: normal;
    font-weight: 900 !important;
    line-height: 125% !important;
    letter-spacing: -0.4px !important;
}

.subtext-about {
    color: #6B7280;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 150% !important;

}

p.subtext-about {
    margin-bottom: 42px;
}

p.subtext-about:last-child {
    margin-bottom: 0;
}

.icon-expertise {
    background-color: #005DEC;
    border-radius: 8px;
    padding: 12px;
}

.bloc-recrutement {
    background-color: #005DEC;
    border-radius: 32px;
}
.bloc-recrutement h2 {
    color: #F9FAFB;
    font-family: Roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.bloc-recrutement p {
    color: #E5E7EB;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding-top: 24px;
}

.bloc-recrutement a {
    display: flex;
    padding: 12px 20px;
    width: fit-content;
    justify-content: end;
    align-items: center;
    gap: 12px;
    border-radius: 30px;
    background: #FFF;
    color: #005DEC;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;

}

.bloc-recrutement a:hover {
    text-decoration: none !important;
    color: #005DEC !important;
}

.join-siweb p {
    color: #6B7280;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.join-siweb a {
    /*display: flex;*/
    /*padding: 12px 20px;*/
    /*width: fit-content;*/
    /*justify-content: end;*/
    /*align-items: center;*/
    /*gap: 12px;*/
    /*border-radius: 30px;*/
    /*background: #005DEC;*/
    /*color: #FFF;*/
    /*text-align: center;*/
    /*font-size: 18px;*/
    /*font-style: normal;*/
    /*font-weight: 700;*/
}

.join-siweb a:hover {
    /*color: #FFF !important;*/
    /*text-decoration: none !important;*/
    /*background-color: #004DC3 !important;*/
}

.argument-container {
    padding-top: 40px;
}

.argument-card + .argument-card {
    margin-left: 64px;
}

.argument-card {
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #FFF;
    display: flex;
    padding: 48px 32px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
}

.annotation-argument-container {
    padding-top: 32px;
    color: #005DEC !important;
    text-align: center;
    font-family: Roboto;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 180% !important; /* 28.8px */
}

.avantages-icon {
    width: 56px;
    height: 56px;
    background-color: #005DEC;
    border-radius: 10px;
}
.avantages-card h5 {
    color: #000723;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.avantages-card p {
    color: #6B7280;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.max-w-519px {
    max-width: 519px;
}

.max-w-3lg {
    max-width: 768px;
}

.valeurs-card + .valeurs-card {
    margin-left: 24px;
}

.valeurs-card {
    border-radius: 8px;
    border: 1px solid #F2F2F2;
    background: #FFF;
    padding: 24px;

}

.valeurs-card p {
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    color: #4B5563;
}

.pt-24 {
    padding-top: 96px !important;
}

.pt-32 {
    padding-top: 128px !important;
}

.pt-newsletter {
    padding-top: 0px !important;
}

.pt-16 {
    padding-top: 64px !important;
}

.pt-3 {
    /* padding-top: 12px !important; */
}

.mt-24 {
    /* margin-top: 96px; */
}

.mr-16 {
    margin-right: 64px;
}

.pb-24 {
    padding-bottom: 96px;
}

.pt-16 {
    padding-top: 64px;
}

.pb-16 {
    padding-bottom: 64px;
}

.pt-12 {
    padding-top: 48px;
}

.pt-2 {
    padding-top: 8px !important;
}

.text-gray {
    color: #4B5563 !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 150% !important; /* 30px */
}

.text-gray-black {
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
}

.text-deploy {
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.text-gray-small {
    color: #6B7280;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.bg-gray-200 {
    background-color: #F6F6F6;
}

.pt-4 {
    padding-top: 16px;
}

.pt-6 {
    padding-top: 24px !important;
}

.pt-8 {
    padding-top: 32px !important;
}

.pt-14 {
    padding-top: 56px;
}

.pb-8 {
    padding-bottom: 32px;
}

.mb-16 {
    margin-bottom: 64px;
}

.pb-6 {
    padding-bottom: 24px !important;
}

.mt-6 {
    margin-top: 24px !important;
}

.pr-24, .pr-lg-24 {
    padding-right: 96px !important;
}

.pt-10 {
    padding-top: 40px !important;
}

.mt-10 {
    margin-top: 40px !important;
}

.mb-24 {
    margin-bottom: 96px !important;
}

.mt-8 {
    margin-top: 32px !important;
}

.mb-8 {
    margin-bottom: 32px !important;
}

.mb-6 {
    margin-bottom: 24px !important;
}

.testimonials-card {
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #FFF;
    display: flex;
    padding: 32px;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    gap: 20px;
}

.join-siweb .col + .col {
    padding-left: 32px !important;
}

.testimonials-card + .testimonials-card {
    margin-top: 24px;
}

.testimonials-card span {
    color: #111928;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.testimonials-card p {
    color: #6B7280;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.avatar-badge {
    border-radius: 50%;
    background: #FFE6E1;
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    /*gap: 10px;*/
}

.avatar-badge ~ .d-flex > p {
    margin-bottom: 0 !important;
    margin-top: 8px !important;
}

.emploi-card {
    border-radius: 16px;
    display: flex;
    padding: 32px 24px;
    align-items: center;
    gap: 32px;
    flex: 1 0 0;
    border: 1px solid #E5E7EB;
    width: fit-content;
}

.emploi-card:hover {
    background: #F4F4F4; /* Changez la couleur de fond au survol */
    transition: background 0.3s; /* Ajoutez une transition pour rendre l'effet plus fluide */
}

.emploi-card:hover h4 {
    color: #005DEC; /* Changez cette couleur selon vos besoins */
}

.emploi-card + .emploi-card {
    margin-left: 40px;
}

.emploi-card .emploi-card-icone {
    border-radius: 8px;
    width: 40px;
    height: 40px;
}


.emploi-card i {
    color: #9CA3AF;
}

.key-point-card {
    display: flex;
}

.key-point-card span {
    color: #000723;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.key-point-card p {
    color: #6B7280;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.key-point-card + .key-point-card {
    margin-left: 32px;
}

.point-svg {
    width: 40px;
    height: 40px;
}

.emploi-card h4 {
    color: #111928;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.emploi-card p {
    color: #6B7280;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.gap-x-4 {
    column-gap: 16px;
}

.gap-x-2-5 {
    column-gap: 10px;
}

.ml-4 {
    margin-left: 16px;
}

.ml-16 {
    margin-left: 64px;
}

.ml-24 {
    margin-left: 96px;
}

.emploi-all-button {
    display: flex !important;
    padding: 12px 20px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    background-color: #FFFF !important;
    border-radius: 30px !important;
    color: #005DEC !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}

.emploi-all-button:hover {
    color: #005DEC !important;
    text-decoration: none !important;
}

.emploi-all-button:hover i {
    color: #005DEC !important;
    text-decoration: none !important;
    margin-left: 2rem !important;
}

.emploi-all-button i {
    transition: all .3s ease-in-out !important;
}

.emploi-category {
    color: #374151;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 150%; /* 24px */
    letter-spacing: 2px;
    text-transform: uppercase;
}

.no-offer-card {
    border-radius: 32px;
    background: #E5EFFF;
    display: flex;
    width: 1280px;
    padding: 80px;
    flex-direction: column;
    align-items: center;
    gap: 48px;
}

.no-offer-card p {
    max-width: 60%;
}

.gray-line {
    background: #E5E7EB;
    height: 1px;
    width: 100% !important;
}

.offre-info-card {
    border-radius: 16px;
    border: 1px solid #D1D5DB;
    display: flex;
    padding: 32px;
    flex-direction: column;
    flex: 1 0 0;
}

.offre-info-card p {
    color: #6B7280;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0 !important;
    text-transform: uppercase;
}

.offre-info-card span {
    color: #111928;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}


.offre-description h3 {
    color: #374151;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 150% !important;
}

.offre-description p {
    color: #4B5563;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.linkedin-button {
    display: flex;
    height: 52px;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 30px;
    border: 1px solid #005DEC;
    background: #FFF;
}

.postuler-button {
    height: 52px;
    padding: 12px 20px;
    gap: 12px;
    border-radius: 30px;
    background: #005DEC;
    color: #FFFF !important;
}

.separator {
    height: 1px;
    background: #E5E7EB;
}

.w-32px {
    width: 32px !important;
}

.func-card {
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #FFF;
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    /* flex: 1 0 0; */
    align-self: stretch;
}

.func-card.func-card-bottom {
    gap: 0;
    position: relative;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
}

.func-card.func-card-bottom p {
    margin-top: 12px !important;
    /* margin-bottom: 0 !important; */
}

.func-card .check ul li {
    color: #6b7280 !important;
    flex: 0 0 100%;
    line-height: 180% !important;
    padding-top: 0 !important;
    padding-bottom: 8px !important;
}

.func-card .check ul li {
    padding-bottom: 0px !important;
}

.func-card + .func-card {
    /* margin-left: 40px; */
}
.func-card .func-card-link {
    position: absolute;
    bottom: 3rem;
    right: 32px;
}

.func-std-grid .func-card + .func-card {
    margin-left: 24px;
}

.func-std-grid .func-card {
    padding: 32px 32px 20px 32px !important;
}

.func-std-grid .func-card .check ul li {
    /*font-size: 16px;*/
    /*font-style: normal;*/
    font-weight: 400;
    /*line-height: 180%; !* 28.8px *!*/
}

.check ul {
    list-style-type: none;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
}

.check li {
    padding-top: 16px;
    color: #F9FAFB;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* Couleur par défaut pour le mode light */
    flex: 0 0 50%; /* Chaque élément prend 50% de la largeur du conteneur parent */
    box-sizing: border-box;
}

.check li::before {
    background-image: url("../img/check.svg");
    content: "";
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.grid {
    display: grid !important;
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.py-14 {
    padding-top: 3.5rem !important; /* 56px */
    padding-bottom: 3.5rem !important; /* 56px */
}

.py-4 {
    padding-top: 16px !important; /* 56px */
    padding-bottom: 16px !important; /* 56px */
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-8 {
    padding-top: 32px !important; /* 32px */
    padding-bottom: 32px !important; /* 32px */
}

.px-16 {
    padding-left: 4rem !important; /* 64px */
    padding-right: 4rem !important; /* 64px */
}

.px-8 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}



.cta-button {
    color: #005DEC;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.card-h3-title {
    color: #000723;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.card-p-text {
    color: #4B5563;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.more-button {
    color: #005DEC !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 150% !important;
}


.more-button i {
    transition: all .3s ease-in-out;
}

.more-button:hover {
    color: #005DEC !important;
    text-decoration: none !important;
}

.more-button:hover span {
    color: #005DEC !important;
    text-decoration: underline;
}

.more-button:hover i {
    text-decoration: none !important;
    color: #005DEC !important;
    margin-left: 2rem !important;
}

.image-rounded-gray {
    border-radius: 8px;
    background: #F4F4F4;
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.image-rounded-gray.width-free {
    width: auto;
    height:auto;
}
.white-button {
    border-radius: 30px !important;
    background: #FFF !important;
    display: flex !important;
    padding: 12px 20px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    color: #005DEC !important;
}

.bg-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.text-joinus {
    color: #E5E7EB !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 150% !important;
}

.blue-button {
    border-radius: 30px !important;
    background: #005DEC !important;
    display: flex !important;
    padding: 12px 20px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    align-self: stretch !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.blue-button:hover {
    background: #004DC3 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.white-blue-border-button {
    border-radius: 30px !important;
    border: 1px solid #005DEC !important;
    background: #FFF !important;
    display: flex !important;
    padding: 12px 20px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    color: #005DEC !important;
    text-decoration: none !important;
    width: fit-content;
    font-weight: 600;
}

.white-blue-border-button:hover {
    background: #F3F4F6 !important;
    color: #005DEC !important;
    text-decoration: none !important;
}

.candid-sponta-button {
    display: flex !important;
    padding: 12px 20px !important;
    width: fit-content !important;
    justify-content: end !important;
    align-items: center !important;
    gap: 12px !important;
    border-radius: 30px !important;
    background: #FFF !important;
    color: #005DEC !important;
    text-align: center !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    line-height: 18px !important;
}

.candid-sponta-button:hover {
    /* background: #F3F4F6 !important; */
    color: #005DEC !important;
    background: #F3F4F6 !important;
    text-decoration: none !important;
}

.candid-sponta-button:active {
    /* background: #F3F4F6 !important; */
    color: #005DEC !important;
    background: #E5E7EB !important;
    text-decoration: none !important;
}

.location {
    color: #6B7280 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 180% !important;
}

.form-contact {
    padding: 32px !important;
    align-items: center !important;
    gap: 24px !important;
    border-radius: 8px !important;
    border: 1px solid #E5E7EB !important;
    background: #FFF !important;
}

.input-form {
    /* padding: 12px 16px; */
    width: 100%;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #D1D5DB;
    background: #FFF;
}

.rounded-lg {
    border-radius: 8px !important;
}

.rounded-3xl {
    border-radius: 24px !important;
}

.icone-16x16 {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.icone-20x20 {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.card-navbar:hover {
    background-color: #F4F4F4 !important;
}

.card-navbar:hover span {
    color: #005DEC !important;
}

.label-form {
    color: #6B7280 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 180% !important;
}

.black-label-form {
    color: #1F2A37;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.texte-gray-bold {
    color: #4B5563;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
}

.texte-gray-medium {
    color: #4B5563;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}

.custom-file-icone {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #9CA3AF;
    z-index: 10;
}

.newsletter-link {
    color: #737B7D;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.2px;
    text-decoration-line: underline;
}

.max-w-3xl {
    max-width: 768px;
    width: 100%;
}

.text-xl {
    font-size: 20px;
    line-height: 1.75rem;
}

.my-10px {
    margin-top: 40px; /* 4px */
    margin-bottom: 40px; /* 4px */
}

.candidature-bottom-legal b {
    color: #6B7280;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
}

.candidature-bottom-legal p {
    color: #6B7280 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.candidature-bottom-legal a {
    color: #005DEC;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    text-decoration-line: underline;
}

.sommaire a {
    color: #005DEC !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.politique-content h3 {
    color: #111928 !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 150% !important;
    margin-top: 3rem !important;
}

.politique-content h4 {
    color: #6B7280 !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 150% !important;
}

.politique-content p {
    color: #6B7280;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.politique-content a {
    color: #005DEC !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    text-decoration-line: underline !important;
}

.politique-content ol {
    color: #6B7280 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 180%;
}

.politique-content ul {
    color: #6B7280;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
}

.politique-content th {
    color: #6B7280;
    font-size: 12px;
    padding: 8px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    white-space: nowrap;
    border: none;
}

.politique-content thead {
    gap: 0px;
    flex: 1 0 0;
    border-radius: 8px 0px 0px 8px;
    background: #F9FAFB;
    border: none;

}

.politique-content table, tbody {
    margin-top: 14px;
    margin-bottom: 14px;
    border-right: none;
    border-left: none;
    border-top: none;
}

.politique-content td {
    padding: 8px;
    border-right: none;
    vertical-align: top;
    border-left: none;
    border-bottom: 1px solid #E5E7EB;
    color: #6B7280;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}

.tos-cadre {
    border-radius: 8px;
    padding: 24px;
    background: #F9FAFB;
    margin-top: 14px;
    margin-bottom: 14px;
}

.politique-content span {
    color: #6B7280 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    text-decoration-line: underline !important;
}

.contact-entete {
    color: #4B5563;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
}

.contact-services-desc {
    color: #6B7280 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.mt-24px {
    padding-top: 24px !important;
}

.hidden {
    display: none;
}

.journal-button {
    display: flex;
    height: 52px;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 30px;
    border: 1px solid #005DEC !important;
    background: #FFF !important;
    color: #005DEC !important;
    text-align: center;
    font-family: Roboto;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 18px;
    width: fit-content;
}

.journal-button:hover {
    text-decoration: none !important;
    color: #005DEC !important;
    background: #F3F4F6 !important;
}

.text-gray-big {
    color: #4B5563 !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 150% !important; /* 30px */
}

/* Version date SWG */

.updates-accordion {
    max-width: 324px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    padding: 32px;
    background: #F9FAFB;
    max-height: fit-content;
}

.updates-header {
    color: #111928;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase;
    padding-bottom: 24px;
}

.year-header {
    cursor: pointer;
    padding: 12px 15px;
    background-color: #F9FAFB;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.year-content {
    background-color: #F9FAFB;
    overflow: hidden;
    transition: max-height 0.3s ease;
    max-height: 0;
}

.year-content.open {
    max-height: 500px;
}

.version {
    padding: 10px 15px;
}

.version:last-child {
    border-bottom: none;
}

.contact-btn {
    margin-top: 24px;
    display: flex;
    height: 52px;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 30px;
    background: #005DEC;
    color: #FFFFFF;
    width: 100%;
}

.contact-btn:hover {
    background-color: #004DC3 !important;
    color: white;
    text-decoration: none !important;
}

.arrow {
    transition: transform 0.3s ease;
}

.arrow.open {
    transform: rotate(180deg);
}

.version-default {
    color: #6B7280;
    font-family: Roboto, sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.version-default:hover {
    cursor: pointer;
}

.version-number {
    color: #1C64F2;
    font-size: 16px !important;
    font-weight: bold;
}

.version-date {
    color: #6c757d;
}

.year {
    color: #374151;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.gap-80px {
    gap: 80px;
}

.release-update-date {
    color: #6B7280;
    font-size: 16px;
    margin-left: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.blue-badge {
    display: flex;
    padding: 2px 12px;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    color: #1E429F;
    background: #E1EFFE;
    width: fit-content;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 24px;
}

.orange-badge {
    display: flex;
    padding: 2px 12px;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    background: #FEECDC;
    color: #8A2C0D;
    width: fit-content;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 24px;
}

.green-badge {
    display: flex;
    padding: 2px 12px;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    background: #DEF7EC;
    color: #03543F;
    width: fit-content;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 24px;
}

.gray-badge {
    display: flex;
    padding: 2px 12px;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    background: #F3F4F6;
    color: #1F2A37;
    width: fit-content;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 24px;
}

.swg-release-content h4 {
    color: #1F2A37;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.swg-release-content p, .green-badge ~ div li {
    color: #6B7280;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.swg-release-content a {
    color: #3F83F8;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    text-decoration-line: underline;
}

.swg-release-content li {
    color: #1F2A37;
    font-size: 16px;
    font-style: normal;
    line-height: 150%;
}

.w-5 {
    width: 20px;
}

.h-5 {
    height: 20px;
}

.h-8 {
    height: 32px;
}