@charset "UTF-8";

/* Importer un type de police*/
@import url('https://fonts.cdnfonts.com/css/montserrat');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit&display=swap');

:root {
    --pink-color: #ec7b97;
    --grey-title: #707070;
    --breadcrumb-color: #dddcdc;
    --breadcrumb-active-color: #40b9bc;
    --breadcrumb-active-txt-color: #ffffff;
    --main-color: #40b9bc;
    --main-color-txt: #ffffff;
    --option-color: #6D78B4;
    --main-button-color: #40b9bc;
    --main-button-color-hover: #64C8CA;
    --main-button-color-txt: #ffffff;
    --secondary-button-color-hover: #aab2d3;
    --color-black: #000;
    --bg-select-non-reco: #e3edf1;
    --color-reco:#ff0000;
    --bg-c1: #7394a5;
    --c1: #40b9bc;
    --label-color-form: #707070;
    --input-edit-bg: #cccccc;
    --base-adresse-bg: #fcfcfc;
    --divider-not-hidden: rgba(216, 34, 124, 0.2);
    --ui-btn-mobile-bg: #ffffff;
    --ui-btn-choix-txt: #ffffff;
    --ui-btn-choix-bg: #7394a5;
    --ui-btn-choix-bg-hover: #51778a;
    --ui-btn-border-selected: rgba(34, 36, 38, .15);
    --icon-txt: #ffffff;
    --titre-garantie-font: "Montserrat", Arial, Tahoma, sans-serif;
    --titre-section-border-bottom: #eaeaea;
    --btn-mrh-font: "Montserrat", Arial, Tahoma, sans-serif;
    --btn-consent-shadow: #54c8ff;
    --logo-bg: #ffffff;
    --line-logo-header: #414999;
    --table-oav-box: rgba(198, 198, 198, 0.5);
    --table-justif-bleu-bg: #e8e9e8;
    --table-justif-bleu-txt: #455260;
    --table-justif-vert-bg: #e8e9e8;
    --table-justif-vert-txt: #455260;
    --table-justif-orange-bg: #e8e9e8;
    --table-justif-orange-txt: #455260;
    --table-justif-rouge-bg: #e8e9e8;
    --table-justif-rouge-txt: #455260;
    --table-justif-noir-bg: #e8e9e8;
    --titre-option-txt: #ffffff;
    --slider-label-txt: #d0d0d0;
    --slider-label-bg: #d0d0d0;
    --slider-thumb: #d0d0d0;
    --slider-track: #d0d0d0;
    --popup-bg: #ededed;
    --popup-txt: rgba(0, 0, 0, .87);
    --popup-border: #000000;
    --popup-custom-border: #d4d4d5;
    --option-txt: #ffffff;
    --option-bg: #f2f2f2;
    --option-prix-bg: #707070;
    --option-prix-txt: #ffffff;
    --option-header-c-txt: #ffffff;
    --card-active-txt: #ffffff;
    --slick-slider-txt: #414999;
    --slick-slider-txt-hover: #64C8CA;
    --formule-border-top: #ffffff;
    --prelevement-txt: #ffffff;
    --prelevement-headers-txt: #494747;
    --prelevement-headers-bg: #e6e6e6;
    --sepa-txt: #ffffff;
    --selection-checkmark-circle-stroke: #414999;
    --selection-checkmark-stroke: #ffffff;
    --selection-checkmark-stroke-shadow: #414999;
    --label-basic-txt: #ffffff;
    --border-option-configuration-ok: 4px;
    --color-option-configuration-ok: #414999;
    --background-option-configuration-ok: #414999;
    --background-text-option-configuration-ok: #ffffff;
    --header-grid-home-txt: #05283a;
    --footer-bg: #ededed;
    --footer-fiche-txt: #000000;
    --footer-agences-txt: #707070;
    --card-shadow:#64C8CA;
    --color-franchise-default:#000000;
    --oav-main-color:#0057a4;
    --oav-devis-actif-bg:#c8cada;
    --oav-btn-inverted:#252438;
    --help-button-bg:#414999;
    --help-button-color:#ffffff;

    --scolaire-garantie-bg: #e6f8fe;
    --scolaire-garantie-bg-titre: #40b9bc;
    --scolaire-garantie-border-bottom: #40b9bc;
    --scolaire-garantie-border-right: #b5b5b5;
    --scolaire-garantie-color-titre: #ffffff;

    --pro-breadcrumb-color: #ededed;
    --pro-breadcrumb-active-color: #40b9bc !important;
    --pro-breadcrumb-active-txt-color: #ffffff;
    --pro-main-color: #40b9bc !important;
    --pro-main-color-txt: #ffffff;
    --pro-option-color: #2d98da; 
    --pro-main-button-color: #40b9bc;
    --pro-main-button-color-hover: #64C8CA;

    --lien-tableau:#40b9bc;
    --lien-tableau-hover:#003352;

    --offre-co-titre-color: #40b9bc !important;
    --offre-co-txt-color:#FF5733 !important;
}

/****************
Home / Menu / Footer
*****************/
.b-custom {
    background: var(--breadcrumb-color);
    padding: 1em;
}

.homeCard {
    border-radius: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    -webkit-box-shadow: 0 0 15px 3px rgb(198 198 198 / 50%) !important;
    box-shadow: 0 0 15px 3px rgb(198 198 198 / 50%) !important;
}

.homeImage {
    height: 120px !important;
    text-align: center !important;
    display: flex !important;
    margin: auto !important;
}

.homeCard>div.content {
    font-size: 22px;
    font-weight: bold;

}

.homeCard>.ui.button {
    font-size: 18px;
    font-weight: normal;
}

.homeHeaderGrid {
    padding-top: 10px !important;
    color: var(--header-grid-home-txt) !important;
    font-family: "Poppins", "sans-serif" !important;
}

.text-grey {
    color: var(--grey-title);
    font-weight: 700;
}

/* FOOTER */
.footer {
    border: none;
    margin-top: 0;
    padding: 0 15px 10px 15px
}

.ui.calendar>div>table>tbody>tr>td.active,
.popup.calendar>table>tbody>tr>td.active {
    background-color: var(--main-button-color) !important;
    color: var(--main-button-color-txt) !important;
}

.ui.primary.header {
    color:#40b9bc !important;
}

.ui.primary.button {
    background-color:#40b9bc !important;
    color:#ffffff !important;
}
.ui.primary.button:hover {
    background-color:#64C8CA !important;
    color:#ffffff !important;
}

.bgFooterCopyright{
    padding: 18px 0;
    background-color: #414999;
    color: #ffffff;
}

.txtsmall {
    font-size:0.75rem !important;
}

.telHeader {
    font-size:1.2rem !important;
    color:#40B9BC !important;
    font-weight: bold;
}

.icoHeader {
    color: #414999 !important;
}

a.lnkfoot {
    color:#ffffff !important;
    font-weight: bold;
}

a.lnkfoot:hover {
    color:#40B9BC !important;
    font-weight: bold;
}

a.lnkheader {
    color:#ffffff !important;
    font-weight: bold;
}
a.lnkheader:hover {
    color:#414999 !important;
    font-weight: bold;
}

a {
    color:#40B9BC;
    font-weight: bold;
}
a:hover {
    color:#64C8CA;
    font-weight: bold;
}

.bgHeader{
    background-color: #40b9bc;
    color: #ffffff;
}

.bgHeader2{
    background-color: #414999;
    color: #ffffff;
    height: 15px !important;
    margin-top:13px !important;
}