body {
    /*    font-family: robotolight, Arial, Helvetica, sans-serif;*/
    font-family: roboto, Arial, Helvetica, sans-serif;
    line-height: 1.25;
    font-size: 16px;
    font-variation-settings: 'wght' 350;
    color: #121416;
    background-color: white;
}


@media (max-width: 1440px) {
    body {
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    body {
        font-size: 14px;
        line-height: 1.2;
    }
}


a {
    text-decoration: none;
}


.colBlanc, .colBlanc a {
    color: #fff !important;
}

.colFonce, .colFonce a {
    color: #333 !important;
}



.colHome, .colHome a {
    color: #0e1f60 !important;
}

    .divMenu .colHome, .colHome a {
        color: #093aef !important;
    }



.colWeb, .colWeb a {
    color: #e17b31 !important;
}

.colCourtage, .colCourtage a {
    /*color: #ea1e53;*/
    color: red;
}

.colLocation, .colLocation a {
    color: #01B1CD !important;
}

.colVacances,
.colVacances a {
    color: #a70afb !important;
}

.colPlanning,
.colPlanning a {
    color: #2ac100;
}

.colLien,
.colLien a {
    color: #808080;
}




header .divMenu {
    line-height: .8em;
}

    header .divMenu .sous {
        font-size: .5em;
        font-style: italic;
    }




/* https://html-css-js.com/css/generator/text-shadow/ */
.divTitrePg h1 {
    font-size: 4rem;
    font-variation-settings: 'wght' 350;
}

.divTitrePg .ombre {
    text-shadow: -5px 5px 8px #000000;
}


@media (max-width: 992px) {
    .divIntro .divTitrePg .colHome {
        color: white !important;
        text-shadow: 6px 5px 8px #0e1f60, -1px -1px 3px #0e1f60;
    }
}


@media (max-width: 992px) {
    .divIntro .divTitrePg .colWeb {
        color: white !important;
        text-shadow: 6px 5px 8px #e17b31, -1px -1px 3px #e17b31;
    }
}

@media (max-width: 992px) {
    .divIntro .divTitrePg .colCourtage {
        color: white !important;
        text-shadow: 6px 5px 8px red, -1px -1px 3px red;
    }
}

@media (max-width: 992px) {
    .divIntro .divTitrePg .colLocation {
        color: white !important;
        text-shadow: 6px 5px 8px #01B1CD, -1px -1px 3px #01B1CD;
    }
}

@media (max-width: 992px) {
    .divIntro .divTitrePg .colPlanning {
        color: white !important;
        text-shadow: 6px 5px 8px #00fb1f, -1px -1px 3px #00fb1f;
    }
}

@media (max-width: 992px) {
    .divIntro .divTitrePg .colVacances {
        color: white !important;
        text-shadow: 6px 5px 8px #a70afb, -1px -1px 3px #a70afb;
    }
}



@media (max-width: 1440px) {
    .divTitrePg h1 {
        font-size: 3rem;
    }
}


@media (max-width: 768px) {
    .divTitrePg h1 {
        font-size: 2rem;
    }
}

.divGrillePrix .divTitrePg h2 {
    font-size: 4rem;
    font-variation-settings: 'wght' 350;
}

@media (max-width: 768px) {
    .divGrillePrix .divTitrePg h2 {
        font-size: 3rem;
    }
}


.divTexteIntro {
    padding: .25rem;
    margin: -0.25rem;
}



    .divTexteIntro p,
    .divTexteIntro li {
        color: white;
        font-size: 1.5em;
        font-variation-settings: 'wght' 350;
    }



.divPanneau p {
    font-size: 1.5em;
    font-variation-settings: 'wght' 450;
}


@media (max-width: 1440px) {
    .divPanneau p {
        font-size: 1.25em;
    }
}


@media (max-width: 768px) {
    .divPanneau p {
        font-size: 1.2em;
    }
}




.divPanneau a {
    font-size: 1em;
}


    .divPanneau a:hover {
        text-decoration: underline;
    }


.divGrillePrix .divTexteIntro p {
    color: #121416 !important;
}


/* fond ombré sous le texte de présentation */
.fndBright {
    backdrop-filter: brightness(0.80);
}


.courtage h3,
.courtage p,
.planning h3,
.planning p,
.vacances h3,
.vacances p,
.vacances h3,
.vacances p {
    font-variation-settings: 'wght' 350;
}


    .courtage p.prix,
    .planning p.prix,
    .vacances p.prix,
    /*.divPrixWeb p.prix,*/
    .divGrillePrix p.prix {
        font-size: 1.5em;
        font-variation-settings: 'wght' 450;
    }

@media (max-width: 768px) {
    .courtage p.prix,
    .planning p.prix {
        font-size: 1.2em;
    }
}

.bord-prix {
    border-bottom-style: solid;
    border-width: 1px;
    margin-bottom: 0.75rem;
}

    .bord-prix p {
        margin-bottom: 0.5rem;
    }

/* modif du bootstrap que pour la grille de prix */
.divGrillePrix .text-end {
    padding-right: .5rem !important;
}



.accordion {
    margin-bottom: 5rem;
}


    .accordion .accordion-item {
        background-color: transparent;
        border: .25rem solid rgba(0, 0, 0, 0);
    }
    /*    .accordion .accordion-button {
        background-color: #b20000;
        color: white;
    }*/

    .accordion .accordion-body {
        background-color: white;
    }

    .accordion li {
        color: #121416;
        font-size: inherit;
    }



.accordion-button:not(.collapsed) {
    color: white;
    /*  background-color: #b20000;*/
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

    .accordion-button:not(.collapsed)::after {
        /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");*/
        background-image: url('../temp/moins2.svg');
        /*transform: rotate(-180deg);*/
    }

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");*/
    background-image: url('../temp/plus2.svg');
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}



.courtage .accordion-button {
    color: white;
    background-color: #b20000;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}


.location .accordion-button {
    color: white;
    background-color: #01B1CD;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}


.planning .accordion .accordion-button {
    background-color: #2ac100;
    color: white;
}


.vacances .accordion .accordion-button {
    background-color: #a70afb;
    color: white;
}