@font-face {
    font-family: 'Montserrat Light';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Montserrat-Light-khlNAL-.otf");
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("../fonts/Montserrat-Regular-PPpPABL.woff2") format('woff2');
}

@font-face {
    font-family: 'Montserrat SemiBold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Montserrat-Semibold-OQkyDbC.woff2") format('woff2');
}

@font-face {
    font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Anton-Regular-2WQwM7q.woff2") format('woff2');
}

html {
    overflow-x: hidden;
}

body {
    font-weight: normal;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

body .front-login .navbar, body body.front-forgot .navbar, body body[class*="back"] .navbar {
    padding: 0;
}

body > header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.da-work {
    background: linear-gradient(37deg, rgba(0, 37, 69, 1) 1%, rgba(1, 116, 164, 1) 26%, rgba(20, 141, 193, 1) 46%, rgba(118, 163, 237, 1) 77%, rgba(113, 106, 233, 1) 100%);
}

.navbar-nav .nav-item:nth-child(2) {
    min-width: 187px;
}

header h1 {
    color: transparent;
    background: linear-gradient(to right, #91a7bd 0%, #ffffff 40%, #1364b0 100%);
    -webkit-background-clip: text;
    -webkit-text-stroke-color: #98ccff;
    text-shadow: 0 1px 0 rgba(232, 238, 246, 0.9);
    white-space: nowrap;
    text-wrap: normal;
}

th, td {
    color: white;
}

.card a, .card td, .card th {
    color: white;
}

.card {
    background-color: transparent;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    color: white;
}

.card-header:first-child, .card-footer {
    background-color: transparent;
    border-bottom: none;
}

.card-body {
    color: white;
}

body .pdf .col-xs-6 {
    width: 50%;
}

body .pdf .table {
    border: none;
}

body .pdf .table tr {
    border: none;
}

body .pdf .table tr td {
    border: none;
}

a {
    text-decoration: none;
}

.homepage-svg {
    margin-right: auto;
    margin-left: auto;
    width: 64px;
    height: 64px;
    margin-bottom: 20px;
}

header .toggle span, header .toggle span::before, header .toggle span::after {
    background: white;
}

.nav-container .list-group-item {
    padding: 0;
    border: none;
    background-color: transparent;
}

.list-group-item {
    text-align: left;
}

.list-group-item:hover {
    background-color: rgba(255, 255, 255, 95%);
}

.list-group-item a {
    display: inline-block;
    color: #0d6efd;
    text-decoration: none;
    padding: 2px 5px;
    width: 100%;
    font-weight: normal;
}

header {
    position: inherit;
}

header h1 {
    text-align: left;
    padding-top: 5rem;
}

header .container {
    position: inherit;
    padding: 0;
}

@media screen and (min-width: 320px) {
    nav:not(.navbar-fixed-top) .mobile-menu {
        flex-wrap: wrap;
        padding-top: 1rem;
    }

    .mobile-menu {
        display: flex;
        width: 285px;
    }
}

@media screen and (min-width: 1024px) {
    header .toggle {
        display: none;
    }

    .mobile-menu {
        display: none;
    }
}

.mobile-menu .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

#main_navbar .toggle {
    position: absolute;
    top: 27px;
    right: 31px;
    left: auto;
    width: 34px;
}

@media screen and (min-width: 320px) {
    header .phone-menu-mobile {
        font-size: 1.6rem;
        color: white;
    }
}

@media screen and (min-width: 1024px) {
    header .phone-menu-mobile {
        display: none;
    }
}

.st0 {
    fill: none;
    stroke: #BDD9F9;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

.st259 {
    fill: #323232;
}

.st943 {
    fill: #E41740;
}

@media screen and (min-width: 768px) {
    .navbar .navbar-nav .nav-item:after {
        content: '';
        display: block;
        width: 0;
        margin-left: 5%;
        height: 2px;
        transition: width .3s;
        margin-top: 10px;
        background-color: white;
    }

    .navbar .navbar-nav .nav-item:hover::after {
        width: 92%;
        transition: all .3s;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Anton', sans-serif;
    letter-spacing: 2px;
    color: white;
}

.navbar-nav .nav-link {
    letter-spacing: 2px;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    font-family: 'Montserrat SemiBold', sans-serif;
}

.navbar-nav .nav-link .fa {
    margin-right: 5px;
    margin-top: .25rem;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:active {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

footer .da-social-links {
    background: -moz-linear-gradient(left, #168be7 0%, #0090fe 40%, #05abe0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #168be7 0%, #0090fe 40%, #05abe0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #168be7 0%, #0090fe 40%, #05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#168be7', endColorstr='#05abe0', GradientType=1); /* IE6-9 */
}

footer .da-social-link {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

footer ul {
    padding: 0;
}

footer ul li {
    list-style-type: none;
}

a.credit {
    color: inherit;
    border-bottom: 1px dashed;
    text-decoration: none;
    cursor: pointer;
}

.icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
}

.navbar-fixed-top .logo-show {
    display: none;
}

.logo-show img {
    max-width: 150px;
}

.bg-footer {
    padding: 50px 0 0 0;
    background-color: #2b669a;
    color: #ffffff;
    box-shadow: inset 0 18px 11px -13px #2a2a2a, inset 0 -18px 11px -13px #2a2a2a;
}

.bg-footer h1, .bg-footer h2, .bg-footer h3, .bg-footer h4, .bg-footer h5, .bg-footer h6 {
    color: #ffffff;
}

.bg-footer span {
    font-size: 1.6em;
}

.bg-footer .progonline {
    margin-left: 2.25rem;
}

.bg-footer span.fa {
    margin-right: 20px;
    font-size: 2em;
}

.bg-footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.bg-footer li.title {
    font-family: 'Anton', sans-serif;
    letter-spacing: 3px;
}

@media screen and (min-width: 320px) {
    .bg-footer ul {
        flex-direction: column;
    }
}

@media screen and (min-width: 991px) {
    .bg-footer ul {
        flex-direction: row;

    }
}

.bg-footer .footer-copyright li {
    justify-content: center;
}

.bg-footer ul li {
    display: flex;
    justify-content: left;
    width: 100%;
}

.bg-footer ul li > address {
    flex: 1 0 auto;
}

.bg-footer ul li a {
    line-height: 1.6;
    color: white;
    text-decoration: none;
}

.bg-footer ul li a:hover {
    text-decoration: none;
}

.btn-transparent {
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
}

.btn-transparent:hover {
    text-decoration: none;
    color: #ffffff;
}

.no-padding {
    padding: 0;
}

.navbar {
    border: transparent;
    margin-bottom: 0;
}

.navbar .navbar-link:hover {
    text-decoration: none;
}

.main-content.container div, .main-content.container p {
    color: #333333;
}

.main-content.container div span, .main-content.container p span {
    color: #2b669a;
}

@media screen and (min-width: 320px) {
    .text-xs-center {
        text-align: center;
    }

    .text-xs-left {
        text-align: left;
    }

    .text-xs-right {
        text-align: right;
    }
}

@media screen and (min-width: 567px) {
    .text-md-center {
        text-align: center;
    }

    .text-md-left {
        text-align: left;
    }

    .text-md-right {
        text-align: right;
    }
}

@media screen and (min-width: 1024px) {
    .text-lg-center {
        text-align: center;
    }

    .text-lg-left {
        text-align: left;
    }

    .text-lg-right {
        text-align: right;
    }
}

.bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6, .bg-secondary p, .bg-secondary a {
    color: #ffffff;
}

.bg-secondary .card-body a {
    color: #ffffff;
}

.bg-secondary .card-body a:hover {
    text-decoration: none;
    color: white
}

label.required:after {
    content: "*";
    color: red;
    margin-left: 4px;
}

.select2 {
    background-color: rgb(0 0 0 / 15%);;
    border: 1px solid rgb(0 0 0 / 15%);;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px 0;
}

input:focus, select:focus, textarea:focus {
    outline: none;
}

.form-control::placeholder {
    color: white;
}

label {
    font-weight: bold;
    color: white;
}

.digital {
    background-image: url("../images/bg-digital-qcEP17h.webp");
    height: 800px;
    width: 100%;
}

.no-webp .digital {
    background-image: url("../images/bg-digital-qPmY8F5.jpg");
    height: 800px;
    width: 100%;
}

#digital {
    background: -moz-linear-gradient(left, #021873 0%, #000C5E 40%, #030751 100%);
    background: -webkit-linear-gradient(left, #021873 0%, #000C5E 40%, #030751 100%);
    background: linear-gradient(to right, #021873 0%, #000C5E 40%, #030751 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#168be7', endColorstr='#05abe0', GradientType=1);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 800px;
}

.da-services .card:not(.shadow-sm) {
    min-height: 410px;
}

.da-services .card .btn-primary {
    padding-top: 10px;
    padding-bottom: 10px;
}


@media screen and (min-width: 320px) {
    #main-nav {
        display: none;
    }

    #main-nav .col-lg-8 p {
        color: #333333;
    }

    #main-nav .nav-item.menu-dropdown-developpeur-saas .dropdown-menu {
        min-width: 970px;
    }
}

@media screen and (min-width: 991px) {
    #main-nav {
        z-index: 999;
        display: flex;
        align-items: center;
        min-height: 140px;
    }

    #main-nav .nav-item .dropdown-menu {
        margin: 0;
        padding-left: 1rem;
    }

    #main-nav .dropdown:hover .dropdown-menu,
    #main-nav .dropdown:active .dropdown-menu {
        position: absolute;
        z-index: 99999;
        opacity: 1;
        top: 58px;
        left: -50px;
        display: block;
        border-radius: 25px;
        -moz-border-radius: 25px;
        -khtml-border-radius: 25px;
        -o-border-radius: 25px;
        -webkit-border-radius: 25px;
        background-clip: unset;
        border: none;
    }

    #main-nav .nav-item.menu-dropdown-hebergement-web:hover .dropdown-menu {
        min-width: 970px;
        padding: 1.5rem;
        background-color: rgba(255, 255, 255, .95);
        left: -550px;
    }

    #main-nav .nav-item:hover .menu-dropdown-agence-web .dropdown-menu {
        left: 0;
    }

    #main-nav .nav-item:hover .menu-dropdown-developpeur-saas .dropdown-menu {
        left: 250px;
    }

    #main-nav .nav-item:hover:not(.menu-dropdown-agence-web, .menu-dropdown-hebergement-web, .menu-dropdown-applications-mobiles, .menu-dropdown-developpeur-saas) .dropdown-menu {
        min-width: 960px;
        left: -300px;
        padding: 2rem;
    }

    #main-nav .nav-item:hover .dropdown-menu {
        background-color: rgba(255, 255, 255, 85%);
    }

    #main-nav .nav-item:hover .dropdown-menu > li > ul {
        margin: 0;
    }

    .developpeur-saas {
        padding: 2rem;
    }

    .node-treeview1 a {
        padding-left: 15px;
    }

    .node-treeview2 a {
        padding-left: 30px;
    }

    .node-treeview3 a {
        padding-left: 45px;
    }

    .node-treeview1 a:hover {
        color: white;
    }

    .node-treeview2 a:hover {
        color: white;
    }

    .node-treeview3 a:hover {
        color: white;
    }

    #main-nav .nav-item:hover .dropdown-menu > li > ul a, #main-nav .node-treeview1 ul {
        margin: 0;
    }

    #main-nav .nav-item:hover .dropdown-menu a:not(:hover, .btn) {
        color: #0265b7;
    }

    #main-nav .nav-item:hover .dropdown-menu > ul {
        margin: 0;
        padding-left: 1rem;
    }

    #main-nav .nav-item > ul.dropdown-menu > ul {
        margin-left: 0;
        padding-left: 18px;
    }

    #main-nav .nav-item:hover, #main-nav .nav-item:active, #main-nav .nav-item:focus {
        position: relative;
        background-color: rgba(255, 255, 255, 80%);
    }

    #main-nav .btn-outline-default {
        color: white;
    }


    #main-nav .nav-item:hover .dropdown-toggle::after {
        color: #05abe0;
    }

    #main-nav.navbar-fixed-top:hover {
        background-color: rgba(0, 0, 0, 66%);
        transition: .3s all ease-in-out;
    }

    #main-nav.navbar-fixed-top {
        min-height: 140px;
        width: 100%;
        z-index: 9999;
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 33%);
        left: 0;
        top: 0;
    }

    #main-nav .nav-item:hover .nav-link,
    #main-nav .nav-item:active .nav-link,
    #main-nav .nav-link:focus {
        color: transparent;
        background: linear-gradient(to right, #0771bd 0%, #0090fe 40%, #05abe0 100%);
        -webkit-background-clip: text;
        -webkit-text-stroke-color: #98ccff;
        position: relative;
    }

    #main-nav .nav-item:hover .dropdown-menu {
        position: absolute;
        top: 55px;
        display: block;
        margin: 0;
        padding: 0;
    }

    #main-nav .menu-group {
        margin-top: 15px;
    }

    #main-nav .dropdown .menu-group-item a {
        display: block;
        padding: .5rem;
    }

    #main-nav .dropdown .menu-group-item svg {
        max-width: 32px;
    }

    #main-nav .menu-applications-mobiles {
        min-width: 650px;
        padding: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        left: 150px;
    }

    #main-nav .menu-applications-mobiles .togglable-items {
        margin-top: 1.25rem;
    }

    #main-nav .menu-dropdown-applications-mobiles h2,
    #main-nav .menu-dropdown-agence-web h2 {
        padding-top: 1rem;
        color: #0265b7;
    }

    #main-nav .menu-dropdown-applications-mobiles .dropdown-menu {
        background-color: rgba(255, 255, 255, 80%);
        min-width: 805px;
    }

    .menu-dropdown-agence-web .dropdown-menu {
        background-color: rgba(255, 255, 255, 80%);
        min-width: 1024px;
    }

    .front-site_ecommerce #mlain-nav .navbar-nar {
        margin-left: 20px;
    }

    .applications-mobiles {
        padding: 2.1rem 2rem;
    }

    .appmob-title {
        font-weight: 700;
        color: #2465ee;
        letter-spacing: -1px;
        font-size: 2rem;
        gap: 10px;
        font-family: 'Montserrat', Arial, sans-serif;
        display: flex;
        justify-content: start;
        align-items: center;
    }

    .appmob-badge {
        background: #fff3db;
        border-radius: 10px;
        padding: 6px 13px;
        display: inline-block;
        box-shadow: 0 2px 8px #ffc6802d;
    }

    .appmob-intro {
        font-size: 1.13rem;
        color: #312e2e;
        margin: 1.2rem 0 1.7rem 0;
        line-height: 1.75;
        text-align: left;
        font-family: 'Montserrat', Arial, sans-serif;
    }

    .appmob-highlight {
        color: #2465ee;
        font-weight: 600;
        font-family: 'Montserrat', Arial, sans-serif;
    }

    .appmob-link {
        color: #2465ee;
        text-decoration: underline;
        font-weight: bold;
    }

    .appmob-star {
        font-size: 1.15em;
    }

    .appmob-features {
        gap: 24px;
        flex-wrap: wrap;
        margin-bottom: 1.1rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .appmob-feature {
        border-radius: 12px;
        padding: 18px 15px 10px 15px;
        min-width: 185px;
        width: 210px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .appmob-feature-strat {
        background: #fff8ef;
        box-shadow: 0 2px 10px #ffc6802d;
        border: 1.5px solid #ffe1b0;
    }

    .appmob-feature-design {
        background: #f6fafe;
        box-shadow: 0 2px 10px #2465ee24;
        border: 1.5px solid #e1eaff;
    }

    .appmob-feature-perf {
        background: #f2f8fb;
        box-shadow: 0 2px 10px #2465ee14;
        border: 1.5px solid #e1eaff;
    }

    .appmob-icon {
        font-size: 2.1rem;
    }

    .appmob-feature-title {
        font-weight: 700;
        margin-bottom: 6px;
        color: #2465ee;
        font-size: 1.1rem;
        font-family: 'Montserrat', Arial, sans-serif;
    }

    .appmob-feature-desc {
        font-size: .97rem;
        text-align: center;
    }

    .appmob-feature-strat .appmob-feature-desc {
        color: #79572b;
    }

    .appmob-feature-design .appmob-feature-desc {
        color: #22355a;
    }

    .appmob-feature-perf .appmob-feature-desc {
        color: #225a49;
    }

    .appmob-actions {
        gap: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .saas-title {
        font-weight: 700;
        color: #2465ee;
        font-size: 2rem;
        display: flex;
        align-items: center;
        gap: 10px;
        font-family: 'Montserrat', Arial, sans-serif;
    }

    .saas-badge {
        background: #e1eafe;
        border-radius: 10px;
        padding: 8px 15px;
        display: inline-block;
        box-shadow: 0 2px 9px #2465ee21;
    }

    .saas-intro {
        font-size: 1.12rem;
        color: #312d2d;
        margin: 1.4rem 0 1.9rem 0;
        line-height: 1.64;
        font-family: 'Montserrat', Arial, sans-serif;
    }

    .saas-highlight {
        color: #2465ee;
        font-weight: 600;
    }

    .saas-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 28px;
        margin-bottom: 1.5rem;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .saas-type {
        background: #f6fafe;
        border-radius: 13px;
        box-shadow: 0 2px 11px #2465ee16;
        border: 1.7px solid #e1eaff;
        min-width: 180px;
        width: 215px;
        padding: 20px 17px 13px 17px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .saas-icon {
        font-size: 2rem;
    }

    .saas-type-title {
        font-weight: 700;
        margin-bottom: 6px;
        color: #2465ee;
        font-size: 1.11rem;
    }

    .saas-type-desc {
        font-size: .98rem;
        text-align: center;
        color: #294159;
    }

    .saas-options-title {
        font-size: 1.19rem;
        color: #2465ee;
        margin-top: 1.6rem;
    }

    .saas-options-list {
        margin-top: 0.7rem;
        margin-bottom: 2rem;
    }

    .saas-options-list li {
        margin-bottom: 7px;
        font-size: 1rem;
        font-family: 'Montserrat', Arial, sans-serif;
        color: #353748;
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .saas-option-emoji {
        font-size: 1.07rem;
    }

    .saas-actions {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 16px;
    }

    .saas-btn {
        padding: 10px 21px;
        font-weight: 700;
        border-radius: 8px;
        font-size: 1.07rem;
        font-family: 'Montserrat', Arial, sans-serif;
    }

    .saas-btn-main {
        background: #2465ee;
        color: #fff;
        border: none;
        transition: background 0.2s;
    }

    .saas-btn-main:hover {
        background: #194eb2;
    }


    .btn-outline-default.site-btn {
        color: #2465ee;
        background: #ecf5ff;
        border: 2px solid #2465ee;
    }

    .btn-primary.site-btn-main {
        background: linear-gradient(95deg, #ffc680 0%, #2465ee 100%);
        color: #fff;
        border: none;
        box-shadow: 0 5px 11px #2465ee14;
    }

    .form-title {
        font-weight: 700;
        color: #2465ee;
        font-size: 2rem;
        display: flex;
        align-items: center;
        gap: 10px;
        font-family: 'Montserrat', Arial, sans-serif;
    }

    .form-badge {
        background: #e1eafe;
        border-radius: 10px;
        padding: 8px 15px;
        display: inline-block;
        box-shadow: 0 2px 9px #2465ee21;
    }

    .form-intro {
        font-size: 1.12rem;
        color: #312d2d;
        margin: 1.4rem 0 1.9rem 0;
        line-height: 1.68;
        font-family: 'Montserrat', Arial, sans-serif;
    }

    .form-highlight {
        color: #2465ee;
        font-weight: 600;
    }

    .form-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 28px;
        margin-bottom: 1.4rem;
        justify-content: center;
        align-items: center;
    }

    .form-type {
        min-width: 180px;
        width: 215px;
        padding: 20px 17px 13px 17px;
        background: #f6fafe;
        border-radius: 13px;
        box-shadow: 0 2px 11px #2465ee16;
        border: 1.7px solid #e1eaff;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .form-type-title {
        font-weight: 700;
        margin-bottom: 6px;
        color: #2465ee;
        font-size: 1.11rem;
    }

    .form-type-desc {
        font-size: .98rem;
        text-align: center;
        color: #294159;
    }

    .form-icon {
        font-size: 2rem;
    }

    .form-options-title {
        font-size: 1.19rem;
        color: #2465ee;
        margin-top: 1.6rem;
    }

    .form-options-list {
        margin-top: 0.7rem;
        margin-bottom: 2rem;
    }

    .form-options-list li {
        margin-bottom: 7px;
        font-size: 1rem;
        font-family: 'Montserrat', Arial, sans-serif;
        color: #353748;
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .form-option-emoji {
        font-size: 1.07rem;
    }

    .form-actions {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

    .form-btn {
        padding: 10px 21px;
        font-weight: 700;
        border-radius: 8px;
        font-size: 1.07rem;
        font-family: 'Montserrat', Arial, sans-serif;
    }

    .btn-outline-default.form-btn {
        color: #2465ee;
        background: #ecf5ff;
        border: 2px solid #2465ee;
    }

    .btn-primary.form-btn-main {
        background: linear-gradient(95deg, #ffc680 0%, #2465ee 100%);
        color: #fff;
        border: none;
        box-shadow: 0 5px 11px #2465ee14;
    }

    /* Adaptation des boutons pour branding Websource */
    .btn-primary.appmob-btn-main {
        background: linear-gradient(95deg, #ffc680 0%, #2465ee 100%);
        color: #fff;
        border: none;
        box-shadow: 0 5px 12px #2465ee24;
    }

    #main-nav .navbar-nav {
        padding: 0 1.75rem;
        border-width: 3px;
        border-style: solid;
        border-color: rgba(255, 255, 255, 0.6);
        border-radius: 25px;
        -moz-border-radius: 50px;
        -khtml-border-radius: 50px;
        -o-border-radius: 50px;
        -webkit-border-radius: 50px;
    }

    #main-nav .dropdown-toggle::after {
        margin-top: .2rem;
    }

    #main-nav .navbar-nav {
        flex-direction: row;
    }

    #main-nav .navbar-nav .mobile-only {
        display: none;
    }
}

/**
MENU
 */
@media screen and (min-width: 991px) {
    /* nav */
    .nav-menu,
    .nav-menu li {
        margin: 0;
        padding: 0;
        line-height: normal;
        list-style: none;
        display: block;
        position: relative;
    }

    .nav-menu,
    .nav-item {
        display: flex;
        align-items: center;
        background-color: transparent;
    }

    .nav-menu ul {
        opacity: 0;
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 999;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .nav-menu li:hover > ul {
        left: 0;
        opacity: 1;
        z-index: 1000;
    }

    .nav-menu ul li:hover > ul {
        top: 0;
        left: 100%;
    }

    .nav-menu li {
        cursor: default;
        display: flex;
        white-space: nowrap;
    }

    .nav-menu ul li {
        float: none;
    }

    /* sub width */
    .nav-menu ul {
        min-width: 12em;
    }

    /* center */
    .nav-center {
        float: right;
        right: 50%;
    }

    .nav-center > li {
        left: 50%;
    }

    /* root */
    .nav-menu a {
        color: #ffffff;
        letter-spacing: 1px;
        border-bottom: 2px solid transparent;
        transition: 0.3s all ease-in;
        -webkit-transition: 0.3s all ease-in;
        -khtml-transition: 0.3s all ease-in;
        -o-transition: 0.3s all ease-in;
        padding: 10px 10px;
        margin: 0;
        list-style: none;
        display: block;
        position: relative;
    }

    .dropdown-menu a:hover {
        color: #ffffff;
        background: -moz-linear-gradient(left, #168be7 0%, #0090fe 40%, #05abe0 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #168be7 0%, #0090fe 40%, #05abe0 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #168be7 0%, #0090fe 40%, #05abe0 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#168be7', endColorstr='#05abe0', GradientType=1);
        /* IE6-9 */
    }

    /* root: hover/persistence */
    .nav-menu a:hover,
    .nav-menu a:focus,
    .nav-menu li:hover a {
        color: #FFF;
    }

    /* 2 */
    .nav-menu li li a,
    .nav-menu li:hover li a {
        color: #FFF;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 1px;
        text-decoration: none;
    }

    .nav-menu > li:hover > ul > li:hover > ul {
        left: -127%;
        position: absolute;
        min-width: 127%;
    }

    .nav-menu > li:hover > ul > li:hover > ul > li:hover > ul {
        left: -70%;
        min-width: 70%;
        position: absolute;
    }

    /* vertical */
    .nav-vertical {
        max-width: 220px;
    }

    .nav-vertical ul {
        top: 0;
        left: -9999px;
    }

    .nav-vertical li {
        width: 100%;
        float: none;
    }

    .nav-vertical li:hover > ul {
        left: 100%;
    }

    .nav-menu .nav-item:after {
        content: '';
        display: block;
        width: 0;
        margin-left: 5%;
        height: 2px;
        transition: width 0.3s;
        margin-top: 10px;
        background-color: white;
    }

    .nav-menu .nav-item:hover::after {
        width: 92%;
        transition: all 0.3s;
    }

    .dropdown-menu {
        top: 100%;
    }
}

.nav-menu .dropdown:nth-child(-n+3) {
    border: none;
}

.nav-menu .dropdown:nth-child(-n+3) .dropdown-menu li {
    white-space: normal;
}

.nav-menu .dropdown:nth-child(-n+3):hover ul li {
    border-bottom: none;
}

.nav-menu .dropdown:nth-child(-n+3):hover ul .menu-group {
    background-color: transparent;
}

.nav-menu .dropdown:nth-child(-n+3):hover ul .menu-group .menu-group-item {
    color: white;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    width: 100%;
}

.nav-menu .dropdown:nth-child(-n+3):hover ul .menu-group .menu-group-item a {
    width: 100%;
}

.nav-menu .dropdown:nth-child(-n+3):hover ul .menu-group .menu-group-item .icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.nav-menu .dropdown:nth-child(-n+3):hover ul .togglable-items {
    padding: 00 15px 0 0;
    margin: 0;
}

.nav-menu .dropdown:nth-child(-n+3):hover ul .togglable-items > div {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    align-items: flex-start;
}

.nav-menu .dropdown:nth-child(-n+3):hover ul .togglable-items > div > div {
    width: 100%;
    justify-content: space-between;
    padding-right: 1rem;
    margin-bottom: 1.5rem;
}

.nav-menu .dropdown:nth-child(-n+3):hover ul .togglable-items > div h2 {
    color: white;
    border-bottom: 2px solid white;
    width: 100%;
    padding: 10px 0;
    margin: 0;
}

.nav-menu .dropdown:nth-child(-n+3):hover ul .togglable-items > div p {
    color: white;
    margin-top: 20px;
    text-transform: none;
    padding: 1rem 1rem 1rem 0;
}

.nav-menu .dropdown:nth-child(-n+3):hover ul .togglable-items > div .btn {
    border: 2px solid white;
}

.nav-menu .dropdown:nth-child(-n+3):hover ul .togglable-items > div span {
    color: white;
}

.nav-menu .dropdown:nth-child(2):hover > ul {
    left: -242px;
    min-width: 1115px;
}

.nav-menu .dropdown:nth-child(3):hover > ul {
    left: -385px;
    min-width: 1115px;
}

@media screen and (min-width: 991px) {
    .hc-offcanvas-nav.navbar-fixed-top .logo-navbar {
        opacity: 0;
    }
}

.navbar .navbar-nav > li[class*="dropdown"] > .dropdown-menu, .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
    border-top-width: 2px;
    border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
}

@media screen and (min-width: 1024px) {
    .navbar .mobile-only {
        display: none;
    }
}

.navbar .dropdown-toggle::after {
    margin-top: 0.5rem;
    margin-left: 0.5rem;
}

.navbar .dropdown-menu li > a {
    padding: 10px 15px;
}

.navbar .navbar-brand {
    margin: 0;
    background-color: transparent;
}

.navbar .container {
    min-height: 80px;
}

@media screen and (min-width: 320px) {
    .navbar .logo-navbar {
        display: none;
    }
}

.navbar.navbar-fixed-top:hover {
    background-color: rgba(55, 55, 55, 0.8);
}

@media screen and (min-width: 320px) {
    .navbar.navbar-fixed-top {
        height: 80px;
        width: 100%;
        z-index: 80;
        background-color: rgba(55, 55, 55, 0.65);
        transition: .3s all ease-in;
        -webkit-transition: .3s all ease-in;
        -o-transition: .3s all ease-in;
        -khtml-transition: .3s all ease-in;
        -moz-transition: .3s all ease-in;
        display: flex;
        justify-content: space-between;
    }

    .navbar.navbar-fixed-top .logo {
        display: block;
        left: 32px;
    }

    .navbar.navbar-fixed-top .logo-navbar {
        display: block;
    }

    .navbar.navbar-fixed-top .logo-navbar img {
        max-height: 70px;
    }
}

@media screen and (min-width: 768px) {
    .navbar.navbar-fixed-top {
        position: fixed;
        top: 0;
        left: 0;
        padding: 0;
    }
}

@media screen and (min-width: 991px) {
    #main_navbar {
        position: absolute;
        left: 0;
        top: 0;
    }

    #main_navbar.navbar-fixed-top .logo {
        display: none;
    }

    #main_navbar.navbar.navbar-fixed-top {
        display: none;
    }

}

.dropdown-divider {
    margin: 0;
}

.dropdown-menu.show {
    background-color: transparent;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -o-border-radius: 0;
    padding: 0;
    margin: 0;
}

.dropdown-menu .dropdown-divider {
    border-top: 2px solid white;
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: transparent;
    border-bottom: 2px solid white;
}

@media (min-width: 992px) {
    .navbar-collapse {
        justify-content: right;
    }

    .navbar-nav .nav-link {
        padding-right: .75rem;
        padding-left: .75rem;
    }

    .hc-nav-trigger.hc-nav-1, a.toggle.hc-nav-1 {
        display: none;
    }
}

.background-blue {
    background-color: #0265b7;
}

.footer-copyright {
    background-color: #0265b7;
    color: white;
}

a:hover {
    text-decoration: none;
}

.text-white {
    color: white;
}

.text-bold {
    font-weight: bold;
}

header .toggle span, header .toggle span::before, header .toggle span::after {
    background: white;
}

#bg-video {
    position: inherit;
}

#bg-video video {
    position: absolute;
}

.bg-primary ul {
    background-color: transparent;
    border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border: none;
}

ul li {
    list-style-type: none;
    color: white;
}

li strong {
    font-weight: bold;
    color: white;
}

.bg-primary hr {
    border-color: white;
}

.site_educationcanineaix {
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 171vh;
}

footer {
    padding-bottom: 0;
}

footer .social-media .col-xs-6, footer .social-media .col-md-6 {
    width: 50%;
}

.blog article img {
    width: 100%;
}

.treeview {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
}

.card-link .fa-link {
    margin-right: 10px;
}

.slick-slide {
    margin-right: 0;
    margin-left: 0;
}

.slick-slide .card {
    min-height: 500px;
}

.fa-star {
    margin-right: 5px;
}

.fa-star:before {
    color: #F9B403;
}

i.fa.fa-angle-right {
    color: #0265b7;
}

.module-name {
    line-height: 1.2em;
    min-height: 3.6em;
}

#cookie-bar {
    min-height: 45px;
    width: 100%;
    z-index: 1;
    position: fixed;
    bottom: 0;
    background: #0265b7;
}

#cookie-bar p {
    padding-top: 5px;
}

@media screen and (max-width: 368px) {
    .smallScreenPadding {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-striped-color: rgb(255 255 255 / 85%);
    --bs-table-striped-bg: rgb(255 255 255 / 12%);
    --bs-table-active-color: rgb(255 255 255 / 27%);
    --bs-table-active-bg: rgb(255 255 255 / 10%);
    --bs-table-hover-color: rgb(255 255 255);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: rgb(255 255 255 / 85%);
    vertical-align: top;
    border-color: rgb(255 255 255 / 15%);
}


.table-light {
    --bs-table-bg: rgb(255 255 255 / 15%);
    color: #fff;
    border-color: rgb(255 255 255 / 15%)
}

.form-select {
    color: #ffffff;
}

.form-select, .form-control {
    color: #ffffff;
    background-color: rgb(0 0 0 / 15%);
    border: 1px solid rgb(255 255 255 / 15%);
}

.form-select:disabled {
    background-color: rgb(233 236 239 / 16%);
}

.form-control {
    color: #ffffff;
    background-color: rgb(0 0 0 / 15%);
    border: 1px solid rgb(255 255 255 / 15%);
}


.form-control:focus {
    color: #fff;
    background-color: rgb(0 0 0 / 20%);
    border-color: 1px solid rgb(255 255 255 / 15%);
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25)
}

.form-control:disabled,
.form-control[readonly] {
    background-color: rgb(233 236 239 / 22%);
}

#modules_categories {
    min-height: 30rem;
}

.form-select {
    color: #ffffff;
}

.form-select:focus {
    border-color: rgb(255 255 255 / 35%);
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25)
}

.form-check-input {
    background-color: rgb(255 255 255 / 15%);
    border: 1px solid rgb(255 255 255 / 15%);
}

.form-check-input:focus {
    border-color: rgb(255 255 255 / 15%);
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25)
}

.form-check-input:checked {
    background-color: rgb(255 255 255 / 15%);
    border-color: rgb(255 255 255 / 15%);
}

.input-group-text {
    color: #ffffff;
    background-color: rgb(0 0 0 / 20%);
    border: 1px solid rgb(255 255 255 / 20%);
}

.btn-light {
    color: #fff;
    background-color: rgb(255 255 255 / 15%);
    border-color: rgb(255 255 255 / 35%);
}

.btn-light:hover {
    color: #fff;
    background-color: rgb(255 255 255 / 20%);
    border-color: rgb(255 255 255 / 40%);
}

.card {
    background-color: rgb(0 0 0 / 20%);
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12);
    margin-bottom: 1.5rem;
    border: 0 solid transparent;
}

.da-contact-detail .card {
    background-color: rgba(255, 255, 255, 0.73);
}

.card-footer {
    border-top: 1px solid rgba(255, 255, 255, .125)
}

.accordion-item {
    color: rgb(255 255 255 / 85%);
    background-color: rgb(255 255 255 / 12%);
    border: 1px solid rgb(255 255 255 / 12%);
}

.accordion-button {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .125);
    background-color: rgb(255 255 255 / 12%);
}


.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: rgb(255 255 255 / 15%);
}

.accordion-button:focus {
    border-color: #fff;
    box-shadow: 0 0 0 .25rem rgba(225, 225, 225, .25)
}

.breadcrumb-title {
    font-family: 'Montserrat';
    font-size: 20px;
}

.page-breadcrumb {
    display: flex;
    align-items: center;
}

.page-breadcrumb .breadcrumb li.breadcrumb-item {
    font-family: 'Montserrat';
    display: flex;
    align-items: center;
    font-size: 16px
}

.bg-light .page-breadcrumb, .bg-light .page-breadcrumb .breadcrumb li.breadcrumb-item, .breadcrumb-item.active {
    color: white;
    fill: white;
}

.bg-light .page-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-top: .45rem;
    font-family: 'Montserrat', sans-serif;
    content: url("../img/angle-right-white-D1fNCDP.svg");
    fill: rgba(255, 255, 255, 70%);

}

div:not(.bg-light) .page-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-top: .45rem;
    font-family: 'Montserrat', sans-serif;
    content: url("../img/angle-right-white-D1fNCDP.svg");
    fill: rgba(255, 255, 255, 70%);

}

.page-link {
    color: #ffffff;
    background-color: rgb(255 255 255 / 15%);
    border: 1px solid rgb(255 255 255 / 15%);
}

.page-link:hover {
    color: #fff;
    background-color: rgb(0 0 0 / 25%);
    border-color: rgb(255 255 255 / 15%);
}

.page-link:focus {
    color: #fff;
    background-color: rgb(0 0 0 / 20%);
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25)
}

.page-item.active .page-link {
    color: #fff;
    background-color: rgb(0 0 0 / 20%);
    border-color: rgb(255 255 255 / 15%);
}

.page-item.disabled .page-link {
    color: #ffffff;
    background-color: rgb(255 255 255 / 42%);
    border-color: rgb(255 255 255 / 15%);
}

.alert {
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12);
    border-radius: 25px;
    -moz-border-radius: 25px;
    -khtml-border-radius: 25px;
    -o-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.alert-success {
    background-color: rgba(0, 166, 255, 0.2);
    color: white;
}

.alert-default {
    background-color: rgba(255, 255, 255, 0.2);
}

.alert p {
    margin: 0;
}

.alert-danger {
    background-color: rgba(255, 84, 84, 0.2);
    color: white;
}

.progress {
    background-color: rgb(255 255 255 / 15%);
}

.progress-bar {
    color: #fff;
    background-color: #ffffff;
}

.modal-content {
    background-color: #171717;
    border: 1px solid rgba(255, 255, 255, .2);
}

.modal-header {
    border-bottom: 1px solid rgb(255 255 255 / 15%);
}

.modal-footer {
    border-top: 1px solid rgb(255 255 255 / 15%);
}

.border {
    border: 1px solid rgb(255 255 255 / 15%)
}

.border-top {
    border-top: 1px solid rgb(255 255 255 / 15%);
}

.border-end {
    border-right: 1px solid rgb(255 255 255 / 15%);
}

.border-bottom {
    border-bottom: 1px solid rgb(255 255 255 / 15%);
}

.border-start {
    border-left: 1px solid rgb(255 255 255 / 15%);
}

.text-light {
    color: #f8f9fa
}

.text-light-1 {
    color: rgba(255, 255, 255, .125)
}

.text-light-2 {
    color: rgba(255, 255, 255, 0.70);
}

.text-light-3 {
    color: rgba(255, 255, 255, 0.50);
}

.text-light-4 {
    color: rgba(255, 255, 255, 0.20);
}

.bg-light, .da-section {
    box-shadow: inset 0px 18px 11px -13px #2a2a2a,
    inset 0px -18px 11px -13px #2a2a2a;
    background: #60218F;
    background: linear-gradient(37deg, rgba(96, 33, 143, 1) 0%, rgba(106, 27, 155, 1) 16%, rgba(25, 102, 196, 1) 50%, rgba(8, 198, 210, 1) 100%);
}

.webp .bg-light {
    background-image: url("../img/bg-background-blue-DEpBwD2.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-body {
    background-color: rgb(255 255 255 / 15%);
}


.dropdown-menu {
    color: #1e1e1e;
    top: 100%;
    right: 0;
}


.dropdown-divider {
    border-top: 1px solid rgba(255, 255, 255, .15)
}


.dropdown-item {
    color: rgb(255 255 255 / 85%);
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd
}


.nav-tabs {
    --bs-nav-tabs-link-active-color: #ffffff;
    --bs-nav-tabs-link-hover-border-color: rgb(255 255 255 / 15%) rgb(255 255 255 / 15%) rgb(255 255 255 / 15%);
    --bs-nav-tabs-link-active-border-color: rgb(255 255 255 / 15%) rgb(255 255 255 / 15%) rgb(255 255 255 / 15%);
    --bs-nav-tabs-link-active-bg: rgb(255 255 255 / 12%);
    --bs-nav-tabs-border-color: rgb(255 255 255 / 30%);
}

.nav-link,
.nav-link:hover {
    padding-right: 0.75rem;
    padding-left: .75rem;
    color: #ffffff;
}

.nav-link:hover {
    background: linear-gradient(left, #168be7 0%, #0090fe 40%, #05abe0 100%);
    -webkit-background-clip: text;
    -webkit-text-stroke-color: #98ccff;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: rgb(255 255 255 / 12%);
}

.order-6 {
    order: 6;
}

.mr-2 {
    margin-right: 1rem;
}

.mb-2 {
    margin-bottom: 1rem;
}

.d-inline-block {
    display: inline-block;
}

ul {
    list-style-type: disc;
    margin-left: 18px;
}

ul ::marker {
    color: #0d6efd;
}

.slick-track {
    display: flex;
    align-items: center;
    justify-content: center;
}

.font-anton {
    font-family: 'Anton', sans-serif;
}

.letter-spacing-3 {
    letter-spacing: 3px;
}

button, .btn {
    font-size: 18px;
    padding: 12px 32px;
    margin: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 25px;
    color: #ffffff;
    border: 2px double transparent;
    background-image: linear-gradient(rgb(13, 14, 33), rgb(13, 14, 33)), radial-gradient(circle at left top, rgb(1, 110, 218), rgb(217, 0, 192));
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

button:hover {
    transition: all 0.3s ease;
    box-shadow: #0d6efd 0 0 20px 0;
}

.bg-secondary {
    background: #ba89e0;
    background: linear-gradient(37deg, rgba(186, 137, 224, 1) 0%, rgba(185, 138, 219, 1) 16%, rgba(25, 190, 196, 1) 52%, rgba(8, 52, 210, 1) 100%);
    box-shadow: inset 0px 18px 11px -13px #2a2a2a,
    inset 0px -18px 11px -13px #2a2a2a;
}

.no-webp .bg-light {
    background-image: url("../img/bg-background-blue-c3htFDL.jpg");
    background-size: cover;
    box-shadow: inset 0px 18px 11px -13px #2a2a2a,
    inset 0px -18px 11px -13px #2a2a2a;
}

.bg-light {
    background-size: cover;
    background-image: url("../img/bg-background-blue-DEpBwD2.webp");
    box-shadow: inset 0px 18px 11px -13px #2a2a2a,
    inset 0px -18px 11px -13px #2a2a2a;
}

.bg-primary {
    background: linear-gradient(37deg, rgba(0, 37, 69, 1) 1%, rgba(1, 116, 164, 1) 26%, rgba(20, 141, 193, 1) 46%, rgba(118, 163, 237, 1) 77%, rgba(113, 106, 233, 1) 100%);
    color: white;
    box-shadow: inset 0px 18px 11px -13px #2a2a2a,
    inset 0px -18px 11px -13px #2a2a2a;
}

.list-group {
    margin: 0;
}

.list-group.list-group-flush {
    margin-left: 0;
}

.list-group-flush > .list-group-item {
    background-color: transparent;
}

.list-group-item {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, .2);
    border-color: transparent;
}

.list-group-item:hover {
    background-color: rgba(255, 255, 255, .4);
}

.bg-success-subtle {
    background-color: rgba(255, 255, 255, .4) !important;
}

.site_ecommerce {
    margin-top: -18px;
    padding-top: 10rem;
}

body section.bg-light {
    margin-bottom: 0;
}

.nav-tabs li button {
    border-radius: unset;
}

a, .page-title-breadcrumb a {
    color: white;
}

.text-primary {
    color: white;
}

.btn-link {
    text-decoration: none;
}

.breadcrumb-title, .bg-light .page-breadcrumb, .bg-light .page-breadcrumb .breadcrumb li.breadcrumb-item, .breadcrumb-item.active a {
    color: white;
}

.page-breadcrumb {
    justify-content: center;
}

body:not(.front-homepage, .front-site_ecommerce, .back-*) .da-section {
    padding-top: 15rem;
}

.slick-arrow {
    display: none !important;
}

.page-breadcrumb a span {
    color: white;
}

.left-column .list-group-item {
    background-color: transparent;
}

.left-column .list-group-item a {
    color: white;
}

h1 {
    line-height: 1.5;
}

h2 {
    line-height: 1.5;
}

#cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f8f9fa;
    padding: 10px;
    text-align: center;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

#cookie-banner button {
    margin: 5px;
    padding: 5px 10px;
    cursor: pointer;
}

#categories .treeview {
    background-color: rgba(255, 255, 255, 0.07);
}

#categories .treeview li {
    background-color: transparent;
}

#categories .treeview li a {
    color: white;
    padding-top: .8rem;
    padding-bottom: .8rem;
}

#categories .treeview ul {
    background-color: transparent;
}

footer h2 {
    margin-top: 0;
}

#categories .list-group-item {
    color: white;
}

#categories .list-group-item a {
    color: white;
}

#categories .list-group-item:hover {
    background-color: rgba(255, 255, 255, .3);
}

@media screen and (min-width: 320px) {
    .search-bar {
        border-radius: 0;
        -moz-border-radius: 0;
        -khtml-border-radius: 0;
        -o-border-radius: 0;
        -webkit-border-radius: 0;
    }
}

@media screen and (min-width: 768px) {
    .search-bar {
        border-radius: 0 0 25px 25px;
        -moz-border-radius: 0 0 25px 25px;
        -khtml-border-radius: 0 0 25px 25px;
        -o-border-radius: 0 0 25px 25px;
        -webkit-border-radius: 0 0 25px 25px;
    }
}

.search-bar {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease-in-out;
    min-height: 75px;
    overflow: hidden;
}

.search-bar.visible {
    opacity: 1;
    pointer-events: auto;
    z-index: 99999;
}

@media screen and (min-width: 320px) {
    .search-bar.visible {
        top: 80px;
        width: 100%;
        background-color: rgba(55, 55, 55, .8);
        position: fixed;
    }
}

@media screen and (min-width: 768px) {
    .search-bar.visible {
        top: 80px;
    }
}

@media screen and (min-width: 991px) {
    .search-bar.show {
        top: 341px;
    }

    body:not(.front-homepage) .search-bar:not(.show) {
        top: 338px;
    }

    body.front-homepage .search-bar:not(.show) {
        top: 316px;
    }

    .search-bar.visible {
        left: 60%;
        transform: translate(-50%, -50%);
        width: 650px;
        min-height: 436px;
        background-color: rgba(255, 255, 255, .94);
    }
}

@media screen and (min-width: 1200px) {
    .search-bar.visible {
        position: fixed;
        right: unset;
        left: 60%;
    }
}


@media screen and (min-width: 1440px) {
    .search-bar.visible {
        top: 298px;
        right: 0;
        left: unset;
        transform: translate(-50%, -50%);
        width: 650px;
        background-color: rgba(255, 255, 255, .94);
    }
}

.search-result-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.search-result-title {
    flex: 1 1 auto;
    text-align: left;
}

.search-result-image {
    flex: 0 0 auto;
    margin-left: 16px;
}

.search-results--overflow {
    max-height: 350px;
    overflow-y: auto;
}

.search-bar .search-bar-inner.show {
    min-height: 436px;
}

@media screen and (min-width: 320px) {
    .search-result-title a {
        color: white;
    }
}

@media screen and (min-width: 768px) {
    .search-result-title a {
        color: #333333;
    }
}

#search-loader {
    display: none;
}


.toggle-search:checked + .search-menu + .search-bar.visible {
    opacity: 1;
    pointer-events: auto;
    height: auto;
}

#cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f8f9fa;
    padding: 10px;
    text-align: center;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

#cookie-banner button {
    margin: 5px;
    padding: 5px 10px;
    cursor: pointer;
}

.mobile-menu button {
    background: transparent;
    padding: 0;
    margin: 0;
}

.slide-center .slick-slide {
    margin-right: 1rem;
    margin-left: 1rem;
}

.menu-hebergement-web .btn {
    font-size: 1rem;
}

.menu-hebergement-web .price {
    color: #9730af;
    font-size: 1.75rem;
}

.badge {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 0.4rem;
}

.badge-primary {
    background-color: rgba(255, 255, 255, 10%);
    border: 1px dashed white;
    padding: 7px 15px;
    display: inline-block;
}

.badge-primary:hover {
    background-color: rgba(255, 255, 255, 5%);
    color: white;
}

.badge-default {
    background: linear-gradient(to right, #c5ddef 0%, #e5f4ff 40%, #a3dbee 100%);
    color: #333333;
    font-size: 0.75rem;
    border: 3px dashed transparent;
    transition: all ease-in-out .3s;
}

.badge-default:hover {
    border: 3px dashed white;
    color: white;
    background: transparent;
}

.font-small {
    font-size: .75rem;
}

.font-normal {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
    font-weight: normal;
}

.da-section {
    box-shadow: inset 0 12px 6px -13px #2a2a2a, inset 0 -12px 6px -6px #2a2a2a;
}

.alert-error {
    background-color: #733535;
}