/****************INDEX ****************

- DIVERS
- VISIONNEUSE
- NAVIGATION
- TABLE
- ICONS
- FORM
- SHOWHIDE
- TIMELINE SINISTRES
- BUTTONS
- SCROLL
- MAPS
- DONUTS
- DECLARATION PARCELLAIRE PODS
- COLUMNS
- LISTS
- MODALES
- CHANGEMENT ORDRE DIV RESPONSIVE
- TABLE - CORE STYLES
- PAGES SPECIFIQUES
- ABEILLE MULTIBONUS - CUSTOM FORMULE
- IE FIX
- CORRECTIF
- REFONTE VIE
- HP ESPACE CLIENT

/* ==========================================================================

	DIVERS

========================================================================== */

.border {
    border: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
}

.nowrap {
    white-space: nowrap;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.caps {
    text-transform: uppercase;
}

.u-margin--top-none {
    margin-top: 0 !important;
}

.u-margin--bottom-none {
    margin-bottom: 0 !important;
}

.u-margin--top-mini,
html .u-margin--top-mini {
    margin-top: 0.5em;
}

.u-margin--top-medium,
html .u-margin--top-medium {
    margin-top: 1em;
}

.u-margin--top,
html .u-margin--top {
    margin-top: 1.5em;
    margin-top: -webkit-1.5em;
    margin-top: -moz-1.5em;
    margin-top: -ms-1.5em;
}

.u-margin--top-large,
html .u-margin--top-large {
    margin-top: 3em;
    margin-top: -webkit-3em;
    margin-top: -moz-3em;
    margin-top: -ms-3em;
}

.u-margin--bottom-mini,
html .u-margin--bottom-mini {
    margin-bottom: 0.5em;
}

.u-margin--bottom-medium,
html .u-margin--bottom-medium {
    margin-bottom: 1em !important;
}

.u-margin--bottom,
html .u-margin--bottom {
    margin-bottom: 1.5em !important;
}

.u-margin--bottom-large,
html .u-margin--bottom-large {
    margin-bottom: 3em;
    margin-bottom: -webkit-3em;
    margin-bottom: -moz-3em;
    margin-bottom: -ms-3em;
}

.m-card .u-margin--bottom {
    margin-bottom: 1.5em;
}

p.u-margin--bottom {
    margin-bottom: 1.5em;
}

@media (min-width: 45em) {
    .display-none--tablet {
        display: none;
    }
}

@media (max-width: 35em) {
    .display-none--mobile {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    table tbody tr td.display-none--mobile {
        border-top: 0;
    }
}

@media (min-width: 35em) {
    .display-none--tablet-desktop {
        display: none;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* ==========================================================================

    VISIONNEUSE

========================================================================== */

.visio,
.m-form-row .visio {
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 0.25em;
    height: auto;
    text-align: center;
}

.visio img {
    width: auto;
    vertical-align: middle;
    padding: 1em;
}

.m-form-row img.EcoTree {
    margin: 0.5em 1em 0 0;
    padding: 0.25em;
}

.visio canvas {
    width: 100%;
}

ul.visiopagination {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    justify-content: -webkit-space-between;
    justify-content: -ms-space-between;
    justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

ul.visiopagination button.a-button {
    min-height: 2.65em;
    min-width: 2em;
}

@media (min-width: 45em) {
    ul.visiopagination button.a-button {
        min-width: 5em;
    }
}

ul.visiopagination button.a-button.a-button--simple {
    background: url(../images/icons/arrows/arrow-forward.svg) no-repeat center center;
}

ul.visiopagination button.a-button.a-button--simple:hover {
    background: url(../images/icons/arrows/arrow-forward-white.svg) no-repeat center center;
}

ul.visiopagination button.a-button--double {
    background: url(../images/icons/arrows/arrow-forward-double.svg) no-repeat center center;
    background-size: 1.1em;
}

ul.visiopagination button.a-button--double:hover {
    background: url(../images/icons/arrows/arrow-forward-double-white.svg) no-repeat center center;
    background-size: 1.1em;
}

ul.visiopagination button.a-button:hover,
ul.visiopagination button.a-button--double:hover,
ul.visiopagination button.a-button--previous:hover,
ul.visiopagination button.a-button--previous-double:hover {
    background-color: #004fb6 !important;
}

ul.visiopagination button.a-button--previous-simple {
    background: url(../images/arrows/icons/arrow-back.svg) no-repeat center center;
}

ul.visiopagination button.a-button--previous-simple:hover {
    background: url(../images/icons/arrows/arrow-back-white.svg) no-repeat center center;
}

ul.visiopagination button.a-button--previous-double {
    background: url(../images/icons/arrows/arrow-back-double.svg) no-repeat center center;
    background-size: 1.1em;
}

ul.visiopagination button.a-button--previous-double:hover {
    background: url(../images/icons/arrows/arrow-back-double-white.svg) no-repeat center;
    background-size: 1.1em;
}

/* ==========================================================================

    NAVIGATION

========================================================================== */

.o-tabs-primary__heading .a-heading--light {
    display: block;
    margin: -1.5em 0 0 0;
    padding-bottom: 1em;
}

.o-tabs-primary__heading:not(.t-accent-light):not(.t-accent-dark) {
    background-color: #efe4dc;
}

.o-tabs-primary__tabs > .m-tabs__nav:not(.t-accent-light):not(.t-accent-dark) {
    background-color: #e9d9ce;
}

.o-tabs-primary__tabs > .m-tabs__nav .m-tabs__nav-list .m-tabs__control {
    color: #000;
    border-bottom-width: 0.3em;
}

.o-tabs-primary__tabs > .m-tabs__nav .m-tabs__nav-list .m-tabs__control:focus,
.o-tabs-primary__tabs > .m-tabs__nav .m-tabs__nav-list .m-tabs__control:hover {
    border-bottom-color: #000;
}

.o-tabs-primary__tabs > .m-tabs__nav .csstransforms .m-tabs__more-control--close:after,
.o-tabs-primary__tabs > .m-tabs__nav .m-tabs__more-control:after {
    background-image: url(../images/icons/arrows/arrow-down-black.svg);
    bottom: 1.3em;
}

.o-tabs-primary__tabs > .m-tabs__nav .m-tabs__more-list > li a {
    color: #000;
}

.o-tabs-primary__tabs > .m-tabs__nav .m-tabs__more-list > li a:focus,
.o-tabs-primary__tabs > .m-tabs__nav .m-tabs__more-list > li a:hover {
    border-color: #000;
}

.o-tabs-primary__tabs > .m-tabs__nav .m-tabs__nav-list .m-tabs__control--selected,
.o-tabs-primary__tabs > .m-tabs__nav .m-tabs__nav-list .m-tabs__control--selected:focus,
.o-tabs-primary__tabs > .m-tabs__nav .m-tabs__nav-list .m-tabs__control--selected:hover {
    border-bottom-color: #000;
    color: #000;
}

.m-tabs {
    margin-bottom: 0;
}

@media (min-width: 35em) {
    .m-tabs {
        margin-bottom: 1.875em;
    }
}

/* --- FR MASTHEAD NAV --- */

.o-fr-masthead .awf-primary-nav {
    display: none;
}

.o-fr-masthead .awf-primary-nav {
    position: absolute;
    top: 0;
    left: 34px;
}

.o-masthead__logged-in-link.o-fr-masthead__logged-in-link--basic a {
    padding-bottom: 1em;
    padding-left: 3.5em;
    font-size: 0.75em;
    height: 60px;
    display: flex;
    align-items: flex-end;
    min-width: 14.0625rem;
    cursor: auto;
}

.o-fr-masthead .o-masthead-logged-in-link__name {
    font-size: 1.15em;
    top: 0.5em;
}
.o-fr-masthead .o-masthead-logged-in-link__name span {
    font-size: 1.16em;
}

.o-masthead__logged-in-link.o-fr-masthead__logged-in-link--basic a:hover,
.o-masthead__logged-in-link.o-fr-masthead__logged-in-link--basic a:focus {
    background-color: #4ca79f;
}
.o-masthead__logged-in-link.o-fr-masthead__logged-in-link--basic a .o-masthead-logged-in-link__logout {
    font-size: 1.25em;
    cursor: pointer;
    border-bottom: 1px dotted #000;
    transition: border-bottom-color 0.25s;
}
.o-masthead__logged-in-link.o-fr-masthead__logged-in-link--basic a .o-masthead-logged-in-link__logout:hover {
    border-bottom: 1px solid #000;
}

.o-fr-masthead .o-masthead__logged-in-link a::after {
    content: "";
    display: block;
    background-image: url("../images/icons/sprites/power.svg");
    background-position: -3px -2px;
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: calc(1em - 2px);
    left: 1.667em;
}

.o-fr-masthead-navigation .o-masthead-logged-in-title__name {
    color: #fff;
}

.o-fr-masthead-navigation .m-primary-navigation {
    margin-top: 0;
}

.o-fr-masthead-navigation .m-primary-navigation-sub-section__link-list {
    margin-bottom: 0;
    padding-left: 0;
}
.o-fr-masthead-navigation ul.m-primary-navigation-sub-section__link-list .a-fr-button--power {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-weight: 600;
}
.a-button--tertiary.a-fr-button--power::before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 120px;
    content: "";
    display: inline-block;
    height: 1.5em;
    margin-bottom: -0.375em;
    margin-right: 0.5em;
    width: 1.5em;
}
.o-fr-masthead-navigation ul.m-primary-navigation-sub-section__link-list .a-fr-button--power::before {
    background-image: url(../images/icons/sprites/power.svg);
    background-position: -5px 0px;
    width: 15px;
}

.o-fr-masthead-navigation .o-masthead-support {
    margin: 0 0.25em;
    padding: 0;
}
/* --- FR END MASTHEAD NAV --- */

/* --- TABLET NAVIGATION --- */

@media (min-width: 35em) {
    .js-o-masthead:not(.js-o-masthead--fit-tabs) .o-fr-masthead .o-masthead__logged-in-link {
        display: none;
    }

    /* .js-o-masthead--is-open */
    .l-page-wrapper.is-open .o-fr-masthead-navigation .l-content-container {
        padding: 0;
    }

    .js-o-masthead .o-masthead-navigation.o-fr-masthead-navigation {
        padding: 0 0 1.875em;
    }

    .o-fr-masthead-navigation .o-masthead-logged-in {
        display: none;
    }

    .o-masthead-logged__name {
        padding: 1.1em 1.875em 0.85em 1.875em;
        font-size: 1.25em;
        color: #fff;
        background-color: #000;
    }

    .o-fr-masthead-navigation .m-primary-navigation .m-primary-navigation__link-list,
    .o-fr-masthead-navigation .m-primary-navigation .m-primary-navigation-sub-section__link-list {
        padding: 0 1.875em;
        background-color: #fff;
        font-size: 1.25em;
    }
    .o-fr-masthead-navigation .a-list-plain.m-primary-navigation-sub-section__link-list {
        margin-bottom: 1.5em;
    }

    .o-fr-masthead-navigation .m-primary-navigation .m-primary-navigation__link-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .o-fr-masthead-navigation .m-primary-navigation .m-primary-navigation__link-list li {
        width: 100%;
    }

    .o-fr-masthead-navigation .a-list-plain.m-primary-navigation-sub-section__link-list li {
        font-size: 0.75em;
    }
    .o-fr-masthead-navigation .o-masthead-support {
        margin: 0 2.3rem;
    }
    .o-fr-masthead-navigation .o-masthead-support__inner {
        padding: 0;
    }
    .js-o-masthead .o-fr-masthead-navigation .m-primary-navigation-sub-section__link-list li,
    .m-primary-navigation-sub-section__link-list li {
        padding-top: 0.4em;
    }
    .js-o-masthead .o-fr-masthead-navigation .m-primary-navigation__link-list li {
        border-top: 1px solid #eee;
        list-style-type: none;
    }
    .js-o-masthead .o-fr-masthead-navigation .m-primary-navigation__link-list .a-button--tertiary .a-button__inner {
        font-weight: inherit;
    }
}

/* --- END TABLET NAVIGATION --- */

/* --- FR END masthead NAV --- */

/* --- TABS NAVIGATION --- */

.o-tabs-primary__tabs > .m-tabs__nav {
    border-bottom: none;
}

.o-tabs-primary__tabs .m-tabs__nav-list .m-tabs__control {
    padding-bottom: 0.6em;
    padding-top: 0.75em;
}

.m-tabs__more-list {
    border-bottom: none;
}

/* --- END TABS NAVIGATION --- */

/* ==========================================================================

    TABLE

========================================================================== */

.m-table thead > tr > th,
.m-table tbody > tr > th,
.m-table thead > tr > td,
.m-table tbody > tr > td {
    vertical-align: middle !important;
}

tr.bold td {
    font-weight: bolder !important;
}

/* Pour tableau "comparison" */

.m-table--comparison input.a-textbox {
    min-width: 8em;
}

.m-table--comparison tbody > tr > td.u-text--center,
.m-table tbody > tr > th.u-text--center {
    text-align: left;
}

.m-table--comparison tbody > tr > td .m-data-group-item__data {
    line-height: 0.8em;
}

.m-table--comparison tbody > tr.total > td .m-data-group-item__data {
    line-height: 1.2857em;
}

.m-table--comparison tbody > tr > td {
    padding: 1em;
}

.m-table--comparison tbody > tr.total > td {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.m-table--comparison tbody > tr.total {
    margin-top: 0 !important;
    margin-bottom: 0;
}

.m-table--comparison tr.total td {
    background-color: #fff !important;
}

.m-table--comparison tbody > tr > td:first-child {
    padding-left: 0;
}

.m-table--comparison tbody > tr > td > .right {
    float: right;
}

.m-table--comparison tbody > tr > td:before {
    float: left;
}

.m-table--comparison tbody > tr > td > .pdf {
    float: right;
}

@media (min-width: 35em) {
    .m-table__icon.m-table__icon--cross span {
        margin-left: 1em;
    }

    .m-table--comparison tbody > tr > td.u-text--center,
    .m-table tbody > tr > th.u-text--center {
        text-align: center;
    }

    .m-table--comparison tbody > tr > td > .right,
    .m-table--comparison tbody > tr > td:before {
        float: none;
    }

    .m-table--comparison tbody > tr > td:first-child {
        padding-left: 1.25em;
    }

    .m-table--comparison tbody > tr.total > td {
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 1em;
    }

    .m-table--comparison tbody > tr.total {
        margin-top: 1.25em !important;
        margin-bottom: 1em;
    }
    /* --- problème couleur avec les tableaux abeille ---
   .m-table--comparison tbody > tr:nth-child(odd) > td {
      background-color: #eee !important;
   }
*/
    .m-table--comparison tbody > tr > td .m-data-group-item__data {
        line-height: 1.2857em;
    }
}

/* Tableaux Flotte */

table span.auto_tourism,
table span.caravan,
table span.trailor,
table span.truck_tracteur,
table span.camion-remorque,
table span.truck_semiremorque,
table span.camion,
table span.moto,
table span.cyclo,
table span.tractor,
table span.trailoragri,
table span.construction {
    height: 2em;
    width: auto;
    display: block;
    background-repeat: no-repeat;
    background-position: left;
}

@media (min-width: 35em) {
    table span.auto_tourism,
    table span.caravan,
    table span.trailor,
    table span.truck_tracteur,
    table span.camion-remorque,
    table span.truck_semiremorque,
    table span.camion,
    table span.moto,
    table span.cyclo,
    table span.tractor,
    table span.trailoragri,
    table span.construction {
        background-position: 50%;
    }
}

/* ==========================================================================

            ICONS

========================================================================== */

.link-icon:before {
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 1.5em;
    margin-bottom: -0.375em;
    margin-right: 0.5em;
    width: 1.5em;
}

.link-icon {
    border-bottom: 0;
    display: inline;
    padding-bottom: 0;
    position: relative;
}

/* icones sinistres */

/* maison */

.m-radio-group--pictorial .sinister_house_burglary .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_burglary.svg);
}
.m-radio-group--pictorial .sinister_house_burglary .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_burglary_white.svg);
}
.m-radio-group--pictorial .sinister_house_disaster.a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_disaster.svg);
}
.m-radio-group--pictorial .sinister_house_disaster .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_disaster_white.svg);
}
.m-radio-group--pictorial .sinister_house_fire .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_fire.svg);
}
.m-radio-group--pictorial .sinister_house_fire .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_fire_white.svg);
}
.m-radio-group--pictorial .sinister_house_other .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_other.svg);
}
.m-radio-group--pictorial .sinister_house_other .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_other_white.svg);
}
.m-radio-group--pictorial .sinister_house_electricity .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_electricity.svg);
}
.m-radio-group--pictorial .sinister_house_electricity .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_electricity_white.svg);
}
.m-radio-group--pictorial .sinister_house_water .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_water.svg);
}
.m-radio-group--pictorial .sinister_house_water .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_water_white.svg);
}
.m-radio-group--pictorial .sinister_house_climatic .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_climatic.svg);
}
.m-radio-group--pictorial .sinister_house_climatic .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/sinister_house_climatic_white.svg);
}

/* auto */

.sinister-buttons.m-radio-group--pictorial .a-radio__input:checked ~ .a-radio__label:after {
    border: none;
}
.sinister-buttons.m-radio-group--pictorial .auto_accident .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/auto-accident.svg);
}
.sinister-buttons.m-radio-group--pictorial .auto_accident .a-radio__input:checked ~ .a-radio__label:after {
    background-image: url(../images/icons/auto-accident-white.svg);
}
.sinister-buttons.m-radio-group--pictorial .auto_vol .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/auto-vol.svg);
}
.sinister-buttons.m-radio-group--pictorial .auto_vol .a-radio__input:checked ~ .a-radio__label:after {
    background-image: url(../images/icons/auto-vol-white.svg);
}
.sinister-buttons.m-radio-group--pictorial .auto_incendie .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/auto-incendie.svg);
}
.sinister-buttons.m-radio-group--pictorial .auto_incendie .a-radio__input:checked ~ .a-radio__label:after {
    background-image: url(../images/icons/auto-incendie-white.svg);
}
.sinister-buttons.m-radio-group--pictorial .auto_glaces .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/auto-glaces.svg);
}
.sinister-buttons.m-radio-group--pictorial .auto_glaces .a-radio__input:checked ~ .a-radio__label:after {
    background-image: url(../images/icons/auto-glaces-white.svg);
}
.sinister-buttons.m-radio-group--pictorial .auto_climat .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/auto-climat.svg);
}
.sinister-buttons.m-radio-group--pictorial .auto_climat .a-radio__input:checked ~ .a-radio__label:after {
    background-image: url(../images/icons/auto-climat-white.svg);
}
.sinister-buttons.m-radio-group--pictorial .auto_autres .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/auto-autres.svg);
}
.sinister-buttons.m-radio-group--pictorial .auto_autres .a-radio__input:checked ~ .a-radio__label:after {
    background-image: url(../images/icons/auto-autres-white.svg);
}

@media (min-width: 35em) {
    .sinister-buttons.m-radio-group--pictorial .a-radio__input ~ .a-radio__label:after {
        width: 95%;
    }
    .sinister-buttons .m-radio-group__ui {
        width: 16.67% !important;
    }
    .sinister-buttons li.is-checked:nth-child(1) ~ li.m-radio-group__ui {
        left: 0 !important;
    }
    .sinister-buttons li.is-checked:nth-child(2) ~ li.m-radio-group__ui {
        left: 16.67% !important;
    }
    .sinister-buttons li.is-checked:nth-child(3) ~ li.m-radio-group__ui {
        left: 33.33% !important;
    }
    .sinister-buttons li.is-checked:nth-child(4) ~ li.m-radio-group__ui {
        left: 50% !important;
    }
    .sinister-buttons li.is-checked:nth-child(5) ~ li.m-radio-group__ui {
        left: 66.67% !important;
    }
    .sinister-buttons li.is-checked:nth-child(6) ~ li.m-radio-group__ui {
        left: 83.35% !important;
    }
}

/* Autres */

.m-radio-group--pictorial .sinister_RC .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/sinister_RC.svg);
}
.m-radio-group--pictorial .sinister_RC .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/sinister_RC_white.svg);
}

/* icone texte */

.a-text-icon {
    background-repeat: no-repeat;
}

/* icone telephone */

.svg .text-icon--tel,
.svg .t-accent-light .text-icon--tel,
.svg .t-accent-dark.t-accent-light .text-icon--tel {
    background-image: url(../images/icons/tel.svg);
}

.m-card--tertiary .a-text-icon--tel {
    background-image: url(../images/icons/tel.svg);
    background-position: left center;
    padding-left: 1.2em;
}

.a-text-icon--tel {
    background-image: url(../images/icons/tel.svg);
    background-position: left center;
    padding-left: 1.875em;
    margin-left: 0.5em;
}

/* icone fleche */

.icon--fleche {
    background: url(../images/icons/fleche.svg) center 70% no-repeat;
    height: 5em;
    background-size: 2.8em 2.8em;
}

@media (min-width: 35em) {
    .icon--fleche {
        background: url(../images/icons/fleche.svg) center 80% no-repeat;
        height: 6em;
        background-size: 3.5em 3.5em;
    }
}

a.m-table__icon.m-table__icon--cross {
    border-bottom: none;
    cursor: pointer;
}

.m-table__icon.m-table__icon--cross span {
    margin-left: 1.5em;
    display: block;
    text-indent: 1px;
    color: #c73227;
}

/* icone connect */
.svg .text-icon--connect,
.svg .t-accent-light .text-icon--connect,
.svg .t-accent-dark.t-accent-light .text-icon--connect {
    background-image: url(../images/icons/connect.svg);
}

/* Pour Sinistres */

.icon-missing {
    color: #bd2624;
    background: url(../images/icons/icon-missing.svg) left top no-repeat;
    padding-left: 25px;
    background-size: 1.375em 1.125em;
}

.icon-liste--home {
    background: url(../images/icons/claims-list-icon-home.png) left 10% no-repeat;
    padding-left: 45px;
}

.icon-liste--auto {
    background: url(../images/icons/claims-list-icon-car.png) left 10% no-repeat;
    padding-left: 45px;
}

/* Pour espace entres icones PDF */

@media (max-width: 48em) {
    .pdf span.nowrap {
        margin: 0.5em 0 0.5em 0;
    }

    .m-table--comparison .pdf span.nowrap {
        margin: 0;
    }
}

.pdf span.nowrap {
    display: inline-block;
}

.svg .a-link-icon--download:before,
.a-link-icon--download:before {
    margin-left: 0.5em;
}

/* Bouton Search */

.a-button--search {
    padding-right: 3.9375em;
    min-width: auto;
}

.a-button--search:after {
    transition: background-image 0.35s;
}

/* Bouton sticky mobile */

@media (max-width: 34.9999em) {

    .a-button--sticky-mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        right: 0;
        z-index:1000;
        border-radius:0;
    }
}

/* Icones flotte */

/*auto*/

/* CORRECTIF J-M pour la flotte */
.m-radio-group--pictorial .category_1 .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/auto_Solid.svg);
}
.m-radio-group--pictorial .category_1 .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/auto_white.svg);
}
.m-radio-group--pictorial .category_1_type_A .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/auto_tourism_Solid.svg);
}
.m-radio-group--pictorial .category_1_type_A .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/auto_tourism_white.svg);
}
.m-radio-group--pictorial .category_1_type_C .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/caravan_Solid.svg);
}
.m-radio-group--pictorial .category_1_type_C .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/caravan_white.svg);
}
.m-radio-group--pictorial .category_1_type_R .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/trailor_Solid.svg);
}
.m-radio-group--pictorial .category_1_type_R .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/trailor_white.svg);
}

/* CSS Maquette pour la flotte */
.m-radio-group--pictorial .auto .a-radio__input + .a-radio__label:after {
    background-image: url(../images/icons/auto_Solid.svg);
}
.m-radio-group--pictorial .auto .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/auto_white.svg);
}
.m-radio-group--pictorial .auto_tourism .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/auto_tourism_Solid.svg);
}
.m-radio-group--pictorial .auto_tourism .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/auto_tourism_white.svg);
}
.m-radio-group--pictorial .caravan .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/caravan_Solid.svg);
}
.m-radio-group--pictorial .caravan .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/caravan_white.svg);
}
.m-radio-group--pictorial .trailor .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/trailor_Solid.svg);
}
.m-radio-group--pictorial .trailor .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/trailor_white.svg);
}

/*Poids lourds*/

/* CORRECTIF J-M pour la flotte */

.m-radio-group--pictorial .category_2 .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/truck_Solid.svg);
}
.m-radio-group--pictorial .category_2 .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/truck_white.svg);
}

/* CSS Maquette pour la flotte */
.m-radio-group--pictorial .truck .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/truck_Solid.svg);
}
.m-radio-group--pictorial .truck .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/truck_white.svg);
}

.m-radio-group--pictorial .truck_tracteur .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/truck_tracteur_Solid.svg);
}
.m-radio-group--pictorial .truck_tracteur .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/truck_tracteur_white.svg);
}

.m-radio-group--pictorial .camion-remorque .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/camion-remorque_Solid.svg);
}
.m-radio-group--pictorial .camion-remorque .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/camion-remorque_white.svg);
}
.m-radio-group--pictorial .truck_semiremorque .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/truck_semiremorque_Solid.svg);
}
.m-radio-group--pictorial .truck_semiremorque .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/truck_semiremorque_white.svg);
}
.m-radio-group--pictorial .camion .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/camion_Solid.svg);
}
.m-radio-group--pictorial .camion .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/camion_white.svg);
}

/*cyclo moto*/

/* CORRECTIF J-M pour la flotte */

.m-radio-group--pictorial .category_3 .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/motocyclo_Solid.svg);
}
.m-radio-group--pictorial .category_3 .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/motocyclo_white.svg);
}
.m-radio-group--pictorial .category_3_type_M .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/motorcycle_Solid.svg);
}
.m-radio-group--pictorial .category_3_type_M .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/motorcycle_white.svg);
}
.m-radio-group--pictorial .category_3_type_C .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/cyclo_Solid.svg);
}
.m-radio-group--pictorial .category_3_type_C .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/cyclo_white.svg);
}

/* CSS Maquette pour la flotte */
.m-radio-group--pictorial .motocyclo .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/motocyclo_Solid.svg);
}
.m-radio-group--pictorial .motocyclo .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/motocyclo_white.svg);
}
.m-radio-group--pictorial .moto .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/motorcycle_Solid.svg);
}
.m-radio-group--pictorial .moto .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/motorcycle_white.svg);
}
.m-radio-group--pictorial .cyclo .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/cyclo_Solid.svg);
}
.m-radio-group--pictorial .cyclo .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/cyclo_white.svg);
}

/*Agricole*/

/* CORRECTIF J-M pour la flotte */
.m-radio-group--pictorial .category_4 .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/agricol_Solid.svg);
}
.m-radio-group--pictorial .category_4 .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/agricol_white.svg);
}

/* CSS Maquette pour la flotte */
.m-radio-group--pictorial .agricol .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/agricol_Solid.svg);
}
.m-radio-group--pictorial .agricol .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/agricol_white.svg);
}

.m-radio-group--pictorial .tractor .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/tractor_Solid.svg);
}
.m-radio-group--pictorial .tractor .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/tractor_white.svg);
}
.m-radio-group--pictorial .trailoragri .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/trailoragri_Solid.svg);
}
.m-radio-group--pictorial .trailoragri .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/trailoragri_white.svg);
}

/*Engins de chantier*/

/* CORRECTIF J-M pour la flotte */
.m-radio-group--pictorial .category_6 .a-radio__input ~ .a-radio__label:after {
    background-image: url(../images/icons/construction_Solid.svg);
}
.m-radio-group--pictorial .category_6 .a-radio__input:checked + .a-radio__label:after {
    background-image: url(../images/icons/construction_white.svg);
}
.m-radio-group--pictorial .construction .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/construction_Solid.svg");
}
.m-radio-group--pictorial .construction .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/construction_white.svg");
}
.m-radio-group--pictorial .constructor .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/constructor_Solid.svg");
}
.m-radio-group--pictorial .constructor .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/constructor_white.svg");
}

/*Marques auto*/

.m-radio-group--pictorial .renault .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/renault_Solid.png");
}
.m-radio-group--pictorial .renault .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/renault-white.png");
}
.m-radio-group--pictorial .peugeot .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/peugeot_Solid.png");
}
.m-radio-group--pictorial .peugeot .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/peugeot-white.png");
}
.m-radio-group--pictorial .citroen .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/citroen_Solid.png");
}
.m-radio-group--pictorial .citroen .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/citroen-white.png");
}
.m-radio-group--pictorial .volkswagen .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/volkswagen_Solid.png");
}
.m-radio-group--pictorial .volkswagen .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/volkswagen-white.png");
}
.m-radio-group--pictorial .ford .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/ford_Solid.png");
}
.m-radio-group--pictorial .ford .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/ford-white.png");
}
.m-radio-group--pictorial .mercedez-Benz .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/mercedes_Solid.png");
}
.m-radio-group--pictorial .mercedez-Benz .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/mercedes-white.png");
}

/*Marques moto*/

.m-radio-group--pictorial .kawazaki .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/kawasaki_Solid.png");
}
.m-radio-group--pictorial .kawazaki .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/kawasaki-white.png");
}
.m-radio-group--pictorial .yamaha .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/yamaha_Solid.png");
}
.m-radio-group--pictorial .yamaha .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/yamaha-white.png");
}
.m-radio-group--pictorial .honda .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/honda_Solid.png");
}
.m-radio-group--pictorial .honda .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/honda-white.png");
}
.m-radio-group--pictorial .triumph .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/triumph_Solid.png");
}
.m-radio-group--pictorial .triumph .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/triumph-white.png");
}
.m-radio-group--pictorial .suzuki .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/suzuki_Solid.png");
}
.m-radio-group--pictorial .suzuki .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/suzuki-white.png");
}
.m-radio-group--pictorial .bmw .a-radio__input ~ .a-radio__label:after {
    background-image: url("../images/icons/bmw_Solid.png");
}
.m-radio-group--pictorial .bmw .a-radio__input:checked + .a-radio__label:after {
    background-image: url("../images/icons/bmw-white.png");
}

.m-radio-group--pictorial .a-radio__input:checked ~ .a-radio__label:after {
    background-color: transparent;
    border: 0.375em solid transparent;
}

@media (min-width: 35em) {
    .m-radio-group--pictorial .renault .a-radio__input ~ .a-radio__label:after {
        background-image: url("../images/icons/renault_Solid.png");
        background-size: 6.3em;
    }
    .m-radio-group--pictorial .peugeot .a-radio__input ~ .a-radio__label:after {
        background-image: url("../images/icons/peugeot_Solid.png");
        background-size: 6.3em;
    }
    .m-radio-group--pictorial .citroen .a-radio__input ~ .a-radio__label:after {
        background-image: url("../images/icons/citroen_Solid.png");
        background-size: 6.3em;
    }
    .m-radio-group--pictorial .volkswagen .a-radio__input ~ .a-radio__label:after {
        background-image: url("../images/icons/volkswagen_Solid.png");
        background-size: 6.3em;
    }
    .m-radio-group--pictorial .ford .a-radio__input ~ .a-radio__label:after {
        background-image: url("../images/icons/ford_Solid.png");
        background-size: 6.3em;
    }
    .m-radio-group--pictorial .mercedez-Benz .a-radio__input ~ .a-radio__label:after {
        background-image: url("../images/icons/mercedes_Solid.png");
        background-size: 6.3em;
    }
    .m-radio-group--pictorial .kawazaki .a-radio__input ~ .a-radio__label:after {
        background-image: url("../images/icons/kawasaki_Solid.png");
        background-size: 6.3em;
    }
    .m-radio-group--pictorial .yamaha .a-radio__input ~ .a-radio__label:after {
        background-image: url("../images/icons/yamaha_Solid.png");
        background-size: 6.3em;
    }
    .m-radio-group--pictorial .honda .a-radio__input ~ .a-radio__label:after {
        background-image: url("../images/icons/honda_Solid.png");
        background-size: 6.3em;
    }
    .m-radio-group--pictorial .triumph .a-radio__input ~ .a-radio__label:after {
        background-image: url("../images/icons/triumph_Solid.png");
        background-size: 6.3em;
    }
    .m-radio-group--pictorial .suzuki .a-radio__input ~ .a-radio__label:after {
        background-image: url("../images/icons/suzuki_Solid.png");
        background-size: 6.3em;
    }
    .m-radio-group--pictorial .bmw .a-radio__input ~ .a-radio__label:after {
        background-image: url("../images/icons/bmw_Solid.png");
        background-size: 6.3em;
    }
}

/* Icones tableau flotte */

span.auto_tourism {
    background-image: url(../images/icons/auto_tourism_Solid.svg);
}
span.caravan {
    background-image: url(../images/icons/caravan_Solid.svg);
}
span.trailor {
    background-image: url(../images/icons/trailor_Solid.svg);
}

/*Poids lourds*/

span.truck_tracteur {
    background-image: url(../images/icons/truck_tracteur_Solid.svg);
}
span.camion-remorque {
    background-image: url(../images/icons/camion-remorque_Solid.svg);
}
span.truck_semiremorque {
    background-image: url(../images/icons/truck_semiremorque_Solid.svg);
}
span.camion {
    background-image: url(../images/icons/camion_Solid.svg);
}
span.moto {
    background-image: url(../images/icons/motorcycle_Solid.svg);
}
span.cyclo {
    background-image: url(../images/icons/cyclo_Solid.svg);
}

/*Agricole*/

span.tractor {
    background-image: url(../images/icons/tractor_Solid.svg);
}
span.trailoragri {
    background-image: url(../images/icons/trailoragri_Solid.svg);
}

/*Engins de chantier*/

span.construction {
    background-image: url(../images/icons/construction_Solid.svg);
}
span.constructor {
    background-image: url(../images/icons/constructor_Solid.svg);
}

/* ==========================================================================

    FORM

========================================================================== */

/* Symbole ha dans input */

.a-textbox--ha {
    background-position: 98% center; /* 13.5px / 16px */
    background-repeat: no-repeat;
    padding-left: 1.5938em; /* 25.5px / 16px */
    background-image: url("../images/icons/icon-ha.png");
}

/* Symbole "are" dans input */

.a-textbox--are {
    background-position: 98% center; /* 13.5px / 16px */
    background-repeat: no-repeat;
    padding-left: 1.5938em; /* 25.5px / 16px */
    background-image: url("../images/icons/icon-are.png");
}

.l-form--left-align .form-row > .form-label {
    margin-top: 0.875em;
}

.is-error .is-disabled .a-textbox,
.is-disabled .is-error .is-disabled .a-textarea,
.is-disabled .is-error .a-date {
    background-color: #eee;
    border-color: #eee;
}

.m-form-row__error-message,
.m-form-row__validation-message {
    clear: both;
}

.m-form-row__error-message li {
    list-style-type: none;
}

p.m-form-row__error-message ul {
    margin: 0 !important;
}

/* Textbox */

.a-textbox--euro {
    background-position: right 0.8438em center;
    padding-left: 1em;
}

/* Centrer les checkbox standalone dans les tableaux */

.m-table tbody > tr > td .a-checkbox--standalone .a-checkbox__label::after,
.m-table tbody > tr > td .a-checkbox--standalone .a-checkbox__label::before {
    left: calc(50% - 1em);
}

/* Pour caler les formulaires à gauche */

@media (min-width: 35em) {
    .m-form-row {
        margin-left: 0;
        margin-right: 0;
        width: 73.75%;
    }
}

/* Formulaire recherche flotte */

.searchfleet {
    margin-top: 0.5em;
}

.searchfleet .m-form-row__content .a-button--search {
    margin-top: 1em;
    margin-left: 0;
}

@media (min-width: 35em) {
    .searchfleet .m-form-row__content .a-button--search {
        margin-top: 2px;
        margin-left: 1em;
    }

    .searchfleet .m-form-row__content .flexbox {
        -webkit-display: flex;
        -ms-display: flex;
        display: flex;
    }
}

@media (min-width: 20em) {
    .m-radio-group--pictorial .a-radio__label-inner {
        white-space: normal;
        word-break: break-word;
    }
}

/* Pour IT */

.annuler.modal__cancel {
    text-transform: none;
}

/* ==========================================================================

    SHOW HIDE

========================================================================== */

.m-showhide h2 .u-text--right,
.m-showhide h2 .u-text--left {
    text-align: left;
    clear: both;
}

@media (min-width: 35em) {
    .m-showhide h2 .u-text--right {
        text-align: right;
        clear: right;
    }
}

/* ==========================================================================

    TIMELINE SINISTRES

========================================================================== */

.timeline {
    width: 100%;
    background: #fff;
    padding: 20px 0 0px;
    position: relative;
    font-size: 0.9em;
}
.timeline:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 15%;
    bottom: 0px;
    width: 3px;
    background: #ddd;
}
.timeline:after {
    content: "";
    display: table;
    clear: both;
}

/* entry */

.entry {
    clear: both;
    text-align: left;
    position: relative;
}

/* title */

.entry .title {
    position: relative;
}
.entry .title span {
    padding-left: 25%;
    padding-top: 3px;
    display: block;
    font-size: 1.1em;
}
.entry.current .title {
    margin-top: 18px;
}
.entry.current .title:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border: 5px solid #ffa000;
    background-color: #fff;
    border-radius: 100%;
    top: 15%;
    right: auto;
    left: calc(15% - 8px);
    z-index: 99;
}
.entry.complete .title:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #4f9f31;
    top: 15%;
    right: auto;
    left: calc(15% - 8px);
    z-index: 99;
    background: #4f9f31 url(../images/tick-timeline.svg) no-repeat center center;
    background-size: 12px;
}

/* body */

.entry .body {
    width: 100%;
    margin-bottom: 60px;
    padding-left: 25%;
}
.entry:last-child .body {
    margin-bottom: 30px;
}
.entry.current .body {
    padding-top: 50px;
    padding-left: 0;
    width: 100%;
}
.entry.current .body .tooltip {
    background-color: #f5f5f5;
    border-radius: 8px;
    margin-top: -20px;
    padding: 25px 20px 25px;
    position: relative;
}
.entry.current .body .tooltip::before {
    content: "";
    position: absolute;
    top: -39px;
    left: 160px;
    border-style: solid;
    border-width: 16px 33px 23px 0;
    border-color: transparent transparent #f5f5f5 transparent;
}

/* formatage texte */

.entry .body h2 {
    margin-top: 0;
    margin-bottom: 0;
}
.entry.complete .body h2 {
    margin-top: 15px;
}
.entry .body .timeline-coment {
    font-style: italic;
    color: #979797;
    margin-top: 0.5em;
}
.entry .body p:first-child {
    margin-top: 0;
}
.entry .body ul {
    padding-left: 18px;
}
.entry .body .u-divider {
    margin: 0;
    padding-bottom: 20px;
}

/* légende */

.legende_timeline {
    font-weight: bold;
    list-style-type: none;
    display: inline-block;
    font-size: 0.9em;
    padding: 0 0 20px;
}
.legende_timeline li {
    float: left;
    padding-left: 20px;
    padding-right: 15px;
}
.legende_timeline li.encours-small {
    background: url(../images/icons/icon-timeline-encours-small.png) no-repeat 0% 48%;
    background-size: 14px;
}
.legende_timeline li.complete-small {
    background: url(../images/icons/icon-timeline-OK-small.png) no-repeat 0% 48%;
    background-size: 14px;
}
.legende_timeline::after {
    content: "";
    clear: both;
}

@media (min-width: 60em) {
    .timeline {
        width: 85%;
    }
}

@media (min-width: 35em) {
    .timeline {
        padding: 35px 0 0px;
        font-size: 1em;
    }
    .timeline:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 18%;
    }
    .entry .title {
        float: left;
        width: 18%;
        text-align: right;
        padding-right: 25px;
    }
    .entry .title span {
        padding-left: 0;
        padding-top: 0;
        display: block;
        font-size: 1em;
    }
    .entry.current .title:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border: 5px solid #ffa000;
        background-color: #fff;
        border-radius: 100%;
        top: 15%;
        left: auto;
        right: -12px;
        z-index: 99;
    }
    .entry.complete .title:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        border: 1px solid #4f9f31;
        top: 15%;
        right: -13px;
        left: auto;
        z-index: 99;
        background: #4f9f31 url(../images/tick-timeline.svg) no-repeat center center;
        background-size: 12px;
    }
    .entry .body,
    .entry.current .body {
        float: right;
        width: 82%;
        padding-left: 50px;
        margin-bottom: 60px;
        padding-top: 0;
    }
    .entry.current .body .tooltip {
        padding: 35px 35px 25px;
    }
    .entry.current .body .tooltip::before {
        top: 38px;
        left: -24px;
        border-style: solid;
        border-width: 16px 24px 16px 0;
        border-color: transparent #f5f5f5 transparent transparent;
    }
    .entry.complete .body h2 {
        margin-top: -5px;
    }
}

/* ==========================================================================

    BUTTONS

========================================================================== */

/* Tri */

div.tri {
    text-align: left;
}

div.tri ul {
    margin-top: 0;
}

div.tri ul li {
    margin-top: 0;
    display: inline-block;
}

@media (max-width: 76em) and (min-width: 35em) {
    .csscalc .l-columns--2-medium.tricolonnes .l-columns__column {
        width: calc(100% - 1.25em);
    }
}

/* Boutons tri */

.btn-sort--down,
.btn-sort--up {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: none;
    border-radius: 0.3125em; /* 5px / 16px */
    color: #004fb6;
    display: block;
    cursor: pointer;
    font: normal 0.9em/1.5 blinkmacsystemfont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "arial", "helvetica", sans-serif; /* 16px/24px / 16px */
    margin: 0;
    min-height: 0;
    min-width: 6.25em;
    padding: 0 2em 0 1em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.btn-sort--down {
    background: url(../images/arrow-down.svg) no-repeat 92% center;
}
.btn-sort--up {
    background: url(../images/arrow-up.svg) no-repeat 92% center;
}

@media (min-width: 76em) {
    div.tri {
        text-align: right;
    }

    div.tri ul li {
        margin-top: 5px;
    }

    div.tri ul {
        margin-top: 29px;
    }
}

@media (min-width: 35em) {
    .btn-sort--down,
    .btn-sort--up {
        font-size: 1em;
    }
}

/* pour marge bouton imprimer en face du H2 avec ligne, seulement pour certains cas */

.button-print-margin {
    margin-top: -0.7em;
}

/* ==========================================================================

    SCROLL

========================================================================== */

.scroll-current {
    overflow: hidden;
    overflow-y: scroll;
}

.scroll-current::-webkit-scrollbar {
    width: 20px;
}

.scroll-current::-webkit-scrollbar-track {
    background-color: #edeadf;
    border-radius: 10px 10px 10px 10px;
}

.scroll-current::-webkit-scrollbar-thumb {
    border-radius: 10px 10px 10px 10px;
    background-color: #44c0ff;
}

.scroll-current.partenaires-tierspayant {
    height: 19em;
}

.scroll-current.partenaires-tierspayant-v2 {
    height: 30em;
    padding: 0 0.625em 0 0;
}

.scroll-current.partenaires-tierspayant-v2::-webkit-scrollbar-thumb {
    background-color: #004fb6;
    opacity: 1;
}

.scroll-current.partenaires-tierspayant-v2::-webkit-scrollbar-track-piece {
    background-color: #ccc;
}

.scroll-current.partenaires-tierspayant-v2::-webkit-scrollbar {
    border-radius: 0.3125em;
    width: 0.625em;
    margin: 0.1875em;
}

.scrollbar .scrollbar-thumb {
    display: none;
}
.scrollbar .scrollbar-thrack {
    display: none;
}

.arrow {
    cursor: pointer;
    margin: 0 auto;
}

.arrow.up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 30px solid #ffd900;
}

.arrow.down {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 30px solid #ffd900;
}

.arrow.up:hover {
    border-bottom: 30px solid #004fb6;
}

.arrow.down:hover {
    border-top: 30px solid #004fb6;
}

/* ==========================================================================

            MAPS -RECHERCHE PARTENAIRES TIERS PAYANT -CONTACT AGENT

            ========================================================================== */

p.adress_map {
    margin-left: 2.3em;
    margin-top: -0.05em;
    margin-bottom: 0em;
}

h2 span.number {
    font-weight: 600;
    background-color: #004fb6;
    color: #fff;
    padding: 2.25px;
    border-radius: 50px;
    min-width: 1em;
    text-align: center;
    display: inline-block;
    margin-right: 0.5em;
    width: 1.8125em;
    height: 1.8125em;
}

.maps {
    background-image: url(../images/icons/map-2.png);
    height: 25em;
    width: 100%;
    border: 1px solid #ccc;
    background-position: 50% 50%;
}

@media (min-width: 35em) {
    .maps {
        height: 30.75em;
        width: 100%;
    }
}

@media (min-width: 60em) {
    .maps {
        width: 100%;
    }

    .maps.map--agency {
        height: 35em;
    }
}

/* tooltip */

.google_tooltip {
    margin: 2px;
    padding: 2px;
    min-width: 180px;
    min-height: 140px;
    line-height: 1.5em;
}

@media (min-width: 35em) {
    .google_tooltip {
        margin: 2px;
        padding: 2px;
        min-height: 140px;
        min-width: 220px;
        line-height: 1.5em;
    }
}

/* ==========================================================================

    DONUTS

========================================================================== */

.m-data-group.item--donut li.m-data-group-item {
    display: block;
}

.m-data-group.item--donut li.m-data-group-item:first-child {
    margin-top: 0em;
}

@media (min-width: 60em) {
    .m-data-group.item--donut .m-data-group-item {
        width: 64%;
    }
}

.data--donut span:first-child {
    float: left;
    display: inline-block;
}

.data--donut span:nth-child(2) {
    display: inline-block;
    width: 25%;
    text-align: right;
    margin-left: 0.25em;
}

.color-legend {
    width: 10px;
    height: 0;
    overflow: hidden;
    float: left;
    margin: 2px 10px 0 0;
}

.color-legend.blue {
    border: 9px solid rgb(114, 199, 231);
}

.color-legend.darkblue {
    border: 9px solid rgb(0, 79, 182);
}

.color-legend.orange {
    border: 9px solid rgb(255, 184, 28);
}

.color-legend.darkorange {
    border: 9px solid rgb(229, 114, 0);
}

/* Tooltip */

.donut-etiquette {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    font-family: "Source Sans Pro", arial, sans-serif;
    font-weight: 700;
    font-size: 10px;
    padding: 5px;
    text-align: center;
}

/******************************************************/

.legendLabel {
    font-size: 1em;
    padding: 0.35em 0;
    line-height: 1.25em;
}

.legendLabel .a-heading--3,
h3 {
    font-size: 1em;
}

.legendColorBox {
    padding: 0.5em;
}

.donut-support,
.donut-actif {
    margin-bottom: 1.4em;
}

#donutActifHolder {
    margin-left: 0 !important;
}

.donut-support.center,
.donut-actif.center {
    text-align: center;
    margin: 0 auto;
}

.donut h3 {
    min-height: 3em;
}

.donut h3.u-text--center {
    text-align: left;
}

@media (min-width: 35em) {
    .donut h3.u-text--center {
        text-align: center;
    }

    #legendHolder {
        max-width: 80%;
        margin: 0 auto;
    }
}

.pod__content.donut {
    margin-top: -1.5em !important;
    padding-bottom: 2em;
}

@media (min-width: 35em) {
    .donut-legend.dental {
        margin-top: 2em;
    }

    .donut-support.dental {
        padding-bottom: 1em;
    }

    .pod__content.donut {
        margin-top: 0 !important;
    }
}

/* ==========================================================================

    Déclaration parcellaire pods

========================================================================== */

.consultation .parcelle.pod--bordered {
    border-top: 1px solid #ccc;
}

.parcelle.pod--bordered {
    border-top: none;
}

.parcelle .statut {
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 3.4em;
    line-height: 3.4em;
}

.parcelle .statut.validate {
    border-top: 4px solid #4f9f31;
    background: #eee url(../images/icons/checked.svg) no-repeat 95% center;
    background-size: 34px 34px;
}

.parcelle .statut.tobechecked {
    border-top: 4px solid #ffa000;
    background: #eee url(../images/icons/tobechecked.svg) no-repeat 95% center;
    background-size: 34px 34px;
}

.parcelle .statut.new {
    border-top: 4px solid #44c0ff;
    background: #eee url(../images/icons/new.svg) no-repeat 95% center;
    background-size: 34px 34px;
}

.parcelle .pod__heading {
    font-size: 1em;
    padding-left: 1em;
}

.parcelle .icones {
    float: none;
    position: absolute;
    top: 0.7em;
    right: 0.2em;
}

.parcelle .icones a {
    display: block;
    margin-bottom: 0.4em;
}

.parcelle .commune {
    width: 80%;
}

/* Pour caler les boutons en bas */

.parcelle .bottom {
    position: absolute;
    bottom: 1.25em;
    width: calc(100% - 2.5em);
}
.parcelle .m-card-content {
    padding: 1em 1.25em 0.625em;
}
.parcelle .m-card-content:last-child {
    margin-bottom: 150px;
}
.consultation .parcelle .m-card-content:last-child {
    margin-bottom: 0;
}

@media (min-width: 35em) {
    .parcelle .pod__heading {
        font-size: 1.2em;
        padding-right: 0.2em;
        padding-left: 0.8em;
    }

    .parcelle .pod__content {
        padding: 1em;
    }

    .parcelle .icones a {
        display: inline-block;
    }

    .parcelle .icones {
        float: right;
        position: relative;
        top: 0;
        right: 0;
    }

    .parcelle .commune {
        width: 100%;
    }

    .parcelle .icones {
        float: right;
        position: relative;
        top: 0;
        right: 0;
    }

    .parcelle .icones {
        float: right;
        position: relative;
        top: 0;
        right: 0;
    }

    .parcelle .icones {
        float: right;
        position: relative;
        top: 0;
        right: 0;
    }

    .parcelle {
        margin-top: 0;
    }
}

.statut {
    color: #777;
    padding-left: 1em;
    font-size: 1.2em;
}

/* ==========================================================================

    COLUMNS

========================================================================== */

.csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--2-special,
.csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--1-special,
.csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--1-inverted,
.csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--2-special,
.csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--2-inverted  /* exemple sante-recherche-tiers payant */ {
    width: 100% !important; /* 50% - 30px / 16px */
}

/* si besoin d'une petite col � gauche et une grande � droite */

@media (min-width: 47em) {
    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--1-special {
        width: calc(40.33% - 1.5em) !important;
    }

    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--2-special {
        width: 57.35% !important;
        float: right;
    }
}

@media (min-width: 60em) and (max-width: 70em) {
    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--1-special {
        width: calc(39% - 1.5em) !important;
    }

    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--2-special {
        width: 57% !important;
        float: right;
    }
}

@media (min-width: 70em) {
    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--1-special {
        width: calc(33.33% - 1.875em) !important;
    }

    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--2-special {
        width: 63.75% !important;
    }
}

@media (min-width: 80em) {
    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--1-special {
        width: calc(33.33% - 1.875em) !important;
    }

    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--2-special {
        width: 64.25% !important;
    }
}

/*si besoin d'une petite col à droite et d'une grande à gauche*/

@media (min-width: 47em) {
    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--1-inverted {
        width: 57.35% !important;
        float: right;
    }

    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--2-inverted {
        width: calc(40.33% - 1.5em) !important;
    }
}

@media (min-width: 60em) {
    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--1-inverted {
        width: 68.75% !important;
    }

    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--2-inverted {
        width: calc(28.33% - 1.875em) !important;
    }
}

@media (min-width: 60em) and (max-width: 70em) {
    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--1-inverted {
        width: 60% !important;
    }

    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--2-inverted {
        width: calc(36% - 1.5em) !important;
    }
}

@media (min-width: 80em) {
    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--1-inverted {
        width: 74.18% !important;
    }

    .csscalc .l-columns--2-medium > .l-columns__column.l-columns__column--2-inverted {
        width: calc(23.33% - 1.875em) !important;
    }
}

/* ==========================================================================

    LISTS

========================================================================== */

/* --- Opening times - Core styles  --- */

.a-list-opening-times__hours {
    float: right;
    margin-bottom: 0.5em;
    text-align: right;
    width: 40%;
}

.dataform__bloc {
    margin-bottom: 0;
}

.dataform__bloc .dataform__left {
    font-weight: bold;
}

.dataform__bloc .dataform__right {
    margin-bottom: 1em;
}

@media (min-width: 35em) {
    .dataform__bloc {
        margin-bottom: 0;
        overflow: hidden;
    }

    .dataform__left {
        clear: both;
        float: left;
        padding-right: 1.25em; /* 20px / 16px */
        width: 50%;
    }

    .dataform__right {
        float: right;
        margin-bottom: 0;
        text-align: right;
        width: 50%;
    }
}
/* ==========================================================================

    MODALES

========================================================================== */
.o-modal-active {
    z-index: 4000;
}

/* ==========================================================================

    CHANGEMENT ORDRE DIV RESPONSIVE

========================================================================== */
@media (max-width: 35em) {
    .moved_column {
        display: flex;
        flex-direction: column;
    }

    .moved_column_child {
        flex: 1;
    }

    .l-columns > .moved_column_child:first-child {
        order: 2;
        margin-top: 2em;
    }

    .moved_column_child:nth-child(2) {
        order: 1;
        margin-top: 0;
    }

    .m-doughnut-chart {
        display: block;
    }
}

/* ==========================================================================

    TABLE - CORE STYLES

========================================================================== */

tr.bold td {
    font-weight: bolder !important;
}

table tbody > tr.total > th,
table tbody > tr.total > td,
.table tbody > tr > th.total,
.table tbody > tr.total > th,
.table tbody > tr.total > td {
    background-color: #d8d8d8;
    font-weight: bold;
}

table tbody > tr > th,
table tbody > tr > td {
    vertical-align: middle !important;
}

table tbody > tr > th span.amount,
table tbody > tr > td span.amount {
    white-space: nowrap;
}

@media (min-width: 35em) {
    .table tfoot > tr > th,
    .table tfoot > tr > td {
        padding-left: 1.25em; /* 20px / 16px */
        padding-right: 1.25em; /* 20px / 16px */
    }
}

/* New messages couleurs de lignes */

table tbody tr.new th,
table tbody tr.new td {
    background-color: #f2f6fb;
}

table tbody tr.new:nth-child(odd) > th,
table tbody tr.new:nth-child(odd) > td {
    background-color: #e1e5ea;
}

.pagination__list-item--selected a {
    background: #4f9f31;
    color: #fff;
    border: 0;
    border-radius: 50%;
    display: block;
    font-family: "Source Sans Pro", arial, sans-serif;
    font-weight: 700;
    line-height: 2.5em;
    padding: 0;
    transition: background 0.35s, color 0.35s;
    width: 2.5em;
}

/* Puce verte */

.new td {
    font-weight: 900 !important;
}

tr.new td:first-child > span:before {
    content: "\2022";
    margin-right: 0.5em;
    color: #30850c;
    font-size: 1.5em;
    line-height: 0.85em;
    margin-left: 0.25em;
}

/* ==========================================================================

    PAGES SPECIFIQUES

    ========================================================================== */

/* Page agent */

.agence {
    float: right;
}

.m-card-image--circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
}

/* ==========================================================================

    ABEILLE MULTIBONUS - CUSTOM FORMULE

========================================================================== */

.o-fr-custom--formule .m-data-group-item__data {
    font-size: 0.875em;
    line-height: 1.65em;
}
.o-fr-custom--formule {
    margin-top: 2em;
}

.o-fr-custom--formule .a-button--primary {
    background: #4f9f31;
    border: 1px solid #4f9f31;
    color: #fff;
}

.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom {
    border: none;
    background: none;
    box-shadow: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: none;
    padding: 0;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--3 li.m-radio-group__item {
    width: 32%;
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--4 {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--4 .a-radio {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        height: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--4 .a-radio .a-radio__label {
        height: 100%;
    }
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--4 li.m-radio-group__item {
    width: 23.5%;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--5 li.m-radio-group__item {
    width: 18.4%;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--3 li.m-radio-group__item {
    width: 32%;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    border-radius: 0.25em;
    -webkit-box-shadow: 0 2px 2px 0 rgba(204, 204, 204, 0.5);
    box-shadow: 0 2px 2px 0 rgba(204, 204, 204, 0.5);
    margin: 1%;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom ~ .a-label {
    margin-top: 0.875em;
}

.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom {
    margin-top: 0.75em;
    overflow: visible;
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom {
        margin-top: 0;
    }
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--2 ~ .m-radio-group__ui {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
}
.o-fr-custom--formule .has-focus .m-radio-group__ui,
.o-fr-custom--formule .m-radio-group--segmented .m-radio-group__item.is-checked:hover ~ .m-radio-group__ui {
    background-color: #4f9f31;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--2 li.m-radio-group__item {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--2 li.m-radio-group__item {
        padding-bottom: 5px;
        width: 100%;
    }
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--2.js-radio-checked--1 li.m-radio-group__ui {
    left: 0;
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--2.js-radio-checked--1 li.m-radio-group__ui {
        left: 0;
    }
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--2.js-radio-checked--2 li.m-radio-group__ui {
    left: 50%;
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--2.js-radio-checked--2 li.m-radio-group__ui {
        left: 0;
    }
}

.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--3 li.m-radio-group__item {
    width: 33.333%;
}
@media (max-width: 60em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--3 li.m-radio-group__item {
        width: 100%;
    }
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--3.js-radio-checked--1 li.m-radio-group__ui {
    left: 0;
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--3.js-radio-checked--1 li.m-radio-group__ui {
        left: 0;
    }
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--3.js-radio-checked--2 li.m-radio-group__ui {
    left: 33.333%;
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--3.js-radio-checked--2 li.m-radio-group__ui {
        left: 0;
    }
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--3.js-radio-checked--3 li.m-radio-group__ui {
    left: 66.667%;
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom.m-radio-group--3.js-radio-checked--3 li.m-radio-group__ui {
        left: 0;
    }
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0.3em 0.5em 0;
    position: relative;
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item {
        margin-bottom: 16px;
        padding-bottom: 5px;
    }
}

.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item + li.m-radio-group__item .a-radio__label:before {
    border: 0;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked.m-radio-group__item-push ~ .m-radio-group__ui {
    height: -webkit-calc(100% + 2em + 5px);
    height: calc(100% + 2em + 5px);
    top: -2em;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked .a-radio__label .a-radio__label-inner,
.m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked .a-radio__label .a-radio__label-inner {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked .a-radio__label .a-radio__label-inner .m-fr-custom--radio-head {
    background-color: transparent;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked .a-radio__label .a-radio__label-inner .m-fr-custom--radio-head .a-heading--title,
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked .a-radio__label .a-radio__label-inner .m-fr-custom--radio-head .a-heading--price,
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked .a-radio__label .a-radio__label-inner .m-fr-custom--radio-head .a-heading--subtitle {
    font-weight: 700;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked .a-radio__label .a-radio__label-inner .m-fr-custom--radio-details .a-list-unordered__item--tick {
    color: #444;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked .a-radio__label .a-radio__label-inner .m-fr-custom--radio-details .a-list-unordered__item--notick {
    background: none;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked .a-radio__label .a-radio__label-inner .m-fr-custom--button label {
    display: none;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked .a-radio__label .a-radio__label-inner .m-fr-custom--button a {
    display: inherit;
}

@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.m-radio-group__item-push .a-radio__label {
        padding-top: 1.7em;
    }
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.m-radio-group__item-push .a-radio__label .a-radio__label-inner:before {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    border-bottom-color: transparent;
    border-top-left-radius: 0.325em;
    border-top-right-radius: 0.325em;
    content: "Recommand\00E9 e";
    font-size: 0.75em;
    height: 2.5em;
    left: 50%;
    line-height: 2.25em;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: border 0.125s ease-in-out;
    -o-transition: border 0.125s ease-in-out;
    transition: border 0.125s ease-in-out;
    top: -1em;
    width: 100%;
    z-index: -1;
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.m-radio-group__item-push .a-radio__label .a-radio__label-inner:before {
        line-height: 2.5em;
        top: -1em;
    }
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.m-radio-group__item-push .a-radio__label .a-radio__label-inner:before ~ .m-fr-custom--radio-head {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label {
    background-color: transparent !important;
    padding: 0;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label:hover .a-radio__label-inner:before {
    background-color: #eee;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label:hover .a-radio__label-inner .m-fr-custom--radio-details,
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label:hover .a-radio__label-inner .m-fr-custom--button {
    background-color: #eee;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label-inner .m-fr-custom--button .m-fr-custom--text {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
@media (min-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label-inner .m-fr-custom--button .m-fr-custom--text {
        min-height: 90px;
        line-height: initial;
    }
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label-inner .m-fr-custom--button .m-fr-custom--text {
        margin-top: 15px;
    }
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner {
    border: 1px solid #5c596d;
    border-radius: 0.325em;
    -webkit-box-shadow: 0 2px 2px 0 rgba(204, 204, 204, 0.5);
    box-shadow: 0 2px 2px 0 rgba(204, 204, 204, 0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--radio-head {
    background-color: #5c596d;
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.75em 0.5em;
    -webkit-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}

.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--radio-head .a-heading--product {
    color: #fff;
    font-size: 0.85em;
    margin-bottom: 0;
    margin-top: 0;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--radio-head .a-heading--title {
    font-family: "Montserrat", arial, sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 1.45em;
    line-height: 1.4em;
    margin-bottom: 0;
    margin-top: 0;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--radio-head .a-heading--price {
    color: #fff;
    font-size: 1.35em;
    margin-bottom: 0.25em;
    margin-top: 0.15em;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--radio-head .a-heading--subtitle {
    color: #fff;
    font-size: 0.85em;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--radio-details {
    background-color: #f9f9f9;
    text-align: left;
    border-top-left-radius: 0.125em;
    border-top-right-radius: 0.125em;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1em 1em 0;
    -webkit-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--radio-details .a-list-unordered__item--tick {
    font-size: 0.508em;
    line-height: 1.625em;
    margin-top: 0.625em;
    text-align: left;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--radio-details .a-list-unordered__item--tick:first-child,
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--radio-details .a-list-unordered__item--tick:last-child {
    margin-bottom: 0.625em;
    margin-top: 0.625em;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--button {
    background-color: #f9f9f9;
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 1em;
    -webkit-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
    width: 100%;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--button .a-button {
    font-size: 0.889em;
}

.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked .a-radio__label .a-radio__label-inner .m-fr-custom--button .a-button {
    width: 100%;
    margin: 0 auto;
}

.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.is-checked .a-radio__label .a-radio__label-inner .m-fr-custom--button .a-button:after {
    display: none;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--button .a-button:before,
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--button .a-button:after {
    background: #fff;
    border-radius: 50%;
    bottom: 0.46875em;
    content: " ";
    display: block;
    height: 2em;
    left: 0.425em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    -webkit-transition: background-color 5s, border-color 5s;
    -o-transition: background-color 5s, border-color 5s;
    transition: background-color 5s, border-color 5s;
    width: 2em;
    z-index: 2;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--button .a-button:before {
    border: 1px solid #ccc;
    display: none;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--button .a-button:after {
    height: 0.75em;
    margin-left: 0.31em;
    -webkit-transition: -webkit-transform 5s ease-out;
    transition: -webkit-transform 5s ease-out;
    -o-transition: transform 5s ease-out;
    transition: transform 5s ease-out;
    transition: transform 5s ease-out, -webkit-transform 5s ease-out;
    width: 0.75em;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 0;
    -webkit-transform: scale(0) translateY(-50%);
    -ms-transform: scale(0) translateY(-50%);
    transform: scale(0) translateY(-50%);
    z-index: 3;
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--button .a-button {
        margin: 0;
        margin-bottom: 0.325em;
    }
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--button a {
    display: none;
    margin-left: 0;
}
.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom .m-radio-group__ui {
    -webkit-box-shadow: 0 2px 2px 0 rgba(204, 204, 204, 0.5);
    box-shadow: 0 2px 2px 0 rgba(204, 204, 204, 0.5);
    height: -webkit-calc(100% + 7px);
    height: calc(100% + 7px);
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom .m-radio-group__ui {
        width: 100%;
    }
}



/* Fix background color for customs radio segmented START */

@media(max-width: 35em) {
    .m-data-group-item--accordion>h3 {
        margin-top:0
    }

    .csstransforms .m-radio-group--segmented .a-radio__input:checked~.a-radio__label {
        background-color: #008153!important;
        border-color: #008153!important
    }

    .csstransforms .m-radio-group--segmented .a-radio__input:checked~.a-radio__label:hover {
        background-color: #008153!important;
        border-color: #1e5d88!important
    }

    .csstransforms .m-radio-group--segmented .a-radio__input:checked:focus~.a-radio__label {
        background-color: #008153!important;
        border-color: #008153!important
    }

    .csstransforms .m-radio-group--segmented .a-radio__input:checked:focus~.a-radio__label:hover {
        background-color: #008153!important;
        border-color: #008153!important
    }
}

/* Fix background color for customs radio segmented END */



/* ==========================================================================

    IE FIX

========================================================================== */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .o-fr-custom--formule .a-radio__input:checked ~ .a-radio__label {
        color: inherit;
    }

    .o-fr-custom--formule .a-radio__input:checked ~ .a-radio__ui {
        top: 0;
    }

    .o-fr-custom--formule .m-radio-group__item-push .a-radio__input:checked ~ .a-radio__ui {
        top: -26px;
    }

    .csstransforms .o-fr-custom--formule .a-radio__ui {
        bottom: -5px;
    }

    .csstransforms .o-fr-custom--formule .a-radio__ui:before {
        background-color: transparent;
        border-color: transparent;
    }

    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label {
        height: 100%;
    }

    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label:after,
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label:before {
        opacity: 0;
        z-index: -999;
    }

    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__label .a-radio__label-inner .m-fr-custom--radio-head {
        text-align: center;
    }

    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__input:checked ~ .a-radio__label .a-radio__label-inner {
        border-color: transparent;
        box-shadow: none;
    }

    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__input:checked ~ .a-radio__label .a-radio__label-inner:before {
        background: #4f9f31;
        border: 1px solid #4f9f31;
        color: #fff;
        color: #fff;
    }

    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__input:checked ~ .a-radio__label .a-radio__label-inner .m-fr-custom--radio-head .a-heading {
        font-weight: 700;
    }

    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__input:checked ~ .a-radio__label .a-radio__label-inner .m-fr-custom--button {
        box-shadow: none;
    }

    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__input:checked ~ .a-radio__label .a-radio__label-inner .m-fr-custom--button label.a-button {
        display: none;
    }

    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item .a-radio__input:checked ~ .a-radio__label .a-radio__label-inner .m-fr-custom--button a.a-button {
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 35em) {
    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.m-radio-group__item-push:before {
        content: "";
        display: block;
        margin-top: 20px;
    }

    .o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item.m-radio-group__item-push .a-radio__ui {
        top: 20px;
    }

    .o-fr-custom--formule .m-radio-group__item-push .a-radio__input:checked ~ .a-radio__ui {
        height: 100%;
        top: 0;
    }

    .csstransforms .o-fr-custom--formule .a-radio__ui {
        bottom: 0;
    }
}

/* FIN ie fix */

/* ==========================================================================

    CORRECTIF

========================================================================== */

@media (min-width: 35em) {
    .o-fr-custom--formule .a-button--full-width {
        max-width: 30em;
        margin: 0 auto;
    }
    .o-fr-custom--formule .m-fr-custom--radio-head {
        min-height: 5em;
    }
}

.o-fr-custom--formule .m-form-row__content ul.m-fr-radio-group--custom li.m-radio-group__item :checked.a-radio__input ~ .a-radio__label .a-radio__label-inner .m-fr-custom--radio-head {
    background-color: #4ca02b;
}

/* ==========================================================================

    REFONTE VIE - 03/2021

========================================================================== */

/* --- COLORS FROM FW5 --- */

/* Variant to make background Warm Grey */
.t-accent-dark--4 {
    background-color: #5c596d;
}
/* Variant to make background Dark Teal */
.t-accent-dark--7 {
    background-color: #005a6c;
}
/* Variant to make background Light Grey */
.t-accent-light--2 {
    background-color: #f9f9f9;
}

/* --- END COLORS FROM FW5 --- */

/* --- MISC --- */

/* Card disabled */
.m-card.is-disabled {
    opacity: 0.3;
}

/* Single radio disabled */
.m-radio-group__item.is-disabled {
    opacity: 0.3;
    pointer-events: none;
}

/* Columns grid lines */
.l-columns--grid-lines .l-columns__column:before {
    border-color: #a7a7a7;
    border-width: 1px;
    content: "";
    display: block;
    opacity: 0.5;
    position: absolute;
}

.l-columns--grid-lines.l-columns--2-large .l-columns__column,
.l-columns--grid-lines.l-columns--3-large .l-columns__column {
    position: relative;
}

@media screen and (min-width: 35em) {
    .l-columns--grid-lines.l-columns--1-medium .l-columns__column:nth-child(n + 1):before {
        border-left-style: none;
    }
}

.l-columns--grid-lines .l-columns__column:nth-child(n + 2):before {
    border-top-style: solid;
    left: 0;
    right: 0;
    top: -15px;
}

@media screen and (min-width: 60em) {
    .l-columns--grid-lines.l-columns--3-large .l-columns__column {
        padding-right: 1.25em;
        padding-left: 1.25em;
    }

    .l-columns--grid-lines.l-columns--2-large .l-columns__column:nth-child(n + 2):before,
    .l-columns--grid-lines.l-columns--3-large .l-columns__column:nth-child(n + 2):before {
        border-left-style: solid;
        border-top-style: none;
        bottom: 0;
        left: -0.9375em;
        right: auto;
        top: 0;
    }

    .l-columns--grid-lines.l-columns--2-large .l-columns__column:nth-child(odd) {
        padding-right: 1.25em;
    }

    .l-columns--grid-lines.l-columns--2-large .l-columns__column:nth-child(even) {
        padding-left: 1.25em;
    }
}

/* Table link icon fix */
.m-table--comparison .a-link-icon + .a-link-icon:before {
    content: "";
    margin-left: 1em;
}

/* --- END MISC --- */

/* --- UK UTILITY TEXT NO-WRAP --- */

.u-text--no-wrap,
html .u-text--no-wrap {
    white-space: nowrap;
}

/* --- END UK UTILITY TEXT NO-WRAP --- */

/* --- FR MOBILE CARD ICON --- */

@media only screen and (max-width: 35em) {
    .m-fr-card--icon-mobile {
        flex-direction: row;
    }

    .m-fr-card--icon-mobile .m-card-image--icon {
        flex: 1;
        padding: 1em;
    }

    .m-fr-card--icon-mobile .m-card-image--icon img {
        margin: 0;
        width: 100%;
    }

    .m-fr-card--icon-mobile .m-card-content {
        flex: 3;
        padding: 1em 1em 1em 0;
        text-align: left;
    }

    .m-fr-card--icon-mobile .m-card-content .m-card-content-title-section {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
}

/* --- END FR MOBILE CARD ICON --- */

/* --- FR PANEL MODULE --- */

/* --- Panel Trigger --- */

.o-fr-panel-trigger--link-card {
    background-color: #4ca79f;
    text-align: center;
    width: 100%;
    border: 0;
    position: fixed;
    bottom: 0;
    z-index: 999;
    transition: background-color .35s;
}

.o-fr-panel-trigger--link-card:active,
.o-fr-panel-trigger--link-card:focus,
.o-fr-panel-trigger--link-card:hover {
    background-color: #000;
    border: 0;
}

.o-fr-panel-trigger--link-card:active .o-fr-panel-trigger__text,
.o-fr-panel-trigger--link-card:focus .o-fr-panel-trigger__text,
.o-fr-panel-trigger--link-card:hover .o-fr-panel-trigger__text {
    background-image: url(../images/icons/map/icon-pin-white.png);
    color: #fff;
}

.svg .o-fr-panel-trigger--link-card:active .o-fr-panel-trigger__text,
.svg .o-fr-panel-trigger--link-card:focus .o-fr-panel-trigger__text,
.svg .o-fr-panel-trigger--link-card:hover .o-fr-panel-trigger__text {
    background-image: url(../images/icons/map/icon-pin-white.svg);
}

.o-fr-panel-trigger__text {
    background-image: url(../images/icons/map/icon-pin-black.png);
    background-repeat: no-repeat;
    background-position: 1.25em 50%;
    background-size: 30px;
    display: inline-block;
    padding: 1.25em 1.25em 1.25em 4.5em;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
}

.svg .o-fr-panel-trigger__text {
    background-image: url(../images/icons/map/icon-pin-black.svg);
}

/* --- Panel --- */

.o-fr-panel {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    z-index: 1000;
    -webkit-transition: visibility 0s 0.6s;
    transition: visibility 0s 0.6s;
}

.o-fr-panel::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    -webkit-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
}

.o-fr-panel.o-fr-panel--is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
}

.o-fr-panel.o-fr-panel--is-visible::after {
    background: #333;
    background: rgba(51, 51, 51, .75);
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

/* --- Panel Content Container --- */

.o-fr-panel__content-container {
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    padding: 3em 1.25em 1.25em;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.o-fr-panel--from-right .o-fr-panel__content-container {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.o-fr-panel--from-left .o-fr-panel__content-container {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.o-fr-panel--is-visible .o-fr-panel__content-container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

@media only screen and (min-width: 35em) {
    .o-fr-panel-trigger--link-card {
        background-image: url(../images/icons/map/icon-pin-black.png);
        background-repeat: no-repeat;
        background-size: 40px;
        background-position: 50% 24px;
        width: 100px;
        padding: 4.25em 0.625em 0.625em;
        right: 0;
        bottom: auto;
        top: 55%;
        border-radius: .625em 0 0 .625em;
    }

    .svg .o-fr-panel-trigger--link-card {
        background-image: url(../images/icons/map/icon-pin-black.svg)
    }

    .o-fr-panel-trigger--link-card:active,
    .o-fr-panel-trigger--link-card:focus,
    .o-fr-panel-trigger--link-card:hover {
        background-image: url(../images/icons/map/icon-pin-white.png);
    }

    .svg .o-fr-panel-trigger--link-card:active,
    .svg .o-fr-panel-trigger--link-card:focus,
    .svg .o-fr-panel-trigger--link-card:hover {
        background-image: url(../images/icons/map/icon-pin-white.svg);
    }

    .o-fr-panel-trigger__text,
    .o-fr-panel-trigger--link-card:active .o-fr-panel-trigger__text,
    .o-fr-panel-trigger--link-card:focus .o-fr-panel-trigger__text,
    .o-fr-panel-trigger--link-card:hover .o-fr-panel-trigger__text {
        background: 0;
        display: block;
        padding: 0;
        text-align: center
    }

    .svg .o-fr-panel-trigger__text,
    .svg .o-fr-panel-trigger--link-card:active .o-fr-panel-trigger__text,
    .svg .o-fr-panel-trigger--link-card:focus .o-fr-panel-trigger__text,
    .svg .o-fr-panel-trigger--link-card:hover .o-fr-panel-trigger__text {
        background: 0
    }

    .o-fr-panel__content-container {
        padding: 4em 5em;
    }
}

@media only screen and (min-width: 60em) {
    .o-fr-panel__content-container {
        width: 70%;
    }
}

/* --- Panel Cancel --- */

.o-fr-panel__cancel {
    position: absolute;
    top: 0.7em;
    right: 1.25em;
    border-bottom: 0;
    padding-bottom: 0;
    padding-right: 1.625em;
}

.o-fr-panel__cancel:after {
    background: url(../images/icons/sprites/sprites-cross.svg) no-repeat 0 -1px;
    content: "";
    display: inline-block;
    height: 1.25em;
    position: absolute;
    right: 0;
    top: 1px;
    width: 1.25em;
}

.o-fr-panel__cancel:visited {
    color: #000;
}

.o-fr-panel__cancel-inner {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.o-fr-panel__cancel:focus .o-fr-panel__cancel-inner {
    border-bottom-color: #000;
}

@media only screen and (min-width: 35em) {
    .o-fr-panel__cancel {
        top: 1.3em;
        right: 5em;
    }
}

/* --- Panel Content --- */

.o-fr-panel__content {
    height: 100%;
    padding-right: 1em;
    overflow-y: auto;
}

@media only screen and (min-width: 35em) {
    .o-fr-panel__content {
        padding-right: 2em;
    }
}

/* --- Panel Active --- */

.o-fr-panel-active {
    z-index: 4000;
}
.o-fr-panel-active,
.o-fr-panel-active body {
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.o-fr-panel-active {
    max-height: 100%;
    overflow: hidden;
}

/* --- END FR PANEL MODULE --- */

/* --- FR PANEL MODULE FORM --- */

@media (min-width: 35em) {
    .csscalc .o-fr-panel .o-fr-panel__content .m-form-row {
        width: 100%;
    }
}

@media (min-width: 60em) {
    .csscalc .o-fr-panel .o-fr-panel__content .m-form-row {
        width: calc(75% - 0.625em);
    }
}

/* --- END FR PANEL MODULE FORM --- */

/* --- FR LINK ICON SEE DETAILS --- */

.a-fr-link-icon--more-details::after, .a-fr-link-icon--more-details-grey:after {
    background-image: url(../images/icons/sprites/more-details.png);
    width: 20px;
}

.a-fr-link-icon--more-details:after,
.t-accent-dark .t-accent-light .a-fr-link-icon--more-details:after,
.t-accent-light .a-fr-link-icon--more-details:after,
.t-card-accent-light .m-card .a-fr-link-icon--more-details:after {
    background-position: -2px;
}

.a-fr-link-icon--more-details-grey:after,
.t-accent-dark .t-accent-light .a-fr-link-icon--more-details-grey:after,
.t-accent-light .a-fr-link-icon--more-details-grey:after,
.t-card-accent-light .m-card .a-fr-link-icon--more-details-grey:after {
    background-position: -74px;
}

.a-fr-link-icon--more-details-black:after {
    background-image: url("../images/icons/icon-search-black.svg");
    background-repeat: no-repeat;
    width: 20px;
}

/* --- END FR LINK ICON SEE DETAILS --- */

/* --- FR 33 66 FORM LAYOUT --- */

@media (min-width: 60em) {
    .l-fr-columns--33-66-large.l-columns {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-left: -2.5%;
        width: auto;
    }

    .l-fr-columns--33-66-large.l-columns--reversed {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .csscalc .l-fr-columns--33-66-large.l-columns {
        margin-left: -1.875em;
    }

    .l-fr-columns--33-66-large > .l-columns__column {
        margin-left: 2.5%;
        overflow: visible;
    }

    .l-fr-columns--33-66-large > .l-columns__column:first-child,
    .l-fr-columns--33-66-large > .l-columns__column:nth-child(2) {
        margin-top: 0;
    }

    .l-fr-columns--33-66-large.l-columns--reversed > .l-columns__column {
        float: right;
    }

    .csscalc .l-fr-columns--33-66-large > .l-columns__column {
        margin-left: 1.875em;
    }

    .l-fr-columns--33-66-large > .l-columns__column {
        width: 64.167%;
    }

    .csscalc .l-fr-columns--33-66-large > .l-columns__column {
        width: calc(66.667% - 1.875em);
    }

    .l-fr-columns--33-66-large > .l-columns__column:first-child {
        width: 30.833%;
    }

    .csscalc .l-fr-columns--33-66-large > .l-columns__column:first-child {
        width: calc(33.333% - 1.875em);
    }

    .l-fr-columns--33-66-large > .l-columns__column:nth-child(2n) {
        width: 64.167%;
    }

    .csscalc .l-fr-columns--33-66-large > .l-columns__column:nth-child(2n) {
        width: calc(66.667% - 1.875em);
    }

    .l-fr-columns--33-66-large > .l-columns__column:nth-child(odd) {
        clear: both;
        width: 30.833%;
    }

    .csscalc .l-fr-columns--33-66-large > .l-columns__column:nth-child(odd) {
        width: calc(33.333% - 1.875em);
    }
}

/* --- END FR 33 66 FORM LAYOUT --- */

/* --- FR 25 75 FORM LAYOUT --- */

@media (min-width: 60em) {
    .l-fr-columns--25-75-large.l-columns {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-left: -2.5%;
        width: auto;
    }

    .l-fr-columns--25-75-large.l-columns--reversed {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .csscalc .l-fr-columns--25-75-large.l-columns {
        margin-left: -1.875em;
    }

    .l-fr-columns--25-75-large > .l-columns__column {
        margin-left: 2.5%;
        overflow: visible;
    }

    .l-fr-columns--25-75-large > .l-columns__column:first-child,
    .l-fr-columns--25-75-large > .l-columns__column:nth-child(2) {
        margin-top: 0;
    }

    .l-fr-columns--25-75-large.l-columns--reversed > .l-columns__column {
        float: right;
    }

    .csscalc .l-fr-columns--25-75-large > .l-columns__column {
        margin-left: 1.875em;
    }

    .l-fr-columns--25-75-large > .l-columns__column {
        width: 72.5%;
    }

    .csscalc .l-fr-columns--25-75-large > .l-columns__column {
        width: calc(75% - 1.875em);
    }

    .l-fr-columns--25-75-large > .l-columns__column:first-child {
        width: 22.5%;
    }

    .csscalc .l-fr-columns--25-75-large > .l-columns__column:first-child {
        width: calc(25% - 1.875em);
    }

    .l-fr-columns--25-75-large > .l-columns__column:nth-child(2n) {
        width: 72.5%;
    }

    .csscalc .l-fr-columns--25-75-large > .l-columns__column:nth-child(2n) {
        width: calc(75% - 1.875em);
    }

    .l-fr-columns--25-75-large > .l-columns__column:nth-child(odd) {
        clear: both;
        width: 22.5%;
    }

    .csscalc .l-fr-columns--25-75-large > .l-columns__column:nth-child(odd) {
        width: calc(25% - 1.875em);
    }
}

/* --- END FR 25 75 FORM LAYOUT --- */

/* --- FR 60 40 FORM LAYOUT --- */

@media (min-width: 60em) {
    .l-fr-columns--60-40-large.l-columns {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-left: -2.5%;
        width: auto;
    }

    .l-fr-columns--60-40-large.l-columns--reversed {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .csscalc .l-fr-columns--60-40-large.l-columns {
        margin-left: -1.875em;
    }

    .l-fr-columns--60-40-large > .l-columns__column {
        margin-left: 2.5%;
        overflow: visible;
    }

    .l-fr-columns--60-40-large > .l-columns__column:first-child,
    .l-fr-columns--60-40-large > .l-columns__column:nth-child(2) {
        margin-top: 0;
    }

    .l-fr-columns--60-40-large.l-columns--reversed > .l-columns__column {
        float: right;
    }

    .csscalc .l-fr-columns--60-40-large > .l-columns__column {
        margin-left: 1.875em;
    }

    .l-fr-columns--60-40-large > .l-columns__column {
        width: 37.5%;
    }

    .csscalc .l-fr-columns--60-40-large > .l-columns__column {
        width: calc(40% - 1.875em);
    }

    .l-fr-columns--60-40-large > .l-columns__column:first-child {
        width: 57.5%;
    }

    .csscalc .l-fr-columns--60-40-large > .l-columns__column:first-child {
        width: calc(60% - 1.875em);
    }

    .l-fr-columns--60-40-large > .l-columns__column:nth-child(2n) {
        width: 37.5%;
    }

    .csscalc .l-fr-columns--60-40-large > .l-columns__column:nth-child(2n) {
        width: calc(40% - 1.875em);
    }

    .l-fr-columns--60-40-large > .l-columns__column:nth-child(odd) {
        clear: both;
        width: 57.5%;
    }

    .csscalc .l-fr-columns--60-40-large > .l-columns__column:nth-child(odd) {
        width: calc(60% - 1.875em);
    }
}

/* --- END FR 60 40 FORM LAYOUT --- */

/* --- FR 60 40 FORM LAYOUT SIDEBAR IMAGE --- */

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image {
    margin-bottom: 0;
}

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:first-child {
    padding: 1.25em;
}

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 200px;
}

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--salon-confirmation {
    background-image: url(../images/illustrations/salon-confirmation.png);
}

.svg .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--salon-confirmation {
    background-image: url(../images/illustrations/salon-confirmation.svg);
}

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--canape-femme-confirmation {
    background-image: url(../images/illustrations/canape-femme-confirmation.png);
}

.svg .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--canape-femme-confirmation {
    background-image: url(../images/illustrations/canape-femme-confirmation.svg);
}

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--canape-homme-confirmation {
    background-image: url(../images/illustrations/canape-homme-confirmation.png);
}

.svg .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--canape-homme-confirmation {
    background-image: url(../images/illustrations/canape-homme-confirmation.svg);
}

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--fauteuil-femme-confirmation {
    background-image: url(../images/illustrations/fauteuil-femme-confirmation.png);
}

.svg .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--fauteuil-femme-confirmation  {
    background-image: url(../images/illustrations/fauteuil-femme-confirmation.svg);
}

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--fauteuil-homme-confirmation {
    background-image: url(../images/illustrations/fauteuil-homme-confirmation.png);
}

.svg .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--fauteuil-homme-confirmation  {
    background-image: url(../images/illustrations/fauteuil-homme-confirmation.svg);
}

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--sinistre-en-cours-confirmation {
    background-image: url(../images/illustrations/sinistre-en-cours-confirmation.png);
}

.svg .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--sinistre-en-cours-confirmation  {
    background-image: url(../images/illustrations/sinistre-en-cours-confirmation.svg);
}

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--telechargement-declaration-confirmation {
    background-image: url(../images/illustrations/telechargement-declaration-confirmation.png);
}

.svg .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--telechargement-declaration-confirmation  {
    background-image: url(../images/illustrations/telechargement-declaration-confirmation.svg);
}

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--telechargement-declaration-confirmation {
    background-image: url(../images/illustrations/Impression.png);
}

.svg .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--telechargement-declaration-confirmation {
    background-image: url(../images/illustrations/Impression.svg);
}

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--sinistre-en-cours-confirmation {
    background-image: url(../images/illustrations/sinistre-en-cours.png);
}

.svg .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--sinistre-en-cours-confirmation {
    background-image: url(../images/illustrations/sinistre-en-cours.svg);
}

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--predeclaration-invalide {
    background-image: url(../images/illustrations/predeclaration-invalide.png);
}

.svg .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--predeclaration-invalide {
    background-image: url(../images/illustrations/predeclaration-invalide.svg);
}

.l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--probleme-technique {
    background-image: url(../images/illustrations/probleme-technique.png);
}

.svg .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--probleme-technique {
    background-image: url(../images/illustrations/probleme-technique.svg);
}


@media (min-width: 35em) {
    .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:first-child {
        padding: 1.875em;
    }

    .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image {
        min-height: 300px;
    }

    .l-fr-column__image--not-resized{
        height: inherit !important;
    }
}

@media (min-width: 60em) {
    .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) {
        width: 40%;
    }

    .l-fr-columns--60-40-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image {
        min-height: 400px;
    }

    .l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) {
        margin-left: 0;
    }
}

/* --- END FR 60 40 FORM LAYOUT SIDEBAR IMAGE --- */

/* --- MODAL FULLSCREEN FIX --- */

.o-modal--fullscreen {
    background: none;
    margin: 0 1.25em; /*DIF*/
    max-height: none;
    max-width: none;
    padding: 0;
    width: auto;
}

.o-modal--fullscreen .o-modal__content-holder {
    background: #fff;
    border-radius: 0.25em;
    max-height: 100%;
    overflow: auto;
    padding-bottom: 1.25em;
    padding-top: 1.25em;
    text-align: left;
}

.csscalc .o-modal--fullscreen .o-modal__content-holder {
    height: calc(100% - 4.5em);
}

.o-modal--fullscreen .o-modal__cancel-wrapper {
    background: none;
    padding: 0;
}

.o-modal-overlay--fullscreen.o-modal-overlay--loaded {
    background: #333;
    background: rgba(51, 51, 51, 0.75);
}

.o-modal--fullscreen .l-section:first-of-type {
    padding-top: 1.875em;
}

.o-modal--fullscreen .l-section:last-of-type {
    padding-bottom: 1.875em;
}

@media (max-width: 35em) {
    .o-fr-modal--fullscreen .o-modal--fullscreen {
        margin: 0;
    }
}

/* --- END MODAL FULLSCREEN FIX --- */

/* --- FR SHOWHIDE DATA VALUE --- */

.m-fr-showhide--data .m-showhide__control {
    padding: 0.7em 0 2.425em 4.375em;
}

.m-fr-showhide--data .m-fr-showhide-data__value:after {
    content: attr(data-value);
    position: absolute;
    left: 3.5em;
    bottom: 0;
    transform: translateY(-50%);
    font-family: 'Source Sans Pro', arial, sans-serif;
    font-weight: 600;
    font-size: 1.25em;
}

@media (min-width: 35em) {
    .m-fr-showhide--data .m-showhide__control {
        padding: 1.5em 0 1.625em 4.375em;
    }

    .m-fr-showhide--data .m-fr-showhide-data__value:after {
        padding-right: 1em;
        top: 50%;
        bottom: auto;
        left: auto;
        right: 0;
        transform: translateY(-50%);
    }
}

/* --- END FR SHOWHIDE DATA VALUE --- */

/* --- FR SHOWHIDE DATA VALUE 2 --- */

.m-fr-showhide--data2 .m-fr-showhide-data2__value:after {
    content: attr(data-value);
    position: absolute;
    left: 1.1em;
    bottom: 0.5em;
    font-family: 'Source Sans Pro', arial, sans-serif;
    font-weight: 600;
    font-size: 0.9em;
}

.m-fr-showhide--data2.js-m-showhide.m-showhide {
    border-bottom: 0;
}

.m-fr-showhide--data2.js-m-showhide > .m-showhide__heading {
    background-color: #e5eaf2;
    border-top: 0;
    font-family: 'Source Sans Pro', arial, sans-serif;
    font-weight: 600;
    font-size: 1.25em;
}

.m-fr-showhide--data2 > .m-showhide__heading .m-showhide__control {
    padding: 0.4em 3.6em 1.6em 1em;
}

.m-fr-showhide--data2 > .m-showhide__heading .m-showhide__control:before {
    top: 1.2em;
    left: auto;
    right: 1.25em;
}

.m-fr-showhide--data2.js-m-showhide > .m-showhide__content {
    border: 1px solid #ccc;
    border-top: 0;
}

@media (min-width: 60em) {
    .m-fr-showhide--data2 .m-fr-showhide-data2__value:after {
        left: auto;
        right: 3em;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
        font-size: 1em;
    }

    .m-fr-showhide--data2.js-m-showhide > .m-showhide__heading {
       background-color: #e5eaf2;
       border-top: 0;
       font-family: 'Source Sans Pro', arial, sans-serif;
       font-weight: 600;
       font-size: 1.5em;
    }

    .m-fr-showhide--data2 > .m-showhide__heading .m-showhide__control {
        padding: 0.8em 3em 0.8em 0.8em;
    }

    .m-fr-showhide--data2 > .m-showhide__heading .m-showhide__control:before {
        top: 1.4em;
    }
}

/* --- END FR SHOWHIDE DATA VALUE 2 --- */

/* --- FR SHOWHIDE CUSTOM LAYOUT --- */

.js-m-showhide .m-fr-showhide__content--custom-layout {
    padding: 0;
}

.m-fr-showhide__content--custom-layout .l-fr-columns--custom-layout,
.m-fr-showhide__content--custom-layout .l-fr-columns--custom-layout > .l-columns__column {
    margin-top: 0;
}

.m-fr-showhide__content--custom-layout .l-fr-columns--custom-layout > .l-columns__column {
    padding: 1.25em;
}

.m-fr-showhide__content--custom-layout > .l-fr-columns--33-66-large > .l-columns__column:first-child {
    background-color: #f9f9f9;
}

@media (min-width: 60em) {
    .js-m-showhide .m-fr-showhide__content--custom-layout .l-fr-columns--custom-layout {
        padding: 1.25em;
    }

    .m-fr-showhide__content--custom-layout .l-fr-columns--custom-layout > .l-columns__column {
        padding: 0;
    }

    .m-fr-showhide__content--custom-layout > .l-fr-columns--33-66-large > .l-columns__column:first-child {
       background-color: transparent;
    }

    .m-fr-showhide__content--custom-layout
       > .l-fr-columns--33-66-large.l-columns--reversed
       > .l-columns__column:nth-child(2n) {
       border-right: 1px solid #eee;
    }
 }

 /* --- END FR SHOWHIDE CUSTOM LAYOUT --- */

 /* --- FR TABLE TRANSPARENT HEADER --- */
 /* --- problème couleur avec les tableaux abeille ---
 @media (min-width: 60em) {
    .m-fr-table--transparent-header.m-table thead > tr > td,
    .m-fr-table--transparent-header.m-table thead > tr > th {
       background-color: transparent;
    }
 }
 */
 /* --- END FR TABLE TRANSPARENT HEADER --- */

 /* --- TABLE TFOOT --- */

 .fonts-loaded .m-table tfoot > tr > th {
   font-family: 'Source Sans Pro', arial, sans-serif;
   font-weight: 700;
 }

 .m-table tfoot > tr {
    display: block;
    margin-top: 1.25em;
}

.m-table tfoot > tr > td,
.m-table tfoot > tr > th {
    display: none;
    padding: 1em;
}

.m-table tfoot > tr > td:last-child,
.m-table tfoot > tr > th:last-child {
    display: block;
    overflow: hidden;
}

.m-table tfoot > tr > th:before {
    content: attr(data-th);
    display: block;
    float: left;
    max-width: 80%;
}

@media (min-width: 35em) {
    .m-table tfoot {
        display: table-footer-group;
    }

    .m-table tfoot > tr {
        display: table-row;
    }

    .m-table tfoot > tr > td,
    .m-table tfoot > tr > th {
        display: table-cell;
    }

    .m-table tfoot > tr > th::before {
        content: "";
        display: none;
    }
}

/* --- END TABLE TFOOT --- */

/** tri table salari�s contrat groupe**/

div.a-order {
    background-image: url(../images/icons/arrows/arrow-down-blue.svg);
    background-position: right;
    background-repeat: no-repeat;
    border: 0px;
    bottom: 0px;
    height: 1.8em;
    left: 0px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    width: 100%;
}

div.a-order-check {
    background-image: url(../images/icons/arrows/arrow-up-blue.svg);
    background-position: right;
    background-repeat: no-repeat;
    border: 0px;
    bottom: 0px;
    height: 1.8em;
    left: 0px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    width: 100%;
}

@media (max-width: 767px) {
    div.a-order {
        background-position: center center;
        text-indent: -9999px;
    }
    div.a-order-check {
        background-position: center center;
        text-indent: -9999px;
    }
}
/** END tri table salari�s contrat groupe**/

/* --- CONTEXTUAL HELP --- */

.a-context-help::after {
    background-image: url(../images/icons/sprites/context-help.svg);
    content: "";
    margin-left: 7px;
    margin-right: 7px;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    width: 20px;
}

.a-context-help::after,
.t-accent-dark .t-accent-light .a-context-help::after,
.t-accent-light .a-context-help::after,
.t-card-accent-light .m-card .a-context-help::after {
    background-position: 0;
}

/* --- END CONTEXTUAL HELP --- */

/* --- FR DATA LAYOUT --- */

.m-fr-data-group-item__data--small {
    display: block;
    font: normal 1em/1.5 blinkmacsystemfont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, arial, helvetica, sans-serif;
    margin: 0;
 }

 .fonts-loaded .m-fr-data-group-item__data--small {
   font-family: 'Source Sans Pro', arial, sans-serif;
   font-weight: 400;
 }

 .m-fr-data-group-item__data--highlight {
    color: #39994f;
    font: 600 1em/1.5 blinkmacsystemfont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans,
       Helvetica Neue, arial, helvetica, sans-serif;
 }

 .fonts-loaded .m-fr-data-group-item__data--highlight {
   font-family: 'Source Sans Pro', arial, sans-serif;
   font-weight: 600;
 }

 /* --- END FR DATA LAYOUT --- */

 /* --- FR RADIO SEGMENTED CONTROLS ICONS --- */

 .a-fr-radio__label-icon:before {
    background-position: 0;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    margin-right: 7px;
    margin-bottom: -0.375em;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.a-fr-radio__label-icon--chart:before {
    background-image: url(../images/icons/icon-chart-grey.png);
    height: 1.4em;
    width: 22px;
}

.svg .a-fr-radio__label-icon--chart:before {
    background-image: url(../images/icons/icon-chart-grey.svg);
}

.a-fr-radio__label-icon--table:before {
    background-image: url(../images/icons/icon-table-grey.png);
    height: 1.4em;
    width: 18px;
}

.svg .a-fr-radio__label-icon--table:before {
    background-image: url(../images/icons/icon-table-grey.svg);
}

.m-radio-group__item.is-checked .a-fr-radio__label-icon--chart:before {
    background-image: url(../images/icons/icon-chart-white.png);
}

.svg .m-radio-group__item.is-checked .a-fr-radio__label-icon--chart:before {
    background-image: url(../images/icons/icon-chart-white.svg);
}

.m-radio-group__item.is-checked .a-fr-radio__label-icon--table:before {
    background-image: url(../images/icons/icon-table-white.png);
}

.svg .m-radio-group__item.is-checked .a-fr-radio__label-icon--table:before {
    background-image: url(../images/icons/icon-table-white.svg);
}

/* --- END FR RADIO SEGMENTED CONTROLS ICONS --- */

/* --- TEXT ICON ADVISER --- */

.a-text-icon--adviser {
    padding-left: 2.25em;
}

.a-text-icon--adviser:before {
    background-image: url(../images/icons/icon-profile.png);
    background-position: 0;
    height: 1.6em;
    width: 1.6em;
}

.svg .a-text-icon--adviser:before {
    background-image: url(../images/icons/icon-profile.svg);
}

/* --- END TEXT ICON ADVISER --- */

/* --- TEXT ICON REPARTITION --- */

.a-text-icon--repartition {
    margin: 0.85em 0;
    padding-left: 6.75em;
}

.a-text-icon--repartition:before {
    background-image: url(../images/icons/operations/icon-repartition.png);
    background-position: 0;
    height: 4.75em;
    width: 4.75em;
    top: 50%;
    transform: translateY(-50%);
}

.svg .a-text-icon--repartition:before {
    background-image: url(../images/icons/operations/icon-repartition.svg);
}

/* --- END TEXT ICON REPARTITION --- */

/* --- NOTIFICATION CARDS REPARTITION --- */

.m-card-notification--repartition {
    background-image: url(../images/icons/operations/icon-repartition-mini.png);
    background-color: #e5eaf2;
    background-position: 1.225em;
    background-repeat: no-repeat;
    padding-left: 5em;
}

.svg .m-card-notification--repartition {
    background-image: url(../images/icons/operations/icon-repartition-mini.svg);
}

.m-card-notification--repartition .m-card-content {
    background: none;
    border: none;
    padding: 1.55em 1.225em 1.675em 0;
}
/* --- use in text icon repartition ---
.svg .a-text-icon--repartition:before {
   background-image: url(../images/icons/operations/icon-repartition.svg);
}*/

/* --- END NOTIFICATION CARDS REPARTITION --- */

/* --- FR TABLE ICON DELETE --- */

.m-fr-table__icon {
    border-bottom: 0;
    cursor: pointer;
}

.m-fr-table__icon--delete,
.m-fr-table__icon--delete-disabled {
    background-image: url(../images/icons/sprites/delete.png);
    background-position: 0;
}

.svg .m-fr-table__icon--delete,
.svg .m-fr-table__icon--delete-disabled {
    background-image: url(../images/icons/sprites/delete.svg);
}

.m-fr-table__icon--delete-disabled {
    background-position: -48px;
    cursor: default;
}

/* --- END FR TABLE ICON DELETE --- */

/* --- FR CHART SUMMARY --- */

@media (min-width: 35em) {
    .o-chart .js-doughnut-chart ~ .m-chart-container .m-fr-chart-summary {
        max-width: 100%;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .o-chart .m-fr-chart-summary li {
        display: inline-flex;
        margin-bottom: 0;
        padding-right: 1.875em;
    }
}

.o-chart .m-fr-chart-summary .m-chart-summary__number {
    min-width: 3em;
}

/* --- END FR CHART SUMMARY --- */

/* --- FR STICKY BAR MODULE --- */

.m-fr-sticky-bar {
    background-color: #005a6c;
    height: 6em;
    overflow: hidden;
    z-index: 4;
}

@media (min-width: 35em) {
    .m-fr-sticky-bar {
        height: 4em;
    }
}

.m-fr-sticky-bar--is-active {
    position: fixed;
    top: 0;
    width: 100%;
}

.m-fr-sticky-bar--is-active + .l-section {
    margin-top: 6em;
}

@media (min-width: 35em) {
    .m-fr-sticky-bar--is-active + .l-section {
        margin-top: 4em;
    }
}

.m-fr-sticky-bar__content-container {
    margin: 0 auto;
    max-width: 81.25em;
    padding: 0 1.25em;
}

@media (min-width: 35em) {
    .m-fr-sticky-bar__content-container {
        padding: 0 1.875em;
    }
}

.m-fr-sticky-bar__heading {
    float: left;
    width: 30%;
}

@media (min-width: 35em) {
    .m-fr-sticky-bar__heading {
        width: auto;
    }
}

.m-fr-sticky-bar__values {
    float: right;
    width: 70%;
}

@media (min-width: 35em) {
    .m-fr-sticky-bar__values {
        width: auto;
    }
}

.m-fr-sticky-bar__heading .a-heading,
.m-fr-sticky-bar__values .a-heading {
    color: #fff;
    margin-top: 0.5em;
}

.m-fr-sticky-bar__value {
    text-align: right;
}

@media (min-width: 35em) {
    .m-fr-sticky-bar__value {
        float: left;
        text-align: left;
    }
}

.m-fr-sticky-bar__value .a-heading {
    margin-bottom: 0;
}

@media (min-width: 35em) {
    .m-fr-sticky-bar__value .a-heading {
        padding-right: 0.8em;
    }
}

.m-fr-sticky-bar__value:last-of-type .a-heading {
    padding-right: 0;
}

.m-fr-sticky-bar__value + .m-fr-sticky-bar__value .a-heading {
    margin-top: 0;
}

@media (min-width: 35em) {
    .m-fr-sticky-bar__value + .m-fr-sticky-bar__value .a-heading {
        border-left: 1px solid #5c596d; /*DIF*/
        margin-top: 0.5em;
        padding-left: 0.8em;
    }
}

.l-arch-header ~ .l-page-wrapper .m-fr-sticky-bar__content-container {
    max-width: initial;
}

.l-arch-header ~ .l-page-wrapper .m-fr-sticky-bar--is-active {
    position: fixed;
    top: 55px;
    width: 100%;
}

@media (min-width: 35em) {
    .l-arch-header ~ .l-page-wrapper .m-fr-sticky-bar--is-active {
        top: 127px;
        width: calc(100% - 56px);
    }
}

@media (min-width: 60em) {
    .l-arch-header ~ .l-page-wrapper .m-fr-sticky-bar--is-active {
        top: 115px;
        width: calc(100% - 260px);
    }
}

/* Espace Client : Fix pour la hauteur bandeau - Mobile / Tablette  */

@media (max-width: 60em) {
    .l-arch-header ~ .l-page-wrapper .m-fr-sticky-bar {
      height: initial;
    }
    .l-arch-header ~ .l-page-wrapper .m-fr-sticky-bar .m-fr-sticky-bar__heading {
      width: 30%;
    }
    .l-arch-header ~ .l-page-wrapper .m-fr-sticky-bar .m-fr-sticky-bar__values {
      width: 70%;
    }
  }

/* --- END FR STICKY BAR MODULE --- */

/* --- TABLE ROW TEXT ALIGN CENTER --- */

.m-table .m-table__body-row-data--text-center td,
.m-table .m-table__body-row-header--text-center th {
    text-align: center;
}

/* --- END TABLE ROW TEXT ALIGN --- */

/* --- FR TABLE ROW TEXT ALIGN LEFT MOBILE --- */

@media (max-width: 34.999em) {
    .m-table .m-fr-table__body-row-data--text-left-mobile td,
    .m-table .m-fr-table__body-row-header--text-left-mobile th {
        text-align: left !important;
    }
}

/* --- END FR TABLE ROW TEXT ALIGN LEFT MOBILE --- */

/* --- TABLE STACKABLE ROW --- */

@media (max-width: 34.999em) {
    .m-table--stackable-row thead {
        display: none;
    }
    .m-table--stackable-row tbody > tr,
    .m-table--stackable-row tbody > tr > td,
    .m-table--stackable-row tbody > tr > th {
        display: block;
    }
    .m-table--stackable-row tbody > tr {
        margin: 1.25em 0;
    }
    .m-table--stackable-row tbody > tr:first-child {
        margin: 0 0 1.25em;
    }
    .m-table--stackable-row tbody > tr:last-child {
        margin: 1.25em 0 0;
    }
    .m-table--stackable-row tbody > tr > th {
        border-left: none;
        border-right: none;
    }
    .m-table--stackable-row tbody > tr:last-child > th,
    .m-table--stackable-row tbody > tr > th {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }
    .m-table--stackable-row tbody > tr > td {
        border: none;
        padding: 0.9375em 2.5em 1em;
    }
    .m-table--stackable-row tbody > tr:last-child > td,
    .m-table--stackable-row tbody > tr > td {
        border-bottom: 1px solid #eee;
    }
    .m-table--stackable-row.m-table--no-content-keylines tbody > tr:last-child > td,
    .m-table--stackable-row.m-table--no-content-keylines tbody > tr > td {
        border-bottom: 0;
    }
    .m-table--stackable-row tbody > tr > td:last-child {
        border-bottom: none;
    }
    .m-table--stackable-row tbody > tr > td:before {
        content: attr(data-th);
        display: block;
        font-weight: 700;
    }
    .m-table--stackable-row.m-table--zebra-stripes tbody > tr:nth-child(2n) > th,
    .m-table--stackable-row.m-table--zebra-stripes tbody > tr:nth-child(odd) > th,
    .m-table--stackable-row tbody > tr:nth-child(2n) > th,
    .m-table--stackable-row tbody > tr:nth-child(odd) > th,
    .t-accent-dark .t-accent-light .m-table--stackable-row.m-table--zebra-stripes tbody > tr:nth-child(2n) > th,
    .t-accent-dark .t-accent-light .m-table--stackable-row.m-table--zebra-stripes tbody > tr:nth-child(odd) > th,
    .t-accent-dark .t-accent-light .m-table--stackable-row tbody > tr:nth-child(2n) > th,
    .t-accent-dark .t-accent-light .m-table--stackable-row tbody > tr:nth-child(odd) > th,
    .t-accent-light .m-table--stackable-row.m-table--zebra-stripes tbody > tr:nth-child(2n) > th,
    .t-accent-light .m-table--stackable-row.m-table--zebra-stripes tbody > tr:nth-child(odd) > th,
    .t-accent-light .m-table--stackable-row tbody > tr:nth-child(2n) > th,
    .t-accent-light .m-table--stackable-row tbody > tr:nth-child(odd) > th,
    .t-card-accent-light .m-card .m-table--stackable-row.m-table--zebra-stripes tbody > tr:nth-child(2n) > th,
    .t-card-accent-light .m-card .m-table--stackable-row.m-table--zebra-stripes tbody > tr:nth-child(odd) > th,
    .t-card-accent-light .m-card .m-table--stackable-row tbody > tr:nth-child(odd) > th,
    .t-card-accent-light .m-table--stackable-row tbody > tr:nth-child(2n) > th {
        background-color: #eee;
    }
    .m-table--stackable-row.m-table--zebra-stripes tbody > tr > td:nth-child(odd),
    .t-accent-dark .t-accent-light .m-table--stackable-row.m-table--zebra-stripes tbody > tr > td:nth-child(odd),
    .t-accent-light .m-table--stackable-row.m-table--zebra-stripes tbody > tr > td:nth-child(odd),
    .t-card-accent-light .m-card .m-table--stackable-row.m-table--zebra-stripes tbody > tr > td:nth-child(odd) {
        background-color: #f9f9f9;
    }
    .m-table--stackable-row.m-table--zebra-stripes tbody > tr > td:nth-child(2n),
    .m-table--stackable-row tbody > tr > td,
    .t-accent-dark .t-accent-light .m-table--stackable-row.m-table--zebra-stripes tbody > tr > td:nth-child(2n),
    .t-accent-dark .t-accent-light .m-table--stackable-row tbody > tr > td,
    .t-accent-light .m-table--stackable-row.m-table--zebra-stripes tbody > tr > td:nth-child(2n),
    .t-accent-light .m-table--stackable-row tbody > tr > td,
    .t-card-accent-light .m-card .m-table--stackable-row.m-table--zebra-stripes tbody > tr > td:nth-child(2n),
    .t-card-accent-light .m-card .m-table--stackable-row tbody > tr > td {
        background-color: #fff;
    }
    .t-accent-dark .m-table--stackable-row.m-table--zebra-stripes tbody > tr:nth-child(2n) > th,
    .t-accent-dark .m-table--stackable-row.m-table--zebra-stripes tbody > tr:nth-child(odd) > th,
    .t-accent-dark .m-table--stackable-row.m-table--zebra-stripes tbody > tr > td:nth-child(odd),
    .t-accent-dark .m-table--stackable-row tbody > tr:nth-child(2n) > th,
    .t-accent-dark .m-table--stackable-row tbody > tr:nth-child(odd) > th,
    .t-card-accent-dark .m-card .m-table--stackable-row.m-table--zebra-stripes tbody > tr > td:nth-child(odd),
    .t-card-accent-dark .m-card .m-table--stackable-row tbody > tr:nth-child(2n) > th,
    .t-card-accent-dark .m-card .m-table--stackable-row tbody > tr:nth-child(odd) > th,
    .t-card-accent-dark .m-table--stackable-row.m-table--zebra-stripes tbody > tr:nth-child(2n) > th,
    .t-card-accent-dark .m-table--stackable-row.m-table--zebra-stripes tbody > tr:nth-child(odd) > th {
        background-color: #111;
    }
    .t-accent-dark .m-table--stackable-row.m-table--zebra-stripes tbody > tr > td:nth-child(2n),
    .t-accent-dark .m-table--stackable-row tbody > tr > td,
    .t-card-accent-dark .m-card .m-table--stackable-row.m-table--zebra-stripes tbody > tr > td:nth-child(2n),
    .t-card-accent-dark .m-card .m-table--stackable-row tbody > tr > td {
        background-color: #333;
    }
    .m-table--stackable-column .m-table__icon,
    .m-table--stackable-row .m-table__icon {
        margin: 0;
    }
    .m-table--stackable-column tbody > tr > td > .m-table__standard-icon,
    .m-table--stackable-column tbody > tr > th > .m-table__standard-icon,
    .m-table--stackable-row tbody > tr > td > .m-table__standard-icon,
    .m-table--stackable-row tbody > tr > th > .m-table__standard-icon {
        margin-right: 0.625em;
        vertical-align: middle;
        width: auto;
    }
    .m-table tbody > tr > td > .a-button {
        margin-top: 0.9375em;
    }
}

/* --- END TABLE STACKABLE ROW --- */

/* --- FIX TABLE STACKABLE ROW --- */

@media (min-width: 35em) {
    .m-table--stackable-row input.a-textbox {
        min-width: 10em;
    }
}

/* --- END FIX TABLE STACKABLE ROW --- */

/* --- COLUMNS DIVIDERS --- */

.m-card .l-columns--dividers {
    margin: 0;
    padding: 1.875em 1.25em;
}
.l-columns--dividers .l-columns__column:before {
    border-top-style: solid;
    border-width: 1px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: -1.875em;
}
.l-columns--dividers .l-columns__column {
    overflow: visible;
    position: relative;
}
.l-columns--dividers.l-columns > .l-columns__column {
    margin-top: 3.75em;
}
.l-columns--dividers.l-columns > .l-columns__column:first-child,
.l-columns--dividers.l-columns > .l-columns__column > :first-child {
    margin-top: 0;
}
.l-columns--dividers .l-columns__column:first-child:before {
    border-top-style: none;
}
.l-columns--dividers .l-columns__column:before {
    border-color: #ccc;
}
.t-accent-dark .t-accent-light .l-columns--dividers .l-columns__column:before {
    border-color: #ccc;
}
.t-card-accent-light .m-card .l-columns--dividers .l-columns__column:before {
    border-color: #ccc;
}
.t-accent-dark .l-columns--dividers .l-columns__column:before {
    border-color: #fff;
}
.t-card-accent-dark .m-card .l-columns--dividers .l-columns__column:before {
    border-color: #fff;
}
.m-card .l-columns--dividers .m-card-content {
    padding: 0;
}

@media screen and (min-width: 35em) {
    .m-card .l-columns--dividers {
        padding: 3.75em;
    }
    .l-columns--dividers.l-columns--2-medium.l-columns {
        margin-left: -5em;
    }
    .l-columns--dividers.l-columns--2-medium > .l-columns__column {
        margin-left: 5em;
        margin-top: 0;
        width: calc(50% - 5em);
    }
    .l-columns--dividers.l-columns--2-medium .l-columns__column:before {
        border-left-style: solid;
        border-top: none;
        bottom: 0;
        left: -2.5em;
        right: auto;
        top: 0;
    }
    .l-columns--dividers.l-columns--2-medium .l-columns__column:nth-child(odd):before {
        border-left-style: none;
    }
    .l-columns--dividers.l-columns--2-medium.l-columns--reversed .l-columns__column:nth-child(odd):before {
        border-left-style: solid;
    }
    .l-columns--dividers.l-columns--2-medium.l-columns--reversed .l-columns__column:nth-child(2n):before {
        border-left-style: none;
    }
    .l-columns--dividers .l-columns__column:nth-child(n + 3) {
        margin-top: 3.75em;
    }
}

@media screen and (min-width: 60em) {
    .l-columns--dividers.l-columns--2-large.l-columns {
        margin-left: -7.5em;
    }
    .m-card .l-columns--dividers.l-columns--2-large.l-columns {
        padding: 3.75em;
    }
    .l-columns--dividers.l-columns--2-large > .l-columns__column {
        margin-left: 7.5em;
        margin-top: 0;
        width: calc(50% - 7.5em);
    }
    .l-columns--dividers.l-columns--3-large.l-columns {
        margin-left: -5em;
    }
    .m-card .l-columns--dividers.l-columns--3-large.l-columns {
        padding: 3.75em 2.5em;
    }
    .l-columns--dividers.l-columns--3-large > .l-columns__column {
        margin-left: 5em;
        margin-top: 0;
        width: calc(33% - 5em);
    }
    .l-columns--dividers.l-columns--4-large.l-columns {
        margin-left: -3.75em;
    }
    .m-card .l-columns--dividers.l-columns--4-large.l-columns {
        padding: 3.75em 1.875em;
    }
    .l-columns--dividers.l-columns--4-large > .l-columns__column {
        margin-left: 3.75em;
        margin-top: 0;
        width: calc(25% - 3.75em);
    }
    .l-columns--dividers.l-columns--2-medium.l-columns--3-large > .l-columns__column:nth-child(n + 3),
    .l-columns--dividers.l-columns--2-medium.l-columns--4-large > .l-columns__column {
        margin-top: 0;
    }
    .l-columns--dividers.l-columns--2-medium .l-columns__column:before,
    .l-columns--dividers .l-columns__column:before {
        border-left-style: solid;
        border-top: none;
        bottom: 0;
        left: -3.75em;
        right: auto;
        top: 0;
    }
    .l-columns--dividers .l-columns__column:first-child:before {
        border-left-style: none;
    }
    .l-columns--dividers.l-columns--2-medium.l-columns--reversed .l-columns__column:nth-child(n + 2):before,
    .l-columns--dividers.l-columns--2-medium .l-columns__column:nth-child(n + 2):before {
        border-left-style: solid;
    }
    .l-columns--dividers.l-columns--2-medium.l-columns--reversed .l-columns__column:first-child:before,
    .l-columns--dividers.l-columns--reversed .l-columns__column:first-child:before {
        border-left-style: solid;
    }
    .l-columns--dividers.l-columns--2-medium.l-columns--reversed .l-columns__column:last-child:before,
    .l-columns--dividers.l-columns--reversed .l-columns__column:last-child:before {
        border-left-style: none;
    }
    .l-columns--dividers.l-columns--2-large .l-columns__column:before {
        left: -3.75em;
    }
    .l-columns--dividers.l-columns--3-large .l-columns__column:before {
        left: -2.5em;
    }
    .l-columns--dividers.l-columns--4-large .l-columns__column:before {
        left: -1.875em;
    }
    .l-columns--dividers.l-columns--2-medium > .l-columns__column {
        margin-top: 0;
    }
}

/* --- END COLUMNS DIVIDERS --- */

/* --- FR COLUMNS DIVIDERS PADDING SMALL --- */

.l-columns--dividers.l-fr-columns--dividers-padding-small .l-columns__column:before {
    top: -1.25em;
}
.m-card .l-columns--dividers.l-fr-columns--dividers-padding-small {
    padding: 1.25em;
}
.l-columns--dividers.l-fr-columns--dividers-padding-small.l-columns > .l-columns__column {
    margin-top: 2.5em;
}
.l-columns--dividers.l-fr-columns--dividers-padding-small.l-columns > .l-columns__column:first-child,
.l-columns--dividers.l-fr-columns--dividers-padding-small.l-columns > .l-columns__column > :first-child {
    margin-top: 0;
}

@media screen and (min-width: 60em) {
    .l-columns--dividers.l-fr-columns--dividers-padding-small .l-columns__column:before {
        top: 0;
    }
    .l-columns--dividers.l-fr-columns--dividers-padding-small.l-columns--2-large.l-columns {
        margin-left: -2.5em;
    }
    .m-card .l-columns--dividers.l-fr-columns--dividers-padding-small.l-columns--2-large.l-columns {
        padding: 1.25em;
    }
    .l-columns--dividers.l-fr-columns--dividers-padding-small.l-columns--2-large > .l-columns__column {
        margin-left: 2.5em;
        margin-top: 0;
        width: calc(50% - 2.5em);
    }
    .l-columns--dividers.l-fr-columns--dividers-padding-small.l-columns--2-large .l-columns__column:before {
        left: -1.3em;
    }
}

/* --- END FR COLUMNS DIVIDERS PADDING SMALL --- */

/* --- FR FLOATED COLUMN --- */

@media screen and (min-width: 60em) {
    .l-fr-columns__column--floated {
        position: relative;
    }
    .l-fr-columns__column--floated > div {
        position: absolute;
        width: 100%;
    }
}

/* --- END FR FLOATED COLUMN --- */

/* --- FR FREEPHONE NUMBER --- */

.m-fr-freephone {
    margin-top: 0.825em;
    font-family: Arial;
    width: 100%;
    max-width: 12.6em;
}

.m-fr-freephone__content-container {
    background-color: #fff;
    border: 1px solid #78b41e;
    height: 32px;
    padding: 0.15em 0.4em;
    position: relative;
    z-index: 0;
}

.m-fr-freephone__number {
    color: #78b41e;
    font-size: 1.05em;
    font-weight: 700;
    width: 55%;
}

.m-fr-freephone__number--desktop {
    display: none;
}

.m-fr-freephone__number-link {
    border-bottom: 0;
    padding-bottom: 0;
    color: #78b41e !important;
}

.m-fr-freephone__ribbon {
    background-color: #78b41e;
    color: #fff;
    font-size: 0.7em;
    font-weight: 400;
    height: 34px;
    letter-spacing: -0.025em;
    line-height: 1;
    padding: 0.5em 0.4em 0.5em 1em;
    right: 0.4em;
    top: -2px;
    width: calc(45% - 0.5em);
    position: absolute;
}

.m-fr-freephone__ribbon:before {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 6px;
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

@media (min-width: 35em) {
    .m-fr-freephone {
        max-width: 16em;
    }

    .m-fr-freephone__content-container {
        height: 34px;
        padding: 0.1em 0.4em;
    }

    .m-fr-freephone__number {
        display: none;
    }

    .m-fr-freephone__number--desktop {
        display: block;
        font-size: 1.25em;
    }

    .m-fr-freephone__ribbon {
        font-size: 0.8em;
        height: 36px;
        padding: 0.45em 0.4em 0.5em 1em;
    }
}

@media (min-width: 60em) {
    .m-fr-freephone {
        max-width: 19em;
    }

    .m-fr-freephone__content-container {
        height: 38px;
        padding: 0.05em 0.4em;
    }

    .m-fr-freephone__number--desktop {
        font-size: 1.5em;
    }

    .m-fr-freephone__ribbon {
        font-size: 0.9em;
        height: 40px;
        padding: 0.35em 0.4em 0.5em 1.2em;
    }
}

/* --- END FR FREEPHONE NUMBER --- */

/*

    ===============================================================================================

    HP ESPACE CLIENT

    ===============================================================================================

*/

/* --- FR ALERT --- */

.a-fr-alert {
    display: grid;
    background-color: #fff;
    margin: 1.25em 0;
    border: 2px solid #ccc;
    border-radius: 0.625em;
    grid-template-columns: 3.4375em 1fr;
}

.a-fr-alert .a-fr-alert__bell {
    background: url("../images/icons/alert-bell.svg") #4ca79f no-repeat;
    background-position: 50% 50%;
    border-radius: 0.5em 0 0 0.5em;
}

.a-fr-alert .m-show-more-all .a-list-unordered {
    margin: 1.25em 1.25em 0.25em;
}

.a-fr-alert .m-show-more-all .a-list-unordered > li {
    margin-top: 1.25em;
}


@media (min-width: 35em) {
    .a-fr-alert .m-show-more-all .a-list-unordered > li {
        margin-top: 0.625em;
    }
}

.a-fr-alert .m-show-more-all p,
.a-fr-alert .m-show-more-intro {
    padding-left: 1.25em;
    padding-right: 7.375em;
}

.a-fr-alert .m-show-more-all .m-show-more-button,
.a-fr-alert .m-show-more-intro .m-show-more-button {
    position: absolute;
    top: -15px;
    right: 0;
    padding: 0 1.25em;
}

/* --- END FR ALERT --- */


/* --- Fix product roundels alignment --- */

/* Fix product roundels alignment */
@media (min-width: 78em) {
    .js .o-fr-product-roundels .o-product-roundels-category__link > img {

        margin: 0 auto;
    }
}
.o-product-roundels-category__link-text {
    text-align: center;
}

@media (min-width: 35em) {
    .l-content-container.l-policies-carousel-container {
        padding: 0 2.75em;
    }
}

.l-articles-container {
    width: 100%;
    background: #eee;
}

.afer-description {
    margin: 0;
    padding: 1em 0;
    border-top: 1px solid #ccc;
    background: #fff;
}

/* Afer product for abeille users */
.l-policy-container--stripped .m-product-header .a-heading--afer:after {
    content: "";
    background: url("images/icons/afer-logo.svg") no-repeat;
    width: 3.75em;
    height: 1.125em;
    position: absolute;
    margin-left: 0.25em;
    margin-top: 0.075em;
    transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
}

.l-policy-container--stripped .afer-policy {
    background: #e5f4ff;
    padding: 0 1em;
}

.l-policy-container--stripped .afer-policy .m-product-header {
    border-top: transparent;
}

.l-policy-container--stripped .afer-description {
    margin: 0;
    padding: 1em;
    background: #e5f4ff;
}

/* Fix for not clickable arrow on home page */
a.o-product-roundels-category__link {
    padding-right: 0;
    z-index: 15;
}

/* --- FR PRODUCT ROUNDELS --- */

/* --- General ---*/

.js .o-fr-product-roundels .o-product-roundels-group {
    background-color: #f6f0eb;
    justify-content: center;
}

.o-fr-product-roundels .o-product-roundels__tab-content {
    border-bottom: 2px solid transparent;
}
.js .o-fr-product-roundels .o-product-roundels__tab--quote {
    position: relative;
}
.o-fr-product-roundels .o-product-roundels-category__group {
    display: block;
    padding: 0 0.5em;
}

.o-fr-product-roundels .o-product-roundels-category__link {
    line-height: 1em;
    position: relative;
}

.o-fr-product-roundels .o-product-roundels-category__image-active,
.o-fr-product-roundels .is-open .o-product-roundels-category__image {
    display: none;
}

.o-fr-product-roundels .is-open .o-product-roundels-category__image-active,
.o-fr-product-roundels .o-product-roundels-category-link-image {
    display: block;
}

.o-fr-product-roundels a.o-product-roundels-category__link .o-product-roundels-category__link-text {
    border-bottom: 0px;
    font-weight: 400;
    font-family: "Montserrat",arial,sans-serif;
}

.js .o-fr-product-roundels .is-open .o-product-roundels-category__link-text,
.js .o-fr-product-roundels .o-product-roundels-category__link:hover .o-product-roundels-category__link-text {
    font-weight: 600;
}

.o-fr-product-roundels .o-product-roundels-category__link:focus .o-product-roundels-category__link-text {
    border-bottom-color: transparent;
}

.js .o-fr-product-roundels .o-product-roundels__carousel-control {
    top: 165px;
}

/* Sous pods générales */

.o-fr-product-roundels .o-product-roundels__tab-content.modal-active {
    padding-top: 1.25em;
}

.js .o-fr-product-roundels .o-product-roundels__tab--policies .abeille-policy,
.js .o-fr-product-roundels .o-product-roundels__tab--policies .o-fr-essential,
.js .o-fr-product-roundels .o-product-roundels__tab--policies .afer-policy,
.js .o-fr-product-roundels .o-product-roundels__tab--quote .abeille-quotes {
    border: 1px solid #ccc;
    border-radius: 0.625em;
    padding: 1.25em 0 0 0;
    margin-bottom: 1.25em;
    position: relative;
}

.js .o-fr-product-roundels .o-product-roundels__tab--policies .m-product-header,
.js .o-fr-product-roundels .o-product-roundels__tab--policies .o-fr-essential__container,
.js .o-fr-product-roundels .o-product-roundels__tab--quote .m-product-header {
    padding: 0 1.25em
}

.js .o-fr-product-roundels .o-product-roundels__tab--policies .o-fr-essential__title {
    padding: 0 1em;
    position: relative;
}

.js .o-fr-product-roundels .o-product-roundels__tab--policies .o-fr-essential__title::before {
    content: '!';
    position: absolute;
    top: 4px;
    left: 0;
    width: 17px;
    height: 20px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background-color: #4ca79f;
    color: #FFF;
}

.js .o-fr-product-roundels .o-product-roundels__tab--policies .m-data-group,
.js .o-fr-product-roundels .o-product-roundels__tab--quote  .m-data-group {
    padding: 1.25em
}

.js .o-fr-product-roundels .o-product-roundels__tab--policies .o-fr-essential .m-data-group  {
    padding: 0
}

.js .o-fr-product-roundels .o-product-roundels__tab--policies .m-button-group,
.js .o-fr-product-roundels .o-product-roundels__tab--quote .m-button-group {
    background-color: #f6f0eb;
    padding: 1.25em;
    border-bottom-left-radius: 0.625em;
    border-bottom-right-radius: 0.625em;
}

.js .o-fr-product-roundels .o-product-roundels__tab--quote .abeille-quotes::after {
    background-color: #f6f0eb
}
.js .o-fr-product-roundels .o-product-roundels__carousel .o-product-roundels__tab--policies .abeille-policy,
.js .o-fr-product-roundels .o-product-roundels__carousel .o-product-roundels__tab--quote .abeille-quotes {
    width: 99%;
}

.o-fr-product-roundels .o-product-roundels__tab-content.modal-active .o-product-roundels__tab-content-container {
    visibility: hidden;
    opacity: 0;
    animation: sous-pod;
    animation-duration: 1s;
}
.o-fr-product-roundels .is-open .o-product-roundels__tab-content.modal-active .o-product-roundels__tab-content-container {
    visibility: visible;
    opacity: 1;
    position: relative;
    z-index: 10;
}

.js .o-fr-product-roundels .o-product-roundels__tab--policies .abeille-policy .m-product-header,
.js .o-fr-product-roundels .o-product-roundels__tab--policies .abeille-policy .m-product-header ul,
.js .o-fr-product-roundels .o-product-roundels__tab--policies .afer-policy .m-product-header,
.js .o-fr-product-roundels .o-product-roundels__tab--policies .afer-policy .m-product-header ul,
.js .o-fr-product-roundels .o-product-roundels__tab--quote .abeille-quotes .m-product-header,
.js .o-fr-product-roundels .o-product-roundels__tab--quote .abeille-quotes .m-product-header ul {
    margin: 0;
    border-top: 0;
 }

 .js .o-fr-product-roundels .o-product-roundels__tab-content-container .m-data-group-item__data,
 .js .o-fr-product-roundels .abeille-quotes .m-data-group-item__data {
   font-family: 'Source Sans Pro', arial, sans-serif;
   font-weight: 400;
    font-size: 1em;
}

.o-fr-product-roundels .o-product-roundels__tab-content-container .m-button-group,
.o-fr-product-roundels .abeille-quotes .m-button-group {
    margin: 1.5em 0 0 0;
}
/* --- Policies ---*/

.o-fr-product-roundels .o-product-roundels-group--policies .o-product-roundels__group-heading {
    color: #2a2a2a;
}

.js .o-fr-product-roundels .o-product-roundels__tab--policies {
    border-bottom: 2px solid #dbe1ed;
    background-color: #f6f0eb;
}

.o-fr-product-roundels .o-product-roundels-group--policies .o-product-roundels-category__link .o-product-roundels-category__link-text {
    color: #2a2a2a;
    font-size: 0.8em;
}

/* --- Sous pods Policies---*/
.js .o-fr-product-roundels .o-product-roundels__tab--policies .abeille-policy .m-button-group__item {
    margin: 0 0 1.25em;
}
.js .o-fr-product-roundels .o-product-roundels__tab--policies .abeille-policy .m-button-group__item:last-child {
    margin: 0 0 0;
}

/* sous pods policie essential*/

.o-fr-essential__container {
    display: flex;
    flex-direction: column;
}

.o-fr-product-roundels .o-product-roundels__tab-content-container .o-fr-essential .m-button-group {
    margin-top: 1.875em;
}

/* --- OFFER --- */

.o-fr-product-roundels .o-product-roundels__tab.o-product-roundels__tab--offer
 {
    background-color: #fff;
}
.o-fr-product-roundels .o-product-roundels-group--offers .o-product-roundels__group-heading {
    background-color: #fff;
}
.js .o-fr-product-roundels .o-product-roundels__tab--offer {
    border-top: 2px solid #dbe1ed;
    border-bottom: 0px;
}
.js .o-fr-product-roundels .o-product-roundels__tab--offer:nth-child(2) {
    border-top: 0px;
}
.js .o-fr-product-roundels .o-product-roundels__tab--offer > .o-product-roundels-category {
    justify-content: flex-end;
}

.o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__link div {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-items: flex-start;
    padding-left: 0.5em;
}

.o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__link p,
.o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__link-content {
    font-family: "Montserrat",arial,sans-serif;
    font-size: 0.8em;
    font-weight: 400;
    color: #444;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0.25em 0;
}
.o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__link:hover p {
    font-weight: 600;
}
.o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__link span {
    margin-bottom: -0.5px;
}
.o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__link-text {
    font-size: 0.8em;
}

.separator {
    height: 2em;
}

/* DEVIS*/

.o-fr-product-roundels .o-product-roundels__tab--quote .o-product-roundels__tab-content  {
    border-top: 2px solid #e1a260;
}

.js .o-fr-product-roundels .a-fr-heading--quote {
    top: 0;
    color: #2a2a2a;
}

.js .o-fr-product-roundels .o-product-roundels__tab--quote {
    border-top: 2px solid #e1a260;
    background-color: #eecaa5;
}

.o-fr-product-roundels .o-product-roundels__tab--quote .m-show-more .a-button__inner {
    border-bottom-color: #f9f9f9;
    color: #5c596d;
}

/* ---- Sous  Pods  ----*/

.o-fr-product-roundels .m-tabs__nav-list .m-tabs__control {
    color: #2a2a2a;
    font-weight: 400;
}

.o-fr-product-roundels .m-tabs__nav-list .m-tabs__control--selected {
    color: #000;
    font-weight: 600;
}

.o-fr-product-roundels .m-data-group {
    margin: 0;
    padding: 1.25em 0;
}

.o-fr-product-roundels .o-product-roundels__tab--quote .m-tabs__content .l-content-container {
    display: grid;
    margin-top: 1.5625em;
    padding: 1.25em;
    position: relative;
    border-radius: 0.625em;
    background-color: #eecaa5;
}

.o-fr-product-roundels .o-product-roundels__tab--quote .m-tabs__content .l-content-container .illustration img {
    display: none;
    position: absolute;
    bottom: 0;
}

.o-fr-product-roundels .o-product-roundels__tab--quote .m-tabs__content .l-content-container .new-quote {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.o-fr-product-roundels .showhide__container .l-content-container,
.o-fr-product-roundels .showhide__container .l-content-container .m-showhide__content {
    padding: 0;
    border-bottom: 0px;
}

.o-fr-product-roundels .showhide__container,
.o-fr-product-roundels .showhide__container .m-showhide,
.o-fr-product-roundels .showhide__container h3 {
    position: relative;
    z-index: 10;
}

.o-fr-product-roundels .o-product-roundels__carousel .showhide__container h3 {
    margin-left: 1em;
}

.o-fr-product-roundels .o-product-roundels__tab--quote.is-open .o-product-roundels__tab-content .m-tabs {
    position: relative;
    z-index: 1;
    margin-top: 3em;
}
.o-fr-product-roundels .o-product-roundels__tab--quote.is-open .o-product-roundels__tab-content .m-tabs .m-tabs__nav {
    margin-bottom: 1.25em;
}

@keyframes sous-pod {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.o-fr-product-roundels .o-product-roundels-group--offers .o-product-roundels__tab-content-container {
    visibility: hidden;
    opacity: 0;
    animation: sous-pod;
    animation-duration: 1s;
}
.o-fr-product-roundels .o-product-roundels-group--offers .is-open .o-product-roundels__tab-content-container {
    visibility: visible;
    opacity: 1;
    position: relative;
    z-index: 1;
}

.o-fr-product-roundels .o-product-roundels__tab--quote .o-product-roundels__tab-content-container .m-tabs__content--selected {
    visibility: hidden;
    opacity: 0;
    animation: sous-pod;
    animation-duration: 1s;
}
.o-fr-product-roundels .o-product-roundels__tab--quote.is-open .o-product-roundels__tab-content-container .m-tabs__content--selected {
    visibility: visible;
    opacity: 1;
}

/* --- Afer product for abeille users  --- */

.o-product-roundels__tab-content-container .afer-policy .m-product-header {
    position: relative;
    display: block;
}
.o-product-roundels__tab-content-container .afer-policy .m-product-header .a-heading{
    padding-right: 3.5em;
}
.o-product-roundels__tab-content-container .afer-policy .m-product-header::after {
    content: "";
    background: url("../images/icons/afer-logo.svg") no-repeat;
    background-size: contain;
    position: absolute;
    top: 1px;
    right: 0.5em;
    width: 4.75em;
    height: 2.125em;
}

/*  --- FR RESPONSIVE ---  */

@media (min-width: 35em) {

    /* --- Sous pods Policies and quotes --- */

    .js .o-fr-product-roundels .o-product-roundels__tab--policies .abeille-policy .m-button-group__item,
    .js .o-fr-product-roundels .o-product-roundels__tab--policies .afer-policy .m-button-group__item,
    .js .o-fr-product-roundels .o-product-roundels__tab--policies .o-fr-essential .m-button-group__item,
    .js .o-fr-product-roundels .o-product-roundels__tab--quote .m-button-group__item  {
        margin: 0.5em 0;
    }

  /* --- sous pods devis --- */

    .o-fr-product-roundels .o-product-roundels__tab--quote .m-tabs__content .l-content-container {
        grid-template-columns: 1.4fr 2fr;
        height: 196px;
        padding-left: 0;
    }

    .o-fr-product-roundels .o-product-roundels__tab--quote .m-tabs__content .l-content-container .illustration img:first-child {
        display: block;
        left: 0;
    }

}

@media (min-width: 60em) {
    .o-product-roundels__tab-content-container .afer-policy .m-product-header::after {
        top: 0;
        right: 1.5em;
        width: 5.6875em;
        height: 1.75em;
    }
    .o-product-roundels__tab-content-container .afer-policy .m-product-header .a-heading {
        padding-right: 4em;
    }
}

@media (min-width: 78em) {

    /* --- fix background & border l-section  ---*/
    .o-fr-product-roundels .o-product-roundels__tab--offer.is-open .o-product-roundels__tab-content {
        z-index: 2;
    }
    .o-fr-product-roundels .o-product-roundels__tab-content.modal-active::after,
    .o-fr-product-roundels .o-product-roundels__tab--quote.is-open .o-product-roundels__tab-content::after,
    .o-fr-product-roundels .o-product-roundels__tab--offer.is-open .o-product-roundels__tab-content::after {
        content: '';
        background-color: #FFF;
        display: block;
        position: absolute;
        top: -2px;
        left: -31.25em;
        z-index: 0;
        height: 46.875em;
        width: 156.25em;
        border-top: 2px solid #dbe1ed;
    }
    /* --- Animation Pods  --- */

    .js .o-fr-product-roundels .o-product-roundels__tab--offer:last-child.is-open .o-product-roundels-category__line::before {
        padding-right: 0px;
    }

    .js .o-fr-product-roundels .o-product-roundels__tab--quote.is-open .o-product-roundels-category__line::before {
        content: "";
        background-color: #dbe1ed;
        padding-right: 0px;
    }

    .js .o-fr-product-roundels .o-product-roundels-category:before {
        bottom: -14px;
        border-width: 24px 24px 0;
        margin-left: -23px;
        z-index: 2000;
        animation-duration: 0.3s;
        animation-name: slideTopBefore;
    }
    .js .o-fr-product-roundels .o-product-roundels-category:after {
        bottom: -18px;
        border-width: 28px 28px 0;
        margin-left: -27px;
    }

    .js .o-fr-product-roundels .o-product-roundels__tab.is-open .o-product-roundels-category::before {
        border-top-color: #f6f0eb;
        bottom: -21px;
    }

    .js .o-fr-product-roundels .o-product-roundels__tab.o-product-roundels__tab--offer.is-open .o-product-roundels-category::before {
        border-top-color: #fff;
    }

    .js .o-fr-product-roundels .o-product-roundels__tab--quote.is-open .o-product-roundels-category:before {
        border-top-color: #eecaa5;
    }

    .js .o-fr-product-roundels .o-product-roundels__tab.is-open .o-product-roundels-category:after {
        border-top-color: #000;
        bottom: -27px;
        background-image: none;
    }

    /* --- Line pods ---*/

    .o-product-roundels-category__line {
        position: absolute;
        bottom: -3px;
        left: -2px;
        width: 100%;
        width: calc(100% + 4px);
        height: 0px;
        background-color: #000;
        z-index: 800;
    }

    .js .o-fr-product-roundels .o-product-roundels__tab.is-open .o-product-roundels-category__line {
        height: 4px;
        bottom: -2px;
    }

    .o-product-roundels__tab--policies .o-product-roundels-category__line {
        width: calc(100% + 2px);
    }

    .o-product-roundels__tab--offer .o-product-roundels-category__line {
        width: calc(100% + 3px);
    }

    .o-product-roundels__tab--policies:last-child .o-product-roundels-category__line,
    .o-product-roundels__tab--offer:last-child .o-product-roundels-category__line {
        width: calc(100% + 3px);
        left: -1px;
    }

    /* --- END LINE PODS ---*/

    /* --- END Animation Pods --- */

    /* --- General --- */

    .js .o-fr-product-roundels .o-product-roundels-group {
        background-color: transparent;
    }

    .js .o-product-roundels__tab {
        padding-top: 2em;
    }
    .js .o-fr-product-roundels .o-product-roundels-category {
        justify-content: flex-start;
        padding: 0;
        margin: 3em 0 0 0;
        border-bottom: 3px solid transparent;
        top: 3px;
        z-index: 5;
    }

    .js .o-fr-product-roundels .o-product-roundels-category__link {
        margin: 0;
        padding: 0 0 1.5em 0;
        min-height: 10em;
    }
    .js .o-fr-product-roundels .is-open .o-product-roundels-category__link img,
    .js .o-fr-product-roundels .o-product-roundels-category__link:hover img {
        height: 6em;
        width: 6em;
    }

    /* --- Policies --- */
    .js .o-fr-product-roundels .o-product-roundels__tab--policies {
    border-bottom: 0px solid #dbe1ed;
    border-top: 2px solid #efe4dc;
    }
/* --- Offer --- */
    .js .o-fr-product-roundels .o-product-roundels__tab--offer:nth-child(2) {
        border-top-left-radius: 0.625em;
        border-left: 2px solid #dbe1ed;
        border-top: 2px solid #dbe1ed;
    }
    .js .o-fr-product-roundels .o-product-roundels__tab--offer:last-child {
        border-top-right-radius: 0.625em;
        border-right: 2px solid #dbe1ed;
    }

    /* --- QUOTE ---*/
    .js .o-fr-product-roundels .o-product-roundels__tab--quote {
        border: 2px solid #e1a260;
        border-bottom: 0px;
        border-radius: 0.625em;
    }
    /* --- END QUOTE ---*/
        /* --- start o-product-roundels-category__link:hover::after --- */
    .o-fr-product-roundels .o-product-roundels-category__link:hover::after {
        content: "";
        display: block;
        height: 4px;
        width: calc(100% + 2px);
        background-color: #000;
        position: absolute;
        bottom: -2px;
        left: -2px;
        z-index: 100;
    }
    /* --- for quote */
    .o-fr-product-roundels .o-product-roundels__tab--quote .o-product-roundels-category__link:hover::after {
        width: calc(100% + 4px);
    }
    /* --- for offer */
    .o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__link:hover::after {
        width: calc(100% + 3px);
    }
    /* --- for middle policie without quote */
    .o-fr-product-roundels .o-product-roundels__tab--policies:not(:nth-child(2)):not(:last-child) .o-product-roundels-category__link:hover::after {
        width: calc(100% + 1px);
        left: -1px;

    }
    /* --- for firts policie with quote */
    .o-fr-product-roundels .o-product-roundels__tab--quote ~ .o-product-roundels__tab--policies:nth-child(3) .o-product-roundels-category__link:hover::after {
        width: calc(100% + 2px);
        left: -2px;
    }
    /* --- for middle policie with quote */
    .o-fr-product-roundels .o-product-roundels__tab--quote ~ .o-product-roundels__tab--policies:not(:nth-child(3)):not(:last-child) .o-product-roundels-category__link:hover::after
    {
        width: calc(100% + 1px);
        left: -1px;
    }
    /* --- for middle offer */
    .o-fr-product-roundels .o-product-roundels__tab--offer:not(:nth-child(2)):not(:last-child) .o-product-roundels-category__link:hover::after
    {
        width: calc(100% + 2px);
        left: -1px;
    }
    /* --- for last policies && offer */
    .o-fr-product-roundels .o-product-roundels__tab--policies:last-child .o-product-roundels-category__link:hover::after,
    .o-fr-product-roundels .o-product-roundels__tab--offer:last-child .o-product-roundels-category__link:hover::after {
        width: calc(100% + 3px);
        left: -1px;
    }

    .o-fr-product-roundels .is-open .o-product-roundels-category__link:hover::after {
        height: 0px;
    }
        /* --- end o-product-roundels-category__link:hover::after --- */

    .js .o-fr-product-roundels .o-product-roundels-category:after {
        width: fit-content;
        width: -moz-max-content;
        transform: scale(1);
    }

    /* --- Sous-pods Général --- */

    .o-fr-product-roundels .o-product-roundels__tab-content.modal-active {
        padding-top: 3em;
    }
    .o-fr-product-roundels .o-product-roundels__tab-content-container .m-button-group {
        margin: 0;
    }

    /* --- Essential --- */

    .o-fr-essential__container {
        flex-direction: row;
    }
    .js .o-fr-product-roundels .o-product-roundels__tab--policies .o-fr-essential__title::before {
        top: 6px;
        width: 21px;
        height: 21px;
    }
    .o-fr-essential__container__left {
        width: 40%;
        margin-right: 1.5em;
        border-right: 1px solid #ccc;
        padding-right: 2em;
        margin-bottom: 2em;
    }

    .o-fr-essential__container__right{
        padding-left: 1.5em;

    }

    .o-fr-essential__container__right div{
        font-weight: 400;
     }

    /* --- Policies --- */

    .js .o-fr-product-roundels .o-product-roundels__carousel .o-product-roundels__group-heading.a-fr-heading--policie {
        left: 630px;
        text-align: center;
    }

    .js .o-fr-product-roundels .o-product-roundels__carousel .o-product-roundels__tab--quote ~ .a-fr-heading--policie {
        left: 630px;
    }

    .js .o-fr-product-roundels .o-product-roundels__carousel .o-product-roundels__tab--policies:nth-child(2),
    .js .o-fr-product-roundels .o-product-roundels__carousel .o-product-roundels__tab--quote ~ .o-product-roundels__tab--policies:nth-child(3) {
        border-top-left-radius: 0.625em;
    }
    .js .o-fr-product-roundels .o-product-roundels__tab--quote ~ .o-product-roundels__tab--policies:nth-child(3),
    .js .o-fr-product-roundels .o-product-roundels__tab--policies:nth-child(2) {
        border-top-left-radius: 0.625em;
        border-left: 2px solid #efe4dc;
    }

    .o-product-roundels__tab--policies:last-child {
        border-top-right-radius: 0.625em;
        border-right: 2px solid #efe4dc;
    }

    .js .o-fr-product-roundels .o-product-roundels__tab--policies + .o-product-roundels__tab--policies > .o-product-roundels-category {
        border-left: 1px solid #ccc;
    }

    .js .o-fr-product-roundels .o-product-roundels__tab--policies .o-product-roundels-category__image,
    .js .o-fr-product-roundels .o-product-roundels__tab--quote .o-product-roundels-category__image,
    .js .o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__image
     {
        height: 5em;
        width: 5em;
        transition: all 0.25s;
    }

    /* --- Offers --- */

    .o-fr-product-roundels .o-product-roundels-group--offers .o-product-roundels__group-heading {
        background-color: transparent;
    }
    .o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__link div {
        padding: 0;
        align-items: center;
        max-height: 2em;
        overflow: hidden;
    }

    .o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__link p,
    .o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__link-content {
        text-align: center;
    }

    .o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__link-text {
        font-size: 1em;
    }

    .js .o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category::after {
        transform: scale(1);
    }

    /* --- Sous pods Offers --- */

    .o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__link p,
    .o-fr-product-roundels .o-product-roundels__tab--offer .o-product-roundels-category__link-content {
        height: 40px;
        margin: 0;
    }

    /* --- Devis --- */

    .o-fr-product-roundels .o-product-roundels__tab--quote .m-button-group__item {
        margin-bottom: 0;
    }

    .js .o-fr-product-roundels .a-fr-heading--quote {
        margin-left: calc(50% - 124px/2 );
    }
    /* --- Sous pods devis --- */

    .o-fr-product-roundels .o-product-roundels__tab--quote .o-product-roundels__tab-content {
        padding: 0;
        border-bottom: 0px;
        border-top: 2px solid #dbe1ed;
    }
    .o-fr-product-roundels .showhide__container .l-content-container,
    .o-fr-product-roundels .showhide__container .l-content-container .l-content-container {
        padding: 0 1.875em;
    }

    .o-fr-product-roundels .o-product-roundels__tab--quote .m-tabs__content .l-content-container {
        grid-template-columns: 1fr 2fr;
    }

    .o-fr-product-roundels .o-product-roundels__tab--quote .m-tabs__content .l-content-container .illustration img:first-child {
        display: none;
    }
    .o-fr-product-roundels .o-product-roundels__tab--quote .m-tabs__content .l-content-container .illustration img:last-child {
        display: block;
    }

    /* --- end devis---*/


    /* Fix for centering text START */

    .o-product-roundels-category__link-text {
        display: block;
        }
    
    /* Fix for centering text END*/


    .a-scroll-anchor {
        position: fixed;
        z-index: 500;
        bottom: 16%;
        right: calc(50px - 20px);
        height: 40px;
        width: 40px;
        border: 1px solid #ccc;
        border: 1px solid #d8d8d8;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5), 2px 2px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 1px rgb(255 255 255 / 35%), 2px 2px 5px rgb(0 0 0 / 35%);
        transform: scale(1.3);
        cursor: pointer;
    }
    .a-scroll-anchor:hover {
        background-color: #d57b1d;
        border-color: #d57b1d;
    }
    .a-scroll-anchor__arrow {
        box-sizing: border-box;
        position: relative;
        display: block;
        width: 17px;
        height: 17px;
        border: 2px solid transparent;
        border-radius: 100px;
        margin-right: 2px;
    }
    .a-scroll-anchor__arrow::after {
        content: "";
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 9px;
        height: 9px;
        border-bottom: 2px solid #2a2a2a;
        border-right: 2px solid #2a2a2a;
        transform: rotate(45deg);
        left: 3px;
        top: 2px;
    }
    .a-scroll-anchor:hover .a-scroll-anchor__arrow::after {
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    .a-scroll-anchor__dots {
        position: absolute;
        top: 27px;
        left: 50%;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        transform: translate(-1px, -50%);
        animation: dotFlashing 1s infinite linear alternate;
        animation-delay: 0.5s;
    }

    .a-scroll-anchor__dots::before {
        content: "";
        position: absolute;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        transform: translate(0px, -7px);
        animation: dotFlashing 1s infinite alternate;
        animation-delay: 0s;
    }
    .a-scroll-anchor__dots::after {
        content: "";
        position: absolute;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        transform: translate(0px, 7px);
        animation: dotFlashing 1s infinite alternate;
        animation-delay: 1s;
    }
    @keyframes dotFlashing {
        0% {
            background-color: #666;
        }
        50%,
        100% {
            background-color: #ccc;
        }
    }

    /* --- Fix always visible contextual-help & footer  ---*/
    .o-contextual-help,
    .m-footer {
        position: relative;
        z-index: 5;
    }
}

@media (max-width: 77.999em) {
    .o-fr-product-roundels .o-product-roundels-group {
        width: 100% !important;
        background-color: transparent;
    }
}

/* END FR PRODUCT ROUNDELS */

/* DEBUT FRANCE.CSS AUTHENT */

@media (min-width: 35em) {
    .o-masthead__navigation-container--centered .o-masthead-logo {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        margin-right: 0;
    }
}

.svg .m-card-notification--lightbulb {
    background-image: url(../images/icons/icon-notification-lightbulb-white.svg);
    background-position-x: 12px;
    background-size: 32px;
}

/* --- FR 33 66  LAYOUT SIDEBAR IMAGE --- */

.l-columns--66-33-large.l-fr-columns--sidebar-image {
    margin-bottom: 0;
}
/*
.l-columns--66-33-large.l-fr-columns--sidebar-image > .l-columns__column:first-child {
  padding: 1.25em;
}*/

.l-columns--66-33-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
}

.l-columns--66-33-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--illu-deconnexion {
    background-image: url(../images/illustrations/illu-deconnexion.svg);
}

.l-columns--66-33-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--illu-inscription-email {
    background-image: url(../images/illustrations/illu-inscription-email.svg);
}

.l-columns--66-33-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--illu-inscription-courrier {
    background-image: url(../images/illustrations/illu-inscription-courrier.svg);
}

.l-columns--66-33-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--illu-identifiant-inconnu {
    background-image: url(../images/illustrations/illu-identifiant-inconnu.svg);
}

.l-columns--66-33-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--illu-identifiant {
    background-image: url(../images/illustrations/illu-identifiant.svg);
}

.l-columns--66-33-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--illu-modification-mdp {
    background-image: url(../images/illustrations/illu-modification-mdp.svg);
}

.l-columns--66-33-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image.l-fr-column__image--illu-mobile-map {
    background-image: url(../images/illustrations/illu-mobile-map.svg);
}

@media (min-width: 60em) {
    .l-columns--66-33-large.l-fr-columns--sidebar-image > .l-columns__column:nth-child(2n) .l-fr-column__image {
        background-position: right;
    }

    .l-columns--66-33-large.l-fr-columns--sidebar-image .l-columns__column .l-fr-column__image {
        margin-top: -5em;
    }
}

/* --- END FR 33 66  LAYOUT SIDEBAR IMAGE --- */

.svg .m-card-notification--personal {
    background-image: url(../images/icons/icon-notification-personal-white.svg);
    background-position: 12px;
    background-size: 32px;
}

@media only screen and (min-width: 60em) {
    .l-columns__column.loginform--padding-right {
        padding-right: 10em;
    }
}

/* Bespoke mult-column lists */

.m-form-row .a-list-multi-column {
    margin-top: 1.25em;
    /* 20px / 16px */
}

.a-list-multi-column > li:first-child {
    margin-top: 0;
}

@media (min-width: 35em) {
    .a-list-multi-column {
        column-gap: 1.875em;
        /* 30px / 16px */
        column-fill: auto;
    }

    .a-list-multi-column > li {
        display: block;
    }

    .a-list-multi-column--2-columns {
        column-count: 2;
    }

    .a-list-multi-column--3-columns {
        column-count: 3;
    }
}
/* end Bespoke mult-column lists */

/* END FRANCE.CSS AUTHENT*/

/** OLD FREEPHONE **/

/* Freephone styles */
.freephone {
    background-color: #fff;
    font-family: arial;
    font-weight: 700;
    border: 0.063em solid #78b41e;
    color: #78b41e;
    display: inline-block;
    min-width: 7.688em;
}

.freephone__number {
    font-size: 1.156rem;
    color: #78b41e;
    letter-spacing: -0.022em;
    line-height: 1.4;
    height: 1.189em;
    padding: 0 0.2em 0.055em;
}

.freephone__number .freephone__number-link {
    font-family: arial;
    color: #78b41e;
    text-decoration: none;
}

.freephone__ribbon {
    font-size: 0.6875rem;
    letter-spacing: -0.041em;
    line-height: 0.89;
    color: #fff;
    background-color: #78b41e;
    box-sizing: border-box;
    display: inline-block;
    height: 2.45em;
    width: 100%;
    padding: 0.816em 0.273em 0.745em 0.204em;
    position: relative;
}

.freephone__ribbon:before {
    content: "";
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 0.363em;
    position: absolute;
    left: 0.45em;
    top: 0;
    z-index: 1;
}

.freephone__number--desktop {
    display: none;
}

@media (min-width: 48em) {
    .freephone {
        height: 1.562em;
        min-width: 13.2em;
        position: relative;
        margin: 0.0625em 0;
        padding: 0 0.4em 0 0.188em;
    }

    .freephone__number {
        display: none;
    }

    .freephone__number--desktop {
        display: block;
    }

    .freephone__number--desktop a {
        color: #78b41e;
        font-family: arial;
        text-decoration: none;
    }

    .freephone__ribbon {
        font-size: 0.6125rem;
        text-align: left;
        letter-spacing: -0.041em;
        line-height: 1;
        height: 2.755em;
        width: 7.857em;
        padding: 0.306em 0.39em 2.551em 0.98em;
        position: absolute;
        right: 0.51em;
        top: -0.204em;
    }

    .freephone__ribbon:before {
        content: "";
        border-color: transparent transparent transparent #fff;
        border-width: 0.612em;
        position: absolute;
        left: 0;
        top: 0.714em;
    }
}
/** END OLD FREEPHONE **/

/* --- START FR CARD PREAMBULE --- */

.m-card-content.m-fr-card-preambule {
    border-radius: 1em;
    padding-top: 2em;
    position: relative;
}

.m-card-image.m-fr-card-preambule {
    background: transparent;
    position: relative;
    transform: translateY(1.7em);
    z-index: 10;
}

/* --- END FR CARD PREAMBULE --- */

/* --- START CARD STAMP --- */

.m-card.m-card--stamp {
    margin-top: 2.5em;
    overflow: visible;
}

.m-card.m-card--stamp:before {
    content: attr(data-stamp-text);
    background-color: #000; /* Background-color par défaut */
    color: #FFF;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    margin: -25px auto 0;
    overflow: hidden;
}

.m-card.m-card--stamp[data-stamp-color=charbon]:before {    /* Background-color personnalisé */
    background-color:#2A2A2A;
}

/* --- END CARD STAMP --- */

/* START REVERSE ICON MODIFIER */

.a-button--reverse-icon[class*="a-button--"]::before {
    position: absolute;
    right: -2.5em;
}

/* END REVERSE ICON MODIFIER */



/* custom .m-card.is-disabled : pointer / image desaturation */

.m-card.is-disabled {
    pointer-events: none;
    img {
       filter: grayscale(1);
    }
}