.bg-shape {
    position: relative;
    overflow-x: hidden;
}

.group-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
}

.group-col .group-col__or {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3rem auto;
    width: 3rem;
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--body-color-darker);
    text-align: center;
}

.group-col .group-col__or:before {
    content: "";
    display: block;
    background-color: var(--border-color);
    height: .1rem;
    width: 10.8rem;
    position: absolute;
    left: 5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.group-col .group-col__or:after {
    content: "";
    display: block;
    background-color: var(--border-color);
    height: 0.1rem;
    width: 10.8rem;
    position: absolute;
    right: 5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* Page Home connexion */
.group-col .group-col__item .whiteBox__min-h {
    min-height: 13rem;
    max-width: 37rem;
    margin: auto;
}

/* Page Commandes */
.block-checkbox-CGU {
    padding-left: 2em;
}

@media (min-width: 1320px){
    .bg-shape:before,
    .bg-shape:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        z-index: -1;
    }
    .bg-shape:before {
        background: url("../img/HABILLAGE_HOME_LEFT.svg") no-repeat;
        height: 52rem;
        width: 92.8rem;
        top: -19rem;
        left: -44.1rem;
        background-position: center;
        background-size: cover;
    }
    .bg-shape:after {
        background: url("../img/HABILLAGE_HOME_RIGHT.svg") no-repeat;
        width: 62.7rem;
        height: 40.9rem;
        top: 0;
        right: -37rem;
    }
}

@media (min-width: 48rem){
    /* Bloc 2 cols */
    .group-col {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .group-col .group-col__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(50% - 7rem);
        flex: 1 0 calc(50% - 7rem);
    }

    .group-col .group-col__or {
        margin: 0 5rem;
    }

    .group-col .group-col__or:before {
        content: "";
        display: block;
        background-color: var(--border-color);
        width: .1rem;
        height: 10.8rem;
        top: calc(50% - 12.8rem);
        left: 50%;
        -webkit-transform: translate(-44%);
            -ms-transform: translate(-44%);
                transform: translate(-44%);
         z-index: -1;
    }

    .group-col .group-col__or:after {
        content: "";
        display: block;
        background-color: var(--border-color);
        width: 0.1rem;
        height: 10.8rem;
        top: calc(50% + 3rem);
        left: 50%;
        -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
                transform: translate(-50%);
         z-index: -1;
    }
}

@media (min-width: 62em) {
    /* Page Commandes */
    .block-checkbox-CGU {
        padding-left: 10rem;
    }

    /* Le lien retour est positionné dans le padding du main */
    .a-back-to {
        margin-top: calc(var(--main-margin-top)*-0.5);
    }
}

/*** 2022 03 ***/
/* Make children of columns have the same height. Usage:
    <div class="row col--eq-height">
*/
.pr-6 {
    padding-right: 6rem;
}

.col--eq-height > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.col--eq-height > * > * {
    width: 100%;
}

/* Enlarge link to the whole block */
.enlarge-link {
    position: relative;
}

.enlarge-link [class*="col-"] {
    position: static;
}

.enlarge-link a {
    text-decoration: none;
}

.enlarge-link a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.enlarge-link a:hover {
    text-decoration: underline;
}

/* m-card */
.a-tag--new {
    position: absolute;
    top: 2rem;
    left: 1.5rem;
    padding: 0.5rem 0.8rem;
    margin-bottom: 0;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 600;
    color: var(--white);
    background-color: var(--brand-2);
    border-radius: var(--border-radius);
}

.m-card h2 a,
.m-card h3 a {
    color: var(--body-color-darker);
}

.m-card h2:not(:last-child),
.m-card h3:not(:last-child) {
    margin-bottom: 0.5rem;
}

.m-card h2:last-child,
.m-card h3:last-child {
    margin-bottom: 0;
}

a.m-card:hover h2,
a.m-card:focus h2,
a.m-card:hover h3,
a.m-card:focus h3 {
    text-decoration: underline;
}

/* little icon before paragraph text */
.p-with-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.p-with-icon .svg-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1.4rem;
            flex: 0 0 1.4rem;
    font-size: 1.4rem;
    margin-right: 0.5rem;
}

/* m-card--type-1 */
/* m-card--type-2 */
.m-card--type-1.enlarge-link a:not(.external-link):not(.file-link):not(.mailto-link):after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: -0.4rem 0.4rem 0 0.8rem;
    width: 1.4rem;
    height: 1.4rem;
    background-size: 1.4rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231D71B8' d='M18.299 4.076a1.778 1.778 0 012.514 0L31.48 14.743a1.668 1.668 0 01.26.332 1.382 1.382 0 01.093.173l.04.092a1.914 1.914 0 01.091.303A1.764 1.764 0 0132 16l-.006-.152c.003.031.004.062.005.092l.001.059-.001.059a1.583 1.583 0 01-.019.205l-.016.092a1.507 1.507 0 01-.053.198 1.474 1.474 0 01-.078.198c-.017.037-.036.073-.055.109a2.03 2.03 0 01-.127.197 1.79 1.79 0 01-.172.199l.142-.161-.012.015-.13.145-10.667 10.667a1.778 1.778 0 01-2.514-2.514l7.63-7.634-24.151.002a1.778 1.778 0 01-1.766-1.57l-.012-.207c0-.982.796-1.778 1.778-1.778l24.151-.002-7.63-7.63a1.779 1.779 0 01-.148-2.347z'/%3E%3C/svg%3E");
}

.m-card--type-1.enlarge-link,
.m-card--type-2.enlarge-link {
    transition: border .25s ease;
}

.m-card--type-1.enlarge-link:hover,
.m-card--type-2.enlarge-link:hover {
    border-color: var(--gray-700)!important;
}

.m-card--type-1.enlarge-link a:after,
.m-card--type-2.enlarge-link a:after {
    position: absolute;
    right: 3rem;
    top: 3rem;
    width: 2rem !important;
    height: 2rem !important;
    background-size: 2rem !important;
    margin-top: 0 !important;
}

.m-card--type-1.enlarge-link a:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.m-card--type-2.enlarge-link > h3 {
    padding-right: 3rem;
}