@font-face {
    font-family: Calibri;
    src: url("../fonts/calibri.ttf") format("truetype");
}
@font-face {
    font-family: "Calibri Light";
    src: url("../fonts/calibril.ttf") format("truetype");
}
@font-face {
    font-family: Calibri;
    src: url("../fonts/calibrib.ttf") format("truetype");
    font-weight: bold;
}
@font-face {
    font-family: Calibri;
    src: url("../fonts/calibrii.ttf") format("truetype");
    font-style: italic;
}
@font-face {
    font-family: "Calibri Light Italic";
    src: url("../fonts/calibrili.ttf") format("truetype");
}
@font-face {
    font-family: Calibri;
    src: url("../fonts/calibriz.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}

body {
    font-family: "Calibri Light", sans-serif;
    color: #5E6369;
    font-size: 1.12rem;
    line-height: 1.2;
}

.container {
    padding: 2rem 2.75rem 4rem;
}

#bgGris.container {
    padding: 0 2.75rem 0;
    margin-bottom: 2rem;
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}

/* ----------------------------------------------- */
/* bordures pour test                              */
/* -----------------------------------------------
.container { border: 1px solid blue;}
.row { border: 2px solid red;}
img { border: 1px solid mediumpurple;}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12
    { border: 2px solid green;}
/* ----------------------------------------------- */

header, footer {
    height: 75px;
    background-color: #202E81; /* bleu foncé (texte) */
    /* background-color: #153d77; /* bleu site my-eKA*/
    /* background-color: #1F2C7C; /* bleu logo teaser */
    color: #ffffff;
    text-align: right;
    vertical-align: central;
    padding: 10px;
}

h1, h2, .h1, .h2 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #1A50FF;
}

h1, .h1 {
    font-size: calc(1.4rem + 0.75vw);
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2rem;
    }
}

.h1{
    margin-top: 1rem;
    margin-bottom: 1rem;
}

h2, .h2 {
    font-size: calc(1.3rem + 0.7vw);
}

@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 1.75rem;
    }
}

.h2 {
    margin-top: 0.5em;
    margin-bottom: 1em;
}

hr {
    margin: 7rem 0 3rem 0;
    color: #1A50FF;
    height: 3px;
    opacity: 0.75;
}

hr:not([size]) {
    height: 3px;
}


.text-blanc {
    color: #FFFFFF;
}

.text-bleuClair {
    color: #1A50FF;
}

.text-bleuFonce {
    color: #202E81;
}

.text-bleuMarine-1 {
    color: #000066;
}

.text-bleuMarine-2 {
    /*color: #002066;*/
    color: #000066;
    font-weight: bold;
}

.text-gris {
    color: #5E6369;
}

.bg-gris {
    background-color: #F7F7F7;
}

.bg-bleu {
    background-color: #1A50FF;
}

.bg-algo {
    background-color: #4E68EC;
    /*background-color: #445bd1;*/
}

.algo-h2-text1 {
    /*color: #202E81;*/
    /*color: #1b2029;*/
    /*color: #FFFFFF;*/
    color: #d6dbf5; /*bg #4E68EC opacity 20%*/
}

.algo-h2-text2 {
    color: #FFFFFF;
}

.algo-text1 {
    color: #FFFFFF;
    font-weight: bold;
    /*font-size: 1.17rem;*/
}

.algo-text2 {
    /*color: #202E81;*/
    /*color: #1b2029;*/
    /*color: #a3b0f2; !*bg #4E68EC opacity 50%*!*/
    color: #d6dbf5; /*bg #4E68EC opacity 20%*/
}

.calibri {
    font-family: "Calibri", sans-serif;
}

.picto {
    text-align: center;
    margin: 2rem auto 0;
}

@media (max-width: 575.99px) {
    .picto {
        min-height: 4rem;
    }
    .img-picto {
        width: 70px;
    }
}

@media (min-width: 576px) {
    .img-picto {
        width: 70px;
    }
}

@media (min-width: 768px) {
    .img-picto {
        width: 70px;
    }
}

@media (min-width: 992px) {
    .img-picto {
        width: 75px;
    }
}

@media (min-width: 1200px) {
    .img-picto {
        width: 80px;
    }
}

.w-eka {
    width: 7rem;
}

@media (max-width: 767.99px) {
    .txt-accroche {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .img2-accroche {
        padding-left: 1.5rem;
    }

    .img1-accroche {
        padding-bottom: 2rem;
    }

    .marge-t-xs {
        margin-top: 2rem;
    }

    .txt-mail {
        font-size: 0.95rem;
    }
}

@media (min-width: 768px) {
   .txt-accroche {
       padding-left: 1.5rem;
       border-left: 4px solid #1A50FF;
    }

    .img1-accroche {
        padding-right: 1rem !important;
        padding-top: 1.5rem;
    }

    .img2-accroche {
        padding-left: 1.5rem;
    }

    .txt-mail {
        font-size: 0.95rem;
    }
}

@media (min-width: 992px) {
    .txt-accroche {
        margin-left: -1.5rem;
        padding-left: 3rem;
        padding-right: 0;
        margin-right: 0;
    }

    .img1-accroche {
        padding-right: 4rem !important;
        padding-top: 0;
        padding-bottom: 2.5rem;
    }

    .img2-accroche {
        padding-left: 1.5rem;
    }

    .txt-mail {
        font-size: 1.12rem;
    }
}

@media (min-width: 1200px) {
    .txt-accroche {
        margin-left: -1.5rem;
        padding-left: 3rem;
    }

    .img1-accroche {
        padding-right: 4rem !important;
        padding-bottom: 0.6rem;
    }

    .img2-accroche {
        padding-left: 1.5rem;
    }
}


img.margin-right {
    margin-right: 10px;
}

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


ul {
    list-style: none;
    padding-left: 1rem;
}

li::before {
    content: "•";
    color: #1A50FF;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 0.6em;
    vertical-align: middle;
}

li.text-blanc::before {
    color: #FFFFFF;
}

.padding-list {
    padding: 0 1rem 0.5rem 0;
}

.bg-initial {
    background-color: initial;
    border: none;
}

#emplacement_formulaire_connexion label {
    display: none;
}

#emplacement_formulaire_connexion .form-control {
    margin-bottom: 1rem;
}

#appliEka {
    padding-bottom: 3rem;
}


@media (min-width: 992px) {
    .carousel-indicators {
        margin-right: 0;
        margin-left: 34%;
    }
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #1A50FF;
}

.carousel-indicators [data-bs-target] {
    width: 2rem;
    height: 3px;
    opacity: 0.1;
}

.carousel-indicators .active {
    opacity: 1;
}

.btn-carousel {
    background: url("../img/teaser24.png") no-repeat;
}