html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid {
        width: calc(100% + 15px)
    }
    html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .responsivegrid {
        margin-right: 14.99px
    }
    html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--default--1 {
        width: calc(100% / 12 - 15px)
    }
    html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--default--2 {
        width: calc(16.6% - 15px)
    }
    html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--default--3 {
        width: calc(25% - 15px)
    }
    html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--default--4 {
        width: calc(33.3% - 15px)
    }
    html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--default--5 {
        width: calc(41.6% - 15px)
    }
    html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--default--6 {
        width: calc(50% - 15px)
    }
    html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--default--7 {
        width: calc(58.3% - 15px)
    }
    html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--default--8 {
        width: calc(66.6% - 15px)
    }
    html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--default--9 {
        width: calc(75% - 15px)
    }
    html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--default--10 {
        width: calc(83.3% - 15px)
    }
    html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--default--11 {
        width: calc(91.6% - 15px)
    }
    html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--default--12 {
        width: calc(100% - 15px)
    }
    @media(max-width:1199px) and (min-width:992px) {
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapmd--1 {
            width: calc(100% / 12 - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapmd--2 {
            width: calc(16.6% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapmd--3 {
            width: calc(25% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapmd--4 {
            width: calc(33.3% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapmd--5 {
            width: calc(41.6% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapmd--6 {
            width: calc(50% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapmd--7 {
            width: calc(58.3% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapmd--8 {
            width: calc(66.6% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapmd--9 {
            width: calc(75% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapmd--10 {
            width: calc(83.3% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapmd--11 {
            width: calc(91.6% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapmd--12 {
            width: calc(100% - 15px)
        }
    }
    @media(max-width:991px) and (min-width:768px) {
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapsm--1 {
            width: calc(100% / 12 - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapsm--2 {
            width: calc(16.6% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapsm--3 {
            width: calc(25% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapsm--4 {
            width: calc(33.3% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapsm--5 {
            width: calc(41.6% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapsm--6 {
            width: calc(50% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapsm--7 {
            width: calc(58.3% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapsm--8 {
            width: calc(66.6% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapsm--9 {
            width: calc(75% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapsm--10 {
            width: calc(83.3% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapsm--11 {
            width: calc(91.6% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapsm--12 {
            width: calc(100% - 15px)
        }
    }
    @media(max-width:768px) {
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapxs--1 {
            width: calc(100% / 12 - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapxs--2 {
            width: calc(16.6% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapxs--3 {
            width: calc(25% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapxs--4 {
            width: calc(33.3% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapxs--5 {
            width: calc(41.6% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapxs--6 {
            width: calc(50% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapxs--7 {
            width: calc(58.3% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapxs--8 {
            width: calc(66.7% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapxs--9 {
            width: calc(75% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapxs--10 {
            width: calc(83.3% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapxs--11 {
            width: calc(91.6% - 15px)
        }
        html:not(.aem-AuthorLayer-Edit) .layout-container-gutter.responsivegrid > .aem-Grid > .aem-GridColumn--bootstrapxs--12 {
            width: calc(100% - 15px)
        }
    }
    .layout_equal_height > .aem-Grid,
    .layout_equal_height > .aem-Grid > .responsivegrid {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap
    }
    .layout_equal_height > .aem-Grid > .responsivegrid.container {
        flex-wrap: nowrap;
    }
    .layout_equal_height_align_bottom.responsivegrid > .aem-Grid {
        height: 100%;
        display: flex;
        flex-direction: column
    }
    .layout_equal_height_align_bottom.responsivegrid>.aem-Grid div:last-child {
        margin-top: auto
    }
    .layout_equal_height > .aem-Grid > .responsivegrid.container {
    flex-wrap: nowrap;
}
  

    .responsivegrid.round_corner {
        border-radius: 6px
    }
    .responsivegrid.grey-border-top {
        border-top: 1px solid #d2d2d2
    }
    .responsivegrid.grey-border-right {
        border-right: 1px solid #d2d2d2
    }
    .responsivegrid.grey-border-bottom {
        border-bottom: 1px solid #d2d2d2
    }
    .responsivegrid.grey-border-left {
        border-left: 1px solid #d2d2d2
    }
    .responsivegrid.grey-border {
        border: 1px solid #d2d2d2
    }
    @media(max-width:991px) {
        .responsivegrid.noborder_tablet {
            border: none
        }
    }
    @media(max-width:767px) {
        .responsivegrid.noborder_mobile {
            border: none
        }
    }
    .responsivegrid.margin_top_5per {
        margin-top: 5%
    }
    .responsivegrid.margin_top_3per {
        margin-top: 3%
    }
    .responsivegrid.margin_bottom_5per {
        margin-bottom: 5%
    }
    .responsivegrid.margin_bottom_3per {
        margin-bottom: 3%
    }
    .responsivegrid.padding_top_5per {
        padding-top: 5%
    }
    .responsivegrid.padding_top_3per {
        padding-top: 3%
    }
    .responsivegrid.padding_bottom_5per {
        padding-bottom: 5%
    }
    .responsivegrid.padding_bottom_3per {
        padding-bottom: 3%
    }
    .responsivegrid.padding_bottom_0 {
        padding-bottom: 0 !important
    }
    .responsivegrid.margin_top_n100 {
        margin-top: -100px
    }
    @media(max-width:767px) {
        .nopadding_mobile {
            padding: 0 !important
        }
        .nopadding_left_mobile {
            padding-left: 0 !important
        }
    }
    @media(max-width:991px) {
        .nopadding_tablet {
            padding: 0 !important
        }
    }
    .responsivegrid.color_banner_promo_pink{
      background-color: #F1D3D5;
    }
    .responsivegrid.color_banner_promo_blue{
      background-color: #BBDDE6;
    }
    html:not(.aem-AuthorLayer-Edit) .absolute-element-container
    { position: relative; }
    html:not(.aem-AuthorLayer-Edit) .absolute-element-container > div > div:first-child
    { position: absolute; left: 0; top: 0; right: 0; z-index: 10;}


/* Composant text */
.text.font_30 .cmp-text > * {
    font-size: 30px;
    line-height: 34px
}
.text.text_centerMobile .cmp-text > * {
    text-align: center
}
.text.font_12 .cmp-text li {
    padding-bottom: 10px
}
.text.font_16 .cmp-text li {
    padding-bottom: 12px
}
.text.font_18 .cmp-text li {
    padding-bottom: 14px
}
.text.font_24 .cmp-text li {
    padding-bottom: 16px
}
.text.font_30 .cmp-text li {
    padding-bottom: 18px
}
.text.font_38 .cmp-text li {
    padding-bottom: 20px
}
.text.font_50 .cmp-text li {
    padding-bottom: 22px
}
@media(min-width:768px) {
    .text.text_centerMobile .cmp-text > * {
        text-align: left
    }
}

/* Title */
.title.margin-bottom_30 .cmp-title > .cmp-title__text {
    margin-bottom: 30px
}
.title.margin_0 .cmp-title > .cmp-title__text {
    margin: 0
}
.title.text_centerMobile .cmp-title > .cmp-title__text {
    text-align: center
}
.title.no_top .cmp-title > .cmp-title__text {
    margin-top: 0;
    padding-top: 0;
}
.padding_bottom_100 {
    padding-bottom: 100px;
}
@media(min-width:768px) {
    .title.text_centerMobile .cmp-title > .cmp-title__text {
        text-align: left
    }
}
@media(max-width:767px) {
    .title.color_mobile_grey_blue_2 .cmp-title > .cmp-title__text {
        color: #00314d
    }
}

/* Responsive Margins */
@media(max-width:767px){
	.margin_top_10_mobile{margin-top:10px;}
	.margin_top_20_mobile{margin-top:20px;}
	.margin_top_30_mobile{margin-top:30px;}
	.margin_top_40_mobile{margin-top:40px;}
}

/* Composant image */
.responsivegrid .image.width_auto img {
    width: auto
}

/* Composant container */
.responsivegrid.padding_top_1px > div {
    padding-top: 1px
}
.responsivegrid.padding_right_1px > div {
    padding-right: 1px
}
.responsivegrid.padding_bottom_1px > div {
    padding-bottom: 1px
}
.responsivegrid.padding_left_1px > div {
    padding-left: 1px
}

.responsivegrid.padding_top_2px > div {
    padding-top: 2px
}
.responsivegrid.padding_right_2px > div {
    padding-right: 2px
}
.responsivegrid.padding_bottom_2px > div {
    padding-bottom: 2px
}
.responsivegrid.padding_left_2px > div {
    padding-left: 2px
}

.responsivegrid.padding_top_3px > div {
    padding-top: 3px
}
.responsivegrid.padding_right_3px > div {
    padding-right: 3px
}
.responsivegrid.padding_bottom_3px > div {
    padding-bottom: 3px
}
.responsivegrid.padding_left_3px > div {
    padding-left: 3px
}

.round_corner_container > div {
  border-radius: 6px
}

/* commun */
.overflow_hidden > div {
  overflow: hidden
}

/* À remplacer */
.offre-populaire,
    .popular-offer {
        position: relative;
        overflow: hidden
    }
    .offre-populaire::before,
    .popular-offer::before {
        content: "Plus populaire";
        position: absolute;
        background-color: #1e74c2;
        width: auto;
        transform: rotate(45deg);
        top: 20px;
        right: -60px;
        color: #fff;
        padding: 10px 50px;
        text-align: center
    }
    .offre-populaire::before {
        content: "Plus populaire"
    }
    .popular-offer::before {
        content: "Most popular";
        top: 25px;
        right: -50px
    }