body {
    font-family: "roboto", Arial, sans-serif;
    color: #465050;
}

h1, h2 {
    color: #000091;
    font-weight: 300 !important;
}

h1 {
    font-size: 2.4rem !important;
}

h2 {
    font-size: 1.8rem !important;
    margin-bottom: 1.5rem !important;
}

h4 {
    color: #0E5087;
    font-weight: 200;
}

a {
    color: #1e58ad;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
}

#afficher-tout button {
    margin-top: 3rem !important;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }

}

@media (max-width: 768px) {
    #logo {
        max-height: 50px;
        max-width: 100%;
    }

    #h1-home {
        font-size: 1.8rem !important;
    }

    .picto-home {
        font-size: 5rem !important;
    }

}

@media (min-width: 768px) {
    #logo {
        max-height: 70px;
    }

    .card-deck {
        margin-top: 2rem;
    }
}

@media (max-width: 768px) {
    #tableau2424 .c24left {
        width: 10rem;
    }
}

@media (min-width: 768px) {
    #tableau2424 .c24left {
        width: 33%;
    }
}


.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 130px;
    background-color: #f5f5f5;
}

.header-sous-titre {
    font-size: 1.2rem !important;
    font-weight: 300;
}


.my_list-group-dashed li {
    border-style: dashed !important;
}

.lien-tel-118 {
    color: #ffffff;
}

.lien-tel-118:hover {
    color: #ffffff;
    text-decoration: none;
}


@media (max-width: 768px) {
    .lien-txt-118 {
        color: #465152;
    }

    .cliquez-ici-ligne-118 {
        text-decoration: underline;
    }

}

@media (min-width: 768px) {
    .lien-txt-118 {
        color: #465152;
    }

    .cliquez-ici-ligne-118 {
        display: none;
    }

}


@media (max-width: 768px) {
    .top-118-ligne-txt-appelez {
        max-width: 330px !important;
    }

}

@media (min-width: 768px) {
    .top-118-ligne-txt-appelez {
        
    }
}

/* Bouton Appels */

.btn-tel-dark {
    background-color: #225083;
    background-color: #00A1A9;
    color: #fff;
    margin: 16px auto;
    display: block;
}

.btn-tel-dark:hover {
    color: #f0f0f0;
    background-color: #104070;
    background-color: #008D94;
}

.btn-tel-light {

}

.a_tel_num {
    color: inherit;
    text-decoration: none;
}

.a_tel_num:hover {
    color: inherit;
    text-decoration: none;
}

.numabouthi {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #3e4656;
    padding-top: 3px;
    padding-left: 33px;
    font-size: 17px;
    font-weight: bold;
    background-image: url('ressources/img/site/cartouche-violet-299.png');
    background-repeat: no-repeat;
    box-sizing: border-box;
    width: 304px;
    height: 31px;
    background-size: 304px 31px;

    text-align: left;
    display: inline-block;
}


.sticky {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    z-index: 42;
}

.link-color {
    color:#000091;
}
/* Font family Roboto */
@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}