@charset "UTF-8";

:root {
    --pink-color: #ec7b97;
    --grey-title: #707070;
    --breadcrumb-color: #dddcdc;
    --breadcrumb-active-color: #0071b9;
    --breadcrumb-active-txt-color: #ffffff;
    --main-color: #0071b9;
    --main-color-txt: #ffffff;
    --option-color: #9bc868;
    --main-button-color: #0071b9;
    --main-button-color-hover: #005e99;
    --main-button-color-txt: #ffffff;
    --secondary-button-color-hover: #8bbb55;
    --color-black: #000;
    --bg-select-non-reco: #e3edf1;
    --color-reco:#ff0000;
    --bg-c1: #7394a5;
    --c1: #0071b9;
    --label-color-form: #707070;
    --input-edit-bg: #cccccc;
    --base-adresse-bg: #fcfcfc;
    --divider-not-hidden: #0071b9;
    --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: 'indie_flowerregular';
    --titre-section-border-bottom: #eaeaea;
    --btn-mrh-font: 'indie_flowerregular';
    --btn-consent-shadow: #54c8ff;
    --logo-bg: #ffffff;
    --line-logo-header: #006ca7;
    --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: #007ecc;
    --slick-slider-txt-hover: #005e99;
    --formule-border-top: #ffffff;
    --prelevement-txt: #ffffff;
    --prelevement-headers-txt: #494747;
    --prelevement-headers-bg: #e6e6e6;
    --sepa-txt: #ffffff;
    --selection-checkmark-circle-stroke: #9bc868;
    --selection-checkmark-stroke: #ffffff;
    --selection-checkmark-stroke-shadow: #9bc868;
    --label-basic-txt: #ffffff;
    --border-option-configuration-ok: 4px;
    --color-option-configuration-ok: #9bc868;
    --background-option-configuration-ok: #9bc868;
    --background-text-option-configuration-ok: #ffffff;
    --header-grid-home-txt: #05283a;
    --footer-bg: #ededed;
    --footer-fiche-txt: #000000;
    --footer-agences-txt: #707070;
    --card-shadow:#005e99;
    --color-franchise-default:#000000;
    --oav-main-color:#0057a4;
    --oav-devis-actif-bg:#c8cada;
    --oav-btn-inverted:#252438;
    --help-button-bg:#9bc868;
    --help-button-color:#ffffff;

    --scolaire-garantie-bg: #e6f8fe;
    --scolaire-garantie-bg-titre: #7cb73a;
    --scolaire-garantie-border-bottom: #7cb73a;
    --scolaire-garantie-border-right: #b5b5b5;
    --scolaire-garantie-color-titre: #ffffff;

    --pro-breadcrumb-color: #ededed;
    --pro-breadcrumb-active-color: #7cb73a !important;
    --pro-breadcrumb-active-txt-color: #ffffff;
    --pro-main-color: #7cb73a !important;
    --pro-main-color-txt: #ffffff;
    --pro-option-color: #0071b9;
    --pro-main-button-color: #7cb73a;
    --pro-main-button-color-hover: #9bc868;

    --lien-tableau:#0071b9;
    --lien-tableau-hover:#003352;

    --offre-co-titre-color: #0071b9 !important;
    --offre-co-txt-color:#FF5733 !important;
}

/* Importer un type de police*/
@font-face {
    font-family: 'indie_flowerregular';
    src: url('./fonts/IndieFlower-Regular.ttf');
}

/****************
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
}

.region-haut-footer {
    margin-top: 0.625rem !important;
    background: var(--footer-bg);
    padding: 1.25rem 1% 0.938rem 1% !important;
    float: left;
    width: 100%;
}

.view-liste-des-fiches a,
.a-custom a {
    color: var(--footer-fiche-txt) !important;
    font-size: 85% !important;
}

.view-liste-des-fiches a:hover,
.a-custom a:hover {
    text-decoration: underline;
}

.agenceLink>a>img,
.footerAgence>img {
    width: 24px;
}

.agenceLink>a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.agenceLink>a>span,
.footerAgence>a,
.rappel.mobile>span,
.faq.mobile>span,
.agenceLink.footerAgence.rdvAgence>span {
    color: var(--footer-agences-txt) !important;
    font-size: 1.0rem !important;
    font-weight: bold;
}

.homeAgence>a {
    justify-content: flex-end;
}

.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;
}

.block-menu a,
.block-menu .footer-drp span {
    margin-left: 14px !important;
    padding: 15px 0 2px 24px !important;
    height: 28px !important;
    background-position: left bottom !important;
    position: relative !important;
    display: inline-block !important;
}

span.menu-1121 {
    background-image: url(../images/menu_icons/menu_icon_1121.png) !important;
    background-repeat: no-repeat !important;
}

span.menu-1126 {
    background-image: url(../images/menu_icons/menu_icon_1126.png) !important;
    background-repeat: no-repeat !important;
}

a.menu-1128 {
    background-image: url(../images/menu_icons/menu_icon_1128.png) !important;
    background-repeat: no-repeat !important;
}

span.menu-1129 {
    background-image: url(../images/menu_icons/menu_icon_1129.png) !important;
    background-repeat: no-repeat !important;
}

a.menu-1130 {
    background-image: url(../images/menu_icons/menu_icon_1130.jpg) !important;
    padding-left: 25px !important;
    background-repeat: no-repeat !important;
}

a.menu-1133 {
    background-image: url(../images/menu_icons/menu_icon_1133.png) !important;
    background-repeat: no-repeat !important;
}

a.menu-1134 {
    background-image: url(../images/menu_icons/menu_icon_1134.png) !important;
    background-repeat: no-repeat !important;
}

span.menu-1135 {
    background-image: url(../images/menu_icons/menu_icon_1135.png) !important;
    background-repeat: no-repeat !important;
}

.footer-drp:hover {
    background: transparent !important;
}

.footer-drp.upward.active.visible {
    background: transparent !important;
}

.bt-flex::before,
.footer-drp::before {
    background: transparent !important;
}

.list-c {
    font-size: 0.85em !important;
}

.ui.primary.header {
    color:#0071b9 !important;
}

.ui.primary.button {
    background-color:#0071b9 !important;
    color:#ffffff !important;
}
.ui.primary.button:hover {
    background-color:#005e99 !important;
    color:#ffffff !important;
}