/*--------------------------------------------------------------------------------------------------------------------*/
/* Common */
/*--------------------------------------------------------------------------------------------------------------------*/
.crossslidertpls .cross-carrousel .slider-right {
    top: 50%;
    right: -25px;
}

.crossslidertpls .cross-carrousel .slider-left {
    top: 50%;
    left: -25px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* Guide des tailles */
/*--------------------------------------------------------------------------------------------------------------------*/
.guide-tailles {
    padding: 20px 0 50px;
}

.guide-tailles .name-board {
    display: block;
    margin-bottom: 10px;
    color: #2c4542;
    font-size: 21px;
    text-transform: uppercase;
}

.guide-tailles .tableau-taille {
    width: 100%;
    margin-top: 10px;
}

.guide-tailles .tableau-taille td {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #a0a0a0;
    text-align: center;
}

.guide-tailles .tableau-taille .first-tr {
    font-weight: 600;
}

.guide-tailles .board .text1 {
    margin-top: 20px;
    font-size: 13px;
    line-height: 17px;
}

.guide-tailles .board .text2 {
    display: block;
    margin-top: 20px;
    color: #959699;
    font-size: 11px;
    line-height: 15px;
}

.guide-tailles .board {
    margin-top: 60px;
}

@media screen and (max-width: 675px) {
    .guide-tailles .board {
        overflow: scroll;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* 404 */
/*--------------------------------------------------------------------------------------------------------------------*/
.page-erreur {
    padding: 30px 0 50px;
}

.cancel a {
    min-width: 300px;
}

.page-erreur .title-page {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.page-erreur h2 {
    margin-top: 25px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.page-erreur .title-page .total {
    color: rgba(45, 45, 45, 0.8);
    font-size: 13px;
    text-transform: none;
}

.page-erreur .form {
    width: 600px;
    box-sizing: border-box;
    margin: 35px auto 0;
    padding: 40px 50px;
}

.page-erreur .form.f_newsletter {
    padding: 0 50px;
}

.page-erreur .f_searchproduct {
    background-color: #ecf1f0;
}

.page-erreur .f_searchproduct .titre {
    font-weight: 500;
}

.page-erreur .f_newsletter .titre b {
    font-weight: 500;
}

.page-erreur .form .titre {
    display: block;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.page-erreur .form .main-input {
    width: 295px;
    height: 35px;
    border: 0;
}

.page-erreur .form .btn-submit {
    height: 35px;
    min-height: auto;
    padding: 0 10px;
    font-weight: 400;
}

.page-erreur .form .flex-container {
    justify-content: center;
}

.page-erreur .btn-home {
    margin-top: 40px;
    padding: 15px 20px;
    font-weight: 400;
}


.page-erreur .f_newsletter .main-input {
    border: 1px solid #000;
}


@media screen and (max-width: 675px) {
    .page-erreur .container {
        padding: 0 15px;
    }

    .page-erreur .form {
        width: calc(100% - 20px);
        padding: 15px;
    }

    .page-erreur .title-page {
        font-size: 22px;
        line-height: 22px;
    }

    .page-erreur .form {
        margin: 30px auto 0;
    }

    .page-erreur .form .titre {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 15px;
    }

    .page-erreur .form .main-input {
        width: calc(100% - 45px);
    }

    .page-erreur .btn-home {
        width: 246px;
        height: 35px;
        margin-top: 20px;
        padding: 15px 0;
        font-size: 13px;
    }
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* Catalogue */
/*--------------------------------------------------------------------------------------------------------------------*/
/*Catalog board*/
.catalog-board {
    padding-bottom: 50px;
}

.catalog-board .intro {
    margin-top: 15px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
}

.catalog-board .catalog-container {
    position: relative;
    margin-top: 30px;
}

.catalog-board .container-textblock {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.catalog-board .container-textblock .visuel {
    width: 240px;
}

.catalog-board .box {
    width: 440px;
    height: 215px;
    box-sizing: border-box;
    padding: 35px 15px 45px;
    background-color: #fff;
    text-align: center;
}

.catalog-board .box .form-title {
    text-transform: none;
}

.catalog-board .box .form-title.out {
    margin-bottom: 15px;
}

.catalog-board .box .form-title .info {
    color: #eb8641;
    font-size: 13px;
    font-weight: 500;
}

.catalog-board .box:nth-child(2) {
    margin: 0 30px;
}

.catalog-board .box .btn {
    margin-top: 20px;
    padding: 15px 40px;
    font-size: 13px;
}

/*Catalog ask*/
.ask-catalog {
    padding-bottom: 50px;
}

.ask-catalog .bandeau-catalogue {
    position: relative;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 10px;
    color: #fff;
    background-color: #eb8641;
    font-size: 16px;
    text-align: center;
}

.ask-catalog .head {
    position: relative;
    margin-top: 70px;
}

.ask-catalog .head .background {
    width: 100%;
}

.ask-catalog .head .content {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ask-catalog .head .box {
    width: 850px;
    height: 210px;
    box-sizing: border-box;
    margin-right: 30px;
    padding: 35px 30px;
    background-color: #fff;
}

.ask-catalog .head .box .form-title {
    text-align: center;
    text-transform: none;
}

.ask-catalog .head .box .intro {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.ask-catalog .head .visuel {
    width: 280px;
    margin-top: -80px;
}

.ask-catalog .head .formulaire {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
}

.ask-catalog .head .formulaire input {
    width: 295px;
}

.ask-catalog .head .formulaire #f_authenticate_password {
    margin-left: 15px;
}

.ask-catalog .head .formulaire .btn-submit {
    width: 165px;
    height: 40px;
    min-height: 40px;
    margin-left: 15px;
    padding: 0;
}

.ask-catalog .box-informations {
    margin-top: 40px;
    padding: 40px 80px;
    background-color: #ecf1f0;
}

.ask-catalog .informations .btn-submit {
    display: flex;
    width: 250px;
    margin: 40px auto 0;
    font-weight: 400;
    padding: 15px 16px;
}

.ask-catalog .informations .out {
    display: flex;
    justify-content: center;
    margin: 40px auto 0;
}

.ask-catalog .mentions {
    display: block;
    margin-top: 30px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.ask-catalog .head .logged {
    display: flex;
    align-items: center;
    height: 100%;
}

.ask-catalog .head .text-log {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}


@media screen and (max-width: 1056px) {
    /*Catalog board*/
    .catalog-board .intro {
        padding: 0 15px;
    }

    .catalog-board .background {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        object-fit: cover;
    }

    .catalog-board .container-textblock {
        flex-direction: column;
        position: static;
        box-sizing: border-box;
        padding: 30px 20px;
    }

    .catalog-board .box:nth-child(2) {
        margin: 20px 0;
    }

    .catalog-board .visuel.mobile {
        width: 30%;
        margin: 30px auto 0;
    }

    .catalog-board .box-ask .btn {
        padding: 15px 10px;
    }

    /*Catalog ask*/
    .ask-catalog .head {
        margin-top: 30px;
    }

    .ask-catalog .head .box {
        width: 100%;
        height: auto;
        margin-right: 0;
    }

    .ask-catalog .background {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        object-fit: cover;
    }

    .ask-catalog .head .content {
        flex-direction: column;
        position: static;
        box-sizing: border-box;
        padding: 30px 20px;
    }

    .ask-catalog .head .formulaire {
        flex-direction: column;
        width: 60%;
        margin: 20px auto 0;
    }

    .ask-catalog .head .formulaire .f_el {
        width: 100%;
    }

    .ask-catalog .head .formulaire #f_authenticate_password {
        margin: 20px 0 0;
    }

    .ask-catalog .head .formulaire input {
        width: 100%;
    }

    .ask-catalog .head .formulaire .btn-submit {
        margin: 25px auto 0;
    }

    .ask-catalog .box-informations {
        width: calc(100% - 40px);
        box-sizing: border-box;
        margin: 40px auto 0;
        padding: 40px 20px;
    }

    .ask-catalog .box-informations .form-title {
        text-align: center;
    }

    .ask-catalog .mentions {
        padding: 0 20px;
    }

    .ask-catalog .visuel.mobile {
        width: 30%;
        margin: 30px auto 0;
    }

    .ask-catalog .head .box .form-title,
    .ask-catalog .head .box .intro {
        text-align: center;
    }
}

@media screen and (max-width: 675px) {
    /*Catalog board*/
    .catalog-board .box {
        width: 100%;
        height: auto;
    }

    .catalog-board .visuel.mobile {
        width: 80%;
    }

    /*Catalog ask*/
    .ask-catalog .visuel.mobile {
        width: 80%;
    }

    .ask-catalog .head .box {
        padding: 35px 15px;
    }

    .ask-catalog .head .formulaire {
        width: 100%;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Avantages */
/*--------------------------------------------------------------------------------------------------------------------*/
.advantages-page {
    padding-bottom: 50px;
}

.advantages-page .page-title {
    margin-top: 15px;
    font-family: 'DM Serif Display',sans-serif;
    font-size: 33px;
    text-align: center;
}

.advantages-page .intro {
    margin-top: 20px;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

.advantages-page .banner {
    margin-top: 50px;
}

.advantages-page .banner .visuel {
    width: 100%;
}

.advantages-page .textblock {
    position: relative;
    width: 655px;
    box-sizing: border-box;
    margin: -30px auto 0;
    padding: 40px 90px;
    color: #fff;
    background-color: #711e23;
    z-index: 1;
    text-align: center;
}

.advantages-page .textblock .text1 {
    display: block;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.advantages-page .textblock .text2 {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.advantages-page .textblock .text2 a {
    color: #fff;
    text-decoration: underline;
}

.advantages-page .textblock .text3 {
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
}

.advantages-page .textblock .text4 {
    display: block;
    font-size: 28px;
    font-weight: 600;
}

.advantages-page .textblock2 {
    margin: 10px auto 0;
}

.advantages-page .textblock2 .title {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.advantages-page .textblock2 .title svg {
    margin-right: 10px;
}

.advantages-page .textblock2 .title svg path {
    fill: #fff;
}

.advantages-page .container-ctas {
    margin-top: 40px;
}

.advantages-page .container-ctas .btn {
    display: flex;
    width: 250px;
    margin-right: auto;
    margin-left: auto;
    font-weight: 400;
}

.advantages-page .container-ctas .btn-panier {
    margin-top: 20px;
}

@media screen and (max-width: 1056px) {
    .advantages-page .banner {
        margin-top: 30px;
    }
}

@media screen and (max-width: 675px) {
    .advantages-page {
        padding-top: 30px;
    }

    .advantages-page .intro {
        margin-top: 30px;
        padding: 0 20px;
    }

    .advantages-page .container {
        padding: 0;
    }

    .advantages-page .textblock {
        width: calc(100% - 40px);
        padding: 35px 25px;
    }

    .advantages-page .textblock .text1 {
        font-size: 19px;
        line-height: 28px;
    }

    .advantages-page .textblock .text2 {
        font-size: 16px;
        line-height: 19px;
    }

    .advantages-page .textblock .text3 {
        font-size: 13px;
        line-height: 16px;
    }

    .advantages-page .container-ctas .btn {
        width: 210px;
        padding: 15px 0;
    }

    .advantages-page .textblock2 .title {
        flex-direction: column;
        align-items: center;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Vente privée */
/*--------------------------------------------------------------------------------------------------------------------*/
.vente-privee {
    padding: 30px 0 50px;
}

.vente-privee .page-title {
    font-family: 'DM Serif Display';
    font-size: 47px;
    text-align: center;
}

.vente-privee .subtitle {
    display: block;
    margin-top: 20px;
    font-family: 'DM Serif Display';
    font-size: 29px;
    text-align: center;
}

.de_DE .vente-privee .subtitle {
    font-size: 22px;
    margin-bottom: 15px;
}

.vente-privee .vp-container {
    position: relative;
    margin-top: 35px;
}

.vente-privee .vp-container .background {
    width: 100%;
}

.de_DE .vp-container .gender-el .formvalidator_error{
    margin-top: 20px;
}

.vente-privee .boxes-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 45px;
    top: 0;
    left: 0;
}

.vente-privee .boxes-container .box {
    width: 605px;
    box-sizing: border-box;
    margin-top: 20px;
    padding: 35px;
    background-color: #fff;
    text-align: center;
}

.de_DE .vente-privee .boxes-container .box {
    border-radius: 10px;
    height: 524px;
}

.vente-privee .boxes-container .box:last-child {
    margin-left: 20px;
}

.vente-privee .boxes-container .box .form-subtitle {
    margin-top: 30px;
    font-size: 15px;
    font-weight: 400;
}

.vente-privee .form-register {
    margin-top: 30px;
}

.vente-privee .box input {
    width: 100%;
}

.vente-privee .form-register .nice-select {
    border: 1px solid #808080;
}

.vente-privee .form-register .date-el.month,
.vente-privee .form-register .date-el.year {
    margin-left: 5px;
}

.vente-privee .btn-submit {
    margin-top: 40px;
    font-weight: 400;
}

.vente-privee .mentions {
    display: block;
    margin-top: 25px;
    padding: 0 115px;
    font-size: 11px;
    line-height: 15px;
}

.vente-privee .mentions a {
    text-decoration: underline;
}

.vente-privee .f_register_birthdate_object {
    line-height: 18px;
}

@media screen and (max-width: 1056px) {
    .vente-privee {
        padding: 20px 0 50px;
    }

    .vente-privee .container {
        padding: 0;
    }

    .vente-privee .boxes-container {
        flex-direction: column;
        align-items: center;
        position: static;
        box-sizing: border-box;
        padding: 30px 20px;
    }

    .vente-privee .background {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        object-fit: cover;
    }

    .vente-privee .boxes-container .box:last-child {
        margin: 20px 0 0;
    }

    .vente-privee .mentions {
        padding: 0 20px;
    }
}

@media screen and (max-width: 675px) {
    .vente-privee .boxes-container .box {
        width: 100%;
        padding: 20px 15px;
    }

    .vente-privee .btn-submit {
        width: 100%;
        min-height: auto;
        padding: 15px 10px;
    }

    .vente-privee .page-title {
        box-sizing: border-box;
        padding: 0 15px;
        font-size: 31px;
    }

    .vente-privee .subtitle {
        box-sizing: border-box;
        margin-top: 10px;
        padding: 0 15px;
        font-size: 20px;
        line-height: 25px;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Store locator */
/*--------------------------------------------------------------------------------------------------------------------*/
.store-locator {
    padding-bottom: 50px;
}

.store-locator.version-2 .catalog-container {
    position: relative;
    margin-top: 30px;
}

.store-locator.version-2 .container-textblock {
    flex-direction: column;
    position: static;
    box-sizing: border-box;
}

.store-locator .total_results {
    display: none;
    color: #4D716C;
    text-align: center;
    margin-top: 20px;
    font-size: 13px;
}

.store-locator .banner {
    position: relative;
    height: 700px;
    margin-top: 50px;
}

.store-locator .banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.store-locator .banner .text-container {
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.store-locator .banner .textblock {
    width: 80%;
    box-sizing: border-box;
    margin: auto;
    padding: 35px 45px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.store-locator .banner .textblock b {
    font-weight: 600;
}

.store-locator .map-container {
    position: relative;
    margin-top: 40px;
}

.store-locator .map-container #mapContainer {
    height: 705px;
}

.store-locator #map {
    width: calc(100% - 475px);
    height: 705px;
    margin-left: 475px;
}

.store-locator .pop-search {
    position: absolute;
    width: 380px;
    box-sizing: border-box;
    padding: 20px 40px;
    background-color: #fff;
    top: 50px;
    left: 50px;
    border: 1px solid #2c4542;
}

.store-locator .map-title {
    display: block;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
}

.store-locator .pop-search .formulaire {
    margin-top: 40px;
    text-align: center;
}

.store-locator .pop-search .formulaire input {
    width: 100%;
    margin-bottom: 25px;
}

.store-locator .pop-search .formulaire .btn {
    width: 250px;
    height: 40px;
    font-weight: 400;
}

.store-locator .pop-search .formulaire .or {
    display: block;
    margin: 10px 0;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

.store-locator .pop-search .close-cross {
    position: absolute;
    top: 8px;
    right: 33px;
}

.store-locator .pop-search .close-cross:before,
.store-locator .pop-search .close-cross:after {
    width: 1px;
    height: 18px;
}

.store-locator .sidebar {
    position: absolute;
    width: 475px;
    height: 100%;
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    top: 0;
    left: 0;
    border: 1px solid #2c4542;
    overflow-x: hidden;
    overflow-y: scroll;
}

.store-locator .sidebar .formulaire {
    margin-top: 40px;
}

.store-locator .sidebar .formulaire input {
    width: 100%;
}

.store-locator .sidebar .formulaire .container-ctas {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.store-locator .sidebar .formulaire .container-ctas .btn {
    height: 40px;
    font-size: 15px;
    font-weight: 400;
}

.store-locator .sidebar .formulaire .container-ctas .btn_valider {
    width: 250px;
    padding: 0;
}

.store-locator .sidebar .formulaire .container-ctas .btn_position {
    width: 170px;
    padding: 0;
}

.store-locator .sidebar .results {
    display: block;
    margin-top: 20px;
    color: #4d716c;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

.store-locator .sidebar .stores-list {
    margin-top: 20px;
}

.store-locator .sidebar .stores-list li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: 1px solid #8b8b8b;
}

.store-locator .sidebar .stores-list li .infos {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.store-locator .sidebar .stores-list li .infos b {
    font-weight: 600;
    text-transform: uppercase;
}

.store-locator .sidebar .stores-list li .btn {
    display: flex;
    width: 120px;
    font-weight: 400;
}

.store-locator .sidebar .stores-list li .btn-route {
    display: flex;
    margin-top: 5px;
}

.store-locator .gm-style .gm-style-iw-c {
    width: 295px;
    padding: 0;
    font-family: 'Montserrat',sans-serif;
    box-shadow: none;
    border: 1px solid #2c4542;
    border-radius: 0;
}

.store-locator .gm-style .gm-style-iw-t::before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    background-color: #fff;
    top: -3px;
    left: 0;
    z-index: 1;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.store-locator .gm-style .gm-style-iw-t::after {
    box-shadow: none;
    border: 1px solid #2c4542;
}

.store-locator .gm-style .info_content {
    padding-bottom: 20px;
}

.store-locator .gm-style .info_content p {
    padding: 20px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.store-locator .gm-style .info_content b {
    font-weight: 600;
}

.store-locator .gm-style .info_content .tabs {
    display: flex;
}

.store-locator .gm-style .info_content .tabs .tab {
    cursor: pointer;
    width: 50%;
    padding: 10px 0;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 1px solid #8b8b8b;
    text-align: center;
    text-transform: uppercase;
}

.store-locator .gm-style .info_content .tabs .tab:first-child {
    box-sizing: border-box;
    border-right: 1px solid #8b8b8b;
}

.store-locator .gm-style .info_content .tabs .tab.active {
    font-weight: 600;
    border-bottom-color: #fff;
}

.store-locator .gm-style .gm-ui-hover-effect {
    display: none !important;
}

.store-locator .gm-style .info_content .container-ctas {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

.store-locator .gm-style .info_content .btn {
    width: 120px;
    height: 40px;
}

.store-locator .gm-style .gm-style-iw-d {
    overflow: auto !important;
}

.store-locator .gm-style .info_content .container-hours {
    display: none;
}

.store-locator .section-faq {
    width: 100%;
    box-sizing: border-box;
    background-color: transparent;
    align-self: baseline;
    margin-top: 10px;
}
.store-locator.version-2 img.background {
    position: relative;
    width: 100%;
    height: 120px;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
    object-position: top;
}

.store-locator .section-faq .bloc {
    padding: 15px 0 0 0;
    background-color: #fff;
}

.store-locator .section-faq .bloc:not(:first-child) {
    margin-top: 12px;
}

.store-locator .section-faq .question {
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
}
.store-locator .section-faq .question .text{
    position: absolute;
    left: 25%;
}
.store-locator .section-faq .bloc:nth-child(2) .question .text{
    left: 20%;
}

.store-locator .section-faq .question .plus {
    font-size: 22px;
    font-weight: 400;
    display: flex;
    align-items: center;
    color: #000000;
}

.store-locator .section-faq .answer {
    display: none;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    padding: 0 40px 10px;
}

.store-locator .section-faq .answer b {
    font-weight: 600;
}


.store-locator .section-faq .section-name {
    display: none;
}

@media screen and (max-width: 1056px) {
    .store-locator .map-container {
        margin-top: 0;
    }

    .store-locator .banner {
        display: none;
    }

    .store-locator #map {
        display: none;
    }

    .store-locator .sidebar {
        position: static;
        width: 70%;
        margin: auto;
        border: 0;
    }

    .store-locator .sidebar .formulaire .container-ctas {
        justify-content: center;
    }

    .store-locator .sidebar .formulaire .container-ctas .btn_position.showm {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 45px;
        margin-left: 10px;
        padding: 0;
    }

    .store-locator .sidebar .formulaire .container-ctas .btn_position svg {
        width: 20px;
        height: 27px;
    }

    .store-locator .sidebar .formulaire .container-ctas .btn_position svg path {
        fill: #fff;
    }

    .store-locator .pop-search {
        position: static;
        width: calc(100% - 40px);
        margin: auto;
        padding: 20px;
    }

    .store-locator .pop-search .close-cross {
        display: none;
    }
}

@media screen and (max-width: 675px) {
    .store-locator .sidebar {
        width: 100%;
    }

    .store-locator .sidebar .formulaire .container-ctas .btn_valider {
        flex: 1;
        width: auto;
        padding: 0;
    }

    .store-locator .sidebar .stores-list li {
        align-items: flex-end;
    }

    .store-locator .sidebar .stores-list li .infos {
        box-sizing: border-box;
        padding-right: 15px;
    }

    .store-locator .pop-search .formulaire .btn {
        width: 100%;
    }
    .store-locator .section-faq .bloc{
        padding: 5px 20px;
    }
    .store-locator .section-faq .question{
        justify-content: center;
    }
    .store-locator .section-faq .question .text {
        position: inherit;
        left: inherit;
        font-size: 14px;
    }
    .store-locator .section-faq .answer {
        font-size: 13px;
        padding: 0 5px 10px;
    }
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* Magasin */
/*--------------------------------------------------------------------------------------------------------------------*/
.store-item {
    padding-bottom: 50px;
}

.store-item .informations {
    margin-top: 35px;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.store-item .description {
    position: relative;
    margin-top: 35px;
}

.store-item .description .background {
    width: 100%;
}

.store-item .description .description-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-weight: 400;
    top: 0;
    left: 0;
}

.store-item .description .textblock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 550px;
    height: 380px;
    box-sizing: border-box;
    padding: 40px 50px;
    background-color: #fff;
    font-size: 15px;
    text-align: center;
}

.store-item .description .textblock b {
    font-size: 17px;
    font-weight: 600;
}

.store-item .description .storeslider {
    width: 550px;
    height: 380px;
    margin-right: initial;
    margin-left: 20px;
}

.store-item .description .storeslider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.store-item .description .storeslider .slider-left {
    left: 15px;
}

.store-item .description .storeslider .slider-right {
    right: 15px;
}

.store-item #mapContainer {
    width: 100%;
    height: 340px;
    margin-top: 40px;
}

@media screen and (max-width: 1056px) {
    .store-item .description .description-container {
        flex-direction: column;
        position: static;
        box-sizing: border-box;
        padding: 30px 20px;
    }

    .store-item .description .background {
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        object-fit: cover;
    }

    .store-item .description .textblock,
    .store-item .description .storeslider {
        width: 100%;
        height: auto;
    }

    .store-item .description .storeslider {
        box-sizing: border-box;
        margin-left: 0;
        padding: 10px 15px;
        background-color: #fff;
    }

    .store-item .description .storeslider img {
        display: block;
        width: auto;
        max-width: 100%;
        margin: auto;
    }
}

@media screen and (max-width: 675px) {
    .store-item #mapContainer {
        height: 205px;
    }

    .store-item .informations {
        font-size: 4.2vw;
        line-height: 5.2vw;
    }

    .store-item .description .textblock {
        padding: 30px 15px;
    }

    .store-item .description .textblock {
        font-size: 3.8vw;
        line-height: 4.7vw;
    }

    .store-item .description .textblock b {
        font-size: 4vw;
    }

    .store-item .description .storeslider img {
        width: 100%;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Relais colis */
/*--------------------------------------------------------------------------------------------------------------------*/
.relais-colis {
    padding-bottom: 50px;
}

.relais-colis .intro {
    margin-top: 45px;
    color: #2c4542;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
}

.relais-colis .form-container {
    position: relative;
    margin-top: 30px;
}

.relais-colis .background {
    width: 100%;
}

.relais-colis .box-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.relais-colis .f_relais {
    width: 550px;
    box-sizing: border-box;
    padding: 25px 35px;
    background-color: #fff;
    text-align: center;
}

.relais-colis .f_relais .f_el:not(:first-child) {
    margin-top: 15px;
}

.relais-colis .f_relais .f_el input {
    width: 100%;
}

.relais-colis .f_relais .btn-search {
    width: 165px;
    height: 40px;
    margin-top: 20px;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Nos partenaires */
/*--------------------------------------------------------------------------------------------------------------------*/
.nos-partenaires {
    padding-bottom: 50px;
}

.nos-partenaires .customer-title {
    margin-bottom: 40px;
}

.nos-partenaires ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 200px;
}

.nos-partenaires ul li {
    width: 240px;
    height: 370px;
    margin: 0 25px;
}
.nos-partenaires ul li.big {
    height: 580px;
}

.nos-partenaires ul li img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: auto;
}

.nos-partenaires ul li p {
    margin-top: 15px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    text-align: justify;
}

.nos-partenaires ul li p b {
    font-weight: 600;
}

@media screen and (max-width: 1056px) {
    .nos-partenaires ul {
        justify-content: space-between;
        box-sizing: border-box;
        padding: 0 30px;
    }

    .nos-partenaires ul li {
        width: 47%;
        height: auto;
        margin: 0;
    }
}

@media screen and (max-width: 675px) {
    .nos-partenaires ul li {
        width: 100%;
        height: auto;
    }

    .nos-partenaires ul li:not(:first-child) {
        margin-top: 30px;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Mentions légales */
/*--------------------------------------------------------------------------------------------------------------------*/
.mentions-legales {
    padding-bottom: 50px;
}

.mentions-legales .customer-title {
    margin-bottom: 50px;
}

.mentions-legales .title {
    display: block;
    margin: 50px 0 20px;
    font-family: 'DM Serif Display';
    font-size: 22px;
}

.mentions-legales .text {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    text-align: justify;
}

.mentions-legales .text a {
    text-decoration: underline;
}

@media screen and (max-width: 1056px) {
    .mentions-legales {
        padding: 0 20px 20px;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Conditions des offres */
/*--------------------------------------------------------------------------------------------------------------------*/
.conditions-de-nos-offres {
    padding-bottom: 50px;
}

.conditions-de-nos-offres .customer-title {
    margin-bottom: 50px;
}

.conditions-de-nos-offres .title {
    display: block;
    margin: 50px 0 20px;
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 600;
}

.conditions-de-nos-offres .text {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    text-align: justify;
}

.conditions-de-nos-offres .text a {
    text-decoration: underline;
}

@media screen and (max-width: 1056px) {
    .conditions-de-nos-offres {
        padding: 0 20px 20px;
    }
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* Eco-participation */
/*--------------------------------------------------------------------------------------------------------------------*/
.eco-participation {
    padding-bottom: 50px;
}

.eco-participation .flex-container {
    margin-top: 40px;
}

.eco-participation .visuel {
    width: 615px;
    margin-left: 65px;
}

.eco-participation .text {
    flex: 1;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.eco-participation .text .title {
    display: block;
    margin: 30px 0 20px;
    font-weight: 600;
}

.eco-participation .text .title:first-child {
    margin-top: 0;
}

.eco-participation .logo {
    display: block;
    margin: 40px auto 0;
}

@media screen and (max-width: 1056px) {
    .eco-participation .flex-container {
        flex-direction: column;
    }

    .eco-participation .text {
        padding: 0 30px;
    }

    .eco-participation .visuel {
        margin: 20px auto 0;
    }
}

@media screen and (max-width: 675px) {
    .eco-participation .logo {
        width: 100%;
    }

    .eco-participation .visuel {
        width: 100%;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Tissu au mètre */
/*--------------------------------------------------------------------------------------------------------------------*/
.tissu-metre {
    padding-bottom: 50px;
}

.tissu-metre .flex-container {
    margin-top: 40px;
}

.tissu-metre .visuel {
    width: 615px;
    margin-left: 110px;
}

.tissu-metre .text {
    flex: 1;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.tissu-metre .btn {
    display: flex;
    width: 285px;
    height: 40px;
    margin: 45px auto 0;
    font-weight: 400;
}

@media screen and (max-width: 1056px) {
    .tissu-metre .flex-container {
        flex-direction: column;
        margin-top: 20px;
    }

    .tissu-metre .text {
        padding: 0 30px;
    }

    .tissu-metre .visuel {
        margin: 30px auto 0;
    }
}

@media screen and (max-width: 675px) {
    .tissu-metre .visuel {
        width: 100%;
    }

    .tissu-metre .btn {
        width: 100%;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Nous rejoindre */
/*--------------------------------------------------------------------------------------------------------------------*/
.nous-rejoindre {
    padding-bottom: 50px;
}

.nous-rejoindre .title-page {
    margin: 30px 0 45px;
    font-family: 'DM Serif Display';
    font-size: 36px;
    text-align: center;
}

.nous-rejoindre .text {
    flex: 1;
    text-align: center;
}

.nous-rejoindre .text .text1 {
    margin-bottom: 40px;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
}

.nous-rejoindre .text .text2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.nous-rejoindre .text .text2 b {
    font-weight: 600;
}

.nous-rejoindre .visuel {
    width: 615px;
    margin-left: 40px;
}

@media screen and (max-width: 1056px) {
    .nous-rejoindre .flex-container {
        flex-direction: column;
        margin-top: 20px;
    }

    .nous-rejoindre .text {
        padding: 0 30px;
    }

    .nous-rejoindre .visuel {
        margin: 30px auto 0;
    }
}

@media screen and (max-width: 675px) {
    .nous-rejoindre .visuel {
        width: 100%;
        margin-left: 0;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Maintenance */
/*--------------------------------------------------------------------------------------------------------------------*/
.maintenance {
    position: relative;
}

.maintenance .visuel {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    -o-object-fit: cover;
}

.maintenance .abs-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.maintenance .logo-svg {
    width: 434px;
    height: 156px;
}

.maintenance .textblock {
    text-align: center;
}

.maintenance .text1 {
    display: block;
    margin-top: 70px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.maintenance .text2 {
    margin-top: 20px;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
}

.maintenance .social {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}

.maintenance .social li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #363636;
    border-radius: 50%;
}

.maintenance .social li a.reverse-bg{
    background-color: #FFFFFF;
}
.maintenance .social li:not(:first-child) {
    margin-left: 20px;
}

@media screen and (max-width: 675px) {
    .maintenance .logo-svg {
        width: 268px;
        height: 96px;
    }

    .maintenance .text1 {
        font-size: 19px;
    }

    .maintenance .social li a {
        width: 40px;
        height: 40px;
    }

    .maintenance .social li.facebook svg {
        width: 26px;
        height: 26px;
    }

    .maintenance .social li.instagram svg {
        width: 24px;
        height: 24px;
    }
    .maintenance .social li.youtube svg {
        width: 40px;
        height: 40px;
    }

    .maintenance .social li.pinterest svg {
        width: 40px;
        height: 40px;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Idées cadeaux */
/*--------------------------------------------------------------------------------------------------------------------*/
.idees-cadeaux {
    padding-bottom: 50px;
}

.idees-cadeaux .flex-container {
    margin-top: 45px;
    align-items: flex-start;
    padding: 0 10px;
}

.idees-cadeaux .text p {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.idees-cadeaux .text p b {
    font-weight: 600;
}

.idees-cadeaux .text {
    flex: 1;
}

.idees-cadeaux .visuel {
    width: 620px;
    margin-left: 65px;
}

.idees-cadeaux .btn {
    display: flex;
    width: 285px;
    height: 40px;
    margin: 45px auto 0;
}

@media screen and (max-width: 1056px) {
    .idees-cadeaux .flex-container {
        flex-direction: column;
        margin-top: 20px;
    }

    .idees-cadeaux .text {
        padding: 0 30px;
    }

    .idees-cadeaux .visuel {
        margin: 30px auto 0;
    }
}

@media screen and (max-width: 675px) {
    .idees-cadeaux .visuel {
        width: 100%;
        margin-left: 0;
    }

    .idees-cadeaux .btn {
        width: 100%;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Espace presse */
/*--------------------------------------------------------------------------------------------------------------------*/
.espace-presse {
    padding-bottom: 50px;
}

.espace-presse .flex-container {
    margin-top: 45px;
    align-items: flex-start;
    padding: 0 10px;
}

.espace-presse .text p {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.espace-presse .text p b {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.espace-presse .text p a {
    display: block;
    margin: 6px 0;
    text-decoration: underline;
}

.espace-presse .visuel {
    width: 620px;
    margin-left: 65px;
}

@media screen and (max-width: 1056px) {
    .espace-presse .flex-container {
        flex-direction: column;
        margin-top: 20px;
    }

    .espace-presse .text {
        padding: 0 30px;
    }

    .espace-presse .visuel {
        margin: 30px auto 0;
    }
}

@media screen and (max-width: 675px) {
    .espace-presse .visuel {
        width: 100%;
        margin-left: 0;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* CGV */
/*--------------------------------------------------------------------------------------------------------------------*/
.cgv {
    padding-bottom: 50px;
}

.cgv .intro {
    margin-top: 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
}

.cgv .intro a {
    text-decoration: underline;
}

.cgv .visuel {
    width: 100%;
    margin-top: 10px;
}

.cgv .text-container {
    display: flex;
    width: 1230px;
    margin: 40px auto 0;
}

.cgv .left-part {
    align-self: flex-start;
    position: sticky;
    width: 310px;
    top: 200px;
    border-right: 1px solid #2c4542;
}

.cgv .left-part li {
    cursor: pointer;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.cgv .left-part li.active {
    color: #fff;
    background-color: #4d716c;
}

.cgv .left-part li.active a {
    color: #fff;
}

.cgv .left-part li:not(:first-child) {
    margin-top: 10px;
}

.cgv .left-part li b {
    font-weight: 600;
}

.cgv .right-part {
    flex: 1;
    padding-left: 35px;
    /*border-left: 1px solid #2c4542;*/
}

.cgv .section-cgv .name {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
}

.cgv .section-cgv .name .arrow {
    display: none;
}

.cgv .section-cgv .bloc {
    margin-top: 20px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

.cgv .section-cgv:not(:first-child) {
    margin-top: 40px;
}

.cgv .section-cgv .bloc a {
    text-decoration: underline;
}
.cgv .section-cgv .bloc .list{
    list-style: disc;
    padding-left: 20px;
}
.cgv .section-cgv .subname {
    display: block;
    margin: 20px 0;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.cgv .section-cgv i.subname {
    text-transform: none;
}

.cgv .section-cgv p.border {
    box-sizing: border-box;
    margin: 10px 0;
    padding: 5px;
    border: 1px solid #dedede;
}

.cgv .first-tr td {
    color: white;
    background-color: black;
    border: 2px solid #9d9999;
}

.cgv .intro .gradient,
.cgv .intro .arrow {
    display: none;
}

.cgv .tableau-id-producteur{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.cgv .tableau-id-producteur .first-tr{
    font-weight: 600;
}
.cgv .tableau-id-producteur .first-tr td{
    border: 1px solid #A0A0A0;
    background-color: #FFFFFF;
    color: #000000;
}
.cgv .tableau-id-producteur td{
    padding: 10px;
    font-size: 14px;
    border: 1px solid #A0A0A0;
    text-align: center;
    vertical-align: middle;
}
.cgv .tableau-id-producteur.smalltext td{
    font-size: 12px;
}
.cgv .tableau-id-producteur.no-border{
    width: 60%;
}
.cgv .tableau-id-producteur.no-border td{
    border: none;
    padding: 0;
    font-size: 12px;
}

@media screen and (min-width: 1057px) {
    .cgv .section-cgv .subname .plus {
        display: none;
    }
}

@media screen and (max-width: 1056px) {
    .cgv .visuel {
        margin-top: 15px;
    }

    .cgv .intro {
        padding: 0 30px;
    }

    .cgv .left-part {
        display: none;
    }

    .cgv .text-container {
        width: 100%;
        margin: 25px auto 0;
    }

    .cgv .right-part {
        padding: 0 20px;
        border: 0;
    }

    .cgv .section-cgv {
        box-sizing: border-box;
        padding: 15px;
        background-color: #ecf1f0;
    }
    .cgv .section-cgv.textintro{
        background-color: #ffffff;
        padding: 15px 0;
    }

    .cgv .section-cgv .name {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .cgv .section-cgv:not(:first-child) {
        margin-top: 10px;
    }

    .cgv .section-cgv .bloc:not(.show) {
        display: none;
    }

    .cgv .section-cgv.onebloc .bloc {
        padding: 15px;
        background-color: #fff;
    }

    .cgv .section-cgv .bloc.show{
        margin-top: unset;
        padding: 0;
    }

    .cgv .section-cgv .hidemb {
        display: none;
        padding: 15px;
        background-color: #fff;
    }

    .cgv .section-cgv .subname {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 10px 0 0;
        padding: 15px;
        background-color: #fff;
    }

    .cgv .section-cgv .subname .plus {
        font-size: 20px;
        font-weight: 400;
    }

    .cgv .section-cgv i.subname {
        padding: 10px 0;
    }

    .cgv .intro .content {
        height: 70px;
    }

    .cgv .intro .content.deroule {
        height: 100%;
    }

    .cgv .intro .gradient {
        display: block;
    }

    .cgv .intro .arrow {
        display: inline-block;
    }

    .cgv .section-cgv .name .arrow {
        display: inline-block;
        margin-left: 15px;
    }
}

@media screen and (max-width: 675px) {
    .cgv .section-cgv .name {
        font-size: 14px;
        font-weight: 600;
        line-height: 17px;
    }

    .cgv .section-cgv .subname {
        font-size: 14px;
        font-weight: 300;
    }
}

@media screen and (min-width: 676px) and (max-width: 1056px) and (orientation: landscape) {
    .cgv .visuel {
        height: 100px;
        object-fit: cover;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* FAQ */
/*--------------------------------------------------------------------------------------------------------------------*/
.faq .left-part li:not(:first-child) {
    margin-top: 2px;
}

.faq .section-faq {
    display: none;
    box-sizing: border-box;
    padding: 25px;
    background-color: #ecf1f0;
}

.customer-fidelity .faq .section-faq {
    display: block;
    box-sizing: border-box;
    padding: 25px;
    margin-top: 30px;
    background-color: #ecf1f0;
}

.faq .section-faq .bloc {
    padding: 15px;
    background-color: #fff;
}

.faq .section-faq .bloc:not(:first-child) {
    margin-top: 12px;
}

.faq .section-faq .question {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
}

.faq .section-faq .bloc.active .question {
    font-weight: 600;
}

.faq .section-faq .question .plus {
    font-size: 22px;
    font-weight: 400;
    display: flex;
    align-items: center;
    color: #000000;
}

.faq .section-faq .answer {
    display: none;
    margin-top: 20px;
    padding-right: 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}

.faq .section-faq .answer b {
    font-weight: 600;
}

.faq .section-faq .answer a {
    text-decoration: underline;
}

.faq .section-faq .section-name {
    display: none;
}

.faq .section-covid {
    width: 100%;
    max-width: 1230px;
    box-sizing: border-box;
    margin: 20px auto 0;
    padding: 20px;
    background-color: #f7f7f7;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
}

@media screen and (max-width: 1056px) {
    .faq .section-faq {
        display: block;
        padding: 10px;
    }

    .faq .section-faq:not(:first-child) {
        margin-top: 10px;
    }

    .faq .section-faq .section-name {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 10px 10px 0;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .faq .section-faq .section-name .arrow {
        padding: 5px;
    }

    .faq .section-faq .allblocs {
        display: none;
        margin-top: 15px;
    }

    .faq .section-faq .question {
        font-size: 14px;
    }

    .faq .section-faq .answer {
        font-size: 13px;
    }

    .faq .section-faq .question .plus {
        padding-left: 15px;
    }
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* CATALOGUE */
/*--------------------------------------------------------------------------------------------------------------------*/
.catalog-board .catalog-container .left-part li:not(:first-child) {
    margin-top: 2px;
}

.catalog-board .section-faq {
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
    background-color: transparent;
    align-self: baseline;
    margin-top: 10px;
}

.catalog-board .section-faq b {
    font-weight: 600;
}
.catalog-board .section-faq .bloc {
    padding: 15px;
    background-color: #fff;
    text-align:center;
}

.catalog-board .section-faq .bloc:not(:first-child) {
    margin-top: 12px;
}

.catalog-board .section-faq .question {
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
}
.catalog-board .section-faq .question .text{
    position: absolute;
    left: 25%;
}
.catalog-board .section-faq .bloc:nth-child(2) .question .text{
    left: 20%;
}
.catalog-board .section-faq .bloc.active .question {
    font-weight: 600;
}

.catalog-board .section-faq .question .plus {
    font-size: 22px;
    font-weight: 400;
    display: flex;
    align-items: center;
    color: #000000;
}

.catalog-board .section-faq .answer {
    display: none;
    margin-top: 20px;
    padding-right: 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}

.catalog-board .section-faq .answer b {
    font-weight: 600;
}


.catalog-board .section-faq .section-name {
    display: none;
}

.catalog-board .section-covid {
    width: 100%;
    max-width: 1230px;
    box-sizing: border-box;
    margin: 20px auto 0;
    padding: 20px;
    background-color: #f7f7f7;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
}

@media screen and (max-width: 1056px) {
    .catalog-board .section-faq {
        display: block;
        padding: 10px;
    }

    .catalog-board .section-faq:not(:first-child) {
        margin-top: 10px;
    }

    .catalog-board .section-faq .section-name {
        display: none;
    }

    .catalog-board .section-faq .section-name .arrow {
        padding: 5px;
    }

    .catalog-board .section-faq .allblocs {
        margin-top: 15px;
    }

    .catalog-board .section-faq .question {
        font-size: 14px;
    }

    .catalog-board .section-faq .answer {
        font-size: 13px;
        padding-right: 0;
    }

    .catalog-board .section-faq .question .plus {
        padding-left: 15px;
    }
}
@media screen and (max-width: 420px) {
    .catalog-board .section-faq .question{
        justify-content: center;
    }
    .catalog-board .section-faq .question .text {
        position: inherit;
        left: inherit;
    }
}

.online-catalog{
    margin-top: 20px;
    position: relative;
    padding: 0 10px 40px;
}
.online-catalog .title{
    text-align: center;
    color: #2D2D2D;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
.online-catalog .catalog-container{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.online-catalog .catalog-container .couverture{
    width: 237.205px;
    height: 303px;
}
.online-catalog .catalog-container .background{
    height: 345px;
    object-position: center;
    object-fit: cover;
    width: 100%;
}
.online-catalog .catalog-container .container-textblock{
    position: absolute;
    width: calc(100% - 40px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.online-catalog .catalog-container .section-faq{
    width: calc(100% - 267px);
    max-width: 922px;
    height: 303px;
}
.online-catalog .catalog-container .allblocs{
    height: 100%;
}
.online-catalog .catalog-container .bloc{
    background-color: #FFFFFF;
    text-align: center;
    padding: 25px 20px 20px;
    box-sizing: border-box;
}
.online-catalog .catalog-container .bloc.full-height{
    height: 100%;
}
.online-catalog .catalog-container .bloc:not(:first-child){
    margin-top: 11px;
}
.online-catalog .catalog-container .bloc.active:not(.full-height){
    height: 229px;
}
.online-catalog .catalog-container .question{
    cursor: pointer;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    font-size: 16px;
    position: relative;
}
.online-catalog .catalog-container .question .plus{
    font-size: 22px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    right: 10px;
    position: absolute;
}
.online-catalog .catalog-container .question .text{
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.online-catalog .catalog-container .bloc.active .text{
    font-weight: 600;
}
.online-catalog .catalog-container .answer{
    display: none;
    color: #000000;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin: 25px auto 0;
    width: 100%;
}
.online-catalog .catalog-container .answer b{
    font-weight: 600;
}
.online-catalog .catalog-container .btn{
    width: auto;
    height: 37px;
    margin-top: 25px;
    padding: 0 20px;
}
@media screen and ( max-width: 1056px ) {
    .online-catalog{
        padding: 0 0 40px;
    }
    .online-catalog .first-catalog{
        background: url('https://www.linvosges.com/medias.v3/content/catalog/catalog-bg-mb.webp') center top no-repeat;
        background-size: 100%;
        padding: 30px 0;
        margin-top: 20px;
    }
    .online-catalog .second-catalog{
        background: url('https://www.linvosges.com/medias.v3/content/catalog/catalog-bis-bg-mb.webp') center top no-repeat;
        background-size: 100%;
        padding: 30px 0;
        margin-top: 20px;
    }
    .online-catalog .catalog-container{
        margin-top: unset;
    }
    .online-catalog .catalog-container .container-textblock{
        flex-direction: column;
        position: relative;
    }
    .online-catalog .catalog-container .section-faq{
        width: 100%;
        height: auto;
    }
    .online-catalog .catalog-container .bloc.active:not(.full-height){
        height: auto;
    }
    .online-catalog .catalog-container .question .plus{
        right: -5px;
        top: -10px;
    }
    .online-catalog .catalog-container .bloc:not(:first-child){
        margin-top: 20px;
    }
    .online-catalog .catalog-container .couverture{
        margin-top: 20px;
        width: 84.2%;
        height: auto;
        position: relative;
    }
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* Contact */
/*--------------------------------------------------------------------------------------------------------------------*/
.contact {
    font-size: 0;
}

.contact .form-container {
    margin-top: 20px;
}
.contact .f_el .formvalidator_error{
    position: relative;
    font-size: 12px
}
.contact .intro {
    margin-top: 35px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}

.contact .intro b {
    font-weight: 600;
}

.contact .intro a {
    text-decoration: underline;
}

.contact .bloc {
    width: 100%;
    max-width: 900px;
    box-sizing: border-box;
    margin: 30px auto 0;
    padding: 25px;
    background-color: #ecf1f0;
}

.contact .bloc .section {
    padding: 15px 25px;
    background-color: #fff;
}

.contact .bloc .section:not(:first-child) {
    margin-top: 15px;
}

.contact .bloc .section .title-section {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
}

.contact .bloc .section.open .title-section {
    font-weight: 600;
}

.contact .bloc .section .title-section::after {
    content: '+';
    font-size: 22px;
    font-weight: 400
}

.contact .bloc .section.open .title-section::after {
    content: '-';
}

.contact .bloc .section .content {
    margin-top: 15px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.contact .bloc .section .content b {
    font-weight: 600;
}

.contact .banner {
    width: 100%;
    margin-top: 65px;
}

.contact #f_contact {
    width: 620px;
    margin: auto;
}

.contact #f_contact input,
.contact #f_contact .nice-select {
    height: 40px;
    border: 1px solid #000;
}

.contact #f_contact .nice-select .current {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 12px;
    line-height: 12px;
}

.contact #f_contact .nice-select .list {
    width: calc(100% + 2px);
    left: -1px;
}

.contact #f_contact .nice-select .list li:first-child {
    display: none;
}

.contact #f_contact label,
.contact #f_contact .label {
    font-size: 12px;
}

.contact #f_contact #f_contact_message {
    width: 100%;
}

.contact #f_contact textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 0;
    outline: none;
    resize: none;
}

.contact .bloc .section:not(:first-child) .content {
    display: none;
}

.contact .btn-send {
    display: flex;
    width: 285px;
    height: 40px;
    margin: 25px auto 20px;
}

.contact .section-covid {
    width: 100%;
    max-width: 900px;
    box-sizing: border-box;
    margin: 20px auto 0;
    padding: 20px;
    background-color: #f7f7f7;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
}

@media screen and (max-width: 1056px) {
    .contact .intro {
        padding: 0 20px;
    }

    .contact .bloc {
        width: calc(100% - 20px);
        padding: 20px 15px;
    }

    .contact #f_contact {
        width: 60%;
    }

    .contact .bloc .section {
        padding: 15px;
    }
}

@media screen and (max-width: 675px) {
    .contact .bloc .section .title-section {
        font-size: 14px;
    }

    .contact #f_contact label,
    .contact #f_contact .label {
        font-size: 14px;
    }

    .contact .btn-send {
        width: 215px;
    }

    .contact #f_contact {
        width: 100%;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* CNIL / Cookies */
/*--------------------------------------------------------------------------------------------------------------------*/
.cnil {
    padding-bottom: 50px;
}

.cnil .maj {
    display: block;
    margin-top: 30px;
    font-size: 12px;
    text-align: center;
}

.cnil .banner {
    width: 100%;
    margin-top: 45px;
}

.cnil .text-content {
    margin-top: 45px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.cnil .text-content b {
    font-weight: 600;
}

.cnil .text-content p:not(.intro) a {
    text-decoration: underline;
}

.cnil .name-section {
    font-size: 18px;
    line-height: 24px;
}

.cnil .section {
    overflow-wrap: break-word;
}

@media screen and (max-width: 1056px) {
    .cnil .text-content {
        box-sizing: border-box;
        padding: 0 20px;
    }
}

@media screen and (max-width: 1056px) and (min-width: 676px) and (orientation: landscape) {
    .cnil .banner {
        height: 100px;
        object-fit: cover;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Echantillons / Le sur mesure */
/*--------------------------------------------------------------------------------------------------------------------*/
.echantillons {
    padding-bottom: 90px;
}

.sur-mesure {
    padding-bottom: 50px;
}

.echantillons .flex-container {
    margin-top: 45px;
}

.echantillons .visuel {
    margin-left: 60px;
}

.echantillons .text {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.echantillons .text a:hover {
    text-decoration: underline;
}

.echantillons .text b {
    font-weight: 600;
}

.echantillons .text b a {
    text-decoration: underline;
}

.echantillons .form {
    margin-top: 25px;
}

.echantillons .form input {
    height: 40px;
    border: 1px solid #000;
}

.echantillons .form textarea {
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 0;
    outline: none;
    resize: none;
}

.echantillons .form .btn-send {
    display: flex;
    width: 285px;
    height: 40px;
    margin: 20px auto 0;
    font-weight: 400;
}

@media screen and (max-width: 1056px) {
    .echantillons .flex-container {
        flex-direction: column;
    }

    .echantillons .visuel {
        width: 100%;
        margin: 60px 0 0;
    }

    .echantillons .textblock {
        width: 60%;
        box-sizing: border-box;
        margin: auto;
        padding: 0 30px;
    }

    .echantillons .form .btn-send {
        width: 215px;
    }

    .echantillons .form textarea {
        height: 325px;
    }
}

@media screen and (max-width: 675px) {
    .echantillons .textblock {
        width: 100%;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Offre courrier */
/*--------------------------------------------------------------------------------------------------------------------*/
.offre-courrier {
    padding-bottom: 50px;
}

.offre-courrier .blocform {
    position: relative;
    margin-top: 35px;
}

.offre-courrier .blocform .background {
    width: 100%;
}

.offre-courrier .blocform .content {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.offre-courrier .blocform .textblock {
    width: 550px;
    box-sizing: border-box;
    padding: 30px 35px 45px;
    background-color: #fff;
}

.offre-courrier .blocform .text1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.offre-courrier .blocform .text1 b {
    font-weight: 600;
}

.offre-courrier #f_offercode {
    margin-top: 25px;
}

.offre-courrier #f_offercode #code-offre {
    width: 305px;
    height: 40px;
}

.offre-courrier #f_offercode .btn-submit {
    width: 165px;
    height: 40px;
    min-height: auto;
    margin-left: 10px;
    padding: 0;
    font-weight: 400;
}

.offre-courrier .blocform .text2 {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.offre-courrier .bloc-bottom {
    justify-content: center;
    margin-top: 65px;
}

.offre-courrier .bloc-bottom .right-bloc {
    width: 375px;
    box-sizing: border-box;
    margin-left: 205px;
    padding: 25px;
    background-color: #ecf1f0;
}

.offre-courrier .bloc-bottom .title {
    display: block;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}

.offre-courrier .bloc-bottom .text {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
}

.offre-courrier .bloc-bottom .text b {
    display: block;
    font-size: 15px;
}

.offre-courrier .bloc-bottom .text span {
    display: block;
    font-size: 13px;
}

.offre-courrier .bloc-bottom .left-bloc .text {
    margin-top: 15px;
}

.offre-courrier .bloc-bottom .left-bloc .visuel {
    display: block;
    margin: 30px auto 0;
}

.offre-courrier .bloc-bottom .right-bloc .text {
    margin-top: 30px;
}

.offre-courrier .bloc-bottom .right-bloc svg {
    display: block;
    margin: 20px auto 0;
}

@media screen and (max-width: 1056px) {
    .offre-courrier .customer-title {
        font-size: 18px;
    }

    .offre-courrier .blocform .background {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        object-fit: cover;
    }

    .offre-courrier .blocform .content {
        position: static;
        box-sizing: border-box;
        padding: 45px 20px;
    }

    .offre-courrier .bloc-bottom {
        flex-direction: column;
        padding: 0 20px;
    }

    .offre-courrier .bloc-bottom .right-bloc {
        margin: 45px auto 0;
    }
}

@media screen and (max-width: 675px) {
    .offre-courrier .blocform .textblock {
        width: 100%;
        padding: 25px 20px 40px;
        text-align: center;
    }

    .offre-courrier #f_offercode .flex-container {
        flex-direction: column;
    }

    .offre-courrier #f_offercode #code-offre {
        width: 100%;
    }

    .offre-courrier #f_offercode .btn-submit {
        margin: 20px auto 0;
    }

    .offre-courrier .blocform .text2 {
        text-align: left;
    }

    .offre-courrier .bloc-bottom .left-bloc .visuel {
        width: 100%;
    }

    .offre-courrier .bloc-bottom .right-bloc {
        width: 100%;
    }

    .offre-courrier .bloc-bottom .title {
        font-size: 16px;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* La broderie personnalisée */
/*--------------------------------------------------------------------------------------------------------------------*/
.la-broderie {
    padding-bottom: 50px;
}

.la-broderie .head {
    margin-top: 45px;
}

.la-broderie .head .text {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.la-broderie .head .text a {
    text-decoration: underline;
}

.la-broderie .head .visuel {
    width: 615px;
    margin-left: 85px;
}

.la-broderie.wb .head .text b {
    font-weight: 600;
}

.la-broderie.wb .section-broderie .mentions {
    display: block;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
}

.la-broderie .tabs {
    position: relative;
    margin-top: 65px;
}

.la-broderie .tabs ul {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.la-broderie .tabs ul li {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 85px;
    background-color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
}

.la-broderie .tabs ul li.active {
    font-weight: 600;
}

.la-broderie .tabs ul li:not(:first-child) {
    margin-left: 45px;
}

.la-broderie .section-broderie {
    width: 800px;
    margin: 60px auto 0;
}

.la-broderie .section-broderie:not([rel='1']) {
    display: none;
}

.la-broderie .section-broderie.pattern[rel='2'] .flag {
    margin-left:6px;
}

.la-broderie .section-broderie .title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}
.la-broderie .section-broderie .info {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #2C4542;
    margin-top: 5px;
}
.la-broderie .section-broderie .desc {
    margin-top: 25px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
}

.la-broderie.wb .section-broderie .desc.bottom {
    margin-top: 40px;
}

.la-broderie.wb .section-broderie .desc b {
    font-weight: 600;
}

.la-broderie.wb .section-broderie .flag-container {
    margin-top: 10px;
    text-align: center;
}

.la-broderie.wb .section-broderie .flag {
    margin-right: 5px;
    padding: 2px 5px;
    color: #ffffff;
    background-color: #2c4542;
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
}

.la-broderie .section-broderie ul {
    display: flex;
    justify-content: space-between;
}
.la-broderie .section-broderie ul.dnormal {
    display: flex;
    justify-content: normal;
}

.la-broderie.wb .section-broderie ul.seul {
    justify-content: center;
}

.la-broderie.wb .section-broderie ul.duo,
.la-broderie.wb .section-broderie.positions ul.duo {
    justify-content: flex-start;
}

.la-broderie .section-broderie ul li {
    width: 210px;
}

.la-broderie.wb .section-broderie ul.pattern-only {
    justify-content: flex-start;
}

.la-broderie.wb .section-broderie ul li {
    width: 213px;
}

.la-broderie.wb .section-broderie.pattern ul li {
    width: 213px;
    margin-right: 30px;
}

.la-broderie.wb .section-broderie ul.pattern-only li {
    width: 130px;
}

.la-broderie.wb .section-broderie.positions {
    width: 100%;
}

.la-broderie.wb .section-broderie.positions ul li {
    width: 377px;
    margin-right: 50px;
}

.la-broderie.wb .section-broderie.positions ul li .desc {
    display: block;
    margin-bottom: 10px;
    text-align: left;
}

.la-broderie.wb .section-broderie.positions ul li .price {
    text-align: left;
}

.la-broderie.wb .section-broderie ul li.ml84 {
    margin-left: 84px;
}

.la-broderie .section-broderie ul li .name {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 15.85px;
}

.la-broderie .section-broderie ul li .price {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

.la-broderie.wb .section-broderie .pattern-price {
    display: block;
    margin-top: 30px;
    font-size: 12px;
    line-height: 16px;
}

.la-broderie.wb .section-broderie .pattern-price b {
    font-weight: 600;
}

.la-broderie .section-broderie ul li .price b {
    font-weight: 600;
}

.la-broderie .section-broderie .btn {
    display: flex;
    width: 250px;
    height: 40px;
    margin: 50px auto 0;
    padding: 0;
}

.la-broderie .section-broderie .name-ul {
    display: block;
    margin-bottom: 20px;
    color: #4d716c;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

.la-broderie.wb .section-broderie .name-new {
    margin-bottom: 20px;
    color: #4d716c;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.la-broderie.wb .section-broderie .name-ul.uppercase {
    text-transform: uppercase;
}

.la-broderie.wb .section-broderie .name-ul span.lowercase {
    text-transform: initial;
}

.la-broderie.wb .section-broderie .name-ul {
    margin-bottom: 0;
    font-weight: 600;
}

.la-broderie.wb .section-broderie .name-ul.showm {
    display: none;
}

.la-broderie .section-broderie hr {
    height: 1px;
    margin: 30px auto -15px;
    background-color: rgba(0, 0, 0, 0.2);
    border: 0;
}

.la-broderie.wb .section-broderie hr {
    margin: 41px auto 38px;
}

@media screen and (max-width: 1056px) {
    .la-broderie .head .text {
        padding: 0 20px;
    }

    .la-broderie .tabs .visuel {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        object-fit: cover;
    }

    .la-broderie .tabs ul {
        flex-direction: column;
        position: static;
        padding: 30px 0;
    }

    .la-broderie .tabs ul li:not(:first-child) {
        margin: 25px 0 0;
    }

    .la-broderie .section-broderie .desc {
        padding: 0 10px;
    }

    .la-broderie.wb .section-broderie .desc {
        padding: 0;
    }

    .la-broderie .section-broderie {
        width: 100%;
        box-sizing: border-box;
        padding: 0 30px;
    }

    .la-broderie.wb .section-broderie {
        margin-top: 40px;
    }

    .la-broderie .section-broderie ul {
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
    }

    .la-broderie.wb .section-broderie ul li {
        width: 100%;
        text-align: center;
    }

    .la-broderie .section-broderie ul li:not(:first-child) {
        margin-top: 30px;
    }

    .la-broderie.wb .section-broderie ul li.ml84 {
        margin-left: unset;
    }

    .la-broderie .section-broderie .name-ul {
        text-align: center;
    }

    .la-broderie .visuel-bottom {
        width: 100%;
        margin-top: 40px;
    }

    .la-broderie.wb .section-broderie .name-ul {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        text-align: left;
    }

    .la-broderie.wb .section-broderie .flag-container {
        margin-top: 15px;
    }

    .la-broderie.wb .section-broderie .name-new {
        line-height: 26px;
    }

    .la-broderie.wb .section-broderie.pattern .name-ul,
    .la-broderie.wb .section-broderie.positions .name-ul {
        margin: 0;
    }

    .la-broderie.wb .section-broderie .name-ul.showd {
        display: none;
    }

    .la-broderie.wb .section-broderie .name-ul .arrow {
        cursor: pointer;
        position: absolute;
        padding: 5px;
        right: 35px;
        border-width: 0 1px 1px 0;
    }

    .la-broderie.wb .section-broderie .name-ul.active .arrow {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .la-broderie.wb .section-broderie hr.deroule-pattern {
        margin: 20px auto 20px;
    }

    .la-broderie.wb .section-broderie ul.pattern-only {
        display: none;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        height: 170px;
    }

    .la-broderie.wb .section-broderie ul.pattern-multi {
        display: none;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        height: 320px;
    }

    .la-broderie.wb .section-broderie .name-ul.showm {
        display: flex;
    }

    .la-broderie.wb .section-broderie.positions ul li .desc.showd {
        display: none;
    }

    .la-broderie.wb .section-broderie.positions div.pattern {
        display: none;
        /*height: 2470px;*/
        height: auto;
    }

    .la-broderie.wb .section-broderie.positions ul.pattern {
        display: none;
        justify-content: center;
        height: auto;
    }

    .la-broderie.wb .section-broderie.pattern ul li {
        width: 100%;
        margin-top: 0;
        margin-right: unset;
        margin-bottom: 20px;
    }

    .la-broderie.wb .section-broderie ul.pattern-multi li,
    .la-broderie.wb .section-broderie ul.pattern-only li {
        width: 130px;
        margin-right: unset;
    }

    .la-broderie.wb .section-broderie ul.pattern-multi li:first-child {
        width: 100%;
    }

    .la-broderie.wb .section-broderie .detail-pattern {
        display: none;
        height: auto;
    }

    .la-broderie.wb .section-broderie .pattern-price {
        margin-top: 10px;
    }
}

@media screen and (max-width: 635px) {
    .la-broderie.wb .section-broderie ul.pattern-only {
        height: 300px;
    }

    .la-broderie.wb .section-broderie ul.pattern-multi {
        height: 500px;
    }

    .la-broderie.wb .section-broderie .name-ul.uppercase,
    .la-broderie.wb .section-broderie .name-ul {
        padding-right: 20px;
        text-transform: initial;
    }

    .la-broderie.wb .section-broderie.positions div.pattern {
        flex-direction: column;
    }

    .la-broderie.wb .section-broderie.positions ul li,
    .la-broderie.wb .section-broderie.positions ul li img {
        width: 100%;
        margin-right: 0;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Guide des matières */
/*--------------------------------------------------------------------------------------------------------------------*/
.guide-matieres {
    padding-bottom: 100px;
}

.guide-matieres .intro {
    margin-top: 15px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
}

.guide-matieres .coton {
    margin-top: 50px;
}

.guide-matieres .explain {
    display: flex;
}

.guide-matieres .explain .visuel,
.guide-matieres .explainV2 .visuel{
    width: 44%;
    max-width: 550px;
    height: 100%;
}
body.de_DE .guide-matieres .explainV2 .a-visuel .visuel{
    width: 550px;
    height: auto;
}
.guide-matieres .explain .textblock,
.guide-matieres .explainV2 .textblock{
    margin-left: 60px;
}

.guide-matieres .explain .name,
.guide-matieres .explainV2 .name{
    position: relative;
    margin-top: 20px;
    font-family: 'DM Serif Display';
    font-size: 40px;
}

.guide-matieres .explain .name::after,
.guide-matieres .explainV2 .name::after{
    content: '';
    display: block;
    position: absolute;
    width: 175px;
    height: 1px;
    background-color: #000;
    bottom: -10px;
}

.guide-matieres .coton .explain .name::after {
    left: -140px;
}

.guide-matieres .explain .text,
.guide-matieres .explainV2 .text{
    margin-top: 40px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.guide-matieres .variation {
    margin-top: 60px;
    padding: 25px 0;
    background-color: #f6f4ef;
}

.guide-matieres .variation .textblock {
    width: calc(100% - 180px);
    box-sizing: border-box;
    margin: auto;
    padding: 30px 30px 45px;
    background-color: #fff;
}

.guide-matieres .variation .title {
    font-family: 'DM Serif Display';
    font-size: 30px;
    text-align: center;
}

.guide-matieres .variation .columns {
    display: flex;
    margin-top: 40px;
}

.guide-matieres .variation .columns .column {
    flex: 1;
}

.guide-matieres .variation .columns .column:last-child {
    margin-left: 35px;
}

.guide-matieres .variation .column li {
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
}

.guide-matieres .variation .column li a {
    text-decoration: underline;
}

.guide-matieres .variation .column li b {
    font-weight: 600;
}

.guide-matieres .variation .column li:not(:first-child) {
    margin-top: 20px;
}

.guide-matieres .cross-selling {
    margin-top: 50px;
}

.guide-matieres .cross-selling .title-section {
    font-family: 'DM Serif Display';
    font-size: 30px;
    text-align: center;
}

.guide-matieres .lin {
    margin-top: 100px;
}

.guide-matieres .lin .explain .textblock {
    margin-right: 60px;
    margin-left: 0;
}

.guide-matieres .lin .explain .name {
    text-align: right;
}

.guide-matieres .lin .explain .name::after {
    right: -140px;
}

.guide-matieres .lin .cross-selling {
    margin-top: 100px;
}

.guide-matieres .laine {
    margin-top: 110px;
}

.guide-matieres .laine .explain .name::after {
    left: -140px;
}
.guide-matieres .explainV2 {
    display: flex;
}
.guide-matieres .explainV2 .textblock {
    margin-right: 60px;
    margin-left: 0;
}
.guide-matieres .explainV2 .text{
    text-align: right;
}
.guide-matieres .explainV2 .name {
    text-align: right;
}
.guide-matieres .explainV2 .name.bis {
    text-align: center;
}
.guide-matieres .explainV2 .name.bis::after{
    right: -30px;
    width: 407px;
    height: 1px;
}
.guide-matieres .lin .explainV2 .name::after{
    width: 240px;
}
.guide-matieres .laine .explainV2 .name::after{
    width: 280px;
}
.guide-matieres .explainV2 .name::after {
    right: -140px;
    width: 290px;
}
.guide-matieres .variationV2 {
    margin: 60px 0;
}
.guide-matieres .variationV2 .sous-categories{
    display: flex;
    align-items: center;
    margin: 30px 0;
    background-color: rgba(246, 244, 239, 0.5) ;
}
.guide-matieres .variationV2 .sous-categories .visuel{
    width: 550px;
}
.guide-matieres .variationV2 .sous-categories .textblock{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 246px;
    padding: 0 22px 0 40px ;
    font-size: 12px;
    line-height: 19px;
    width: 100%;
}
.guide-matieres .variationV2 .sous-categories .textblock .title{
    margin-top: 20px;
    font-family: "DM Serif Display";
    font-size: 30px;
    line-height: 41px;
}
.guide-matieres .variationV2 .sous-categories .textblock .infos{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.guide-matieres .variationV2 .sous-categories .textblock .infos,
.guide-matieres .variationV2 .sous-categories .textblock .infos a{
    color: #4D716C;
    font-weight: 600;
    text-transform: uppercase;
}
.guide-matieres .variationV2 .sous-categories .textblock .infos a {
    text-decoration: underline;
}
body.de_DE .guide-matieres .variationV2 .sous-categories .textblock .infos .plus{
    font-size: 10px;
}
body.de_DE .guide-matieres .variationV2 .sous-categories .textblock .infos a {
    font-size: 11px;
}
.guide-matieres .others h2{
    font-family: "DM Serif Display";
    font-size: 35px;
    line-height: 48px;
    text-align: center;
    position: relative;
}
.guide-matieres .others h2::after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 315px;
    height: 1px;
    background-color: #000;
}

@media screen and (max-width: 1056px) {
    .guide-matieres {
        padding-bottom: 0;
    }
    .guide-matieres .intro {
        padding: 0 60px;
    }

    .guide-matieres .explain {
        flex-direction: column;
    }

    .guide-matieres .explain .visuel {
        width: 100%;
    }
    .guide-matieres .variationV2 .sous-categories .visuel{
        width: 100%;
    }
    .guide-matieres .explain .textblock {
        margin: auto;
        padding: 0 20px;
    }

    .guide-matieres .explain .name::after,
    .guide-matieres .explainV2 .name::after {
        width: 1px;
        height: 85px;
        bottom: 5px;
    }
    .guide-matieres .explainV2 .name.bis{
        font-size: 28px;
        padding-left: unset;
        display: flex;
        justify-content: center;
    }
    .guide-matieres .explainV2 .name.bis::after{
        height: 1px;
        width: 85%;
        right: unset;
        left: unset;
        bottom: -5px;
    }
    .guide-matieres .explainV2 .name::after,
    .guide-matieres .lin .explainV2 .name::after,
    .guide-matieres .laine .explainV2 .name::after{
        width: 1px;
        left:5px;
    }
    .guide-matieres .coton .explain .name::after {
        left: 0;
    }

    .guide-matieres .explain .name,
    .guide-matieres .explainV2 .name {
        padding-left: 15px;
    }

    .guide-matieres .variation .textblock {
        width: calc(100% - 40px);
    }

    .guide-matieres .lin {
        margin-top: 50px;
    }

    .guide-matieres .lin .explain {
        flex-direction: column-reverse;
    }

    .guide-matieres .lin .explain .textblock {
        margin-right: 0;
    }

    .guide-matieres .lin .explain .name {
        padding-right: 15px;
    }

    .guide-matieres .lin .explain .name::after {
        right: 0;
    }

    .guide-matieres .laine .explain .name::after {
        left: 0;
    }

    .guide-matieres .cross-selling .slider-right {
        right: 20px;
    }
    .guide-matieres .explainV2 {
        flex-direction: column-reverse;
    }
    .guide-matieres .explainV2 .visuel,
    .guide-matieres .variationV2 .sous-categories .visuel.mobile{
        width: 100%;
    }
    body.de_DE .guide-matieres .explainV2 .a-visuel .visuel{
        width: 100%;
    }
    .guide-matieres .variationV2 .sous-categories{
        margin: 20px 0;
    }
    .guide-matieres .explainV2 .textblock{
        margin-right: 0;
        width: 90%;
        align-self: center;
    }
    .guide-matieres .explainV2 .text,
    .guide-matieres .explainV2 .name{
        text-align: left;
    }
    .guide-matieres .variationV2 .sous-categories .textblock{
        width:90%;
        height: auto;
        padding: inherit;
    }
    .guide-matieres .variationV2 .sous-categories .textblock .infos{
        margin-top: 10px;
        flex-direction: column;
    }
    .guide-matieres .variationV2 .sous-categories .textblock .infos .plus{
        font-size: 11px;
    }
    .guide-matieres .variationV2 .sous-categories{
        flex-direction: column;
    }
}

@media screen and (min-width: 676px) and (max-width: 1056px) and (orientation: landscape) {
    .guide-matieres .explain .text {
        padding: 0 40px;
    }
}

@media screen and (max-width: 675px) {
    .guide-matieres .variation .columns {
        flex-direction: column;
    }

    .guide-matieres .variation .columns .column:last-child {
        margin: 20px auto 0;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Lexique */
/*--------------------------------------------------------------------------------------------------------------------*/
.lexique {
    padding-bottom: 80px;
}

.lexique .intro {
    margin-top: 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

.lexique .banner {
    width: 100%;
    margin-top: 20px;
}

.lexique .letters-slider {
    margin-top: 35px;
}

.lexique .list {
    display: flex;
}

.lexique .list .slide {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 25px;
    box-sizing: border-box;
    color: #2c4542;
    font-size: 17px;
    font-weight: 600;
    border: 1px solid #2d2d2d;
    border-radius: 17px;
    text-transform: uppercase;
}

.lexique .list .slide.active:not([disabled]),
.lexique .list .slide:not([disabled]):hover {
    color: #fff;
    background-color: #2c4542;
}

.lexique .list .slide[disabled] {
    cursor: not-allowed;
    color: #c8d9d6;
    border-color: #c8d9d6;
}

.lexique .list .slide:not(:first-child) {
    margin-left: 10px;
}

.lexique .letters-slider .slider-arrow {
    height: 100%;
    top: 0;
    border-radius: 0;
}

.lexique .section-letters {
    position: relative;
    min-height: 245px;
    margin-top: 55px;
}

.lexique .section-letters:not([rel='a']) {
    display: none;
}

.lexique .section-letters .text {
    width: 565px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.lexique .section-letters .text b {
    display: block;
    font-weight: 600;
}

.lexique .section-letters .letter {
    position: absolute;
    color: #ecf1f0;
    font-family: 'DM Serif Display';
    font-size: 390px;
    line-height: 270px;
    right: 0;
    bottom: -15px;
    z-index: -1;
    text-transform: uppercase;
}

@media screen and (max-width: 1056px) {
    .lexique .list {
        padding: 0 20px;
    }

    .lexique .section-letters {
        padding: 0 25px;
    }
}

@media screen and (max-width: 675px) {
    .lexique .section-letters .text {
        width: 100%;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* La marque & savoir-faire & engagements*/
/*--------------------------------------------------------------------------------------------------------------------*/
.la-marque {
    padding-bottom: 50px;
}
.la-marque .container-video{
    width: 100%;
    max-width: 920px;
    margin: 40px auto 40px;
}
.la-marque .container-video video{
    width: 100%;
}
.la-marque .title-page {
    margin-top: 42px;
    margin-bottom: 32px;
    font-family: 'DM Serif Display';
    font-size: 36px;
    text-align: center;
}
.la-marque .text-page {
    font-family: 'Montserrat';
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    margin-bottom: 32px;
}
.la-marque .head {
    position: relative;
    margin-top: 20px;
}

.la-marque .head .visuel {
    width: 100%;
}

.la-marque .head .claim {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: 'DM Serif Display';
    font-size: 70px;
    top: 0;
    left: 0;
    text-align: center;
}

.la-marque .quote {
    display: flex;
    justify-content: center;
    margin-top: 45px;
    font-family: 'Libre Baskerville', serif;
}

.la-marque .quote p {
    font-size: 24px;
    font-style: italic;
    line-height: 30px;
    text-align: center;
}

.la-marque .quote p .author {
    display: block;
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
}

.la-marque .quote .quote-left,
.la-marque .quote .quote-right {
    font-size: 120px;
    font-style: italic;
    line-height: 0;
}

.la-marque .quote .quote-left {
    margin: 40px 40px 0 0;
}

.la-marque .quote .quote-right {
    align-self: flex-end;
    margin: 0 0 -20px 20px;
}

.la-marque .histoire-amour {
    margin-top: 100px;
}

.la-marque .bloc-trait {
    display: flex;
}

.la-marque .bloc-trait .visuel {
    width: 685px;
    object-fit: cover;
}

.la-marque .bloc-trait.visu-left .textblock {
    margin-left: 65px;
    text-align: left;
}

.la-marque .bloc-trait.visu-right .textblock {
    margin-right: 65px;
    text-align: right;
}

.la-marque .bloc-trait .title,
.la-marque.ONF .bloc-new .title{
    position: relative;
    font-family: 'DM Serif Display';
    font-size: 36px;
}

.la-marque .bloc-trait .title::after {
    content: '';
    display: block;
    position: absolute;
    width: 175px;
    height: 1px;
    background-color: #000;
    right: -140px;
    bottom: -35px;
}

.la-marque .bloc-trait.visu-right .title::after {
    right: -100px;
}

.la-marque .bloc-trait.visu-left .title::after {
    left: -100px;
}

.la-marque .bloc-trait .text {
    margin-top: 75px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.la-marque .manifeste {
    width: 805px;
    box-sizing: border-box;
    margin: 75px auto 0;
    padding: 35px 100px 50px;
    color: #fff;
    background-color: #2c4542;
    text-align: center;
}

.la-marque .manifeste .title {
    font-family: 'DM Serif Display';
    font-size: 36px;
}

.la-marque .manifeste .text1 {
    margin-top: 40px;
    font-size: 24px;
    line-height: 32px;
}

.la-marque .manifeste .text2 {
    margin-top: 40px;
    font-size: 16px;
    line-height: 25px;
}

.la-marque .valeurs {
    margin-top: 75px;
}

.la-marque .valeurs .banner {
    width: 100%;
}

.la-marque .valeurs .textblock {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: 795px;
    box-sizing: border-box;
    margin: -160px auto 0;
    padding: 25px 65px;
    background-color: #fff;
    z-index: 1;
}

.la-marque .valeurs .title {
    font-family: 'DM Serif Display';
    font-size: 36px;
}

.la-marque .valeurs ul {
    width: 410px;
    margin-left: 65px;
}

.la-marque .valeurs li:first-child {
    margin-top: 15px;
}

.la-marque .valeurs li:not(:first-child) {
    margin-top: 35px;
}

.la-marque .valeurs li .name {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.la-marque .valeurs li .text {
    margin-top: 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.la-marque .bottom-brand {
    margin: 150px 0 80px;
}

.livraison-de .bottom-brand {
    margin: 75px 0 80px;
}

.la-marque .bottom-brand .slide {
    position: relative;
}

.la-marque .bottom-brand .slide .visuel {
    width: 100%;
}

.la-marque .bottom-brand .slide .text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    width: 240px;
    height: 60px;
    background-color: #fff;
    font-family: 'DM Serif Display';
    font-size: 20px;
    line-height: 23px;
    bottom: 10px;
    left: 15px;
}

.savoir-faire .style {
    margin-top: 45px;
}

.savoir-faire .savoir,
.savoir-faire .qualite {
    margin-top: 45px;
}

.savoir-faire .video {
    margin-top: 45px;
}

.savoir-faire .video .title {
    font-family: 'DM Serif Display';
    font-size: 34px;
    text-align: center;
}

.savoir-faire .embed-container {
    position: relative;
    max-width: 100%;
    margin-top: 0;
    padding-bottom: 0;
    height: 400px;
}

.savoir-faire .embed-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.engagements .racines {
    margin-top: 45px;
}
.livraison-de .racines {
    margin-top: 75px;
}

.engagements .fabrication {
    margin-top: 45px;
}
.livraison-de .fabrication {
    margin-top: 75px;
}

.engagements .collections {
    margin-top: 45px;
}

.engagements .collections .logos {
    margin-top: 35px;
}

.engagements .main {
    margin-top: 45px;
    align-items: flex-start;
}

.engagements .egalite {
    margin-top: 103px;
}

.umweltfreundlich .racines {
    margin-top: 96px;
}
.umweltfreundlich .fabrication {
    margin-top: 45px;
}

.umweltfreundlich .collections {
    margin-top: 45px;
}
.umweltfreundlich .certifications .btn {
    width: 290px;
    margin: auto;
    position: relative;
    left: 65px;
}
.umweltfreundlich .sup {
    vertical-align: super;
    font-size: 25px;
}
.umweltfreundlich .main-title img{
    width: 100%;
}
.umweltfreundlich .main-title .textblock{
    position: relative;
    background-color: #ffffff;
    padding: 30px 40px 5px;
    width: 50%;
    margin: auto;
    top: -90px;
    text-align: center;
}
.umweltfreundlich .btn{
    margin-top: 25px;
    padding: 10px;
}
.umweltfreundlich .bloc-trait .textblock{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 47%
}
.umweltfreundlich .bloc-trait .visuel{
    width: 52%;
}
.umweltfreundlich .push-produits-2 {
    padding: 0;
}

.la-marque .bloc-trait.visu-right .textblock{
    position: relative;
}
.la-marque.ONF .intro {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #2D2D2D;
    margin:34px 0px 62px 0px;
}

.la-marque.ONF .outro {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #000000;
    margin:54px 0px 7px 0px;
}
.la-marque.ONF .bloc-trait.visu-right {
    margin:58px 0 67px 0;
}
.la-marque.ONF .bloc-trait .title,
.la-marque.ONF .bloc-new .title{
    color: #2C4542;
}
.la-marque.ONF .bloc-new{
    background-color: #ECF1F0;
    padding: 50px;
    text-align: center;
}

.la-marque.ONF .bloc-new .text{
    font-size: 13px;
    padding: 20px 0;
    line-height: 15.85px;
}
.la-marque.ONF .bloc-new .bloc-img-left,
.la-marque.ONF .bloc-new .bloc-img-right{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}
.la-marque.ONF .bloc-new .bloc-img-right{
    right: 20px;
}
.la-marque.ONF .bloc-new .bloc-img-left .textblock {
    color: #fff;
    background-color: #2C4542;
    padding: 21px 10px;
    margin-left: 10px;
}
.la-marque.ONF .bloc-new .bloc-img-right .textblock  {
    background-color: #fff;
    color: #2C4542;
    position: relative;
    left: 40px;
    padding: 25px 20px;
}
.la-marque.ONF .bloc-new .bloc-img-left .title,
.la-marque.ONF .bloc-new .bloc-img-right .title{
    font-size: 16px;
    line-height: 19.5px;
    text-align: center;
    font-weight: 600;
    font-family: "Montserrat";
    padding: 0;
    color: inherit;
    margin-bottom: 12px;
}
.la-marque.ONF .bloc-new .bloc-img-left .text,
.la-marque.ONF .bloc-new .bloc-img-right .text{
    margin-bottom: 20px;
    padding: 0;
    font-size: 13px;

}
.la-marque.ONF .bloc-new .outro{
    margin: 0;
    font-weight: inherit;
}
.la-marque.ONF .btn-container {
    margin-top: 30px;
    text-align: center;
}
.la-marque.ONF .cta-white {
    font-size: 13px;
    padding: 9px 12px;
}
.la-marque.ONF .visuel-container{
    display: flex;
    justify-content: center;
}
@media screen and (min-width: 1057px) {
    .la-marque .bottom-brand .swiper-wrapper .slide {
        width: 270px;
    }

    .la-marque .bottom-brand .swiper-wrapper .slide:not(:first-child) {
        margin-left: 15px;
    }

    .la-marque .bottom-brand .swiper-wrapper {
        justify-content: center;
        align-items: center;
    }

    .la-marque .bottom-brand .slider-arrow {
        display: none;
    }
}

@media screen and (max-width: 1056px) {
    .la-marque .bloc-trait.visu-right {
        flex-direction: column-reverse;
    }

    .la-marque .bloc-trait.visu-left {
        flex-direction: column;
    }

    .la-marque .bloc-trait .visuel, .umweltfreundlich .bloc-trait .visuel {
        width: 100%;
    }

    .la-marque .bloc-trait .textblock {
        padding: 0 20px;
        text-align: left;
    }

    .la-marque .bloc-trait.visu-right .textblock {
        margin-right: 0;
    }

    .la-marque .bloc-trait.visu-left .textblock {
        margin-left: 0;
    }

    .la-marque .bloc-trait .title {
        margin-top: 20px;
    }

    .la-marque .bloc-trait.visu-left .title {
        padding-left: 15px;
    }

    .la-marque .bloc-trait.visu-right .title {
        padding-right: 15px;
    }

    .la-marque .bloc-trait.visu-right .title::after {
        right: 0;
    }

    .la-marque .bloc-trait.visu-left .title::after {
        left: 0;
    }

    .la-marque .bloc-trait .title::after {
        width: 1px;
        height: 85px;
        top: -60px;
        bottom: auto;
    }

    .la-marque .bloc-trait .text {
        margin-top: 40px;
    }

    .la-marque .manifeste {
        width: 100%;
    }

    .la-marque .valeurs {
        margin-top: 45px;
    }

    .la-marque .valeurs .textblock {
        flex-direction: column;
        align-items: center;
        width: calc(100% - 50px);
        text-align: center;
    }

    .la-marque .valeurs ul {
        width: 100%;
        margin: 25px 0 0;
    }

    .la-marque .bottom-brand {
        padding-left: 20px;
    }

    .la-marque .bottom-brand .slide .text {
        width: calc(100% - 30px);
        font-size: 23px;
    }

    .savoir-faire .embed-container {
        padding-bottom: 0;
    }

    .engagements .collections .logos {
        display: block;
        margin-top: 20px;
    }

    .engagements .bottom-brand-items .swiper-button-prev {
        left: 5px;
    }

    .engagements .bottom-brand-items .swiper-button-next {
        right: 25px;
    }

    .savoir-faire .video .title {
        font-size: 29px;
    }

    .la-marque .quote {
        position: relative;
        padding: 0 40px;
    }

    .la-marque .quote .quote-left {
        top: 0;
        left: 20px;
    }

    .la-marque .quote .quote-right {
        right: 40px;
        bottom: 0;
    }

    .la-marque .quote p .author {
        margin-top: 20px;
        line-height: 15px;
    }
    .umweltfreundlich .bloc-trait .textblock{
        width: inherit;
    }
    .umweltfreundlich .racines{
        margin-top: 30px;
    }
    .umweltfreundlich .certifications{
        margin-top: -60px;
    }
    .umweltfreundlich .certifications .btn{
        position: relative;
        left: inherit;
        margin: 25px 0;
    }
    .umweltfreundlich .main-title .textblock{
        padding: 30px 25px 5px;
        width: 80%;
    }
    .umweltfreundlich .main-title .title,
    .umweltfreundlich .bloc-trait .title{
        font-size: 27px;
    }
    .umweltfreundlich .push-produits-2 .title{
        font-size: 28px;
    }
    .la-marque.ONF .intro{
        line-height: 15px;
        padding: 0 20px;
    }
    .la-marque.ONF .bloc-new{
        padding: 20px;
    }
    .la-marque.ONF .bloc-new{
        font-size: 13px;
    }
    .la-marque.ONF .bloc-new .bloc-img-left,
    .la-marque.ONF .bloc-new .bloc-img-right{
        margin-bottom: 0;
    }
    .la-marque.ONF .bloc-new .bloc-img-left{
        flex-direction: column;
    }
    .la-marque.ONF .bloc-new .bloc-img-right{
        flex-direction: column-reverse;
        right: 0;
    }
    .la-marque.ONF .bloc-new .bloc-img-left img,
    .la-marque.ONF .bloc-new .bloc-img-right img {
        width: 100%;
    }
    .la-marque.ONF .bloc-new .bloc-img-left .title,
    .la-marque.ONF .bloc-new .bloc-img-right .title {
        padding: 0 20px;
    }
    .la-marque.ONF .bloc-new .bloc-img-right .textblock{
        padding: 25px 0;
    }
    .la-marque.ONF .bloc-new .bloc-img-right .textblock,
    .la-marque.ONF .bloc-new .bloc-img-left .textblock{
        position: relative;
        width: 90%;
        bottom: 40px;
    }
    .la-marque.ONF .bloc-new .bloc-img-right .textblock {
        left: 0;
    }
    .la-marque.ONF .bloc-new .bloc-img-left .textblock {
        margin-left: 0;
        padding: 30px 0;
    }
    .la-marque.ONF .bloc-new .bloc-img-left .text,
    .la-marque.ONF .bloc-new .bloc-img-right .text{
        font-size: 13px;
        padding: 0 10px 10px;
    }
    .la-marque.ONF .bloc-new .outro .text {
        padding: 0;
    }
    .la-marque.ONF .bloc-new .outro .cta{
        margin: 20px auto 0px auto;
    }

}

@media screen and (min-width: 676px) {
    .la-marque .quote p .author br {
        display: none;
    }
}

@media screen and (max-width: 675px) {
    .savoir-faire .embed-container {
        height: 240px;
    }
    .la-marque .title-page {
        font-size: 31px;
    }

    .la-marque .head .claim {
        font-size: 43px;
    }

    .la-marque .quote p {
        width: 80%;
        font-size: 16px;
        line-height: 21px;
    }

    .la-marque .quote p br {
        display: none;
    }

    .la-marque .quote .quote-left,
    .la-marque .quote .quote-right {
        position: absolute;
        font-size: 80px;
    }

    .la-marque .histoire-amour .title {
        padding: 0 0 0 15px !important;
        text-align: left;
    }

    .la-marque .histoire-amour .title::after {
        right: auto;
        left: 0;
    }

    .la-marque .manifeste {
        padding: 30px;
    }

    .la-marque .manifeste .text1 {
        font-size: 19px;
        line-height: 27px;
    }

    .la-marque .manifeste .text2 {
        font-size: 14px;
        line-height: 21px;
    }

    .la-marque .manifeste .title {
        font-size: 40px;
    }

    .la-marque .valeurs .textblock {
        padding: 25px;
    }

    .la-marque .bottom-brand {
        margin-top: 45px;
    }

    .la-marque .bottom-brand .slide {
        width: 80vw;
    }

    .la-marque .bloc-trait .title {
        font-size: 34px;
    }

    .la-marque .quote p .author {
        margin-top: 20px;
        font-size: 11px;
        line-height: 14px;
    }

    .la-marque .bloc-trait .text {
        text-align: left;
    }

    .la-marque .histoire-amour {
        margin-top: 45px;
    }

    .la-marque .bottom-brand .swiper-button-next {
        right: 20px;
    }
    .umweltfreundlich .title-page{
        font-size: 29px;
    }
    .umweltfreundlich .title-page:first-child{
        padding: 0 32px;
        margin-top: 10px;
    }
    .umweltfreundlich .text-page{
        padding: 0 20px;
    }
    .umweltfreundlich .main-title .title,
    .umweltfreundlich .bloc-trait .title{
        font-size: 27px;
    }
}

/* maj page engagements mars 2022*/
.engagement-v2 .quote {
    display: flex;
    justify-content: center;
    margin-top: 85px;
    font-family: 'Libre Baskerville', serif;
    margin-bottom: 90px;
}
.engagement-v2 .main,
.engagement-v2 .fabrication {
    margin-top: 85px;
}
.main-title{
    margin-top: 64px;
}
.main-title.green{
    background-color: #ECF1F0;
    height: 287px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 70px;
}
.main-title.green .description{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
}
.main-title.green b{
    font-weight: 600;
}
.main-title .title{
    position: relative;
    font-family: 'DM Serif Display';
    font-weight: 400;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
}
.main-title .description{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    margin-top: 20px;
}
.engagement-v2 .bloc-trait .title.small-fs{
    font-size: 30px;
}
.collections .subtitle,
.certifications .subtitle{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}
.collections .btn{
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    border: solid 1px #2D2D2D;
    width: 311px;
    height: 36px;
    margin-top: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: 7%;
}
.collections .btn:hover{
    background-color: #2D2D2D;
    color: #ffffff;
}
.engagement-v2 .egalite {
    margin-top: 35px;
}
.engagement-v2 .bloc-trait .text b{
    font-weight: 600;
}
@media screen and ( max-width: 1055px ){
    .engagement-v2 .main-title{
        height: auto;
        padding: 20px 20px;
    }
    .engagement-v2 .main-title.green .title{
        font-size: 30px;
        line-height: 32px;
    }
    .engagement-v2 .main-title br{
        display: none;
    }
    .engagement-v2 .main-title.green br.show{
        display: block;
    }
    .engagement-v2 .egalite{
        margin-top: 50px;
    }
    .engagement-v2 .bloc-trait.visu-right .title{
        padding-left: 15px;
        text-align: left;
    }
    .engagement-v2 .bloc-trait.visu-right .title::after {
        left: 0;
    }
    .engagement-v2 .bloc-trait.visu-left .title{
        padding-right: 15px;
        padding-left: unset;
        text-align: right;
    }
    .engagement-v2 .bloc-trait.visu-left .title::after {
        right: 0;
        left: unset;
    }
    .engagement-v2 .bloc-trait.visu-left.reverse-mb .title{
        padding-left: 15px;
        padding-right: unset;
        text-align: left;
    }
    .engagement-v2 .bloc-trait.visu-left.reverse-mb .title::after {
        left: 0;
        right: unset;
    }
}

/* engagements V3 */
.engagements.engagements-v3 .intro{
    border-bottom: solid 1px #E5E5E5;
    padding-bottom: 25px;
    width: 80%;
    margin: auto;
}
.engagements.engagements-v3 h1.title{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 38px;
    line-height: 43px;
    text-align: center;
    color: #2D2D2D;
    margin-top: 55px;
}
.engagements.engagements-v3 .linkboxes{
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 30px;
}
.engagements.engagements-v3 .linkboxes span{
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #2D2D2D;
    text-transform: uppercase;
    padding: 5px 15px;
    border: solid 1px #2D2D2D;
    border-radius: 17px;
    cursor: pointer;
}
.engagements.engagements-v3 .linkboxes span:hover{
    font-weight: 600;
}
.engagements.engagements-v3 .values{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: relative;
    margin-top: 40px;
}
.engagements.engagements-v3 .values .value{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 20%;
}
.engagements.engagements-v3 .values .value-title{
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #2D2D2D;
    text-align: center;
    position: absolute;
    top: 120px;
}
.engagements.engagements-v3 .values .value-title b{
    font-size: 40px;
    line-height: 50px;
}
.engagements.engagements-v3 .values .visuel{
    max-width: 190px;
}

.engagements.engagements-v3 .img-right-text-left{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-content: center;
}
.engagements.engagements-v3 .img-right-text-left .visuel{
    max-width: 50%;
    object-fit: cover;
}
.engagements.engagements-v3 .img-right-text-left .textblock{
    background-color: #F6F4EF;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 3vw 0 5vw;
    box-sizing: border-box;
}
.engagements.engagements-v3 .img-right-text-left .textblock .title{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 48px;
    letter-spacing: -0.02em;
    color: #2D2D2D;
}
.engagements.engagements-v3 .img-right-text-left .textblock .description{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #2D2D2D;
    margin-top: 30px;
}
.engagements.engagements-v3 .img-right-text-left .textblock .btn{
    width: inherit;
    height: 38px;
    padding: 0;
}
.engagements.engagements-v3 .etiquette{
    margin-top: 80px;
    justify-content: center;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.engagements.engagements-v3 .etiquette .title{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 45px;
    letter-spacing: -0.02em;
    color: #2D2D2D;
    display: flex;
    align-items: center;
    border-right: 2px solid #2D2D2D;
    padding-right: 40px;
}
.engagements.engagements-v3 .etiquette .title .visuel{
    width: 57px;
    height: 87px;
    margin-right: 40px;
}
.engagements.engagements-v3 .etiquette .description{
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #2D2D2D;
    margin-left: 30px;
}

.engagements.engagements-v3 .masterhead{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    background-color: #ECF1F0;
    text-align: center;
    margin-top: 80px;
    padding: 50px;
}
.engagements.engagements-v3 .masterhead .title{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 48px;
    letter-spacing: -0.02em;
    color: #2D2D2D;
}
.engagements.engagements-v3 .masterhead .matieres{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 40px;
}
.engagements.engagements-v3 .masterhead .matieres .subtitle{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 2px;
    color: #2D2D2D;
}
.engagements.engagements-v3 .masterhead .matieres hr{
    width: 140px;
    margin: 20px auto;
}
.engagements.engagements-v3 .masterhead .matieres .description{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #2D2D2D;
}
.engagements.engagements-v3 .masterhead .btn{
    width: 250px;
    height: 38px;
    margin: 40px auto 0;
}
.engagements.engagements-v3 .masterhead-certificats{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    margin-top: 50px;
}
.engagements.engagements-v3 .masterhead-certificats .title{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 48px;
    letter-spacing: -0.02em;
    color: #2D2D2D;
}
.engagements.engagements-v3 .masterhead-certificats .scrollable{
    margin-top: 15px;
    overflow-x: scroll;
}
.engagements.engagements-v3 .masterhead-certificats .scrollable .visuel{
    max-width: 1238px;
    width: auto;
}
.engagements.engagements-v3 .img-left-text-right{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}
.engagements.engagements-v3 .img-left-text-right .visuel{
    max-width: 50%;
    object-fit: cover;
}
.engagements.engagements-v3 .img-left-text-right video{
    width: 50%;
    height: auto;
    object-fit: cover;
    max-width: 720px;
}
.engagements.engagements-v3 .img-left-text-right .textblock{
    background-color: #F6F4EF;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 3vw 0 5vw;
    box-sizing: border-box;
}
.engagements.engagements-v3 .img-left-text-right .textblock .title{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 48px;
    letter-spacing: -0.02em;
    color: #2D2D2D;
}
.engagements.engagements-v3 .img-left-text-right .textblock .description{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #2D2D2D;
    margin-top: 30px;
}
.engagements.engagements-v3 .img-left-text-right .textblock .btn{
    width: inherit;
    height: 38px;
    padding: 0;
}
.engagements.engagements-v3 .masterhead-charte{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.engagements.engagements-v3 .masterhead-charte .textblock{
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    width: 70%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.engagements.engagements-v3 .masterhead-charte .textblock .title{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 48px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #2D2D2D;
}
.engagements.engagements-v3 .masterhead-charte .textblock .description{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #2D2D2D;
    margin-top: 30px;
}

.engagements.engagements-v3 .full-content{
    background-image: url('https://www.linvosges.com/medias.v3/content/nos-engagements/v3/full-content-3.webp');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.engagements.engagements-v3 .full-content .full-container{
    width: 100%;
    height: 310px;
}

@media screen and ( max-width: 1240px ){
    .engagements.engagements-v3 .img-right-text-left .textblock{
        padding: 2vw;
    }
    .engagements.engagements-v3 .img-right-text-left .textblock .title{
        font-size: 3vw;
        line-height: 3vw;
    }
    .engagements.engagements-v3 .img-right-text-left .textblock .description{
        font-size: 11.5px;
        line-height: 15px;
        margin-top: 10px;
    }
    .engagements.engagements-v3 .img-left-text-right .textblock{
        padding: 2vw;
    }
    .engagements.engagements-v3 .img-left-text-right .textblock .title{
        font-size: 3vw;
        line-height: 3vw;
    }
    .engagements.engagements-v3 .img-left-text-right .textblock .description{
        font-size: 11.5px;
        line-height: 15px;
        margin-top: 10px;
    }
    .engagements.engagements-v3 .etiquette{
        width: 95%;
        margin: 80px auto 0;
    }
    .engagements.engagements-v3 .etiquette .title{
        width: 40%;
        padding-right: 30px;
        font-size: 30px;
        line-height: 35px;
    }
    .engagements.engagements-v3 .etiquette .title br.showd{
        display: none;
    }
    .engagements.engagements-v3 .etiquette .title .visuel{
        margin-right: 30px;
    }
    .engagements.engagements-v3 .etiquette .description{
        width: 60%;
    }
    .engagements.engagements-v3 .etiquette .description br.showd{
        display: none;
    }
    .engagements.engagements-v3 .masterhead{
        padding: 50px 20px;
    }
    .engagements.engagements-v3 .masterhead .matieres{
        justify-content: space-between;
    }
    .engagements.engagements-v3 .masterhead .matieres .description br.showd{
        display: block;
    }
}
@media screen and ( max-width: 1055px ){
    .engagements.engagements-v3 .masterhead-certificats .scrollable .visuel.desktop{
        display: block;
        height: 131px;
    }
    .engagements.engagements-v3 .masterhead-certificats .scrollable .visuel.mobile{
        display: none;
    }

    .engagements.engagements-v3 .masterhead-charte .visuel.mobile{
        display: none;
    }
    .engagements.engagements-v3 .masterhead-charte .visuel.desktop{
        display: block;
    }
    .engagements.engagements-v3 .masterhead-charte .textblock{
        padding: 20px;
        width: 90%;
        box-sizing: border-box;
        height: 85%;
    }
    .engagements.engagements-v3 .masterhead-charte .textblock .title{
        font-size: 3vw;
        line-height: 3.5vw;
    }
    .engagements.engagements-v3 .masterhead-charte .textblock .description{
        margin-top: 1.5vw;
        font-size: 1.5vw;
    }
}
@media screen and ( max-width: 860px ){
    .engagements.engagements-v3 .masterhead .matieres{
        flex-direction: column;
    }
    .engagements.engagements-v3 .masterhead .matieres .matiere:not(:first-child){
        margin-top: 30px;
    }
}
@media screen and ( max-width: 768px ) {
    .engagements.engagements-v3 h1.title{
        font-size: 30px;
        line-height: 30px;
        padding: 0 30px;
        margin-top: 20px;
    }
    .engagements.engagements-v3 .linkboxes{
        flex-wrap: wrap;
        grid-gap: 15px;
    }
    .engagements.engagements-v3 .values{
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .engagements.engagements-v3 .values .value{
        width: 49.5%;
    }
    .engagements.engagements-v3 .values .trees{
        order: 1;
    }
    .engagements.engagements-v3 .values .oekotex{
        order: 3;
        width: 100%;
        margin-top: 30px;
    }
    .engagements.engagements-v3 .values .europe{
        order: 2;
    }
    .engagements.engagements-v3 .values .value-title{
        font-size: 13px;
        line-height: 16px;
        top: 70px;
    }
    .engagements.engagements-v3 .values .value-title b{
        font-size: 33px;
    }
    .engagements.engagements-v3 .values .visuel{
        max-width: 125px;
    }
    .engagements.engagements-v3 .etiquette{
        flex-direction: column;
        padding: 0 25px;
        margin-top: 30px;
    }
    .engagements.engagements-v3 .etiquette .title{
        flex-direction: column;
        border-right: none;
        width: 100%;
        padding-right: unset;
        font-size: 25px;
        line-height: 29px;
        text-align: center;
    }
    .engagements.engagements-v3 .etiquette .title .visuel{
        margin-right: unset;
        margin-bottom: 15px;
    }
    .engagements.engagements-v3 .etiquette .description{
        text-align: center;
        width: 100%;
        margin-top: 15px;
        margin-left: unset;
        font-size: 15px;
        line-height: 21px;
    }
    .engagements.engagements-v3 .masterhead-certificats .scrollable .visuel.desktop{
        display: none;
    }
    .engagements.engagements-v3 .masterhead-certificats .scrollable .visuel.mobile{
        display: block;
        height: 150px;
    }
    .engagements.engagements-v3 .img-right-text-left .textblock .btn{
        width: auto;
    }
    .engagements.engagements-v3 .img-left-text-right .textblock .btn{
        width: auto;
    }
}
@media screen and ( max-width: 640px ){
    .engagements.engagements-v3 .img-right-text-left{
        flex-direction: column;
    }
    .engagements.engagements-v3 .img-right-text-left .visuel{
        max-width: unset;
    }
    .engagements.engagements-v3 .img-left-text-right video{
        width: 100%;
    }
    .engagements.engagements-v3 .img-right-text-left .textblock{
        width: 100%;
        padding: 30px;
    }
    .engagements.engagements-v3 .img-right-text-left .textblock .title{
        font-size: 25px;
        line-height: 29px;
    }
    .engagements.engagements-v3 .img-right-text-left .textblock .description{
        font-size: 13px;
        line-height: 16px;
        margin-top: 30px;
    }
    .engagements.engagements-v3 .img-left-text-right{
        flex-direction: column;
    }
    .engagements.engagements-v3 .img-left-text-right .visuel{
        max-width: unset;
    }
    .engagements.engagements-v3 .img-left-text-right .textblock{
        width: 100%;
        padding: 30px;
    }
    .engagements.engagements-v3 .img-left-text-right .textblock .title{
        font-size: 25px;
        line-height: 29px;
    }
    .engagements.engagements-v3 .img-left-text-right .textblock .description{
        font-size: 13px;
        line-height: 16px;
        margin-top: 30px;
    }

    .engagements.engagements-v3 .masterhead-charte .visuel.mobile{
        display: block;
    }
    .engagements.engagements-v3 .masterhead-charte .visuel.desktop{
        display: none;
    }

    .engagements.engagements-v3 .masterhead-charte .textblock{
        padding: 20px;
    }
    .engagements.engagements-v3 .masterhead-charte .textblock .title{
        font-size: 25px;
        line-height: 29px
    }
    .engagements.engagements-v3 .masterhead-charte .textblock .description{
        margin-top: 30px;
        font-size: 13px;
        line-height: 16px;
    }
    .engagements.engagements-v3 .full-content{
        background-image: url('https://www.linvosges.com/medias.v3/content/nos-engagements/v3/full-content-3-mb.webp');
    }
    .engagements.engagements-v3 .full-content .full-container{
        height: 265px;
    }
}
@media screen and ( max-width: 350px ){
    .engagements.engagements-v3 .img-right-text-left .textblock .title{
        font-size: 7vw;
        line-height: 9vw;
    }
}

/* maj page livraison de septembre 2022*/
.semi-main-title{
    margin-top: 32px;
}
.bulletpoints{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bulletpoint{
    width: 18%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: baseline;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}
.bulletpoint img{
    height: 52px;
    width: auto;
    margin-bottom: 10px;
}
.bulletpoint p{
    width: 100%;
    text-align: left;
}
.bulletpoint p.bulletpointtille{
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}
.containercta{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 25px;
}
.livraison-de .bankeren {
    margin-top: 60px;
}
.livraison-de .bankeren .textblock {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 795px;
    box-sizing: border-box;
    margin: -160px auto 0;
    padding: 25px 65px;
    background-color: #fff;
    z-index: 1;
}
.livraison-de .bankeren .textblock h3 {
    font-family: 'DM Serif Display';
    font-size: 36px;
    margin-bottom: 40px;
}
.livraison-de .bankeren .textblock .text {
    text-align: center;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
}
.livraison-de .manifeste {
    width: 100%;
    margin-top: 35px;
}
.livraison-de .manifeste .text2 {
    margin-top: 12px;
    font-size: 13px;
    line-height: 16px;
}
@media screen and ( max-width: 1055px ){
    .livraison-de .head {
        position: relative;
        margin-top: 0;
    }
    .semi-main-title .title {
        font-size: 30px;
        line-height: 40px;
    }
    .livraison-de hr {
        width: calc( 100% - 34px );
    }
    .bulletpoints {
        margin: 0 auto;
        width: calc( 100% - 90px );
        flex-direction: column;
    }
    .bulletpoint {
        width: 100%;
        margin-bottom: 20px;
    }
    .livraison-de .bankeren .textblock {
        width: calc( 100% - 50px );
        margin: -50px auto 0;
        padding: 24px 12px;
    }
    .livraison-de .bankeren img {
        width: 100%;
    }
}

/*-------------------------------------------------------------*/
/* Customer exchanges */
/*-------------------------------------------------------------*/
.customer-exchanges {
    margin-top: 20px;
    padding-bottom: 50px;
}

.customer-exchanges .intro {
    margin-top: 15px;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
}

.customer-exchanges .exchange-container {
    position: relative;
    margin-top: 10px;
}

.customer-exchanges .boxes-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.customer-exchanges .box {
    width: 550px;
    height: 370px;
    box-sizing: border-box;
    padding: 30px 35px;
    background-color: #fff;
    text-align: center;
}

.customer-exchanges .box:last-child {
    margin-left: 40px;
}

.customer-exchanges .form-title {
    text-transform: none;
}

.customer-exchanges input {
    width: 100%;
}

.customer-exchanges .nice-select {
    border-color: #808080;
}

.customer-exchanges .name-form {
    display: block;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
}

.customer-exchanges .btn {
    width: 165px;
    height: 40px;
    margin-top: 20px;
}

@media screen and (min-width: 1057px) {
    .customer-exchanges .intro .gradient,
    .customer-exchanges .intro .arrow {
        display: none;
    }
}

@media screen and (max-width: 1056px) {
    .customer-exchanges .intro {
        padding: 0 15px;
    }

    .customer-exchanges .intro .content:not(.deroule) {
        height: 40px;
    }

    .customer-exchanges .exchange-container {
        margin-top: 30px;
    }

    .customer-exchanges .boxes-container {
        flex-direction: column;
        position: static;
        box-sizing: border-box;
        padding: 30px 20px;
    }

    .customer-exchanges .exchange-container .background {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        object-fit: cover;
    }

    .customer-exchanges .box:last-child {
        margin: 20px 0;
    }

    .customer-exchanges .name-form {
        font-size: 14px;
    }
}

@media screen and (max-width: 675px) {
    .customer-exchanges .box {
        width: 100%;
        height: auto;
        padding: 30px 20px;
    }
}

@media screen and (max-width: 1056px) and (min-width: 676px) {
    .customer-exchanges .intro {
        width: 60%;
        margin: 15px auto 0;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Infos COVID */
/*--------------------------------------------------------------------------------------------------------------------*/
.covid19 {
    padding-bottom: 50px;
}

.covid19 .intro {
    margin-top: 15px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
}

.covid19 .section-title {
    margin: 20px 0 25px;
    font-size: 30px;
    font-weight: 400;
}

.covid19 img.info-1 {
    margin: 30px auto;
}

.covid19 .imgsolidaire {
    margin-right: 50px;
}

.covid19 h3 {
    margin: 15px 0;
    font-size: 20px;
    font-weight: 600;
}

.covid19 p {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.covid19 p a {
    text-decoration: underline;
}

.covid19 p b {
    font-weight: 600;
}

.covid19 .flex .text {
    width: 50%;
    box-sizing: border-box;
}

.covid19 .flex .text.solidaire {
    width: 90%;
}

.covid19 .bandeau-info {
    margin: 40px 0;
    padding: 15px 70px 20px 70px;
    color: white;
    background-color: #4d716c;
}

.covid19 .bandeau-info h2 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 0 10px 0;
}

.covid19 .borderout {
    position: relative;
    box-sizing: border-box;
    margin: 40px 0;
    padding: 40px 60px 20px 40px;
    border: 3px solid #e69c7a;
}

.covid19 .title-lot {
    margin: 40px;
    font-size: 30px;
    font-weight: bold;
    line-height: 0.9;
    text-align: center;
    text-transform: uppercase;
}

.covid19 .logo-container {
    width: 625px;
    text-align: center;
}

.covid19 .borderout-image img {
    position: absolute;
}

.covid19 .borderout-image .image-border {
    top: 35%;
    right: -50px;
}

.covid19 .borderout-image .image-border-tiny {
    right: 40px;
    bottom: 55px;
}

.covid19 .small-column {
    width: 55%;
}


@media screen and (max-width: 1056px) {
    .covid19 .logo-container {
        width: auto;
        padding: 0 40px;
    }

    .covid19 .borderout-image img {
        position: initial;
    }

    .covid19 .small-column {
        width: 100%;
    }

    .covid19 .title-lot {
        margin: 20px auto;
        padding: 0 20px;
        font-size: 20px;
        text-align: center;
    }

    .covid19 .borderout {
        flex-direction: column;
        margin-bottom: 0;
        padding: 0;
        border: none;
    }

    .covid19 .cl {
        flex-direction: column;
    }

    .covid19 .cl.reverse {
        flex-direction: column-reverse;
    }

    .covid19 .flex .text {
        width: 100%;
    }

    .covid19 .intro {
        width: 100%;
    }

    .covid19 h2 {
        padding: 20px;
        font-size: 20px;
        line-height: 1.2;
        text-align: left;
    }

    .covid19 h3 {
        box-sizing: border-box;
        padding: 0 20px;
        font-size: 18px;
        line-height: 1.4;
        text-align: left;
    }

    .covid19 p {
        box-sizing: border-box;
        padding: 0 20px;
    }

    .covid19 img.info-3 {
        margin-top: 20px;
    }

    .covid19 img.info-4 {
        margin-top: 20px;
    }

    .covid19 .bandeau-info {
        margin: 0;
        margin-top: 30px;
        padding: 20px 10px;
    }

    .covid19 .bandeau-info h2 {
        margin: 0;
        padding: 20px;
    }

    .covid19 img.info-3 {
        padding-right: 0;
    }

    .covid19 .imgsolidaire {
        margin-right: 0;
    }

    .covid19 img {
        max-width: 100%;
        margin: auto;
    }

    .covid19 .flex .text.solidaire {
        width: 100%;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Catalogues interactifs */
/*--------------------------------------------------------------------------------------------------------------------*/
.catalogues-interactifs {
    padding-bottom: 50px;
}

.catalogues-interactifs ul {
    display: flex;
    flex-wrap: wrap;
}

.catalogues-interactifs ul li {
    width: 25%;
}

.catalogues-interactifs ul li img {
    width: 100%;
}

@media screen and (max-width: 1056px) {
    .catalogues-interactifs ul li {
        width: 50%;
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* Agir pour la forêt */
/*--------------------------------------------------------------------------------------------------------------------*/
.agir-foret {
    padding-bottom: 50px;
}

.agir-foret .banner {
    position: relative;
}

.agir-foret .banner .visuel {
    width: 100%;
}

.agir-foret .banner .textblock {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.agir-foret .banner .textblock .title {
    color: #ffffff;
    font-family: 'DM Serif Display', serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 60px;
    text-align: center;
    letter-spacing: 3px;
}

.agir-foret .intro {
    max-width: 790px;
    margin: 50px auto 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
}

.agir-foret .bloc-trait {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 70px;
}

.agir-foret .bloc-trait .visuel {
    width: 685px;
}

.agir-foret .bloc-trait.visu-left .textblock {
    margin-left: 65px;
}

.agir-foret .bloc-trait.visu-right .textblock {
    margin-right: 65px;
    text-align: right;
}

.agir-foret .bloc-trait .textblock .title {
    position: relative;
    color: #2c4542;
    font-family: 'DM Serif Display';
    font-size: 36px;
}

.agir-foret .bloc-trait .textblock .title::after {
    content: '';
    display: block;
    position: absolute;
    width: 175px;
    height: 1px;
    background-color: #000;
    bottom: -20px;
}

.agir-foret .bloc-trait.visu-left .textblock .title::after {
    left: -100px;
}

.agir-foret .bloc-trait.visu-right .textblock .title::after {
    right: -100px;
}

.agir-foret .bloc-trait .textblock .text {
    margin-top: 50px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}
.agir-foret .bloc-trait .textblock .text .green-bloc{
    background-color: #2C4542;
    color: #FFFFFF;
    padding: 12px;
    position: relative;
    left: -12px;
}
.agir-foret .bloc-trait .textblock .btn {
    height: 40px;
    margin-top: 20px;
}

.agir-foret .conclusion {
    margin-top: 70px;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
}

.agir-foret .conclusion a {
    text-decoration: underline;
}

.agir-foret .logo-onf {
    display: block;
    width: 550px;
    margin: 30px auto 0;
}

@media screen and (max-width: 1056px) {
    .agir-foret .banner .textblock .title {
        font-size: 32px;
        line-height: 32px;
    }

    .agir-foret .bloc-trait {
        flex-direction: column;
    }

    .agir-foret .bloc-trait .visuel {
        order: 1;
        width: 100%;
    }

    .agir-foret .bloc-trait .textblock {
        order: 2;
        margin: 20px 0 !important;
        padding: 0 20px;
    }

    .agir-foret .intro,
    .agir-foret .conclusion {
        padding: 0 20px;
    }

    .agir-foret .logo-onf {
        max-width: 80%;
    }

    .agir-foret .bloc-trait .textblock .title::after {
        width: 1px;
        height: 85px;
        top: -60px;
        bottom: auto;
    }

    .agir-foret .bloc-trait.visu-left .textblock .title {
        padding-left: 15px;
    }

    .agir-foret .bloc-trait.visu-left .textblock .title::after {
        left: 0;
    }

    .agir-foret .bloc-trait.visu-right .textblock .title {
        padding-right: 15px;
    }

    .agir-foret .bloc-trait.visu-right .textblock .title::after {
        right: 0;
    }

    .agir-foret .bloc-trait .textblock .btn {
        display: flex;
        width: 280px;
        margin: 20px auto 0;
    }
}
.agir-foret {
    padding-top: 20px;
}
.agir-foret .conclusion {
    margin-top: 42px;
}
.agir-foret .bloc-trait.visu-right .textblock .btn{
    position: relative;
    right: 50%;
    transform: translateX(50%);
}
.agir-foret .bloc-trait.visu-left .textblock .btn{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.agir-foret .bloc-trait .textblock .text .green-bloc a{
    text-decoration: underline;
    color: #ffffff;
}
@media screen and (max-width: 1056px){
    .agir-foret {
        padding-top: 0;
    }
    .agir-foret .bloc-trait.visu-right .textblock{
        text-align: left;
    }
    .agir-foret .bloc-trait.visu-left .textblock{
        text-align: right;
    }
    .agir-foret .bloc-trait.visu-right .textblock .title {
        padding-left: 15px;
        padding-right: 0;
    }
    .agir-foret .bloc-trait.visu-left .textblock .title {
        padding-right: 15px;
        padding-left: 0;
    }
    .agir-foret .bloc-trait.visu-right .textblock .title::after {
        left: 0;
        right: inherit;
    }
    .agir-foret .bloc-trait.visu-left .textblock .title::after {
        right: 0;
        left:inherit;
    }
    .agir-foret .bloc-trait.visu-right .textblock .btn{
        right: inherit;
        transform: inherit;
    }
    .agir-foret .bloc-trait.visu-left .textblock .btn{
        left: inherit;
        transform: inherit;
    }
    .agir-foret .bloc-trait .textblock .text .green-bloc{
        left: 0;
    }
    .agir-foret .conclusion {
        margin-top: 28px;
    }
    .agir-foret .bloc-trait{
        margin-top: 30px;
    }
    .agir-foret .bloc-trait .textblock .text{
        text-align: left;
    }
}
/* maj page mars 2022 */

.agir-foret2 .intro{
    margin-top: 23px;
}
.agir-foret2 .main-block{
    background-color: #ECF1F0;
    padding-top: 23px;
    padding-bottom: 23px;
    margin-top: 23px;
}
.agir-foret2 .main-block .title{
    color: #2C4542;
    font-weight: 400;
    font-size: 36px;
    line-height: 40px;
    font-family: 'DM Serif Display';
    display: flex;
    justify-content: center;
}
.agir-foret2 .main-block .description{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    margin-top: 31px;
}
.agir-foret2 .main-block .gift-block{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.agir-foret2 .main-block .gift-block .gift{
    line-height: 0;
    width: 368px;
}
.agir-foret2 .main-block .gift-block .gift.second .gift{
    width: 449px;
}
.agir-foret2 .main-block .gift-text{
    margin-left: 9px;
    background-color: #2C4542;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 276px;
    height: 214px;
}
.agir-foret2 .main-block .gift-text .textblock{
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.agir-foret2 .main-block .gift-text .textblock .title-bis{
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
.agir-foret2 .main-block .gift-text .textblock .description{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    margin-top: 10px;
}
.agir-foret2 .main-block .gift-text .textblock .description span{
    margin-top: 5px;
    display: block;
}
.agir-foret2 .main-block .gift-text.gift-2{
    background-color: #ffffff;
    width: 240px;
    height: 237px;
    left: 40px;
    position: relative;
    margin-left: -40px;
}
.agir-foret2 .main-block .gift-text.gift-2 .textblock{
    color: #2D2D2D;
}
.agir-foret2 .main-block .gift-text.gift-2 .btn{
    border: solid 1px #2D2D2D;
    padding: 15px 15px;
    margin-top: 20px;
}
.agir-foret2 .bloc-trait{
    padding: 0 95px;
}
@media screen and ( max-width: 1055px ) {
    .agir-foret2 .main-block{
        padding: 23px 10px;
    }
    .agir-foret2 .main-block .gift-block .gift{
        width: 100%;
    }
    .agir-foret2 .main-block .gift-block{
        flex-direction: column;
        padding: 0 10px;
    }
    .agir-foret2 .main-block .gift-block img{
        width: 100%;
    }
    .agir-foret2 .main-block .gift-text{
        top: -25px;
        position: relative;
        width: 90%;
        margin-left: unset;
    }
    .agir-foret2 .main-block .second .gift{
        order: 1;
    }
    .agir-foret2 .main-block .gift-text.gift-2{
        order: 2;
        left: unset;
        top: -25px;
        position: relative;
        width: 90%;
        margin-left: unset;
    }
    .agir-foret2 .main-block .title{
        font-size: 36px;
        line-height: 37px;
        text-align: center;
    }
    .agir-foret2 .bloc-trait{
        padding: 0;
    }
    .agir-foret2 .bloc-trait.visu-left .textblock{
        text-align: left;
    }
    .agir-foret2 .bloc-trait.visu-left .textblock .title{
        display: block;
        padding-left: 20px;
    }
    .agir-foret .bloc-trait.visu-left .textblock .title::after{
        right: unset;
        left: 0;
    }
    .agir-foret2 .bloc-trait .textblock .btn{
        width: 100%;
    }
    .agir-foret2 .bloc-trait.visu-right .textblock{
        text-align: right;
    }
    .agir-foret .bloc-trait.visu-right .textblock .title{
        display: block;
        padding-right: 20px;
    }
    .agir-foret .bloc-trait.visu-right .textblock .title::after{
        right: 0;
        left: unset;
    }
}

/*------------------------------------------------------------------------------*/
/* grand hôtel 2020 */
/*------------------------------------------------------------------------------*/
.grandhotel2020 .mt-15, .grandhotel2020 .mt15 {
    margin-top: 0;
}

.grandhotel2020 .showm {
    display: none;
}

.grandhotel2020 .module8 {
    width: 1380px !important;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
}

.grandhotel2020 .module30 p.intro {
    max-width: 790px;
    margin: 25px auto 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
}

.grandhotel2020 .module8 .flag {
    position: absolute;
    width: 364px;
    height: 32px;
    background: #333333;
    top: calc(50% - 228px);
    left: calc(50% - 194px);
    border-radius: 12px;
}

.grandhotel2020 .module8 .flag span {
    position: absolute;
    width: 100%;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 100;
    font-style: normal;
    line-height: 43px;
    top: 0;
    left: 0;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.grandhotel2020 .module8 .textblock {
    position: absolute;
    top: 350px;
    left: calc(50% - 285px);
    text-align: center;
}

.grandhotel2020 .module8 img {
    width: 100%;
    height: 548px;
}

.grandhotel2020 .module8 .textblock h1 span.new-collection {
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.grandhotel2020 .module8 .textblock h1 .maintitle {
    padding-top: 20px;
    color: #333333;
    font-family: 'DM Serif Display', serif;
    font-size: 48px;
    line-height: 55px;
    text-align: center;
    letter-spacing: 3px;
}

.grandhotel2020 .module8 .textblock h1 .maintitle span {
    font-family: 'Montserrat', sans-serif;
    line-height: 80px;
}

.grandhotel2020 .module30 .intro {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: unset;
    line-height: 26px;
}

.grandhotel2020 .module4 {
    margin-right: auto;
    margin-left: auto;
    padding: 50px 0 50px 0;
    text-align: center;
}

.grandhotel2020 .module4 .cta-lightblack {
    width: 240px;
    padding: 10px 25px;
    color: #ffffff;
    background-color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 26px;
    border: solid 1px #000000;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.grandhotel2020 .module4 .cta-lightblack.personnalise-parrure {
    width: inherit;
}

.grandhotel2020 .module4 .cta-lightblack:hover {
    color: #000000;
    background-color: #ffffff;
}

.grandhotel2020 .module1 .titre {
    font-family: 'DM Serif Display', serif;
    text-align: right;
}

.grandhotel2020 .module2 .titre {
    font-family: 'DM Serif Display', serif;
}

.grandhotel2020 .module2 .titre::after {
    content: "";
    position: absolute;
    width: 27%;
    height: 1px;
    background-color: #aa3636;
    top: 60px;
    left: -80px;
}

.grandhotel2020 .module1 .titre::after {
    content: "";
    position: absolute;
    width: 27%;
    height: 1px;
    background-color: #c5a47e;
    top: 60px;
    left: 550px;
}

.grandhotel2020 .module1 .text, .grandhotel2020 .module2 .text {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
}

.grandhotel2020 .module1,
.grandhotel2020 .module2 {
    display: flex;
    width: 1380px !important;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}

.grandhotel2020 .module1 .textblock {
    position: relative;
    margin-right: 40px;
}

.grandhotel2020 .module2 .textblock {
    position: relative;
    margin-left: 40px;
}

.grandhotel2020 .module1 .textblock, .module1 img, .module2 .textblock, .module2 img {
    width: 48.5%;
}

.grandhotel2020 .module2 .titre span.red {
    color: rgb(170, 54, 54);
    font-size: 36px;
}

.grandhotel2020 .module1 .titre span.beige {
    padding-right: 0;
    color: #c5a47e;
    font-size: 36px;
}

.grandhotel2020 .module1 .textblock.qualite-etoiles p,
.grandhotel2020 .module1 .textblock.exigence-professionnelle p {
    text-align: right;
}

.grandhotel2020 .module30 {
    width: 1380px !important;
    margin-top: -15px !important;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 1380px) {
    .grandhotel2020 .module8,
    .grandhotel2020 .module30,
    .grandhotel2020 .module1,
    .grandhotel2020 .module2 {
        width: 100% !important;
    }
}

@media screen and (max-width: 1023px) {
    .grandhotel2020 .showm {
        display: block;
    }

    .grandhotel2020 .showD {
        display: none;
    }

    .grandhotel2020 .module2 {
        display: block;
        margin: 50px 0 0 0;
    }

    .grandhotel2020 .module1 {
        flex-wrap: wrap-reverse;
        margin: 50px 0 0 0;
    }

    .grandhotel2020 .module1 .textblock, .grandhotel2020 .module1 img, .grandhotel2020 .module2 .textblock, .grandhotel2020 .module2 img {
        width: 100%;
    }

    .grandhotel2020 .module1 .titre {
        margin: 30px 23px 30px 0;
    }

    .grandhotel2020 .module1 .titre.exigence {
        margin: 10px 23px 30px 0;
    }

    .grandhotel2020 .module2 .titre {
        margin: 30px 0 30px 23px;
    }

    .grandhotel2020 .module1 .titre::after, .grandhotel2020 .module2 .titre::after {
        display: none;
    }

    .grandhotel2020 .module1 .textblock, .grandhotel2020 .module2 .textblock {
        margin: 0;
    }

    .grandhotel2020 .module1 .text, .grandhotel2020 .module2 .text {
        padding: 0 5%;
    }

    .grandhotel2020 .module4 .cta, .grandhotel2020 .module4 .cta-lightblack.personnalise-parrure {
        width: 75% !important;
        font-size: 14px;
        line-height: 21px;
    }

    .grandhotel2020 .module8 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: center;
        width: 100% !important;
    }

    .grandhotel2020 .module8 .flag {
        display: none;
    }

    .grandhotel2020 .module8 img {
        height: auto;
        max-height: 495px;
    }

    .grandhotel2020 .module8 .textblock {
        top: 260px;
        left: auto;
    }

    .grandhotel2020 .module8 .textblock h1 .maintitle {
        font-size: 8vw;
        line-height: 8vw;
        text-align: center;
        letter-spacing: 2px;
    }

    .grandhotel2020 .module8 .textblock h1 .maintitle span {
        font-size: 11vw;
    }

    .grandhotel2020 .module8 .textblock h1 span.new-collection {
        line-height: 35px;
        letter-spacing: 2px;
    }

    .grandhotel2020 .module30 .intro {
        padding: 0 5%;
    }

    .grandhotel2020 .module1,
    .grandhotel2020 .module2 {
        width: 100% !important;
    }

    .grandhotel2020 .module1 .textblock.qualite-etoiles p,
    .grandhotel2020 .module1 .textblock.exigence-professionnelle p {
        text-align: left;
    }

    .grandhotel2020 .module30.showD {
        display: none;
    }

    .grandhotel2020 .module1 .showm.mention {
        display: block;
        padding: 0 20px 0 0;
        font-size: 12px;
        line-height: 30px;
    }

    .grandhotel2020 .module2 .titre span.red {
        padding-left: 23px;
    }

    .grandhotel2020 .module1 .titre span.beige {
        padding-right: 0;
    }

    .grandhotel2020 .module2 .titre span::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 101px;
        background-color: #aa3636;
        top: -55px;
        left: 20px;
    }

    .grandhotel2020 .module1 .titre span::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 101px;
        background-color: #c5a47e;
        top: -55px;
    }

    .grandhotel2020 .module1 .titre.etoile span::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 101px;
        background-color: #c5a47e;
        top: -30px;
    }
}

@media screen and (max-width: 450px) {
    .grandhotel2020 .module8 .maintitle {
        top: 14%;
        left: 15%;
    }

    .grandhotel2020 .module8 .textblock h1 span.new-collection {
        font-size: 5vw;
        line-height: 7vw;
    }
}


/*************************************************/
/*linge-flanelle*/
/*************************************************/
.linge-flanelle {
    font-family: 'Lato', sans-serif;
}

.linge-flanelle .module29 {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.linge-flanelle .module29 .brand-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.linge-flanelle .module29 .brand-title h1 {
    margin: 0;
    padding: 0 30px;
    font-size: 28px;
    font-weight: 300;
    text-transform: uppercase;
}

.linge-flanelle .module29 .brand-title::before, .module29 .brand-title::after {
    content: "";
    width: 70px;
    height: 1px;
    background-color: #000;
}

.linge-flanelle .module14 {
    width: 1200px;
    margin: 50px auto 0 auto;
    text-align: center;
}

.linge-flanelle .module14 img {
    height: 550px;
    object-fit: cover;
}

.linge-flanelle .module14 .bloc {
    position: absolute;
    width: 585px;
    box-sizing: border-box;
    margin-left: -290px;
    padding: 25px 40px;
    background-color: #fff;
    top: 400px !important;
    left: 50%;
    z-index: 2;
}

.linge-flanelle .module14 .bloc .text {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
}

.linge-flanelle .module14 .titre {
    padding: 0 30px 5px;
    font-size: 20px;
    line-height: 42px;
    border-bottom: 1px solid #7a1e71;
}

.linge-flanelle .module14 .bloc .cta {
    display: inline-block;
    margin-top: 20px;
}

.linge-flanelle .module24 {
    position: relative;
    width: 1200px;
    margin: 50px auto 0 auto;
    text-align: center;
}

.linge-flanelle .module24, .linge-flanelle .module4 {
    margin-top: 50px;
    text-align: center;
}

.linge-flanelle .module8 {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

.linge-flanelle .module24 .titre span {
    padding: 0 20px;
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
}

.linge-flanelle .module24 .titre {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.linge-flanelle .module24 .titre::before, .linge-flanelle .module24 .titre::after {
    content: "";
    width: 115px;
    height: 1px;
    background-color: #000;
}

.linge-flanelle .module24 .cross-carrousel {
    position: initial;
}

@media screen and (max-width: 1024px) {
    .linge-flanelle .module29 {
        width: 100%;
    }

    .linge-flanelle .module29 .brand-title h1, .linge-flanelle .module24 .titre span {
        font-size: 19px;
    }

    .linge-flanelle .module14 {
        width: 100%;
        margin: 25px auto 0 auto;
    }

    .linge-flanelle .module14 .bloc {
        position: absolute;
        width: 585px;
        box-sizing: border-box;
        margin-left: -290px;
        padding: 25px 40px;
        background-color: #fff;
        top: 300px !important;
        left: 50%;
        z-index: 2;
    }

    .linge-flanelle .module14 .titre {
        font-weight: 400;
    }

    .linge-flanelle .module4 .cta {
        width: 95%;
    }

    .linge-flanelle .module24 {
        width: 100%;
    }

    .linge-flanelle .crossslidertpls .cross-carrousel .slider-right, .linge-flanelle .crossslidertpls .cross-carrousel .slider-left {
        display: none;
    }

    .linge-flanelle .productblock {
        width: 80vw;
    }

    .linge-flanelle .swiper-slide {
        flex-shrink: inherit;
        width: inherit;
        margin-right: 0 !important;
        padding: 10px;
    }

    .linge-flanelle .module8 img {
        width: 100%;
        height: 210px;
        object-fit: cover;
    }
}

@media screen and (max-width: 425px) {
    .linge-flanelle .module29 .brand-title h1 {
        padding: 0 10px;
    }

    .linge-flanelle .module29 .brand-title::before, .module29 .brand-title::after {
        width: 50px;
    }

    .linge-flanelle .module14 .bloc {
        width: 95%;
        margin-left: 10px;
        top: 295px !important;
        left: 0;
    }

    .linge-flanelle .module14 .titre {
        padding: 0;
    }

    .linge-flanelle .module24 .titre::before, .linge-flanelle .module24 .titre::after {
        width: 50px;
    }
}

@media screen and (max-width: 420px) and (min-width: 376px) {
    .linge-flanelle .module14 img {
        height: 575px;
    }
}

@media screen and (max-width: 375px) {
    .linge-flanelle .module29 .brand-title h1 {
        padding: 0 5px;
    }

    .linge-flanelle .module29 .brand-title::before, .module29 .brand-title::after {
        width: 20px;
    }

    .linge-flanelle .module14 .bloc {
        margin-left: 8px;
        top: 285px !important;
    }

    .linge-flanelle .module14 img {
        height: 610px;
    }

    .linge-flanelle .module24 .titre::before, .linge-flanelle .module24 .titre::after {
        width: 50px;
    }
}

@media screen and (max-width: 361px) and (min-width: 321px) {
    .linge-flanelle .module14 img {
        height: 680px;
    }
}

@media screen and (max-width: 320px) {
    .linge-flanelle .module14 img {
        height: 680px;
    }
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* Journée du sommeil */
/*--------------------------------------------------------------------------------------------------------------------*/
.journee-sommeil b {
    font-weight: bold;
}

.journee-sommeil .showm {
    display: none;
}

.journee-sommeil {
    padding-bottom: 50px;
}

.journee-sommeil .banner {
    position: relative;
    padding: 0 65px 56px 65px;
}

.journee-sommeil .banner .visuel {
    width: 100%;
}

.journee-sommeil .banner .textblock {
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 28px;
    left: 0;
    text-align: center;
}

.journee-sommeil .banner .textblock h1 {
    position: relative;
    margin: 25px 0 100px 0;
    color: #333333;
    font-family: 'DM Serif Display';
    font-size: 31px;
    font-weight: 400;
    line-height: 44px;
    text-align: center;
}

.journee-sommeil .banner .textblock h1::after {
    content: '';
    position: absolute;
    width: 380px;
    height: 1px;
    background-color: #000;
    top: 70px;
    left: 528px;
}

.journee-sommeil .banner .textblock h3 {
    color: #333333;
    font-family: 'Montserrat';
    font-size: 24px;
    font-weight: 400;
    line-height: 41px;
    text-align: center;
}

.journee-sommeil .banner .textblock h3 span {
    color: #333333;
    font-family: 'Montserrat';
    font-size: 40px;
    font-weight: 600;
    line-height: 44px;
    text-align: center;
}

.journee-sommeil .bloc-trait {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 70px;
}

.journee-sommeil .bloc-trait.visu-left {
    margin: 0 150px 0 0;
    padding: 0 65px 0 65px;
}

.journee-sommeil .bloc-trait.visu-right {
    margin: 100px 0 100px 100px;
    padding: 0 65px 0 65px;
}

.journee-sommeil .bloc-trait .visuel {
    width: 650px;
}

.journee-sommeil .bloc-trait.visu-left .textblock {
    width: 441px;
    margin-left: 65px;
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: 400;
    line-height: 15.85px;
    text-align: left;
}

.journee-sommeil .bloc-trait.visu-left.trait-droite.part, .journee-sommeil .bloc-trait.visu-left.part {
    margin-top: 120px;
}

.journee-sommeil .bloc-trait.visu-right .textblock {
    margin-right: 65px;
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: 400;
    line-height: 15.85px;
    text-align: right;
}

.journee-sommeil .bloc-trait .textblock h2 {
    position: relative;
    margin-bottom: 52px;
    color: #2c4542;
    font-family: 'DM Serif Display';
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
}

.journee-sommeil .bloc-trait .textblock h2::after {
    content: '';
    display: block;
    position: absolute;
    width: 175px;
    height: 1px;
    background-color: #000;
    bottom: -15px;
}

.journee-sommeil .bloc-trait.visu-left .textblock h2::after {
    left: -100px;
}

.journee-sommeil .bloc-trait.visu-right .textblock h2::after {
    right: -100px;
}

.journee-sommeil .bloc-trait .textblock .block-cta {
    width: 265px;
    margin: 35px auto 0 auto;
}

.journee-sommeil .bloc-trait .textblock .cta {
    width: 265px;
    margin-bottom: 17px;
    padding: 10px 20px;
    border: 1px solid #2d2d2d;
    text-align: center;
}

.journee-sommeil .bloc-trait .textblock .cta a {
    margin-bottom: 17px;
    color: #2d2d2d;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
}

.journee-sommeil .conclusion {
    width: 875px;
    margin: 50px auto 0;
    color: #000000;
    font-family: 'Montserrat';
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    text-align: center;
}

.journee-sommeil .newsletter {
    margin-top: 35px !important;
}

@media screen and (max-width: 1440px) {
    .journee-sommeil .banner .textblock h1::after {
        left: 530px;
    }
}

@media screen and (max-width: 1439px) and (min-width: 1400px) {
    .journee-sommeil .banner .textblock h1::after {
        left: 520px;
    }
}

@media screen and (max-width: 1400px) and (min-width: 1379px) {
    .journee-sommeil .showd {
        display: none;
    }

    .journee-sommeil .banner .textblock h1::after {
        left: 500px;
    }
}

@media screen and (max-width: 1378px) and (min-width: 1349px) {
    .journee-sommeil .showd {
        display: none;
    }

    .journee-sommeil .banner .textblock h1::after {
        left: 490px;
    }
}

@media screen and (max-width: 1348px) and (min-width: 1280px) {
    .journee-sommeil .showd {
        display: none;
    }

    .journee-sommeil .banner .textblock h1::after {
        left: 460px;
    }
}

@media screen and (max-width: 1279px) {
    .journee-sommeil .showm {
        display: none;
    }

    .journee-sommeil .showd {
        display: none;
    }

    .journee-sommeil .banner {
        padding: 0 20px;
    }

    .journee-sommeil .bloc-trait {
        margin: 70px 20px;
        padding: 0 20px !important;
    }

    .journee-sommeil .bloc-trait.visu-left {
        margin: 100px 0;
        padding: 0 !important;
    }

    .journee-sommeil .bloc-trait.visu-right {
        padding: 0 !important;
    }
}

@media screen and (max-width: 1278px) and (min-width: 1245px) {
    .journee-sommeil .banner .textblock h1 {
        margin: 25px 0 80px 0;
    }

    .journee-sommeil .banner .textblock h1::after {
        left: 440px;
    }
}

@media screen and (max-width: 1244px) and (min-width: 1057px) {
    .journee-sommeil .banner .textblock h1 {
        margin: 25px 0 80px 0;
    }

    .journee-sommeil .banner .textblock h1::after {
        left: 420px;
    }
}

@media screen and (max-width: 1056px) {
    .journee-sommeil .banner {
        margin-bottom: 11px;
        padding: 0;
    }

    .journee-sommeil .banner .textblock h1 {
        position: relative;
        margin: 25px 0 100px 0;
        color: #333333;
        font-family: 'DM Serif Display';
        font-size: 31px;
        font-weight: 400;
        line-height: 44px;
        text-align: center;
    }

    .journee-sommeil .banner .textblock h1::after {
        content: '';
        position: absolute;
        width: 380px;
        top: 70px;
        left: 320px;
    }

    .journee-sommeil .banner .textblock h3 {
        color: #333333;
        font-family: 'Montserrat';
        font-size: 24px;
        font-weight: 400;
        line-height: 41px;
        text-align: center;
    }

    .journee-sommeil .banner .textblock h3 span {
        color: #333333;
        font-family: 'Montserrat';
        font-size: 40px;
        font-weight: 600;
        line-height: 44px;
        text-align: center;
    }

    .journee-sommeil .bloc-trait {
        flex-direction: column;
    }

    .journee-sommeil .bloc-trait .visuel {
        order: 1;
        width: 100%;
    }

    .journee-sommeil .bloc-trait .textblock {
        order: 2;
    }

    .journee-sommeil .bloc-trait.visu-left .textblock {
        width: inherit;
        margin: 30px 5% 0 5%;
    }

    .journee-sommeil .bloc-trait.visu-left .textblock.text {
        padding: 0 5%;
    }

    .journee-sommeil .bloc-trait.visu-right .textblock {
        margin: 0 5%;
    }

    .journee-sommeil .bloc-trait.visu-right .textblock .text {
        margin: 0;
        padding: 0 0 0 5%;
    }

    .journee-sommeil .conclusion {
        max-width: 100%;
        margin-top: 0;
    }

    .journee-sommeil .bloc-trait {
        margin: 0 !important;
    }

    .journee-sommeil .bloc-trait .textblock h2::after {
        width: 1px;
        height: 100px;
        top: -60px;
        bottom: auto;
    }

    .journee-sommeil .bloc-trait.visu-right .textblock h2::after {
        right: 20px;
    }

    .journee-sommeil .bloc-trait.visu-left .textblock h2 {
        padding-left: 15px;
        font-size: 32px;
        line-height: 34px;
    }

    .journee-sommeil .bloc-trait.visu-left .textblock h2::after {
        left: 0;
    }

    .journee-sommeil .bloc-trait.visu-right .textblock h2 {
        margin-top: 28px;
        padding-right: 50px;
        font-size: 32px;
        line-height: 34px;
        text-align: right;
    }

    .journee-sommeil .bloc-trait.visu-left.trait-droite.part, .journee-sommeil .bloc-trait.visu-left.part {
        margin-top: 60px !important;
    }

    .journee-sommeil .bloc-trait.visu-right .textblock .title::after {
        right: 0;
    }

    .journee-sommeil .bloc-trait.visu-left.trait-droite .textblock .title {
        padding-left: 70%;
    }

    .journee-sommeil .bloc-trait.visu-left.trait-droite .textblock .title::after {
        right: 20px;
        left: inherit;
    }

    .journee-sommeil .bloc-trait .textblock .btn {
        display: flex;
        width: 280px;
        margin: 20px auto 0;
    }

    .journee-sommeil .bloc-trait.visu-right .textblock {
        margin-right: 0;
        text-align: left;
    }

    .journee-sommeil .conclusion p {
        padding: 0 0 20px 0;
    }
}

@media screen and (max-width: 1024px) {
    .journee-sommeil .bloc-trait.visu-left .textblock, .journee-sommeil .bloc-trait.visu-right .textblock {
        font-size: 13px;
        line-height: 15.85px;
    }

    .journee-sommeil .bloc-trait.visu-left .textblock .title, .journee-sommeil .bloc-trait.visu-right .textblock .title {
        font-size: 36px;
        line-height: 40px;
    }
}

@media screen and (max-width: 768px) {
    .journee-sommeil .showm {
        display: block;
    }

    .journee-sommeil .banner .textblock h1::after {
        left: 200px;
    }

    .journee-sommeil .bloc-trait.visu-left.trait-droite .textblock .title {
        padding-left: 60%;
    }

    .journee-sommeil .bloc-trait .textblock h2 {
        margin-bottom: 24px;
    }

    .journee-sommeil .conclusion {
        max-width: 760px;
    }
}

@media screen and (max-width: 425px) {
    .journee-sommeil .banner .textblock h1 {
        margin: 0 0 60px 0;
        font-size: 20px;
        line-height: 25px;
    }

    .journee-sommeil .banner .textblock h1::after {
        content: '';
        position: absolute;
        width: 155px;
        top: 40px;
        left: 135px;
    }

    .journee-sommeil .banner .textblock h3 {
        color: #333333;
        font-family: 'Montserrat';
        font-size: 15px;
        font-weight: 400;
        line-height: 18.29px;
        text-align: center;
    }

    .journee-sommeil .banner .textblock h3 span {
        color: #333333;
        font-family: 'Montserrat';
        font-size: 27px;
        font-weight: 600;
        line-height: 44px;
        text-align: center;
    }

    .journee-sommeil .bloc-trait .textblock .block-cta {
        margin: 35px auto 48px 40px;
    }

    .journee-sommeil .conclusion {
        max-width: 420px;
    }
}

@media screen and (max-width: 425px) and (min-width: 376px) {
    .journee-sommeil .banner .textblock .title {
        width: 320px;
        margin-left: 50px;
    }

    .journee-sommeil .bloc-trait.visu-left.trait-droite .textblock .title {
        padding-left: 30%;
    }
}

@media screen and (max-width: 375px) {
    .journee-sommeil .bloc-trait .textblock .block-cta {
        margin: 35px auto 48px 15px;
    }

    .journee-sommeil .conclusion {
        max-width: 370px;
    }
}

@media screen and (max-width: 329px) {
    .journee-sommeil .banner .textblock h1 {
        margin: 0 0 20px 0;
    }

    .journee-sommeil .banner .textblock h1::after {
        left: 90px;
    }

    .journee-sommeil .bloc-trait.visu-left.trait-droite .textblock .title {
        padding-left: 0;
    }

    .journee-sommeil .bloc-trait .textblock .block-cta {
        margin: 35px 0 48px 0;
    }

    .journee-sommeil .bloc-trait .textblock .cta {
        padding: 10px;
    }

    .journee-sommeil .conclusion {
        max-width: 320px;
    }
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* Guides */
/*--------------------------------------------------------------------------------------------------------------------*/
.guides .cross-selling .title-section {
    display: none;
}
.guides .banner img {
    width: 100%;
}

.guides .banner {
    position: relative;
}

.guides .banner img {
    width: 100%;
}
.guides .textblock a{
    text-decoration: underline;
}
.guides .visual-link {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    text-decoration: none !important;
}
.guides .visual-legend {
    font-size: 11px;
    margin-top: 5px;
    font-style: italic;
}
.guides .visual-legend b{
    font-weight: 600;
}
@media screen and ( min-width: 1056.98px ) {
    .guides .visual-legend.reverse{
        margin-top: unset;
        margin-bottom: 5px;
    }
    .guides .img-right-text-left.bg-lightgreen .visual-legend{
        position: absolute;
        bottom: -14px;
        right: 0;
    }
    .guides .img-left-text-right.bg-lightgreen .visual-legend{
        position: absolute;
        bottom: -14px;
        left: 0;
    }
}

.guides {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.guide:not(.mb-0){
    padding-bottom: 50px;
}

.guides h1.title-page {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-family: 'DM Serif Display',sans-serif;
    font-size: 36px;
    top: 0;
    left: 0;
    text-align: center;
}

.guides .titre-page {
    margin: 20px 0;
    font-family: 'DM Serif Display',sans-serif;
    font-size: 36px;
    text-transform: inherit;
}

.guides .description-page {
    padding: 0 40px;
    font-family: 'Montserrat',sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
}

.guides .collections {
    margin: 30px 0 10px;
}

.guides .collections .textblock h2 {
    font-family: 'Montserrat',sans-serif;
    font-weight: bold;
    font-size: 21px;
}

.guides .collections .mosaic {
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
}
.guides .collections .mosaic .column1{
    width: 100%;
    max-width: 470px;
}
.guides .collections .mosaic .column2{
    width: 100%;
    max-width: 380px;
}
.guides .collections .mosaic .column3{
    width: 100%;
    max-width: 340px;
}

/* A retirer quand les pages seront alimentées*/
.guides .collections .mosaic .el1 .img-container img{
    transition: .6s;
    filter: grayscale(0);
    opacity: inherit;
}
.guides .collections .mosaic .el2 .img-container img,
.guides .collections .mosaic.desk .el3 .img-container img,
.guides .collections .mosaic.desk .el5 .img-container img,
.guides .collections .mosaic.mob .el4 .img-container img,
.guides .collections .mosaic.mob .el6 .img-container img,
.guides .collections .mosaic.desk .el6 .img-container img,
.guides .collections .mosaic.mob .el3 .img-container img{
    transition: .6s;
    filter: grayscale(0);
    opacity: inherit;
}
.guides .collections .mosaic a.el1 {
    pointer-events: auto;
}
.guides .collections .mosaic a.el2,
.guides .collections .mosaic.desk a.el3,
.guides .collections .mosaic.desk a.el5,
.guides .collections .mosaic.mob a.el4,
.guides .collections .mosaic.mob a.el6,
.guides .collections .mosaic.mob a.el3,
.guides .collections .mosaic.desk a.el6{
    pointer-events: auto;
}
.guides .collections .mosaic  a.el1:hover .img-container img{
    transform: scale(1.05);
}
.guides .collections .mosaic  a.el2:hover .img-container img,
.guides .collections .mosaic.desk  a.el3:hover .img-container img,
.guides .collections .mosaic.mob  a.el4:hover .img-container img,
.guides .collections .mosaic.desk  a.el5:hover .img-container img
.guides .collections .mosaic.mob .el3:hover .img-container img,
.guides .collections .mosaic.desk .el6:hover .img-container img{
    transform: scale(1.05);
}
.guides .collections .mosaic .img-container img{
    transition: inherit;
    opacity: 0.6;
    filter: grayscale(1);
}
.guides .collections .mosaic a{
    pointer-events: none;
}
.guides .collections .mosaic a:hover .img-container img{
    transform: inherit;
}

.guides .collections .mosaic a.inactive{
    pointer-events: none !important;
}
.guides .collections .mosaic .inactive .img-container img{
    transition: inherit !important;
    opacity: 0.6 !important;
    filter: grayscale(1) !important;
    transform: inherit !important;
}

.mosaique-2{
    width: 100%;
    max-width: 1230px;
    display: flex;
    flex-direction: column;
    margin-top: 48px;
    gap: 17px;
}
.mosaique-2 .line{
    display: flex;
    justify-content: space-between;
    gap: 17px;
}
.mosaique-2 .line .a-visuel{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    transition: .3s;
}
.mosaique-2 .line .a-visuel:hover img{
    transform: scale(1.05);
}
.mosaique-2 .line .a-visuel .visuel {
    transition: .6s;
    width: 100%;
    height: auto;
}
.mosaique-2 .line .a-visuel.first{
    width: 469px;
}
.mosaique-2 .line .a-visuel.second{
    width: 381px;
}
.mosaique-2 .line .a-visuel.third{
    width: 343px;
}
.mosaique-2 .a-visuel.off{
    filter: grayscale(1);
    pointer-events: none!important;
}
.mosaique-2 .line.bottom .a-visuel.first{
    width: 59%;
}
.mosaique-2 .line.bottom .a-visuel.second{
    width: 52.5%;
}
.mosaique-2 .line .title{
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    position: absolute;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-style: normal;
}
@media screen and ( min-width: 768px ) and ( max-width: 1054px ) {
    .mosaique-2 .line .title br.showm{
        display: none;
    }
}
@media screen and ( max-width: 1055px ) {
    .la-marque{
        width: 100%;
    }
    .mosaique-2{
        flex-direction: row;
        max-width: unset;
        justify-content: space-evenly;
        align-items: center;
        gap: 10px;
        width: 95%;
        margin-top: 25px;
    }
    .mosaique-2 .line .a-visuel.middle{
        margin: auto;
    }
    .mosaique-2 .line {
        flex-direction: column;
        width: 54.4%;
        gap: 10px;
    }
    .mosaique-2 .line.bottom{
        margin-top: unset;
        flex-direction: column-reverse;
        width: 48%;
    }
    .mosaique-2 .line.bottom .a-visuel.first{
        margin-right: unset;
    }
    .mosaique-2 .line.bottom .a-visuel,
    .mosaique-2 .line.bottom .a-visuel .visuel{
        width: 100%;
    }

    .mosaique-2 .line .a-visuel.first,
    .mosaique-2 .line .a-visuel.second,
    .mosaique-2 .line .a-visuel.third,
    .mosaique-2 .line.bottom .a-visuel.first,
    .mosaique-2 .line.bottom .a-visuel.second{
        width: 100%;
    }
    .mosaique-2 .line .title{
        font-size: 21px;
        line-height: 26px;
        transition: font-size .3s;
    }
}

@media screen and ( max-width: 430px ) {
    body.de_DE .mosaique-2 .line .title{
        font-size: 4.5vw;
        line-height: 5vw;
    }
}
@media screen and ( max-width: 360px ) {
    .mosaique-2 .line .title{
        font-size: 4vw;
        line-height: 5vw;
    }
}
.guides .title-page{
    text-align: center;
}
.guides .intro {
    margin: 16px 0 44px 0;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    line-height: 156.8%;
    text-align: center;
}
.guides .intro b{
    font-weight: 600;
}
.guides .category-contenu {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 76px 32px;
}

.guides .category-contenu .contenu {
    position: relative;
}

.guides .category-contenu .contenu.disabled,
.guides .cross-selling .search .cross-slide.disabled {
    user-select: none;
    opacity: 0.6;
    filter: grayscale(1);
    pointer-events: none;
}
.guides .category-contenu .contenu .blockimg{
    position: relative;
    display: flex;
    justify-content: center;
}
.guides .category-contenu .contenu h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    background-color: #fff;
    font-family: DM Serif Display;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    line-height: 40px;
    text-align: center;
    cursor:initial;

    width: auto;
    height: 48px;
    left: unset;
    margin: auto;
    position: absolute;
    top: unset;
    bottom: 15px;
    padding: 0 10% 3px;
}

@media screen and ( max-width: 1056px ){
    .guides .newsletter-container .newsletter{
        margin-top: 10px;
    }
    .guides .newsletter-container .mention{
        margin-bottom: 30px;
    }
}

.guides .question {
    display: grid;
    margin-top: 10px;
    margin-left: 20px;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    line-height: 18px;
    grid-template-columns: auto auto;
    width: 100%;
}

.guides .question ul {
    list-style: inherit;
}

.guides .cross-selling {
    margin-top: 50px;
}
.guides .cross-selling.push {
    margin-top: 20px;
}

.guides h2 {
    margin-bottom: 15px;
    font-family: 'DM Serif Display',sans-serif;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    line-height: 52px;
    text-align: center;
}
.guides h3.title-page.subtitle{
    font-family: 'DM Serif Display', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
}

.guides .cross-selling .title-section {
    color: #2D2D2D;
    text-align: center;
    font-family: 'DM Serif Display',sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 52px;
}
.guides .cross-selling .search .cross-slide {
    position: relative;
    width: 212px !important;
}

.guides .coeur.cross-selling .cross-slide {
    width: 286px !important;
}

.guides .cross-selling .cross-slide:last-child {
    margin-right: inherit;
}

.guides .cross-selling .blockcolor {
    position: absolute;
    width: 100%;
    height: 60%;
    background-color: #f6f4ef;
    bottom: 0;
}

.guides .cross-selling h3:not(.ES_product) {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 194px;
    height: 60px;
    margin: 0 auto;
    color: #2d2d2d;
    background-color: #fff;
    font-family: 'DM Serif Display', sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    line-height: 19px;
    top: 190px;
    left: 4.5%;
    text-align: center;
}
.guides .title-push-guides{
    font-family: 'DM Serif Display', sans-serif;
    font-size: 34px;
    font-weight: normal;
    font-style: normal;
    line-height: 52px;
    text-align: center;
    margin-top: 50px;
}
@media screen and (max-width: 1056px){

    .guides .title-push-guides{
        font-size: 30px;
        line-height: 37px;
        margin-top: 30px;
    }
}
.guides .bottom-brand {
    margin-top: 50px;
    margin-bottom: 0;
}

.guides.couette h1 {
    position: inherit;
    color: #000;
    font-size: 34px;
}

.guides.categorie h1{
    font-family: DM Serif Display;
    font-style: normal;
    font-weight: normal;
    display:flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    text-align: center;
    color:#fff;
    font-size:45px;
    line-height: 44px;
}

.guides .content-tag,
.guide-matieres .content-tag{
    margin-bottom: 20px;
    text-align: center;
}

.guides .content-tag .title,
.guide-matieres .content-tag .title{
    margin: 5px 0;
    font-weight: normal;
}

.guides .content-tag .tags,
.guide-matieres .content-tag .tags{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 12px;
    white-space: nowrap;
}

.guides .content-tag .tag,
.guide-matieres .content-tag .tag{
    margin: 10px 11px 0 0;
    padding: 6px 10px;
    font-size: 12px;
    border: 1px solid #635f5f;
    border-radius: 17px;
    text-transform: uppercase;
}

.guides .content-tag .tag:hover,
.guide-matieres .content-tag .tag:hover{
    font-weight: 500;
}

.guides .bloc-trait:first-child {
    display: flex;
    margin: 40px 0 80px;
}

.guides .bloc-trait {
    display: flex;
    margin: 80px 0;
    position: relative;
    z-index: 0;
}

.guides .bloc-trait b {
    font-weight: 600;
}

.guides .bloc-trait .visuel {
    height: 100%;
}

.guides .bloc-trait.visu-left .textblock {
    margin-left: 65px;
    text-align: left;
}

.guides .bloc-trait.visu-left h2 {
    font-size: 40px;
    text-align: left;
}

.guides.lutter-contre-froid {
    width: 100%;
}
.guides.lutter-contre-froid .bloc-trait.visu-left .textblock {
    margin-left: 62px;
    text-align: left;
}
.guides.lutter-contre-froid .visual-link {
    max-width: 688px;
}
.guides.lutter-contre-froid .bloc-trait.visu-left h2,
.guides.lutter-contre-froid .bloc-trait.visu-right h2 {
    font-size: 35px;
}

@media screen and (max-width: 1056px) {
    .guides.lutter-contre-froid .intro .subtitle {
        line-height: 27px;
    }
    .guides.lutter-contre-froid .bloc-trait.visu-left .textblock {
        margin-left: 0;
    }
    .guides.lutter-contre-froid .bloc-trait.first {
        margin-top: 45px!important;
    }
    .guides.lutter-contre-froid .bloc-trait.visu-left h2,
    .guides.lutter-contre-froid .bloc-trait.visu-right h2{
        font-size: 24px!important;
    }
    .guides.lutter-contre-froid .bloc-trait .text{
        padding-left: 9px;
        padding-right: 9px;
    }

}

.guides .bloc-trait.visu-right h2 {
    font-size: 40px;
    text-align: right;
}

.guides .bloc-trait.visu-right .textblock {
    margin-right: 65px;
}
.guides .bloc-trait.no-trait .title::after {
    display: none;
}
.guides .bloc-trait.no-trait h3.title{
    font-size:24px;
    line-height:28px;
}

.guides .bloc-trait .title {
    position: relative;
    font-family: 'DM Serif Display';
    font-size: 36px;
}
.guides .bloc-trait .subtitle {
    font-family: "DM Serif Display";
    font-size: 24px;
    line-height: 28px;
}
.guides .bloc-trait .title::after {
    content: '';
    display: block;
    position: absolute;
    width: 175px;
    height: 1px;
    background-color: #000;
    right: -140px;
    bottom: -35px;
}

.guides .bloc-trait.visu-right .title::after {
    right: -100px;
}

.guides .bloc-trait.visu-left .title::after {
    left: -100px;
}

.guides .bloc-trait .text {
    margin-top: 75px;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}

.guides .bloc-trait.no-trait .text {
    margin-top: 22px;
    width:456px;
}
.guides .protege-matelas .bloc-trait.no-trait .text {
    width: 441px;
    line-height: 16px;
}

.guides .content-conseil {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 40px;
    background-color: #ecf1f0;
}

.guides .content-conseil .conseil {
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    background-color: #ffffff;
}

.guides .content-conseil .conseil .visible {
    display: flex;
    justify-content: space-between;
}

.guides .content-conseil .conseil .showable {
    margin-top: 20px;
}

.guides .content-conseil .conseil .visible button {
    background: inherit;
    border: inherit;
}

.guides .faq {
    margin-top: 40px;
    padding: 0 166px;
}
.guides .faq .section-faq {
    display: inherit;
}
.guides .faq .section-faq .bloc{
    padding: 15px 10px 20px 29px;
}

.guides .faq .section-faq .question {
    margin: 0;
    text-align: left;
}

.guides .faq .section-faq .answer {
    padding-right: 0px;
    width: 769px;
}
.guides .faq ol {
    width: inherit;
}

.guides .faq.mini-faq{
    padding: 0;
    margin-top: unset;
}
.guides .faq.mini-faq .section-faq{
    padding: 11px;
}
.guides .faq.mini-faq .section-faq .bloc{
    padding: 15px;
}
.guides .faq.mini-faq .section-faq .answer{
    width: 100%;
    margin-top: 15px;
}
@media screen and ( max-width: 1056px ) {
    .guides .faq.mini-faq .section-faq{
        width: 90%;
        margin: auto;
    }
    .guides .faq.mini-faq .section-faq .allblocs{
        margin-top: unset;
    }
    .guides .faq.mini-faq .section-faq .bloc{
        padding: 11px;
    }
    .guides .faq.mini-faq .section-faq .question{
        height: 30px;
    }
}

.guides .text-under-ol {
    width: inherit!important;
}

.guides .content-tag .title {
    margin: 20px 0 10px;
    font-size: 13px;
}

.guides .cross-selling .swiper-wrapper {
    justify-content: center;
}
.guides .coup-coeur .title-section{
    margin-bottom: 0;
    margin-top: 60px;
}
.guides .coup-coeur .productblock .textblock .flex-container{
    display: flex;
}
.guides .coup-coeur.cross-selling .swiper-wrapper{
    justify-content: inherit;
}
.guides .swiper-button-disabled{
    display:none!important;
}
.guides .bloc-trait.first{
    margin-top:44px;
}
.guides h2 {
    margin-bottom: 22px;
    line-height:40px;
}
.guides .bloc-trait .title::after {
    bottom: -25px;
}
.guides .bloc-trait.protege-matelas .title::after {
    bottom: -15px;
}
.guides .bloc-trait.protege-matelas .text {
    margin-top: 30px;
}
.guides .bloc-trait.visu-left .title::after {
    left: -140px;
}
.guides .bloc-trait.visu-right .title::after {
    right: -150px;
    z-index: 1;
}
.guides .bloc-trait .text {
    margin-top: 54px;
    width:441px;
}

p#espaceversion2 {
    margin-top: 30px;
}

.guides.plier .title.repasser{
    width:450px;
}
.guides .search h2{
    margin-bottom:37px!important;
}
.guides.repasser .personnes .title{
    width:475px;
}
.guides.repasser .personnes{
    margin-top:46px;
}
.guides.repasser .bloc-trait.first {
    margin-bottom: 30px;
}
.guides .bloc-trait.visu-right {
    margin: 75px 0px 55px 0px;
}
.guides .tache-sang-drap-blanc .title, .guides .alcool h3{
    width:455px;
}
.guides.tache-sang .title.second{
    margin-top:24px;
}
.guides ol{
    list-style: decimal;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    padding-left:12px;
    width:441px;
}
.guides ol.disc{
    list-style: disc;
    padding-left: 30px;
}
.guides .text-under-ol{
    margin-top:19px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    width: 441px;
}
.guides .search .swiper-container {
    height: 291px;
}

.guides.nettoyer .container.container1230{
    margin-top:34px;
}

.guides.nettoyer .breadcrumb .container.container1230 {
    margin-top: 0px;
}

.guides.nettoyer ol{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    color: #000000;
}
.guides.nettoyer .text-under-ol{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    color: #000000;
    margin:0px;
}
.guides.matelas-dos .first .title{
    width:450px;
}

.guides.quel-matelas-choisir .protege-matelas{
    margin: 50px 0px 0px 0px;
}

.guides.quel-matelas-choisir .protege-matelas .no-trait .textblock{
    margin-left:0px;
}

.guides.quel-matelas-choisir .protege-matelas .no-trait{
    margin: 30px 0px 45px 0px;
}
.guides.quel-matelas-choisir .forme-matelas {
    margin-top:0px;
}
.guides.quel-matelas-choisir .forme-matelas .textblock{
    margin-top:54px;
}
.guides.quel-matelas-choisir .alese .textblock{
    margin-top:100px;
}
.guides.quel-matelas-choisir .densite .textblock{
    margin-top:40px;
}
.guides.quel-matelas-choisir .technologie .text{
    line-height:16px;
}
.guides.quel-matelas-choisir .matelas-bebe .text{
    margin-left: 60px;
}
.guides.quel-matelas-choisir .matelas-bebe .no-trait{
    margin: 36px 0px 0px 60px;
}
.guides.quel-matelas-choisir .matelas-bebe .no-trait .text{
    margin-left: 0px;
}
.guides.quel-matelas-choisir .bloc-trait.no-trait.garnissage .text {
    margin-top: 5px;
}
.guides.matelas-dos .bloc-trait.memoire-forme {
    margin: 44px 0px 55px 0px;
}
.guides.table.torchons .container.container1230.full-image{
    margin-top:54px;
}
body.de_DE .guides.table.nappe .bloc-trait {
    margin-top: 40px;
}
.guides.table.nappe .bloc-trait.cire .textblock {
    margin-left: 0px;
}
.guides.table.nappe .bloc-trait.visu-right.tache-gras {
    margin-top: 25px;
}
.guides.nettoyer.tapis .bloc-trait .text{
    width: 456px;
}
.guides.la-salle-de-bain .intro a {
    text-decoration: underline;
}
.guides.la-salle-de-bain .contenu:first-child .blockimg h2{
    padding: 0 4% 3px;
}
.guides.la-salle-de-bain .contenu:nth-child(2) .blockimg h2{
    padding: 0 4% 3px;
}
@media screen and (max-width: 1056px) {
    .breadcrumb.guides ul a {
        font-size: 9px;
    }
    .guides {
        width: inherit;
        margin: inherit;
    }
    .guides .visual-legend{
        position: absolute;
        top: -15px;
        margin: auto;
        width: 100%;
        text-align: center;
    }
    .guides .visual-legend.pos-left-mb{
        text-align: left;
        padding-left: 5px;
    }
    .guides .visual-legend.long-legend{
        top: -25px;
    }
    .guides .visual-link.showd{
        display: none;
    }
    .guides .breadcrumb ul li a{
        font-size:9px;
    }
    .guides .container .breadcrumb {
        margin: 10px 0;
    }
    .guides .titre-page{
        font-size: 31px;
    }
    .guides h1.title-page {
        font-size: 25px;
    }
    .guides h1.title-page.big-mb{
        font-size: 32px;
        line-height: 35px;
    }
    .guides .content-tag .tags,
    .guide-matieres .content-tag .tags{
        flex-wrap: inherit;
        justify-content: inherit;
        overflow: scroll;
        margin: 0 11px 0 10px;
    }

    .guides .content-tag .tag,
    .guide-matieres .content-tag .tag{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 7px;
        white-space: nowrap;
    }
    .guides .cross-selling .swiper-slide{
        width:291px;
        margin-right: 15px !important;
    }

    .guides .bloc-trait.visu-right {
        flex-direction: column-reverse;
    }

    .guides.matelas-dos .bloc-trait.no-trait.visu-right .textblock {
        padding:0px;
    }

    .guides.matelas-dos .bloc-trait.no-trait {
        margin:29px 0px!important;
    }

    .guides.matelas-dos .bloc-trait.no-trait.visu-left {
        margin:0px!important;
    }

    .guides.matelas-dos .bloc-trait.no-trait.visu-right {
        margin:0px!important;
    }

    .guides .bloc-trait.visu-left {
        flex-direction: column;
    }

    .guides .bloc-trait .visuel {
        width: 100%;
    }

    .guides .bloc-trait .textblock {
        padding: 0 10px;
        text-align: left;
    }
    .guides .bloc-trait.retirer-cire .textblock {
        padding: 0 20px;
    }
    .guides .bloc-trait.amidonner-nappe .textblock {
        padding: 0 20px;
    }
    .guides .bloc-trait.detacher-nappe .textblock {
        padding: 0 20px;
    }
    .guides .bloc-trait.tache-chocolat .textblock {
        padding: 0 15px 0 20px;
    }
    .guides .bloc-trait.tache-vin .textblock {
        padding: 0 20px;
    }
    .guides .bloc-trait.nappe-jaunie .textblock {
        padding: 0 20px;
    }

    .guides .bloc-trait.visu-right .textblock {
        margin-right: 0;
    }

    .guides .bloc-trait.visu-left .textblock {
        margin-left: 0;
    }
    .guides.nettoyer.tapis{
        width: 100%;
        overflow: hidden;
    }
    .guides.nettoyer.tapis .bloc-trait.visu-left h3{
        padding-left: 20px!important;
    }
    .guides.nettoyer.tapis .bloc-trait .text{
        width: 334px;
        margin: 25px auto 0;
    }
    .guides.nettoyer.tapis .bloc-trait.visu-left h2.title{
        margin-left: 20px;
        padding-left: 15px;
    }
    .guides.nettoyer.tapis .bloc-trait.visu-right h2.title{
        margin-right: 20px;
        padding-right: 15px;
    }
    .guides .bloc-trait .title {
        margin-top: 20px;
    }
    .guides .bloc-trait .subtitle {
        padding: 0 20px;
        margin-top: 20px;
        font-size: 20px;
    }
    .guides .bloc-trait.visu-left .title {
        padding-left: 15px;
    }
    .guides .bloc-trait.visu-left.enlever-cire .title {
        padding-left: 15px;
        padding-right: 20px;
    }
    .guides .bloc-trait.no-trait h3.title{
        font-size: 20px;
    }
    .guides .bloc-trait.visu-left h2.title {
        margin-left: 10px;
    }


    .guides .bloc-trait.visu-right .title {
        padding-right: 15px;
        padding-left: 5px;
    }

    .guides .bloc-trait.visu-right .title::after {
        right: 0;
        z-index: 9999;
    }

    .guides .bloc-trait.visu-left .title::after {
        left: 0;
    }

    .guides .bloc-trait .title::after {
        width: 1px;
        height: 85px;
        top: -60px;
        bottom: auto;
    }
    .guides .bloc-trait.visu-left.amidonner-nappe h2.title {
        margin-right: 0px;
        margin-left: unset;
        text-align: right;
        padding-right: 14px;
        padding-left: unset;
    }

    .guides .bloc-trait.visu-left.amidonner-nappe .title::after {
        right: 0;
        left: unset;
    }
    .guides .bloc-trait.visu-right.detacher-nappe .title::after {
        left: 0;
        right: unset;
    }
    .guides .bloc-trait.visu-right.detacher-nappe .title{
        text-align: left;
        padding-left: 15px;
        padding-right: unset;
    }
    .guides .bloc-trait.visu-right.detacher-nappe h3.title{
        padding-left: 0;
    }
    .guides .bloc-trait.no-trait.tache-chocolat h3.title{
        font-size: 19.5px;
    }

    .guides .slider-arrow {
        display: flex;
        margin: 0 5px;
    }

    .guides .faq {
        padding: 0 10px;
    }

    .guides .faq .section-faq .allblocs {
        display: inherit;
    }
    .guides .faq .section-faq .question {
        display: flex;
        height: 40px;
    }

    .guides .faq .section-faq .question .plus{
        position: absolute;
        right: 10px;
    }

    .guides .faq .section-faq .answer {
        padding-right: 0 ;
        font-size: 12px;
        width:inherit;
        line-height:15px;
    }

    .guides .category-contenu {
        grid-template-columns: auto;
        grid-gap: 24px 0;
    }

    .guides .intro {
        padding: 0 15px;
        margin: 12px auto 30px auto;
        font-size: 13px;
    }

    .guides .category-contenu .contenu .blockimg img {
        margin: 0 auto;
    }
    .guides.la-table .category-contenu .contenu h2{
        font-size: 28px;
    }
    .guides.la-deco .category-contenu .contenu h2{
        font-size: 28px;
    }
    .guides .question {
        max-width: 290px;
        margin: 8px auto 0 auto;
    }

    .guides.categorie h1{
        font-size:31px;
        line-height: 32px;
    }

    .guides .cross-selling.cross-tag {
        margin-top: 12px;
        margin-bottom: 33px;
    }
    .guides .cross-selling.cross-tag .swiper-slide {
        width: initial;
        margin-right: 0 !important;
    }
    .guides .cross-selling.cross-tag .swiper-wrapper {
        padding-left: 70px;
    }
    .guides .bloc-trait {
        margin: 25px 0;
    }
    .guides .cross-selling .search .swiper-wrapper {
        padding-left: 0px;
        margin-left:20px;
        justify-content: flex-start;
    }
    .guides .comment-nettoyer-nappe .cross-selling .search .swiper-wrapper {
        padding-left: unset;
    }
    .guides .comment-nettoyer-nappe .cross-selling .search .swiper-slide{
        margin: auto!important;
    }
    .guides .comment-nettoyer-torchon .cross-selling .search .swiper-wrapper {
        padding-left: unset;
    }
    .guides .comment-nettoyer-torchon .cross-selling .search .swiper-slide{
        margin: auto!important;
    }
    .guides .bloc-trait h2 {
        font-size: 34px!important;
    }
    .guides .bloc-trait .text {
        width: 100%;
    }
    .guides .title.repasser {
        width: 100%!important;
    }
    .guides:not(.useModules) .coup-coeur.cross-selling .swiper-container{
        margin-left:21px;
        height: 285px;
    }
    .guides .coup-coeur.cross-selling .swiper-container{
        margin-left:21px;
    }
    .guides.laver .coup-coeur.cross-selling .swiper-container{
        margin-left:21px;
        height: unset;
    }
    .guides.repasser .personnes .title {
        width: inherit;
    }
    .guides.tache-sang .tache-sang-drap-blanc .title, .guides .alcool h3 {
        width: 100%;
    }
    .guides.tache-sang .breadcrumb ul {
        padding: 0 5px;
        flex-wrap: wrap;
    }
    .guides.tache-sang .breadcrumb ul li a {
        font-size: 8.5px;
    }
    .guides.tache-sang .bloc-trait.visu-right.tache-sang-drap-blanc .title{
        text-align: left;
        padding-left: 15px;
    }
    .guides.tache-sang .bloc-trait.visu-right.tache-sang-drap-blanc .title::after {
        left: 0;
    }
    .guides .bloc-trait.visu-left h3 {
        padding-left: 0px!important;
    }
    .guides.tache-sang .title.second {
        margin-top: 22px;
    }
    .guides ol{
        width: 100%;
    }
    .guides .text-under-ol{
        width: 100%;
    }
    .guides .bloc-trait.first{
        margin-top:0px!important;
    }
    .intro.second{
        font-size:13px;
        line-height: 16px;
    }
    .guides .search .swiper-container {
        height: 300px;
    }
    .guides .cross-selling .search .blockcolor {
        position: absolute;
        width: 100%;
        height: 45%;
        background-color: #f6f4ef;
        bottom: 20px;
    }
    .guides .container.container1230 img.mobile {
        width: 100%;
    }
    .guides .faq .section-faq .answer {
        margin-top: 10px;
    }
    .guides.plier.couette .bloc-trait.visu-right.double .title::after {
        right: 7px;
    }
    .guides.nettoyer ol{
        font-size: 12px;
        line-height:15px;
    }
    .guides.nettoyer .text-under-ol{
        font-size: 12px;
    }
    .guides.matelas-dos .first .title{
        width:inherit;
    }
    .guides.quel-matelas-choisir .matelas-bebe .text {
        margin-left: 0px;
    }
    .guides.quel-matelas-choisir .protege-matelas .bloc-trait.no-trait .textblock, .guides.quel-matelas-choisir .matelas-bebe .bloc-trait.no-trait .textblock {
        padding: 0px;
    }
    .guides.quel-matelas-choisir .no-trait {
        margin:18px 0px!important;
    }
    .guides.quel-matelas-choisir .bloc-trait.protege-matelas{
        margin: 30px 0px!important;
    }
    .guides.quel-matelas-choisir .forme-matelas .textblock {
        margin-top: 0;
    }
    .guides.quel-matelas-choisir .alese .textblock {
        margin-top: 0;
    }
    .guides.quel-matelas-choisir .densite .textblock {
        margin-top: 0;
    }
    .guides.quel-matelas-choisir .matelas-bebe {
        margin-bottom: 0!important;
    }
    .guides .bloc-trait.no-trait .text {
        width: inherit!important;
    }
    .guides .bloc-trait .text {
        width: inherit;
    }
    .guides.table.nappe .bloc-trait.cire {
        margin: 30px 0 0 0!important;
    }
    .guides.table.nappe .bloc-trait.cire .title {
        margin-top: 0;
        font-size: 20px;
    }
    .guides.table.nappe .bloc-trait.first {
        margin-bottom: 0!important;
    }
    .guides.table.nappe .bloc-trait.retirer-cire {
        margin-top: 30px !important;
    }
    .guides.table.nappe .tache-cire-froid{
        margin-top: 0 !important;
    }
    .guides.table.nappe .bloc-trait.visu-right.tache-gras {
        margin-bottom: 0!important;
        margin-top: 0!important;
    }
    .guides.table.nappe .bloc-trait.visu-right.tache-gras .textblock{
        padding: 0;
    }
    .guides.table.nappe .tache-chocolat{
        margin-top: 20px!important;
    }
    .guides.la-salle-de-bain .category-contenu .contenu h2{
        font-size: 24px;
        line-height: 24px;
        top: unset;
        bottom: 15px;
        position: absolute;
        left: unset;
    }
    .guides.la-salle-de-bain .contenu .blockimg{
        display: flex;
        justify-content: center;
        position: relative;
    }
}

@media screen and (max-width: 675px) {

    .guides .container.container1230Vers2 img.mobile {
        width: 100%;
        margin-top: 20px;
    }

    .container .vlsupprimer{
        display: none;
    }

    h3.titrevmb {
        font-size: 24px;
    }

    .container h3.title.versionmb::after {
        display: none;
    }

    .guides .bloc-trait .stv2 {
        padding: 0 20px;
        margin-top: 20px;
        font-size: 25px;
    }

    .container h3.title.versionmb{
        margin-top: 0;
        font-size: 28px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .guides {
        width: inherit;
    }
    .guides .container .breadcrumb {
        margin: 10px 0;
    }
    .guides .collections .mosaic .column2{
        margin: 0 0 0 5px;
    }
    .guides h2 {
        margin-bottom: 10px;
        font-size: 25px;
        line-height: inherit;
    }

    .guides .description-page {
        padding: 0 20px;
        font-size: 11px;
        line-height:14px;
    }
    .guides.nettoyer.tapis .textblock {
        padding: 0;
    }
    .guides .bloc-trait .text {
        margin-top: 25px;
    }

    .guides .bottom-brand {
        margin-top: 45px;
    }

    .guides .bottom-brand .slide {
        /*width: 70vw;*/
        margin-right: 30px;
    }

    .guides .faq .section-faq .bloc {
        padding: 11px 15px;
        position: relative;
    }
    .faq .section-faq .question {
        margin: 0;
    }

    .guides .content-tag .title {
        padding: 0 50px;
        font-size: 12px;
        margin: 20px 0 12px;
    }
    .guides .content-tag .tags,
    .guide-matieres .content-tag .tags{
        justify-content: inherit;
        margin-left: 10px;
        padding-bottom: 15px;
        overflow: scroll hidden;
    }
    body.de_DE .guide-matieres .content-tag .tags{
        justify-content: center;
    }
    .guides .content-tag .tag,
    .guide-matieres .content-tag .tag{
        display: flex;
        align-items: center;
        padding: 7px;
        white-space: nowrap;
    }
    .guides .cross-selling h2 {
        margin-bottom: 0;
    }
    .guides .coeur.cross-selling .swiper-slide .productblock .textblock .type{
        font-size: 12px;
    }
    .guides .coeur.cross-selling .swiper-slide .productblock .textblock .collection{
        font-size: 13px;
    }
    .guides .bloc-trait {
        margin: 50px 0px 33px 0px!important;
    }
    .guides.tache-sang .bloc-trait {
        margin: 30px 0px 33px 0px!important;
    }
    .guides .faq {
        margin-top: 19px;
    }
    .guides.nettoyer .newsletter {
        margin: 15px auto 50px;
    }
}
@media screen and (max-width: 380px) {
    .guides .breadcrumb ul {
        padding: 0 10px;
    }
    .guides.repasser .breadcrumb ul {
        padding: 0 0px 0px 5px;
    }
    .guides.tache-sang .breadcrumb ul {
        padding: 0 0px 0px 5px;
    }
    .guides.tache-sang .breadcrumb ul li a {
        font-size: 7.5px;
    }
}
@media screen and (max-width: 375px){
    .guides .breadcrumb ul {
        padding: 0 5px;
    }
    .guides.repasser .breadcrumb ul {
        padding: 0px;
    }
    .guides.plier.couette .bloc-trait.visu-right.double .title {
        width: 336px;
    }
    .guides.repasser .breadcrumb ul li a {
        font-size: 8.5px;
    }
    .guides.repasser .breadcrumb ul {
        padding: 0px 0px 0px 10px;
    }
}
@media screen and (max-width: 360px){
    .guides .breadcrumb ul li a {
        font-size: 8.5px!important;
    }
    .guides.plier.couette .bloc-trait.visu-left.first .title {
        width: 325px;
    }
    .guides.plier.couette .bloc-trait.visu-right.double .title {
        width: 322px;
    }
    .guides.plier.couette .bloc-trait.visu-right.double .textblock {
        padding: 0 15px;
    }
    .guides.plier.couette .bloc-trait.visu-right.double .title::after {
        right: 4px;
    }
    .guides .description-page {
        padding: 0 10px;
    }
}
@media screen and (max-width: 340px){
    .guides.plier.couette .bloc-trait.visu-left.first .title {
        width: 320px;
        padding-left:0px;
    }
    .guides.plier.couette .bloc-trait.visu-left.first .title::after {
        left: -10px;
    }
    .guides.plier.couette .bloc-trait.visu-right.double .title {
        width: inherit;
    }
}
@media screen and (max-width: 320px){
    .guides .breadcrumb ul a {
        font-size: 7.5px!important;
    }
    .guides .intro {
        max-width: 320px;
    }
    .guides.matelas-dos h1.title-page {
        font-size: 20px;
    }
    .guides.matelas-dos .intro {
        padding: 0 20px;
    }
    .guides.matelas-dos .ressort, .guides.matelas-dos .latex  {
        margin-top:0;
    }
    .guides .bloc-trait h2 {
        font-size: 30px!important;
    }
    .guides.table.nappe .bloc-trait h2 {
        font-size: 28px!important;
    }
    .guides .newsletter {
        margin: 20px auto 50px;
    }
}

/* Guides - laver serviette de bain */
.laver-serviette-bain.guides .intro a,
.laver-serviette-bain.guides .textblock a{
    text-decoration: underline;
}
.laver-serviette-bain.guides .tags a{
    text-decoration: none;
}
.laver-serviette-bain.guides .bloc-trait .visuel{
    height: auto;
}
.laver-serviette-bain.guides .bloc-trait .text{
    line-height: 15.5px;
}
.laver-serviette-bain.guides .bloc-trait.visu-left .title::after {
    bottom: -20px;
    left: -135px;
}
.laver-serviette-bain.guides .bloc-trait.first .text {
    margin-top: 47px;
}
.laver-serviette-bain.guides .first ol{
    line-height: 17px;
    width: 450px;
}
.laver-serviette-bain.guides .bloc-trait.second .text {
    margin-top: 24px;
    width: 456px;
}
.laver-serviette-bain.guides .second ol{
    width: 445px;
}
.laver-serviette-bain.guides .bloc-trait.third .text {
    width: 438px;
}
.laver-serviette-bain.guides .bloc-trait.fourth .text {
    width: 445px;
}
.laver-serviette-bain.guides .bloc-trait.fifth .text {
    margin-top: 41px;
}
.laver-serviette-bain.guides .bloc-trait.fifth ol{
    width: 430px;
}
.laver-serviette-bain.guides .bloc-trait.sixth .text {
    margin-top: 25px;
}
.laver-serviette-bain.guides .bloc-trait.seventh .text{
    margin-top: 41px;
}
@media screen and (max-width: 1056px) {
    .laver-serviette-bain.guides .title-page{
        font-size: 24px;
    }
    .laver-serviette-bain.guides .bloc-trait.visu-left .title::after {
        left: 0;
        top: -55px;
    }
    .laver-serviette-bain.guides .bloc-trait.first{
        margin: 0 !important;
    }
    .laver-serviette-bain.guides .bloc-trait.first .text {
        width: 95%;
        margin: 16px auto 0;
    }
    .laver-serviette-bain.guides .bloc-trait.first.visu-left h3{
        width: 94%;
        margin: 20px auto;
        padding: unset;
    }
    .laver-serviette-bain.guides .first ol{
        line-height: 17px;
        width: 91%;
        margin: auto;
    }
    .laver-serviette-bain.guides .bloc-trait.second{
        margin: 20px 0 0 0 !important;
    }
    .laver-serviette-bain.guides .bloc-trait.second h3{
        margin: 0 auto;
        width: 94%;
        padding: unset;
    }
    .laver-serviette-bain.guides .bloc-trait.second .text {
        width: 94%;
        margin: 13px auto 0;
    }
    .laver-serviette-bain.guides .second ol {
        width: 91%;
        margin: auto;
    }
    .laver-serviette-bain.guides .bloc-trait.visu-left.reverse-line-mb h2.title{
        text-align: right;
        margin-left: unset;
        margin-right: 30px;
    }
    .laver-serviette-bain.guides .bloc-trait.visu-left.reverse-line-mb .title::after {
        right: -20px;
        top: -55px;
        left: unset;
    }
    .laver-serviette-bain.guides .bloc-trait.third{
        margin: 40px 0 0 0 !important;
    }
    .laver-serviette-bain.guides .bloc-trait.third .text {
        width: 91.1%;
        margin: 19px auto 0;
    }
    .laver-serviette-bain.guides .bloc-trait.fourth{
        margin: 0 0 0 0 !important;
    }
    .laver-serviette-bain.guides .bloc-trait.fourth .text{
        width: 94%;
        margin: 0 auto;
    }
    .laver-serviette-bain.guides .bloc-trait.fifth{
        margin: 40px 0 0 0 !important;
    }
    .laver-serviette-bain.guides .bloc-trait.fifth .text {
        width: 94%;
        margin: 25px auto 0;
    }
    .laver-serviette-bain.guides .bloc-trait.fifth ol {
        width: 91%;
        margin: auto;
    }
    .laver-serviette-bain.guides .bloc-trait.fifth h3{
        margin: 20px auto 0;
        width: 94%;
        padding: unset;
    }
    .laver-serviette-bain.guides .bloc-trait.sixth{
        margin: 0 0 0 0 !important;
    }
    .laver-serviette-bain.guides .bloc-trait.sixth h3{
        margin: 20px auto 0;
        width: 94%;
        padding: unset;
    }
    .laver-serviette-bain.guides .bloc-trait.sixth .text {
        width: 94%;
        margin: 13px auto 0;
    }
    .laver-serviette-bain.guides .bloc-trait.sixth ol {
        width: 91%;
        margin: auto;
    }
    .laver-serviette-bain.guides .bloc-trait.seventh.reverse-line-mb h2.title{
        text-align: right;
        margin-left: unset;
        margin-right: 30px;
    }
    .laver-serviette-bain.guides .bloc-trait.seventh.reverse-line-mb .title::after {
        right: -20px;
        top: -55px;
        left: unset;
    }
    .laver-serviette-bain.guides .bloc-trait.seventh .text{
        width: 94%;
        margin: 24px auto 0;
    }
    .laver-serviette-bain.guides .bloc-trait.eighth.reverse-line-mb h2.title{
        text-align: left;
        margin-left: 15px;
    }
    .laver-serviette-bain.guides .bloc-trait.eighth.reverse-line-mb .title::after {
        right: unset;
        top: -55px;
        left: -5px;
    }
    .laver-serviette-bain.guides .bloc-trait.eighth .text{
        width: 94%;
        margin: 24px auto 0;
    }
    .laver-serviette-bain.guides .bloc-trait.ninth.reverse-line-mb h2.title{
        text-align: right;
        margin-left: unset;
        margin-right: 30px;
    }
    .laver-serviette-bain.guides .bloc-trait.ninth.reverse-line-mb .title::after {
        right: -20px;
        top: -55px;
        left: unset;
    }
    .laver-serviette-bain.guides .bloc-trait.ninth .text{
        width: 94%;
        margin: 24px auto 0;
    }
    .laver-serviette-bain.guides .cross-selling .search .swiper-wrapper{
        justify-content: center;
        padding-left: unset;
    }
    .laver-serviette-bain.guides .cross-selling .search .swiper-wrapper .swiper-slide{
        margin: auto !important;
    }
    .guides .bloc-trait.trait-droit-mobile .title::after {
        left: auto;
        right: 7px;
    }
    .guides .bloc-trait.trait-gauche-mobile .title::after {
        right: auto;
        left: 7px;
    }
    .guides .bloc-trait.trait-gauche-mobile .title {
        text-align: left;
        padding-left: 20px;
    }
}
@media screen and (max-width: 320px) {
    .laver-serviette-bain.guides .title-page{
        font-size: 24px;
    }
    .laver-serviette-bain.guides .bloc-trait.visu-left.reverse-line-mb h2.title{
        font-size: 28px!important;
    }
}

/* Guides - quel-peignoir-de-bain-choisir */
.quel-peignoir-de-bain-choisir.guides .intro a,
.quel-peignoir-de-bain-choisir.guides .textblock a{
    text-decoration: underline;
}
.quel-peignoir-de-bain-choisir.guides .tags a{
    text-decoration: none;
}
.quel-peignoir-de-bain-choisir.guides .bloc-trait .visuel{
    height: auto;
}
.quel-peignoir-de-bain-choisir.guides .bloc-trait.first{
    margin-bottom: 35px;
}
.quel-peignoir-de-bain-choisir.guides .bloc-trait.first .text{
    width: 455px;
    line-height: 16px;
}
.quel-peignoir-de-bain-choisir.guides .bloc-trait.first .textblock{
    position: relative;
    top: -12px;
}
.quel-peignoir-de-bain-choisir.guides table.taille-peignoir-femme{
    margin: auto;
    width: 860px;
    height: 120px;
    text-align: center;
}
.quel-peignoir-de-bain-choisir.guides table.taille-peignoir-femme tr:last-child{
    background-color: #F5F5F5;
}
.quel-peignoir-de-bain-choisir.guides table.taille-peignoir-femme td.firstborder{
    width: 295px;
}
.quel-peignoir-de-bain-choisir.guides table.taille-peignoir-femme td{
    vertical-align: middle;
    border: solid 1px #BEBEBE;
    width: 94px;
    font-size: 15px;
}
.quel-peignoir-de-bain-choisir.guides .bloc-trait.sixth{
    margin: 80px 0 50px;
}
.quel-peignoir-de-bain-choisir.guides .bloc-trait.sixth .text{
    width: 445px;
}
.quel-peignoir-de-bain-choisir.guides table.taille-peignoir-homme{
    margin: auto;
    width: 860px;
    height: 180px;
    text-align: center;
}
.quel-peignoir-de-bain-choisir.guides table.taille-peignoir-homme tr:not(:first-child){
    background-color: #F5F5F5;
}
.quel-peignoir-de-bain-choisir.guides table.taille-peignoir-homme td.firstborder{
    width: 295px;
}
.quel-peignoir-de-bain-choisir.guides table.taille-peignoir-homme td{
    vertical-align: middle;
    border: solid 1px #BEBEBE;
    width: 94px;
    font-size: 15px;
}

@media screen and ( max-width: 1055px ) {
    .quel-peignoir-de-bain-choisir.guides .table-mb {
        width: 95%;
        display: block;
        overflow: scroll;
        margin-left: 5%;
    }
    .quel-peignoir-de-bain-choisir.guides table.taille-peignoir-homme td.firstborder {
        width: 150px;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.first .title {
        margin-top: 30px;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.first .text {
        width: 94%;
        margin: 25px auto 0;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.second .title {
        padding-right: 30px;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.second .title::after{
        right: 10px;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.second .text {
        width: 94%;
        margin: 25px auto 0;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.third{
        margin: 0 0 0 0 !important;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.third .text {
        width: 94%;
        margin: 25px auto 0;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.third  ol {
        width: 91%;
        margin: 15px auto 0;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.fourth{
        margin: 0 0 0 0 !important;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.fourth  ol {
        width: 91%;
        margin: auto;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.sixth.reverse-line-mb .title{
        margin-left: 0;
        padding-right: 15px;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.sixth.reverse-line-mb .title::after{
        left: unset;
        right: 10px;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.sixth .text {
        width: 94%;
        margin: 25px auto 0;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.seventh.reverse-line-mb .title{
        padding-left: 20px;
        text-align: left;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.seventh.reverse-line-mb .title::after{
        left: 10px;
        right: unset;
    }
    .quel-peignoir-de-bain-choisir.guides .bloc-trait.seventh .text {
        width: 94%;
        margin: 25px auto 0;
    }
    .quel-peignoir-de-bain-choisir.guides .cross-selling .search .swiper-wrapper{
        justify-content: center;
        padding-left: unset;
    }
    .quel-peignoir-de-bain-choisir.guides .cross-selling .search .swiper-wrapper .swiper-slide{
        margin: auto !important;
    }
}

/* Guides deco-noel */
.guides.deco-noel .bloc-trait .text{
    margin-top: 25px;
}
.guides.deco-noel .bloc-trait .text.mt-55{
    margin-top: 55px;
}
.guides.deco-noel .bloc-trait.visu-right h2,
.guides.deco-noel .bloc-trait.visu-left h2{
    font-size: 35px;
    line-height: 40px;
}
.guides.deco-noel .bloc-trait.visu-left .centre-de-table .text.large{
    width: 456px;
}
.guides.deco-noel .bloc-trait.visu-right .decorer-table-noel .text.large{
    width: 448px;
}
.guides.deco-noel.v2 .banner{
    background-image: url('https://www.linvosges.com/medias.v3/content/de/tipps-fuer-den-winter/banner.webp');
    width: 100%;
    color: #FFFFFF;
    background-size: cover;
}
.guides.deco-noel.v2 .banner .breadcrumb ul a{
    color: #fff;
}
.guides.deco-noel.v2 .banner .content-tag .title{
    margin: 40px 0 10px;
}
.guides.deco-noel.v2 .banner .content-tag .tag{
    background: #FFF;
}
.guides.deco-noel.v2 .banner .title-page {
    margin: 80px auto 125px;
}

@media screen and ( max-width: 1056px ) {
    .guides.deco-noel .bloc-trait .textblock{
        z-index: 9999;
    }
    .guides.deco-noel .bloc-trait .text.mt-55{
        width: 95%;
        margin: 20px auto 0;
    }
    .guides.deco-noel .bloc-trait.visu-right h2, .guides.deco-noel .bloc-trait.visu-left h2 {
        font-size: 24px !important;
        line-height: 27px;
    }
    .guides.deco-noel .bloc-trait.visu-right .faire-decorations-noel .title{
        padding-right: 25px;
    }
    .guides.deco-noel .bloc-trait.visu-right .subtitle,
    .guides.deco-noel .bloc-trait.visu-left .subtitle{
        font-size: 20px!important;
        padding: 0;
    }
    .guides.deco-noel .bloc-trait.visu-right .faire-decorations-noel .title::after{
        right: 10px;
    }
    .guides.deco-noel .bloc-trait.mb-mb {
        margin: 50px 0 0 0!important;
    }
    .guides.deco-noel .bloc-trait.visu-right.mt-mb {
        margin: 0 0 33px 0!important;
    }
    .guides.deco-noel .bloc-trait.visu-left .centre-de-table .subtitle,
    .guides.deco-noel .bloc-trait.visu-left .centre-de-table .text.large,
    .guides.deco-noel .bloc-trait.visu-right .centre-de-table .subtitle,
    .guides.deco-noel .bloc-trait.visu-right .centre-de-table .text,
    .guides.deco-noel .bloc-trait.visu-right .decorer-table-noel .text.large{
        width: 95%;
        margin: 20px auto 0;
    }
    .guides.deco-noel .bloc-trait .textblock ol{
        width: 95%;
    }
    .guides.deco-noel .intro.bis h2{
        font-size: 24px;
        line-height: 27px;
    }
    .guides.deco-noel .answer p{
        line-height: 20px;
    }
    .guides.deco-noel .bloc-trait.visu-right.reverse-line-mb h2.title{
        text-align: left;
        margin-right: unset;
        margin-left: 30px;
        padding: 0;
    }
    .guides.deco-noel .bloc-trait.visu-right.reverse-line-mb .title::after {
        left: -20px;
        top: -55px;
        right: unset;
    }
    .guides.deco-noel .bloc-trait.visu-left.reverse-line-mb h2.title{
        text-align: right;
        margin-left: unset;
        margin-right: 30px;
    }
    .guides.deco-noel .bloc-trait.visu-left.reverse-line-mb .title::after {
        right: -20px;
        top: -55px;
        left: unset;
    }
    .guides.deco-noel .cross-selling .search .swiper-wrapper{
        justify-content: center;
        padding-left: unset;
    }
    .guides.deco-noel .cross-selling .search .swiper-wrapper .swiper-slide{
        margin: auto !important;
    }
    .guides.deco-noel.v2 .banner{
        background-image: url('https://www.linvosges.com/medias.v3/content/de/tipps-fuer-den-winter/banner-m.webp');
    }
    .guides.deco-noel.v2 .banner .title-page{
        font-size: 31px;
        padding: 0 20px;
        width: auto;
        margin: 30px auto;
    }
}
.guides.la-marque .bottom-brand {
    margin: 80px 0 0;
}
.guides.la-marque .bottom-brand.guides{
    margin-top: 40px;
}
/* Guides - Quel pyjama choisir */
.quel-pyjama-choisir .visuel{
    height: auto!important;
}
.quel-pyjama-choisir .bloc-trait.content-1 .title::after{
    bottom: -20px;
}
.quel-pyjama-choisir .content-1 .no-trait{
    margin: 40px 0 0 0;
}
.quel-pyjama-choisir .content-1 .no-trait .textblock{
    margin-left: 0;
}
.quel-pyjama-choisir .content-4 .no-trait{
    margin: 45px 0 0 0;
}
.quel-pyjama-choisir .content-6 .no-trait,
.quel-pyjama-choisir .content-8 .no-trait{
    margin: 55px 0 0 0;
}
.quel-pyjama-choisir .content-3.no-trait .textblock,
.quel-pyjama-choisir .content-5.no-trait .textblock,
.quel-pyjama-choisir .content-7.no-trait .textblock,
.quel-pyjama-choisir .content-9.no-trait .textblock{
    padding-top: 10px;
}

.quel-pyjama-choisir .title::after{
    z-index: 1!important;
}
.quel-pyjama-choisir .textblock h2{
    font-size: 35px!important;
}
.quel-pyjama-choisir .text{
    margin-top: 15px!important;
    font-size: 13px!important;
    line-height: 16px!important;
}
@media screen and ( max-width: 1056px ){
    .quel-pyjama-choisir .showD{
        display: none;
    }
    .quel-pyjama-choisir .textblock h2{
        font-size: 24px!important;
        line-height: 27px!important;
    }
    .quel-pyjama-choisir .bloc-trait.content-1{
        margin-top: 28px !important;
    }
    .quel-pyjama-choisir .bloc-trait.content-1 .title::after{
        top: -72px;
        height: 110px;
    }
    .quel-pyjama-choisir .content-1 .no-trait{
        margin: 20px 0 0 0!important;
    }
    .quel-pyjama-choisir .bloc-trait h3.title{
        margin-top: 0;
    }
    .quel-pyjama-choisir .content-2{
        margin-top: -13px!important;
        padding: 0 10px;
    }
    .quel-pyjama-choisir .content-2 .text{
        margin-top: 0!important;
    }
    .quel-pyjama-choisir .content-3 .textblock{
        padding: 20px 20px 0 !important;
    }
    .quel-pyjama-choisir .bloc-trait.visu-right .title{
        padding-right: 25px;
    }
    .quel-pyjama-choisir .bloc-trait.visu-right .title::after{
        right: 10px;
    }
    .quel-pyjama-choisir .content-4 .no-trait{
        margin: 20px 0 0 0 !important;
    }
    .quel-pyjama-choisir .content-4 .no-trait{
        padding: 0 10px;
    }
    .quel-pyjama-choisir .content-5 .textblock{
        padding: 20px 20px !important;
    }
    .quel-pyjama-choisir .content-6{
        margin: -10px 0 0 0 !important;
    }
    .quel-pyjama-choisir .content-6 .no-trait{
        margin: 20px 0 0 0!important;
        padding: 0 10px;
    }
    .quel-pyjama-choisir .content-7 .textblock{
        padding: 20px 20px !important
    }
    .quel-pyjama-choisir .content-8{
        margin: -10px 0 0 0!important
    }
    .quel-pyjama-choisir .content-8 .no-trait{
        margin: 20px 0 0 0!important;
        padding: 0 10px;
    }
    .quel-pyjama-choisir .content-9 .textblock{
        padding: 20px 20px !important
    }
}


/* Landing Dons Solidaires */
.dons-solidaires{
    padding-bottom: 0;
}
.dons-solidaires .customer-title{
    font-weight: bold;
    font-size: 20px;
    text-transform: none;
}
.dons-solidaires .intro{
    font-size: 13px;
    text-align: center;
    margin-top: 20px;
    line-height: 16px;
}
.dons-solidaires .bloc-trait.visu-left .textblock{
    width: 36%;
}
.dons-solidaires .bloc-trait.visu-right .textblock{
    width: 36%;
    margin-right: 75px;
}
.dons-solidaires .bloc-trait.visu-right .title::after{
    right: -110px;
}
.dons-solidaires .table{
    text-align: center;
    margin: auto;
    margin-top: 50px;
}
.dons-solidaires .table .first-line{
    display: flex;
    justify-content: center;
}
.dons-solidaires .table .left{
    width: 415px;
    border: solid 1px #4D716C;
    border-right: none;
    padding: 20px 0;
}
.dons-solidaires .table .right{
    width: 415px;
    border: solid 1px #4D716C;
    padding: 20px 0;
}
.dons-solidaires .table .second-line{
    background-color: #4D716C;
    border: solid 1px #4D716C;
    color: #ffffff;
    width: 537px;
    margin: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 20px 0;
}
.dons-solidaires .table .second-line p{
    font-size: 16px;
    line-height: 20px;
}
.dons-solidaires .table .second-line p b{
    font-weight: 600;
}
.dons-solidaires .quote.temoignage{
    margin-top: 90px;
}
.dons-solidaires .quote.temoignage p{
    font-style: unset;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 20px;
}
.dons-solidaires .bottom-brand{
    margin: 100px 0 80px;
}
@media screen and (max-width: 1169px) and (min-width: 1055px) {
    br.showd{
        display: none;
    }
}
@media screen and (max-width: 1056px) {
    .dons-solidaires .style{
        padding: 10px;
    }
    .dons-solidaires .customer-title{
        font-size: 16px;
    }
    .dons-solidaires .bloc-trait.visu-left .textblock{
        width: 90%;
    }
    .dons-solidaires .bloc-trait.visu-right .textblock{
        width: 90%;
    }
    .dons-solidaires .table{
        width: 90%;
    }
    .dons-solidaires .table .first-line{
        flex-direction: column;
    }
    .dons-solidaires .table .left{
        width: 100%;
        border-right: solid 1px #4D716C;
        border-bottom: none;
    }
    .dons-solidaires .table .right{
        width: 100%;
    }
    .dons-solidaires .table .second-line{
        width: 100%;
    }
    .dons-solidaires .quote{
        padding: 0 20px;
    }
    .dons-solidaires .quote.temoignage{
        margin-top: 50px;
    }
    .dons-solidaires .quote.temoignage p{
        font-size: 10px;
        line-height: 15px;
    }
    .dons-solidaires .quote .quote-left {
        top: -15px;
        left: 10px;
    }
    .dons-solidaires .quote .quote-right {
        right: 25px;
        bottom: -15px;
    }
    .dons-solidaires .bloc-trait.visu-right .title {
        padding-right: 35px;
    }
    .dons-solidaires .bloc-trait.visu-right .title::after {
        right: 10px;
    }
    .dons-solidaires .textblock .btn{
        display: block;
        width: 80%;
        margin: 30px auto 0;
    }
}
.landing-content .showm{display: none !important;}
.landing-content{
    max-width: 1222px;
    margin-bottom: 60px;
}
.landing-content .header .pre-title{
    font-size: 24px;
    line-height: 29px;
    font-weight: 400;
    color: #2D2D2D;
    text-align: center;
    margin-top: 26px;
}
.landing-content .header .main-title{
    text-align: center;
    margin-top: 20px;
}
.landing-content .header .intro{
    text-align: center;
    color: #000000;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 23px;
}
.landing-content .visual-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.landing-content .visual-link{
    display: flex;
    flex-direction: column;
    width: 50%;
}
.landing-content .visual-link .right,
.landing-content .visual-link .visual-legend.right{
    margin-left: 35px;
}
.landing-content .visual-legend{
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    margin-top: 5px;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #2C4542;
}
.landing-content .content-img-left-text-right {
    display: flex;
    justify-content: space-between;
}
.landing-content .content-img-left-text-right .visual-content{
    width: 62%;
}
.landing-content .content-img-left-text-right .textblock{
    width: 38%;
    position: relative;
}
.landing-content .content-img-right-text-left{
    display: flex;
    justify-content: space-between;
}
.landing-content .content-img-right-text-left .textblock{
    position: relative;
    justify-content: unset;
    margin-top: 40px;
}
.landing-content .content-img-right-text-left .visual-link.bottom{
    position: absolute;
    bottom: 0;
    right: -88px;
    width: unset;
}
.landing-content .content-img-right-text-left .visual-link.bottom .visuel{
    width: 323px;
}
.landing-content .profil{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.landing-content .profil .visuel{
    width: 137px;
    height: 160px;
}
.landing-content .profil .name{
    font-size: 22px;
    line-height: 27px;
    font-weight: 600;
    color: #2C4542;
    text-align: center;
    text-transform: uppercase;
}
.landing-content .profil .fonction{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    color: #2C4542;
}
.landing-content .textblock{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
.landing-content .paragraph .start{
    margin-right: 20px;
}
.landing-content .paragraph{
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #2C4542;
    font-weight: 400;
}
.landing-content .bulle{
    width: 270px;
    height: 168px;
    background-color: #ECF1F0;
    border-radius: 35px;
    text-align: center;
}
.landing-content .bulle-title{
    font-size: 26px;
    line-height: 65px;
    color: #2C4542;
    font-weight: 400;
    font-family: 'DM Serif Display';
}
.landing-content .bulle-paragraph{
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #2C4542;
}
.landing-content .cross-selling .title-section{
    font-size: 30px;
    line-height: 52px;
    text-align: center;
    font-family: 'DM Serif Display';
    font-weight: 400;
    margin-bottom: 15px;
}

@media screen and ( max-width: 1056px ) {
    .landing-content .showd{display: none;}
    .landing-content .showm{display: block!important;}
    .landing-content{
        padding: 0 20px;
    }
    .landing-content .header .pre-title{
        font-size: 18px;
    }
    .landing-content .visual-legend{
        font-size: 10px;
        line-height: 12px;
    }
    .landing-content .paragraph{
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.02em;
    }
    .landing-content .content-img-right-text-left{
        flex-direction: column;
    }
    .landing-content .visual-link .visuel{
        width: 100%;
    }
    .landing-content .paragraph .start svg{
        width: 43px;
        height: 32px;
    }
    .landing-content .visual-link{
        width: 100%;
    }
    .landing-content .visual-link.content-1{
        margin-top: 27px;
    }
    .landing-content .visual-content.showm{
        margin-top: 16px;
        display: flex!important;
    }
    .landing-content .visual-content.showm .visual-link{
        width: 48%;
    }
    .landing-content .visual-link .right,
    .landing-content .visual-link .visual-legend.right{
        margin-left: unset;
    }
    .landing-content .content-img-right-text-left .textblock,
    .landing-content .content-img-left-text-right .textblock{
        width: 100%;
        margin-top: unset;
    }
    .landing-content .bulle{
        width: 270px;
        height: auto;
        margin-top: 30px;
        padding: 0 0 15px 0;
    }
    .landing-content .bulle-title{
        font-size: 20px;
        line-height: 55px;
    }
    .landing-content .bulle-paragraph{
        font-size: 12px;
        line-height: 16px;
    }
    .landing-content .content-img-right-text-left .visual-link.bottom{
        position: relative;
        bottom: unset;
        right: unset;
        margin-top: 30px;
    }
    .landing-content .content-img-right-text-left .visual-link.bottom .visuel{
        width: 100%;
    }
    .landing-content .content-img-left-text-right{
        flex-direction: column;
    }
    .landing-content .content-img-left-text-right .visual-content{
        width: 100%;
    }
    .landing-content .content-img-left-text-right .visual-content .visual-link{
        width: 48%;
    }
    .landing-content .cross-selling .title-section{
        font-size: 28px;
        line-height: 38px;
    }
}
.landing-peintures-ressource .profil{
    justify-content: center;
    width: 50%;
}
.landing-peintures-ressource .profil .name,
.landing-peintures-ressource .content-img-left-text-right .name{
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #2C4542;
}
.landing-peintures-ressource .profil .paragraph{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #2C4542;
    margin-top: 10px;
}
.landing-peintures-ressource .main-title{
    margin-top: 25px;
    text-align: center;
}
.landing-peintures-ressource .main-title .title{
    font-weight: 400;
    font-size: 30px;
    line-height: 52px;
    color: #2C4542;
    font-family: 'DM Serif Display', Serif;
}
.landing-peintures-ressource .textblock .paragraph.aligncenter{
    margin-top: 22px;
}
.landing-peintures-ressource .textblock .mention{
    font-weight: 400;
    font-size: 9px;
    line-height: 5px;
    letter-spacing: 0.02em;
    color: #2C4542;
}
.landing-peintures-ressource .textblock .mention.bis{
    text-align: center;
    line-height: 12px;
    margin-top: 20px;
    color: #2C4542;
}
.landing-peintures-ressource .textblock .mention.bis a{
    color: #2C4542;;
}
.landing-peintures-ressource .content-img-left-text-right .textblock,
.landing-peintures-ressource .content-img-left-text-right .visual-content{
    width: 50%;
    justify-content: flex-start;
}
.landing-peintures-ressource .content-img-left-text-right .visual-content .visual-link{
    width: 100%;
}
.landing-peintures-ressource .content-3-contenus{
    display: flex;
    justify-content: center;
    align-items: center;
}
.landing-peintures-ressource .content-3-contenus .name{
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #2C4542;
}
.landing-peintures-ressource .content-3-contenus .paragraph{
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.02em;
    color: #2C4542;
    font-weight: 400;
}
.landing-peintures-ressource .content-3-contenus .visual-content{
    width: 100%;
    justify-content: space-evenly;
}
.landing-peintures-ressource .content-3-contenus .visual-content .textblock{
    background-color: #F7ECE9;
    max-height: 490px;
    justify-content: center;
}
.landing-peintures-ressource .visual-link .right, .landing-peintures-ressource .visual-link .visual-legend.right{
    margin-left: unset;
}
.landing-peintures-ressource .content-3-contenus .textblock,
.landing-peintures-ressource .content-3-contenus .visual-link{
    width: 360px;
}
/* Catalogue  */
.landing-peintures-ressource .img-left-text-right.catalogue .visuel{
    width: 770px;
}
.landing-peintures-ressource .img-left-text-right.catalogue .textblock{
    padding: 0;
    text-align: center;
    margin-left: 50px;
}
.landing-peintures-ressource .img-left-text-right.catalogue .textblock .title{
    font-weight: 400;
    font-size: 36px;
    line-height: 39px;
    font-family: 'DM Serif Display', Serif;

}
.landing-peintures-ressource .img-left-text-right.catalogue .textblock .content{
    padding: 0;
}
.landing-peintures-ressource .img-left-text-right.catalogue .textblock .description{
    font-size: 14px;
    margin-top: 25px;
}
.landing-peintures-ressource .img-left-text-right.catalogue .textblock .btn{
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
    background-color: #3B3B3B;
    width: 293px;
    margin-top: 32px;
}
@media screen and (max-width: 1055px) {
    .landing-peintures-ressource .header{
        height: unset;
    }
    .landing-content .header .intro br{
        display: none;
    }
    .landing-peintures-ressource .profil{
        width: 100%;
        margin-top: 15px;
    }
    .landing-peintures-ressource .main-title .title{
        font-size: 27px;
        line-height: 35px;
    }
    .landing-peintures-ressource .content-img-left-text-right .textblock, .landing-peintures-ressource .content-img-left-text-right .visual-content{
        width: 100%;
    }
    .landing-peintures-ressource .content-3-contenus .visual-content{
        flex-direction: column;
    }
    .landing-peintures-ressource .content-3-contenus .visual-content.showm{
        flex-direction: row;
        justify-content: space-between;
    }
    .landing-peintures-ressource .content-3-contenus .visual-content .visuel.pot{
        width: 143px;
        height: 91px;
    }
    .landing-peintures-ressource .content-3-contenus .visual-content .name{
        margin-top: 18px;
    }
    .landing-peintures-ressource .content-3-contenus .visual-content .textblock{
        width: 100%;
        padding: 8px 0 15px;
    }
    .landing-peintures-ressource .content-3-contenus .textblock .paragraph.aligncenter{
        margin-top: 12px;
    }
    .landing-peintures-ressource .textblock .mention.bis{
        margin-top: 12px
    }
    .landing-peintures-ressource .content-img-left-text-right .name{
        margin-top: -30px;
    }
    .landing-peintures-ressource .img-left-text-right.catalogue{
        padding: 0;
        margin-top:50px;
        margin-bottom: 60px;
        flex-direction: column;
    }
    .landing-peintures-ressource .img-left-text-right.catalogue .visuel{
        width: 100%;
    }
    .landing-peintures-ressource .img-left-text-right.catalogue .textblock{
        position: relative;
        width: 100%;
        bottom: 0;
        margin-left: unset;
    }
    .landing-peintures-ressource .img-left-text-right.catalogue .textblock .title{
        font-size: 30px;
        line-height: 30px;
    }
    .landing-peintures-ressource .img-left-text-right.catalogue .textblock .description{
        margin-top: 14px;
        line-height: 20px;
    }
    .landing-peintures-ressource .img-left-text-right.catalogue .textblock .btn{
        margin-top: 20px;
        bottom: 0;
        width: 260px;
        font-size: 14px;
        line-height: 15px;
        padding: 11px 0;
    }
}
/* Quel oreiller choisir */

.guides .bloc-trait.position-dormir .visuel {
    height: auto;
}
.guides .bloc-trait.position-dormir .text {
    margin-top: 15px;
}
.guides .bloc-trait.position-dormir .text.top-trait {
    margin-top: 40px;
}

/* Notre savoir-faire v2*/
.la-marque.savoir-faire .title-page {
    margin-top: 30px;
}
.la-marque.savoir-faire .quote .quote-right {
    margin: 0 0 -40px -65px;
}
.la-marque.savoir-faire .quote .quote-left {
    margin: 40px 20px 0 0;
}
.bloc-trait.equipes{
    display: flex;
    flex-direction: column;
}
.bloc-trait.equipes h3{
    text-align: center;
    font-family: 'DM Serif Display';
    font-size: 36px;
    margin-bottom: 40px;
}
.equipes .flex-3{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.equipes .flex-3 .textblock{
    width: 290px;
    margin: 0 13px;
}
.equipes.unique{
    margin-top:70px;
}
.equipes.unique .flex-3 .textblock{
    width: 290px;
    margin: 0 8px;
}
.equipes .flex-3 .textblock h4{
    margin-top: 25px;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
}
.equipes .flex-3 .textblock .text{
    margin-top: 25px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
}
.equipes .flex-3 .textblock .visuel{
    max-width: 100%;
}
.la-marque.savoir-faire .quote{
    margin-top: 100px;
    margin-bottom: 100px;
}
.la-marque.savoir-faire .manifeste {
    width: 800px;
    margin: 60px 140px 60px auto;
    padding: 35px 0px 50px 90px;
    position: relative;
}
.la-marque.savoir-faire .manifeste .title {
    line-height: 40px;
}
.la-marque.savoir-faire .manifeste .text1 {
    margin-top: 45px;
}
.la-marque.savoir-faire .manifeste .text2 {
    margin-top: 75px;
}
.manifeste-img-1{
    position: absolute;
    left: -190px;
    top: 30px;
}
.manifeste-img-2{
    position: absolute;
    left: -190px;
    bottom: 30px;
}
.manifeste-img-1,.manifeste-img-2{
    width: 280px;
    height: auto;
}
.la-marque.savoir-faire .valeurs {
    text-align: center;
}
.la-marque.savoir-faire .valeurs .textblock {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 50px;
}
.la-marque.savoir-faire .valeurs .textblock h3{
    font-family: 'DM Serif Display';
    font-size: 36px;
    margin-bottom: 40px;
}
.la-marque.savoir-faire .valeurs .textblock a{
    margin-bottom: 50px;
}
.la-marque.savoir-faire .valeurs .textblock .text{
    text-align: center;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
}
.la-marque.savoir-faire a.btn{
    padding: 15px 40px;
    font-size: 12px;
}
.la-marque.savoir-faire .bloc-trait.visu-left.hottellerie .textblock{
    text-align: center;
}
.hottellerie .textblock .title{
    text-align: left;
}
.hottellerie .textblock .text{
    text-align: left;
}
.hottellerie .textblock a{
    margin-top: 20px;
}
.la-marque.savoir-faire  .hottellerie{
    margin-top:75px;
}
.la-marque.savoir-faire .video{
    max-width: 717px;
    margin: 0px auto;
}

.savoir-faire .lh20{
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}
.de_DE .savoir-faire .embed-container {
    position: relative;
    max-width: 100%;
    margin-top: 0px;
    padding-bottom: 500px;
}
.de_DE .la-marque.savoir-faire .video {
    max-width: 100%;
}
.de_DE .savoir-faire .video .title {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
}

.style.bloc-trait.equipes.unique .text{
    max-width:700px;
    margin: 20px auto 50px auto;
    padding: 0 20px;
    text-align: center;
}
.style.bloc-trait.equipes.unique .flex-3 .textblock .text {
    text-align: left;
    padding-left: 0;
}
.bloc-trait .textblock .center{
    text-align: center;
    margin-top: 50px;
}
.manifeste.styles {
    padding-bottom: 250px;
}
.manifeste-img{
    margin-top:-200px;
    overflow: auto;
    padding: 5px;
    text-align: center;
}
.la-marque .valeurs.styles{
    margin-top:25px;
}

.la-marque.savoir-faire.v2 .head .claim{
    font-size: 22px;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    color: #212121;
    position: relative;
}
.la-marque.savoir-faire.v2 .valeurs{
    margin-top: 25px;
}
.la-marque .new-manifeste{
    background-color: #2c4542;
    padding: 35px 0;
    max-width: 800px;
    margin: auto;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    margin-right: 11.5%;
}
.la-marque .new-manifeste .textblock{
    text-align: center;
    color: #ffffff;
    width: 100%;
    padding: 0 60px;
    box-sizing: border-box;
}
.la-marque .new-manifeste .title{
    font-family: 'DM Serif Display';
    font-size: 36px;
}
.la-marque .new-manifeste .subtitle{
    font-size: 24px;
    line-height: 32px;
    margin-top: 45px;
}
.la-marque .new-manifeste .description{
    margin-top: 75px;
    font-size: 16px;
    line-height: 25px;
}
.la-marque .new-manifeste .visual-container{
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: -185px;
    width: 100%;
    max-width: 280px;
}
.la-marque .new-manifeste .visual-container .visuel{
    width: 100%;
}
@media screen and ( max-width: 1055px ){
    .la-marque .new-manifeste{
        margin-right: unset;
        flex-direction: column;
        background-color: transparent;
    }
    .la-marque .new-manifeste .textblock{
        background-color: #2c4542;
        padding: 50px 20px 200px;
    }
    .la-marque .new-manifeste .visual-container{
        margin-left: unset;
        flex-direction: row;
        justify-content: space-between;
        width: 95%;
        margin-top: -150px;
        max-width: unset;
    }
    .la-marque .new-manifeste .visual-container .visuel{
        width: 49%;
        margin-left: unset;
    }
}
.insta {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 80px;
}
.insta h3{
    text-align: center;
    font-family: 'DM Serif Display';
    font-size: 36px;
    margin-top: 50px;
    margin-bottom: 40px;
}
.insta p{
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    max-width: 700px;
    margin: auto;
    margin-bottom: 60px;
}
.insta a{
    font-size: 34px;
    font-family: 'DM Serif Display';
    color:#2C4542;
}
.la-marque .bloc-trait .details .visuel {
    width: 1228px;
}
.la-marque .bloc-trait .details {
    overflow: auto;
}
.bloc-trait.equipes{
    display: flex;
    flex-direction: column;
}
.bloc-trait.equipes h3{
    text-align: center;
    font-family: 'DM Serif Display';
    font-size: 36px;
    margin-bottom: 40px;
}
.insta .text{
    text-align: center;
}
#f_placeorder_accept_terms .label a {
    font-size: 10px;
}
@media screen and (max-width: 1056px) {
    .de_DE .savoir-faire .embed-container {
        padding-bottom: 160px;
    }
    .de_DE .la-marque.savoir-faire .head h2.claim {
        font-size: 28px;
    }
    .de_DE .la-marque.savoir-faire img.mobile {
        max-width: 100%;
    }
    .la-marque.savoir-faire .quote .quote-left {
        margin: 25px 40px 0 0;
    }
    .la-marque.savoir-faire .quote .quote-right {
        margin: 0 0 -25px 0;
    }
    .la-marque.savoir-faire .quote {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .la-marque.savoir-faire .manifeste .text1 {
        font-size: 26px;
        line-height: 35px;
    }
    .la-marque.savoir-faire .manifeste .text2 {
        margin-top: 40px;
    }
    .equipes .flex-3 .textblock{
        width: 100%;
        margin-bottom:50px;
    }
    .equipes.unique .flex-3 .textblock{
        width: 100%;
    }
    .equipes.unique .flex-3 {
        margin-bottom: 0;
    }
    .la-marque.savoir-faire .manifeste {
        width: 100%;
        margin: 0 0 200px auto;
        padding: 25px 25px 125px 25px;
        position: relative;
    }
    .manifeste-img-1{
        position: absolute;
        left: 0;
        top: auto;
        bottom: -150px;
    }
    .manifeste-img-2{
        position: absolute;
        left: unset;
        bottom: -150px;
        right: 0;
    }
    .manifeste-img-1,.manifeste-img-2{
        width: 49%!important;
        height: auto;
    }
    .la-marque.savoir-faire .valeurs .textblock{
        margin: -100px auto 0;
        padding: 25px 0;
    }
    .la-marque.savoir-faire .valeurs video{
        width: 100%;
    }
    .la-marque.savoir-faire .video{
        margin: 0 auto;
    }
    .equipes.unique .flex-3 .textblock .text {
        margin-bottom:25px;
    }
    .la-marque.savoir-faire a.btn {
        padding: 12px 30px;
        font-size: 12px;
    }
    .la-marque.savoir-faire .bloc-trait .textblock {
        padding: 0 15px;
    }
    .la-marque.savoir-faire .head h2.claim {
        font-size: 40px;
    }
    .bloc-trait.equipes h3 {
        font-size: 34px;
    }
    .la-marque .styles .quote {
        padding: 0;
        margin-top: 22px;
    }
    .la-marque .styles .quote .quote-left {
        margin: 0 0 0 -40px;
    }
    .la-marque .styles .quote p {
        font-size: 16px;
        line-height: 18px;
        width: 100%;
    }
    .la-marque .styles .quote .quote-right {
        margin:0 -65px -30px 0;
    }
    .insta img {
        width: 100%;
        margin-top: 50px;
    }
    .la-marque .insta img {
        width: 100%;
        margin-top: 0;
    }
    .insta p{
        margin: 30px 20px;
    }
    .valeurs.styles img{
        width: 100%;
    }
    .insta {
        margin-top: 0;
    }
}
.push-produits-2{
    margin-top: 50px;
    padding: 0 105px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.push-produits-2 .title{
    color: #2d2d2d;
    font-family: 'DM Serif Display', serif;
    font-weight: 400;
    font-size: 33px;
    line-height: 45px;
    text-align: center;
}
.push-produits-2 .slides{
    display: flex;
    justify-content: space-between;
    margin-top: 31px;
    width: 100%;
}
.push-produits-2 .slides .sub-slides{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    column-gap: 10px;
    width: 100%;
}
.push-produits-2 .slides .sub-slides a{
    width: 280px;
}
.push-produits-2 .slides img{
    width: 100%;
}
@media screen and ( max-width: 1056px ) {
    .push-produits-2 {
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 0;
    }

    .push-produits-2 .slides {
        overflow: hidden;
        width: 90%;
    }
    .push-produits-2 .sub-slides {
        width: 100%;
        display: flex;
        overflow: scroll;
    }

    .push-produits-2 .slides .sub-slides a{
        max-width: 100%;
        width: 280px;
    }
    .push-produits-2 .sub-slides .visuel{
        width: 280px;
    }
}
.catalog-board .catalog-container {
    padding: 0 10px;
}
.la-broderie.wb .section-broderie ul.duo {
    justify-content: space-around;
}
.la-broderie .section-broderie ul.duo li .name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/*CSS LIN ET AUTRE */

main.container-lin-autre {
    width: 1230px;
    margin: 0 auto;
}

section.banner-lin-autre {
    padding-top: 30px;
}

section.intro-lin-autre {
    margin: 16px 0 44px 0;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    line-height: 156.8%;
    text-align: center;
    max-width: 1200px;
}

.textblock-lin-autre {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 30px;
}

p.intro-bar-lin-autre {
    margin: 16px 40px 44px 0;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    line-height: 156.8%;
    max-width: 1200px;
    padding-left: 50px;
}

p.intro-place-lin-autre {
    margin: 16px 40px 44px 0;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    line-height: 156.8%;
    max-width: 1200px;
}

h2.title-lin-autre {
    margin-bottom: 15px;
    font-family: DM Serif Display;
    font-size: 26px;
    font-weight: 400;
    font-style: normal;
    line-height: 33px;
    padding-left: 50px;
}

h2.title-place-lin-autre {
    margin-bottom: 15px;
    font-family: DM Serif Display;
    font-size: 26px;
    font-weight: normal;
    font-style: normal;
    line-height: 33px;
}

h1.customer-title-lin-autre {
    font-family: DM Serif Display;
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 20px;
}

h1.customer-title-lin-autre span {
    font-family: DM Serif Display;
    font-size: 36px;
    font-weight: 400;
    font-style: italic;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
}

h2.title-offrir {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #000000;
}

a.btn-craque {
    margin-left: 100px;
    margin-top: 37px;
    padding: 9px 20px 9px 20px;
}

.cadeau-lin-autre {
    font-family: 'Libre Baskerville';
    font-style: italic;
    font-weight: 400;
    font-size: 35px;
    line-height: 44px;
    color: #2C4542;
    padding-left: 400px;
}

h1.twistez-lin-autre {
    font-family: 'Libre Baskerville';
    font-style: italic;
    font-weight: 400;
    font-size: 35px;
    line-height: 44px;
    color: #2C4542;
    padding: 45px;
}

.cadeau-lin-autre::after {
    content: '';
    display: block;
    position: absolute;
    width: 45px;
    height: 1px;
    background-color: #2C4542;
    right: 40px;
    margin-top: 10px;
}

h1.twistez-lin-autre::after {
    content: '';
    display: block;
    position: absolute;
    width: 45px;
    height: 1px;
    background-color: #2C4542;
    margin-top: 10px;
}

.slider2-lin-autre {
    display: flex;
    margin-top: 60px;
}

.container-place03 {
    padding-left: 35px;
    padding-top: 40px;
}

section.bloc-beige-lin-autre {
    display: flex;
    background-color: #F7F4EF;
    padding: 60px;
}

section.slider-lin-autre {
    padding-bottom: 40px;
}

h2.title-section-lin-autre {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-family: 'DM Serif Display';
    font-size: 25px;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 20px;
}

main.container-lin-autre {
    width: 1230px;
    margin: 0 auto 50px;
}

.completer-collection .btn{
    padding: 10px;
    bottom: 55px;
    position: absolute;
}

a.cta-white.btn.ml-mr-auto {
    padding: 9px 20px 9px 20px;
    margin-left: 50px;
}

a.a-visuel.visuel-container.visuel-containerv2 {
    width: 100%;
}

img.visuel.desktop.version2 {
    width: 100%;
}

@media screen and ( max-width: 1055px ) {
    main.container-lin-autre,
    main.container-lin-autre .container1230{
        width: 100%;
    }

    img.mobile {
        display: block;
        width: 100%;
    }

    section.bloc-beige-lin-autre {
        display: block;
        padding: 30px;
    }

    .cadeau-lin-autre {
        padding-left: 100px;
        position: absolute;
        margin-top: -580px;
        font-size: 24px;
        font-weight: 400;
        line-height: 33px;
        text-align: right;
    }

    .cadeau-lin-autre::after {
        content: '';
        display: block;
        position: absolute;
        width: 45px;
        height: 1px;
        background-color: #2C4542;
        right: 5px;
    }

    h1.customer-title-lin-autre {
        font-family: DM Serif Display;
        font-size: 29px;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 20px;
    }

    h2.title-offrir {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
        line-height: 40px;
        text-align: center;
        color: #000000;
    }

    section.intro-lin-autre {
        font-size: 12px;
        padding: 22px 20px;
    }

    p.intro-bar-lin-autre {
        padding: 30px 20px 20px;
    }

    h1.twistez-lin-autre {
        position: relative;
        top: -730px;
        left: -100px;
        font-style: italic;
        font-size: 24px;
        line-height: 33px;
    }

    img.visuel.mobile.image2 {
        position: relative;
        left: 23px;
    }

    section.banner-lin-autre {
        margin-top: -100px;
    }

    img.visuel.mobile.version2 {
        margin-top: -100px;
    }

    img.visuel.mobile.image3 {
        margin-top: -280px;
    }

    img.visuel.mobile.bannierefooter {
        margin-top: -110px;
    }
}

/*CSS CARTE VOEUX */

h1.customer-title-carte-voeux {
    font-family: DM Serif Display;
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    margin: 20px 0 30px;
}
section.video-carte-voeux .video-container{
    display: flex;
    max-width: 1200px;
    margin: auto;
}
section.video-carte-voeux .video-container video{
    margin: auto;
    width: 100%;
}
@media screen and ( max-width: 1055px ) {
    section.video-carte-voeux .video-container video{
        width: 90%;
    }
}


/******************************************************************************/
/* GUIDES modules */
/******************************************************************************/

/* push-intro */
.guides .push-intro{
    background-color: #ECF1F0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0 20px;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}
.guides .push-intro .title{
    font-style: italic;
    font-weight: 400;
    font-size: 30px;
    line-height: 32px;
}
.guides .push-intro .description{
    font-style: italic;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
}

@media screen and ( max-width: 1055px ) {
    .guides .push-intro{
        width: 95%;
        box-sizing: border-box;
        padding: 15px 5px;
    }
    .guides .push-intro .title{
        font-size: 22px;
        line-height: 28px;
    }
    .guides .push-intro .description{
        font-size: 12px;
        line-height: 15px;
    }
}

.guides:not(.useModules) .list{
    padding-left: 25px;
    position: relative;
}
.guides:not(.useModules) .list::before{
    content: "•";
    position: absolute;
    left: 0;
    padding: 0 10px;
}
.guides .list.svg-nuit-fraiche::before{
    content: url('https://www.linvosges.com/medias.v3/content/guides/la-chambre/comment-trouver-la-housse-de-couette-parfaite/svg-nuit-fraiche.svg');
}
.guides .list.svg-nuit-chaude::before{
    content: url('https://www.linvosges.com/medias.v3/content/guides/la-chambre/comment-trouver-la-housse-de-couette-parfaite/svg-nuit-chaude.svg');
}
.guides .list.svg-automne-hiver::before{
    content: url('https://www.linvosges.com/medias.v3/content/guides/la-chambre/comment-trouver-la-housse-de-couette-parfaite/svg-automne-hiver.svg');
}
.guides .list.svg-printemps-ete::before{
    content: url('https://www.linvosges.com/medias.v3/content/guides/la-chambre/comment-trouver-la-housse-de-couette-parfaite/svg-printemps-ete.svg');
}
.guides .list.svg-sensation-douillette::before{
    content: url('https://www.linvosges.com/medias.v3/content/guides/la-chambre/comment-trouver-la-housse-de-couette-parfaite/svg-sensation-douillettes.svg');
}
.guides .list.svg-douceur-confort::before{
    content: url('https://www.linvosges.com/medias.v3/content/guides/la-chambre/comment-trouver-la-housse-de-couette-parfaite/svg-douceur-confort.svg');
}
.guides .list[class^="svg-"]::before{
    width: 22px;
    height: 20px;
    padding: 0;
}
.guides .list[class^="svg-"]{
    padding-left: 35px;
}
.guides .list-title{
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    color: #2D2D2D;
}
.guides .description .list{
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.guides .description .list-numbers{
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    width: 100%;
    display: block;
    padding-left: 25px;
    position: relative;
}
.guides .description .list-numbers .num{
    width: 15px;
    position: absolute;
    left: 0;
    text-align: right;
}

.guides .size-block{
    color: #4D716C;
    text-align: center;
}
.guides .size-block .size-title{
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
}
.guides .size-block .sizes{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 13px;
}
.guides .size-block .sizes .size{
    font-weight: 400;
    font-size: 13px;
    line-height: 8px;
    border: solid 1px #4D716C;
    padding: 10px 7px;
    margin: 0 15px;
}

/* container-vertical-img-text */
.container-vertical-img-text{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 45px;
    padding: 0 10px;
}
.vertical-img-text{
    display: flex;
    flex-direction: column;
    width: 48%;
}
.vertical-img-text .textblock{
    margin-top: 28px;
    text-align: left;
    margin-bottom: 40px;
}
.vertical-img-text .textblock .title{
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    text-align: left;
}
.vertical-img-text .textblock .description{
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    margin: 20px 0 0;
}
.vertical-img-text .textblock .description b{
    font-weight: 600;
}
@media screen and ( max-width: 1056px ){
    .container-vertical-img-text{
        justify-content: center;
        padding: 0;
        margin-top: 20px;
    }
    .vertical-img-text{
        width: calc(100% - 40px);
    }
    .vertical-img-text .textblock{
        margin-bottom: 30px;
    }
    .vertical-img-text .textblock .title{
        font-size: 25px;
    }
}

/* img-left-text-right */
.guides .img-left-text-right{
    display: flex;
    margin-top: 70px;
    padding: 0 10px;
}
.guides .img-left-text-right.first{
    margin-top: 50px;
}
.guides .img-left-text-right.bg-lightgreen{
    background-color: #ECF1F0;
    padding-right: 30px;
    padding-left: 0;
}
.guides .img-left-text-right .visual-link:not(.showm){
    width: 100%;
    max-width: 690px;
    display: flex;
    flex-direction: column;
    position: relative;
    text-decoration: none !important;
}
.guides .img-left-text-right .visuel{
    width: 100%;
    object-fit: cover;
    max-width: 690px;
}
.guides .img-left-text-right .textblock{
    text-align: left;
    margin-left: 60px;
    width: 50%;
}
.guides .img-left-text-right.bg-lightgreen .textblock .title{
    margin-top: 30px;
    display: block;
    text-align: left;
}
.guides .img-left-text-right .textblock .title{
    font-family: 'DM Serif Display',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 40px;
    text-align: left;
    position: relative;
    margin-bottom: 40px;
}
.guides .img-left-text-right .textblock .title.alignleft{
    text-align: left;
}
.guides .img-left-text-right .textblock .title.medium{
    font-size: 35px;
}
.guides .img-left-text-right .textblock .title.big{
    font-size: 35px;
    line-height: 35px;
}
.guides .img-left-text-right .textblock .title.with-trait::after{
    content: '';
    display: block;
    position: absolute;
    width: 175px;
    height: 1px;
    background-color: #000000;
    left: -140px;
    bottom: -20px;
}
.guides .img-left-text-right .textblock .picto{
    background-color: #ECF1F0;
    border: 0.5px solid #2D2D2D;
    font-family: 'Montserrat',sans-serif;
    color: #2D2D2D;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 10px;
}
.guides .img-left-text-right .textblock .subtitle{
    font-family: 'DM Serif Display',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    text-align: left;
}
.guides .img-left-text-right .textblock .description{
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    margin: 20px 0;
}
.guides .img-left-text-right.bg-lightgreen .textblock .description{
    margin: 20px 0 0;
}
.guides .img-left-text-right .textblock .description h3{
    font-weight: 600;
    display: contents;
}
.guides .img-left-text-right .textblock .description b{
    font-weight: 600;
}
.guides .img-left-text-right .textblock .btn{
    height: 37px;
    text-decoration: none;
    margin-top: 30px;
}
@media screen and ( min-width: 1055.98px ) and ( max-width: 1230px ) {
    .guides .img-left-text-right .visual-link{
        width: 60%;
    }
    .guides .img-left-text-right .textblock{
        width: 40%;
        margin-left: 40px;
    }
}
@media screen and ( min-width: 1056.98px ) {
    .guides .img-left-text-right .visual-link.showm{
        display: none;
    }
}
@media screen and ( max-width: 1056px ) {
    .guides .img-left-text-right{
        flex-direction: column;
        padding: 0;
        margin-top: 40px;
    }
    .guides .img-left-text-right.showd{
        display: none;
    }
    .guides .img-left-text-right.reverse-mb{
        flex-direction: column-reverse;
    }
    .guides .img-left-text-right.no-mt-mb{
        margin-top: 0;
    }
    .guides .img-left-text-right .visuel{
        max-width: unset;
    }
    .guides .img-left-text-right.no-visual-mb{
        margin-top: 0;
    }
    .guides .img-left-text-right.no-visual-mb:not(.with-title-mb) .description{
        margin-top: 0;
    }
    .guides .img-left-text-right .visual-link{
        max-width: unset;
    }
    .guides .img-left-text-right .visual-link.showd{
        display: none;
    }
    .guides .img-left-text-right .textblock{
        margin: 0 auto;
        position: relative;
        width: 100%;
    }
    .guides .img-left-text-right .textblock .title{
        font-weight: 400;
        font-size: 24px;
        line-height: 27px;
        text-align: right;
        padding-right: 30px;
        padding-left: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
        position: unset;
    }
    .guides .img-left-text-right .textblock .title.with-trait::after{
        width: 1px;
        height: 80px;
        left: unset;
        right: 18px;
        top: -35px;
    }
    .guides .img-left-text-right .textblock .title.reverse-mb{
        text-align: left;
        padding-left: 30px;
        padding-right: 0;
    }
    .guides .img-left-text-right .textblock .title.reverse-mb.with-trait::after{
        width: 1px;
        height: 80px;
        left: 18px;
        right: unset;
        top: -35px;
    }
    .guides .img-left-text-right .textblock .title.big{
        font-size: 30px;
        line-height: 30px;
    }
    .guides .img-left-text-right .textblock .title.big-mb{
        font-size: 34px;
        line-height: 35px;
    }
    .guides .img-left-text-right .textblock .title.medium,
    .guides .img-left-text-right .textblock .title.medium-mb{
        font-size: 26px;
        line-height: 30px;
    }
    .guides .img-left-text-right .textblock .list-numbers{
        width: 95%;
    }
    .guides .img-left-text-right .textblock .title.big-mb.with-trait::after{
        top: -30px;
    }
    .guides .img-left-text-right .textblock .subtitle{
        padding: 0 20px;
        font-weight: 400;
        font-size: 20px;
        line-height: 27px
    }
    .guides .img-left-text-right .textblock .subtitle.big-mb{
        font-size: 25px;
        line-height: 28px;
        display: block;
    }
    .guides .img-left-text-right .textblock .description{
        padding: 0 20px;
    }
}
@media screen and ( max-width: 768px ) {
    .guides .img-left-text-right .visuel{
        object-fit: unset;
        height: auto;
    }
}

/* img-right-text-left */
.guides .img-right-text-left{
    display: flex;
    flex-direction: row-reverse;
    margin-top: 70px;
    padding: 0 10px;
}
.guides .img-right-text-left.first{
    margin-top: 50px;
}
.guides .img-right-text-left.bg-lightgreen{
    background-color: #ECF1F0;
    padding-left: 30px;
    padding-right: 0;
}
.guides .img-right-text-left .visual-link{
    width: 100%;
    max-width: 690px;
    display: flex;
    flex-direction: column;
    position: relative;
    text-decoration: none !important;
}
.guides .img-right-text-left .visuel{
    width: 100%;
    object-fit: cover;
    max-width: 690px;
}
.guides .img-right-text-left .textblock{
    text-align: left;
    margin-right: 60px;
    width: 50%;
}
.guides .img-right-text-left .textblock .title{
    font-family: 'DM Serif Display',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 40px;
    text-align: right;
    position: relative;
    margin-bottom: 40px;
}
.guides .img-right-text-left.bg-lightgreen .textblock .title{
    margin-top: 30px;
    display: block;
}
.guides .img-right-text-left .textblock .title.medium{
    font-size: 35px;
}
.guides .img-right-text-left .textblock .title.alignleft{
    text-align: left;
}
.guides .img-right-text-left .textblock .title.big{
    font-size: 35px;
    line-height: 35px;
}
.guides .img-right-text-left .textblock .title.big-mb{
    font-size: 34px;
    line-height: 35px;
}
.guides .img-right-text-left .textblock .title.with-trait::after{
    content: '';
    display: block;
    position: absolute;
    width: 175px;
    height: 1px;
    background-color: #000000;
    right: -140px;
    bottom: -20px;
}
.guides .img-right-text-left .textblock .subtitle{
    font-family: 'DM Serif Display',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
}
.guides .img-right-text-left .textblock .subtitle.big-mb{
    font-size: 25px;
    line-height: 28px;
    display: block;
}
.guides .img-right-text-left .textblock .description{
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    margin: 20px 0;
}
.guides .img-right-text-left.bg-lightgreen .textblock .description{
    margin: 20px 0 0;
}
.guides .img-right-text-left .textblock .description b{
    font-weight: 600;
}
@media screen and ( min-width: 1055.98px ) and ( max-width: 1230px ) {
    .guides .img-right-text-left .visual-link{
        width: 60%;
    }
    .guides .img-right-text-left .textblock{
        width: 40%;
        margin-right: 40px;
    }
}
@media screen and ( max-width: 1055px ) {
    .guides .img-right-text-left{
        flex-direction: column;
        padding: 0;
        margin-top: 40px;
    }
    .guides .img-right-text-left.reverse-mb{
        flex-direction: column-reverse;
    }
    .guides .img-right-text-left.no-mt-mb{
        margin-top: 0;
    }
    .guides .img-right-text-left .visuel{
        max-width: unset;
    }
    .guides .img-right-text-left.no-visual-mb{
        margin-top: 0;
    }
    .guides .img-right-text-left.no-visual-mb:not(.with-title-mb) .description{
        margin-top: 0;
    }
    .guides .img-right-text-left .visual-link{
        max-width: unset;
    }
    .guides .img-right-text-left .visual-link.showd{
        display: none;
    }
    .guides .img-right-text-left .textblock{
        margin: 0 auto;
        position: relative;
        width: 100%;
    }
    .guides .img-right-text-left .textblock .title{
        font-weight: 400;
        font-size: 24px;
        line-height: 27px;
        text-align: left;
        padding-left: 30px;
        padding-right: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
        position: unset;
    }
    .guides .img-right-text-left .textblock .title.with-trait::after{
        width: 1px;
        height: 80px;
        left: 18px;
        right: unset;
        top: -35px;
    }
    .guides .img-right-text-left .textblock .title.reverse-mb{
        text-align: right;
        padding-right: 30px;
        padding-left: 0;
    }
    .guides .img-right-text-left .textblock .title.reverse-mb.with-trait::after{
        width: 1px;
        height: 80px;
        left: unset;
        right: 18px;
        top: -35px;
    }
    .guides .img-right-text-left .textblock .title.big{
        font-size: 30px;
        line-height: 30px;
    }
    .guides .img-right-text-left .textblock .title.big-mb.with-trait::after{
        top: -30px;
    }
    .guides .img-right-text-left .textblock .title.medium,
    .guides .img-right-text-left .textblock .title.medium-mb{
        font-size: 26px;
        line-height: 30px;
    }
    .guides .img-right-text-left .textblock .subtitle{
        padding: 0 20px;
        font-weight: 400;
        font-size: 20px;
        line-height: 27px
    }
    .guides .img-right-text-left .textblock .description{
        padding: 0 20px;
        box-sizing: border-box;
    }
    .guides .img-right-text-left .textblock .list-numbers{
        width: 95%;
    }
}
@media screen and ( max-width: 768px ) {
    .guides .img-right-text-left .visuel{
        object-fit: unset;
        height: auto;
    }
}

/* .guides .line-3-img */
.line-3-img{
    margin-top: 35px;
}
.line-3-img .swiper-wrapper{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.line-3-img .visual-link{
    width: 32.7%;
    align-items: center;
}
@media screen and ( max-width: 1056px ) {
    .line-3-img{
        margin-top: unset;
    }
    .line-3-img .visual-link{
        width: 100%;
        flex-direction: column;
    }
    .line-3-img .visual-legend{
        position: relative;
        top: unset;
        margin-top: 10px;
    }
    .line-3-img .swiper-pagination{
        bottom: 40px;
    }
    .line-3-img .swiper-pagination .swiper-pagination-bullet{
        width: 11px;
        height: 11px;
        background-color: #FFFFFF;
        opacity: 1;
    }
    .line-3-img .swiper-pagination .swiper-pagination-bullet-active{
        background-color: #2D2D2D;
    }

}

/* .guides .section-tailles */
.guides .section-tailles{
    margin-top: 60px;
    text-align: center;
}
.guides .section-tailles .title{
    color: #000000;
    font-family: 'DM Serif Display',sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
}
.guides .section-tailles .visuel{
    width: 100%;
    max-width: 965px;
    margin-top: 15px;
}
@media screen and ( max-width: 1056px ){
    .guides .section-tailles {
        margin-top: 30px;
    }
    .guides .section-tailles .visuel{
        width: 90%!important;
        margin: 15px auto 0;
    }
}

/* four-block */
.guides .four-blocks{
    margin-top: 60px;
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-gap: 15px;
}
.guides .four-blocks .block{
    background: #F6F4EF;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px 27px 13px;
    height: 100%;
}
.guides .four-blocks .block.center-third{
    margin-left: 50%;
}
.guides .four-blocks .textblock {
    /*margin-left: 12px;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}
.guides .four-blocks .title{
    padding-left: 105px;
    color: #2D2D2D;
    font-family: 'DM Serif Display',sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    margin: 27px 0;
}
.guides .four-blocks .description{
    padding-left: 105px;
    position: relative;
    color: #2D2D2D;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}
.guides .four-blocks .description img{
    position: absolute;
    left: 0;
    margin: auto;
    width: 93px;
    height: 105px;
}
.guides .four-blocks .block:last-child .description img{
    top: -40%;
}
.guides .four-blocks .description b{
    font-weight: 600;
}
@media screen and ( max-width: 1200px ) {
    .guides .four-blocks .description img{
        top: 10%;
    }
}
@media screen and ( max-width: 1056px ) {
    .guides .four-blocks{
        display: flex;
        flex-direction: column;
        grid-gap: unset;
        margin-top: 10px;
    }
    .guides .four-blocks .block{
        margin: 7px 0;
    }
    .guides .four-blocks .block.center-third{
        margin-left: unset;
    }
    .guides .four-blocks .title-container{
        display: flex;
        align-items: center;
    }
    .guides .four-blocks .title-container .visuel{
        width: 78px;
        height: 88px;
    }
    .guides .four-blocks .title-container .title{
        padding-left: 23px;
    }
    .guides .four-blocks .description{
        padding-left: unset;
        margin-top: 5px;
    }
}

.guides .four-blocks.only-3 .block{
    padding: 20px 25px 20px 13px;
}
.guides .four-blocks.only-3 .title{
    margin: 0 0 27px 0;
    padding-left: 15px;
}
.guides .four-blocks.only-3 .description{
    padding-left: 15px;
}
.guides .four-blocks.only-3 .visuel{
    margin: auto;
    width: 93px;
    height: 105px;
}
@media screen and ( max-width: 1056px ) {
    .guides .four-blocks.only-3 .textblock{
        align-items: flex-start;
    }
    .guides .four-blocks.only-3 .title{
        margin-bottom: unset;
    }
    .guides .four-blocks.only-3 .description{
        padding-left: unset;
    }
}

/* section-3-contenus */
.section-3-contenus{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}
.section-3-contenus .title{
    color: #2D2D2D;
    text-align: center;
    font-family: 'DM Serif Display',sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 40px;
}
.section-3-contenus .colors-containers{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 95%;
    margin-top: 40px;
}
.section-3-contenus .color-block{
    width: 33%;
    max-width: 350px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.section-3-contenus .color-block .description{
    color: #2D2D2D;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    margin-top: 23px;
}
.section-3-contenus .color-block .description b{
    font-weight: 600;
}
@media screen and ( max-width: 1056px ){
    .section-3-contenus{
        margin-top: 30px;
    }
    .section-3-contenus .title{
        font-size: 26px;
        line-height: 30px;
        text-align: left;
        width: 90%;
        margin-bottom: 0;
    }
    .section-3-contenus .colors-containers{
        flex-direction: column;
        width: 90%;
        margin-top: 25px;
    }
    .section-3-contenus .color-block{
        width: 100%;
    }
}

.guides .title.with-picto{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.guides .title.with-picto img{
    margin-right: 5px;
}
/* push-2-products */
.guides .push-2-products{
    background-color: #ECF1F0;
    margin-top: 60px;
    padding: 30px 0;
    width: 100%;
    max-width: 1440px;
}
.guides .push-2-products.no-bg{
    background-color: transparent;
}
.guides .push-2-products .title{
    text-align: center;
}
.guides .push-2-products.full{
    max-width: 1440px;
}
.guides .push-2-products.full .visual-link{
    max-width: 1230px;
    margin: 20px auto 0;
}
.guides .push-2-products .description{
    color: #2D2D2D;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    margin-top: 18px;
}
.guides .push-2-products .guides-products-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    width: 100%;
    max-width: 794px;
    margin: 37px auto 0;
}
.guides .push-2-products.full .guides-products-container{
    max-width: 1230px;
}
.guides .push-2-products .product.bg-lightgreen{
    background-color: #ECF1F0;
}
.guides .push-2-products .product{
    background-color: #FFFFFF;
    line-height: 0;
    border-radius: 13px;
    overflow: hidden;
}
.guides .push-2-products .product .visuel{
    border-radius: 13px 13px 0 0;
}
.guides .push-2-products .product .textblock{
    color: #2D2D2D;
    text-align: left;
    padding: 23px 24px 30px 18px;
}
.guides .push-2-products .product .title{
    font-family: 'DM Serif Display',sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
}
.guides .push-2-products .product .title-bis{
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    font-family: 'Montserrat', sans-serif
}
.guides .push-2-products .product .description{
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 15px;
    text-align: left;
}
@media screen and ( max-width: 1056px ){
    .guides .push-2-products{
        margin-top: 30px;
    }
    .guides .push-2-products .guides-products-container{
        display: flex;
        flex-direction: column;
        grid-column-gap: unset;
        width: calc(100% - 25px);
        margin-top: 20px;
    }
    .guides .push-2-products .guides-products-container.mt-0-mb{
        margin-top: 0;
    }
    .guides .push-2-products .title{
        text-align: left;
        width: calc(100% - 40px);
        margin: auto;
    }
    .guides .push-2-products .title.aligncenter-mb{
        text-align: center;
    }
    .guides .push-2-products .description{
        text-align: left;
        width: calc(100% - 40px);
        margin: 20px auto 0;
    }
    .guides .push-2-products .description.aligncenter-mb{
        text-align: center;
    }
    .guides .push-2-products .product{
        margin: 10px 0;
    }
    .guides .push-2-products .product .textblock{
        padding: 23px 24px 15px 18px;
    }

    .guides .push-2-products .product .textblock .title{
        width: 100%;
    }
    .guides .push-2-products .product .title-bis{
        font-size: 16px;
        line-height: 20px;
    }
    .guides .push-2-products .product .textblock .description{
        width: 100%;
    }
}

/* push-3-products */
.guides .push-3-products{
    background-color: #ECF1F0;
    margin-top: 60px;
    padding: 30px 0;
    width: 100%;
    max-width: 1440px;
}
.guides .push-3-products .title:not(.alignleft),
.guides .push-3-products .title:not(.alignleft-mb){
    text-align: center;
}
.guides .push-3-products .title.alignleft{
    text-align: left;
}
.guides .push-3-products .description{
    color: #2D2D2D;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    margin-top: 18px;
}
.guides .push-3-products .guides-products-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    width: 100%;
    max-width: 1210px;
    margin: 37px auto 0;
}
.guides .push-3-products .guides-products-container.only-2{
    grid-template-columns: 1fr 1fr;
    max-width: 795px;
}
.guides .push-3-products .product{
    background-color: #FFFFFF;
    line-height: 0;
    border-radius: 13px;
}
.guides .push-3-products .product .visuel{
    border-radius: 13px 13px 0 0;
}
.guides .push-3-products .product .textblock{
    color: #2D2D2D;
    text-align: left;
    padding: 23px 24px 30px 18px;
}
.guides .push-3-products .product .title{
    font-family: 'DM Serif Display',sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
}
.guides .push-3-products .product .description{
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 15px;
    text-align: left;
}
@media screen and ( max-width: 1056px ){
    .guides .push-3-products{
        margin-top: 23px;
    }
    .guides .push-3-products .guides-products-container{
        display: flex;
        flex-direction: column;
        grid-column-gap: unset;
        width: calc(100% - 25px);
    }
    .guides .push-3-products .title{
        text-align: left;
        width: calc(100% - 40px);
        margin: auto;
    }
    .guides .push-3-products .title.alignleft-mb{
        text-align: left;
    }
    .guides .push-3-products .description{
        text-align: left;
        width: calc(100% - 40px);
        margin: 20px auto 0;
    }
    .guides .push-3-products .product{
        margin: 10px 0;
    }
    .guides .push-3-products .product .textblock{
        padding: 23px 24px 15px 18px;
    }
    .guides .push-3-products .product .textblock .title{
        width: 100%;
    }
    .guides .push-3-products .product .textblock .description{
        width: 100%;
    }
    .guides .push-4-products .product .textblock .description{
        width: 100%;
    }
}

/* push-4-blocks-with-banner */
.guides .push-4-blocks-with-banner{
    background-color: #ECF1F0;
    margin-top: 60px;
    padding: 30px 0;
    width: 100%;
    max-width: 1440px;
}
.guides .push-4-blocks-with-banner .title:not(.alignleft),
.guides .push-4-blocks-with-banner .title:not(.alignleft-mb){
    text-align: center;
}
.guides .push-4-blocks-with-banner .title.alignleft{
    text-align: left;
}
.guides .push-4-blocks-with-banner .description{
    color: #2D2D2D;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    margin-top: 18px;
}
.guides .push-4-blocks-with-banner .visual-link{
    width: 100%;
    max-width: 1226px;
    margin: 20px auto 0;
}
.guides .push-4-blocks-with-banner .visual-link .visual-legend{
    margin-bottom: 5px;
}
.guides .push-4-blocks-with-banner .text-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    width: 100%;
    max-width: 1210px;
    margin: 37px auto 0;
}
.guides .push-4-blocks-with-banner .text-container.line-1-blocks{
    grid-template-columns: 1fr;
}
.guides .push-4-blocks-with-banner .text-container.line-1-blocks .product{
    max-width: 376px;
    margin: auto;
}
.guides .push-4-blocks-with-banner .text-container.line-3-blocks{
    grid-template-columns: 1fr 1fr 1fr;
}
.guides .push-4-blocks-with-banner .list-numbers{
    width: 95%;
}
.guides .push-4-blocks-with-banner .product{
    background-color: #FFFFFF;
    line-height: 0;
    border-radius: 13px;
}
.guides .push-4-blocks-with-banner .product .visuel{
    border-radius: 13px 13px 0 0;
}
.guides .push-4-blocks-with-banner .product .textblock{
    color: #2D2D2D;
    text-align: left;
    padding: 23px 24px 30px 18px;
}
.guides .push-4-blocks-with-banner .product .title{
    font-family: 'DM Serif Display',sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
}
.guides .push-4-blocks-with-banner .product .description{
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 15px;
    text-align: left;
}
@media screen and ( max-width: 1056px ){
    .guides .push-4-blocks-with-banner{
        margin-top: 23px;
    }
    .guides .push-4-blocks-with-banner .visual-link{
        margin-top: 30px;
        width: calc(100% - 25px);
    }
    .guides .push-4-blocks-with-banner .text-container{
        display: flex;
        flex-direction: column;
        grid-column-gap: unset;
        width: calc(100% - 25px);
        margin-top: 10px;
    }
    .guides .push-4-blocks-with-banner .title{
        text-align: left;
        width: calc(100% - 40px);
        margin: auto;
    }
    .guides .push-4-blocks-with-banner .title.alignleft-mb{
        text-align: left;
    }
    .guides .push-4-blocks-with-banner .description{
        text-align: left;
        width: calc(100% - 40px);
        margin: 20px auto 0;
    }
    .guides .push-4-blocks-with-banner .product{
        margin: 10px 0;
    }
    .guides .push-4-blocks-with-banner .product .textblock{
        padding: 23px 24px 15px 18px;
    }
    .guides .push-4-blocks-with-banner .product .textblock .title{
        width: 100%;
    }
    .guides .push-4-blocks-with-banner .product .textblock .description{
        width: 100%;
    }
    .guides .push-4-products .product .textblock .description{
        width: 100%;
    }
}

/* guides double-content */
.guides .double-content{
    margin-top: 25px;
}
.guides .double-content .line-double-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
.guides .double-content .line-double-content .double-content-block{
    display: flex;
    flex-direction: column;
    position: relative;
    width: 48.3%;
}
.guides .double-content .line-double-content .double-content-block.showm{
    display: none;
}
.guides .double-content .line-double-content .double-content-block .title{
    color: #2D2D2D;
    font-family: 'DM Serif Display',sans-serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 27px;
    margin-top: 18px;
}
.guides .double-content .line-double-content .double-content-block .description{
    color: #2D2D2D;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    margin-top: 20px;
}
@media screen and ( max-width: 1056px){
    .guides .double-content .line-double-content{
        flex-direction: column;
    }
    .guides .double-content .line-double-content .double-content-block{
        width: 100%;
    }
    .guides .double-content .line-double-content .double-content-block.showm{
        display: flex;
    }
    .guides .double-content .line-double-content .double-content-block.showd{
        display: none;
    }
    .guides .double-content .line-double-content .double-content-block .textblock{
        width: 85%;
        margin: auto;
    }
}

/* guides with banner top */
.guides.with-banner-top .breadcrumb{
    z-index: 1;
}
.guides.with-banner-top .banner-top{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: -21px;
}
.guides.with-banner-top .banner-top .banner-content{
    position: absolute;
}
.guides.with-banner-top .banner-top .banner-content .title{
    color: #FFFFFF;
    margin-top: 45px;
}
.guides.with-banner-top .banner-top .banner-content .title-page{
    color: #FFFFFF;
    font-size: 45px;
    line-height: 55px;
}
.guides.with-banner-top .banner-top .banner-content .content-tag .tag{
    background-color: #FFFFFF;
}
.guides.with-banner-top .intro{
    margin: 27px auto 0;
    max-width: 800px;
}
@media screen and ( max-width: 1056px ) {
    .guides.with-banner-top{
        overflow: hidden;
    }
    .guides.with-banner-top .banner-top .banner-content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    .guides.with-banner-top .banner-top .banner-content .title-page{
        font-size: 31px;
        line-height: 35px;
    }
}

/* banner-beige */
.guides .banner-beige{
    background-color: #F6F4EF;
    margin-top: 60px;
    text-align: center;
    padding: 40px 10px;
    box-sizing: border-box;
}
.guides .banner-beige .description{
    color: #2D2D2D;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}
.guides .banner-beige .btn{
    margin-top: 25px;
    height: 37px;
    padding: 0 10px;
}
@media screen and ( max-width: 1056px ) {
    .guides .banner-beige{
        margin-top: 15px;
        padding: 30px 20px;
    }
    .guides .banner-beige .description{
        text-align: left;
    }
}

body.de_DE .guides.choisir-son-oreiller .intro{
    margin-top: 30px;
}
body.de_DE .guides.choisir-son-oreiller .push-3-products{
    margin-top: unset;
}

/* section-autres-guides */
.section-autres-guides{
    margin: 50px auto 0;
    width: 100%;
    max-width: 1178px;
    overflow: hidden;
}
.section-autres-guides .swiper-wrapper{
    width: 1178px;
}
.section-autres-guides .section-title{
    font-size: 30px;
    text-align: center;
    margin-bottom: 35px;
}
.section-autres-guides .swiper-slide{
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
.section-autres-guides .swiper-slide .visuel-container{
    overflow: hidden;
    width: 100%;
    max-height: 257px;
}
.section-autres-guides .swiper-slide .visuel{
    transition: .5s;
}
.section-autres-guides .swiper-slide:hover .visuel{
    transform: scale(1.07);
}
.section-autres-guides .swiper-slide h3{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: calc(100% - 23px);
    height: 60px;
    margin: 0 auto;
    color: #2d2d2d;
    background-color: #fff;
    font-family: 'DM Serif Display',sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    line-height: 19px;
    bottom: 10px;
    text-align: center;
}
@media screen and ( min-width: 1056.98px ) {
    .section-autres-guides .not-centered .swiper-wrapper{
        justify-content: unset;
    }
    .section-autres-guides .swiper-wrapper{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .section-autres-guides .swiper-wrapper.justify-start{
        justify-content: flex-start;
    }
    .section-autres-guides .swiper-slide{
        width: 212px!important;
    }
}
@media screen and ( max-width: 1056px ) {
    .section-autres-guides{
        margin-top: 45px;
    }
    .section-autres-guides .swiper-container{
        width: 90%;
    }
    .section-autres-guides .swiper-wrapper{
        margin-top: 15px;
        width: 100%;
    }
}

/******************************************************************************/
/* LANDING 100 ans */
/******************************************************************************/
@media screen and ( min-width: 1055.98px ) {
    .lp-anniversaire{
        background: url('https://www.linvosges.com/medias.v3/content/100-ans-d-histoire/fond.jpg') center top no-repeat;
        background-size: 100% 100%;
    }
}
.lp-anniversaire{
    padding: 50px 0 30px;
    background-color: #f7f4ef;
}
.lp-anniversaire .bg-beige{
    background: #F6F4EF;
}
.lp-anniversaire .lp-bg{
    width: 100%;
    height: 250px;
    position: absolute;
    top: 2px;
}
.lp-anniversaire .intro{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: 80px;
}
.lp-anniversaire .intro .visuel{
    width: 100%;
    max-width: 90px;
}
.lp-anniversaire .intro .title{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 33px;
    line-height: 46px;
    color: #2D2D2D;
    margin-top: 30px;
}
.lp-anniversaire .intro svg{
    height: 82px;
    width: 90px;
}
.lp-anniversaire .intro .description{
    font-weight: 400;
    font-size: 20px;
    line-height: 38px;
    color: #2D2D2D;
    margin-top: 30px;
}
.lp-anniversaire .line{
    background-color: #2D2D2D;
    width: 1px;
    height: 250%;
    position: absolute;
    left: 50%;
}
.lp-anniversaire .container{
    max-width: 1335px;
}

.lp-anniversaire .textblock .section-title{
    font-weight: 600;
    font-size: 55px;
    line-height: 67px;
    color: #2D2D2D;
}
.lp-anniversaire .textblock .title{
    font-weight: 500;
    font-size: 85px;
    line-height: 104px;
    color: #2D2D2D;
}
.lp-anniversaire .textblock .description{
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #2D2D2D;
    margin-top: 45px;
}
.lp-anniversaire .timeline{
    position: relative;
    margin: 50px auto;
    padding: 0;
    width: 1232px;
    box-sizing: border-box;
}
.lp-anniversaire .timeline ul{
    padding: 0 0 22px 0;
    margin: 0;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, transparent 49.9%, rgba(45,45,45,1) 49.9%, rgba(45,45,45,0.5) 50%, transparent 50%);
}
.lp-anniversaire .timeline ul li{
    list-style: none;
    position: relative;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    display: flex;
}
.lp-anniversaire .timeline ul li .time{
    width: 50%;
}
.lp-anniversaire .timeline ul li .time .visuel{
    width: auto;
    max-width: 100%;
}
.lp-anniversaire .timeline ul li .content{
    width: 50%;
    max-width: 470px;
}
.lp-anniversaire .timeline ul li.img-left{
    flex-direction: row;
}
.lp-anniversaire .timeline ul li.img-right{
    flex-direction: row-reverse;
}
.lp-anniversaire .timeline ul li .section-title{
    font-weight: 600;
    font-size: 55px;
    line-height: 67px;
    color: #2D2D2D;
    width: 100%;
}
.lp-anniversaire .timeline ul li .title{
    font-weight: 500;
    font-size: 85px;
    line-height: 104px;
    color: #2D2D2D;
}
.lp-anniversaire .timeline ul li .description{
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #2D2D2D;
    margin-top: 45px;
}

.lp-anniversaire .timeline .a-1921{
    padding-left: 75px;
}
.lp-anniversaire .timeline .a-1921 .time .visuel{
    width: 569px;
}
.lp-anniversaire .timeline .a-1921 .content{
    margin-left: 45px;
}
.lp-anniversaire .timeline .a-1921 .title{
    margin-top: 40px;
}

.lp-anniversaire .timeline .a-1922{
    justify-content: space-between;
}
.lp-anniversaire .timeline .a-1922 .time{
    margin-top: 75px;
}
.lp-anniversaire .timeline .a-1922 .time .visuel{
    width: 232px;
}
.lp-anniversaire .timeline .a-1922 .content{
    margin-top: -53px;
}

.lp-anniversaire .timeline .a-1923 .time{
    margin-top: -133px;
}
.lp-anniversaire .timeline .a-1923 .time .visuel{
    margin-left: 217px;
    width: 282px;
}
.lp-anniversaire .timeline .a-1923 .content{
    margin-right: 93px;
    margin-top: 75px;
}

.lp-anniversaire .timeline .a-1924 .time{
    margin-top: 70px;
}
.lp-anniversaire .timeline .a-1924 .time .visuel{
    margin-right: 80px;
    width: 427px;
}
.lp-anniversaire .timeline .a-1924 .content{
    margin-top: 86px;
    margin-left: 80px;
}
.lp-anniversaire .timeline .a-1924 .content .title.bis{
    margin-top: 120px;
}

.lp-anniversaire .timeline .a-1931.title{
    margin-top: 108px;
}
.lp-anniversaire .timeline .a-1931 .time{
    width: 52%;
}
.lp-anniversaire .timeline .a-1931 .time .visuel{
    width: 754px;
}
.lp-anniversaire .timeline .a-1931 .content{
    width: 48%;
    margin-right: 60px;
    margin-top: 86px;
}

.lp-anniversaire .timeline .a-1932 .content{
    margin-top: -95px;
    margin-right: 73px;
}
.lp-anniversaire .timeline .a-1939 .time{
    margin-top: 107px;
}
.lp-anniversaire .timeline .a-1939 .time .visuel{
    margin-right: 73px;
    width: 470px;
}
.lp-anniversaire .timeline .a-1939 .content{
    margin-left: 80px;
    margin-top: -25px;
}

.lp-anniversaire .timeline .a-1940 .content{
    margin-top: -375px;
    margin-left: 144px;
}

.lp-anniversaire .timeline .a-1944 .time{
    margin-top: -48px;
}
.lp-anniversaire .timeline .a-1944 .time .visuel{
    margin-left: 80px;
    width: 477px;
}
.lp-anniversaire .timeline .a-1944 .content{
    margin-top: 145px;
    margin-right: 80px;
}

.lp-anniversaire .timeline .a-1950 .time{
    margin-top: 200px;
    width: 52%;
}
.lp-anniversaire .timeline .a-1950 .time .visuel{
    width: 643px;
}
.lp-anniversaire .timeline .a-1950 .content{
    width: 48%;
    margin-top: 117px;
    margin-left: 55px;
}

.lp-anniversaire .timeline .a-1953 .time{
    width: 60%;
    margin-top: 131px;
    margin-right: -90px;
}
.lp-anniversaire .timeline .a-1953 .time .visuel{
    width: 760px;
}
.lp-anniversaire .timeline .a-1953 .content{
    width: 40%;
    margin-top: 49px;
    margin-right: 106px;
}
.lp-anniversaire .timeline .a-1953 .content .title.bis{
    margin-top: 131px;
}
.lp-anniversaire .timeline .a-1953 .content .title.bis2{
    margin-top: 202px;
    margin-right: -73px;
}
.lp-anniversaire .timeline .a-1953 .content .description.alignright{
    margin-right: -73px;
    padding-left: 80px;
}

.lp-anniversaire .timeline .a-1960 .content{
    margin-top: -90px;
    margin-left: 84px;
}

.lp-anniversaire .timeline .a-1966 .time{
    margin-top: 67px;
}
.lp-anniversaire .timeline .a-1966 .time .visuel{
    margin-left: 109px;
    width: 385px;
}
.lp-anniversaire .timeline .a-1966 .content{
    margin-top: 29px;
    margin-right: 93px;
}
.lp-anniversaire .timeline .a-1966 .content .title.bis{
    margin-top: 131px;
}

.lp-anniversaire .timeline .a-1982 .time{
    margin-top: 141px;
}
.lp-anniversaire .timeline .a-1982 .time .visuel{
    width: 543px;
    margin-right: -25px;
}
.lp-anniversaire .timeline .a-1982 .content{
    margin-top: 172px;
    margin-left: 112px;
}

.lp-anniversaire .timeline .a-1992 .time{
    margin-top: 112px;
}
.lp-anniversaire .timeline .a-1992 .time .visuel{
    margin-left: 78px;
    width: 623px;
}
.lp-anniversaire .timeline .a-1992 .content{
    margin-top: 65px;
    margin-right: 93px;
}

.lp-anniversaire .timeline .a-1998 .time{
    margin-top: -130px;
}
.lp-anniversaire .timeline .a-1998 .time .visuel{
    margin-right: 149px;
    width: 352px;
}
.lp-anniversaire .timeline .a-1998 .content{
    margin-top: 181px;
    margin-left: 64px;
}

.lp-anniversaire .timeline .a-2003 .content{
    margin-top: 73px;
    margin-left: 72px;
}

.lp-anniversaire .timeline .a-2007 .content{
    margin-top: -180px;
    margin-right: 104px;
}

.lp-anniversaire .timeline .a-2012 .time{
    margin-top: 82px;
}
.lp-anniversaire .timeline .a-2012 .time .visuel{
    width: 641px;
    position: absolute;
}
.lp-anniversaire .timeline .a-2012 .content{
    margin-left: 80px;
}
.lp-anniversaire .timeline .a-2012 .content .title.bis{
    margin-top: 166px;
}
.lp-anniversaire .timeline .a-2012 .content .title.bis2{
    margin-top: 117px;
}

.lp-anniversaire .timeline .a-2020 .time{
    margin-top: 144px;
}
.lp-anniversaire .timeline .a-2020 .time .visuel{
    width: 525px;
}
.lp-anniversaire .timeline .a-2020 .content{
    margin-top: 75px;
    margin-right: 93px;
}
.lp-anniversaire .timeline .a-2020 .content .title.bis{
    margin-top: 131px;
}

.lp-anniversaire .timeline .a-2022 .time{
    margin-top: 69px;
}
.lp-anniversaire .timeline .a-2022 .time .visuel{
    width: 248px;
}
.lp-anniversaire .timeline .a-2022 .content{
    padding-left: 65px;
    padding-right: 104px;
}
.lp-anniversaire .timeline .a-2022 .content .title.bis{
    margin-top: 85px;
    margin-left: 20px;
}
.lp-anniversaire .timeline .a-2022 .content .description.bis{
    margin-left: 20px;
}

.lp-anniversaire .timeline .timeline-end{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.lp-anniversaire .timeline .timeline-end svg{
    height: 82px;
    width: 90px;
}


@media screen and ( max-width: 1055px ){
    .lp-anniversaire .intro{
        padding-bottom: unset;
    }
    .lp-anniversaire .intro .description{
        font-size: 15px;
        line-height: 23px;
        padding: 0 20px;
    }
    .lp-anniversaire .timeline{
        width: 100%;
    }
    .lp-anniversaire .timeline ul {
        background: rgb(255,255,255);
        background: linear-gradient(90deg, transparent 49.5%, rgba(45,45,45,1) 49.5%, rgba(45,45,45,0.5) 50%, transparent 50%);
    }
    .lp-anniversaire .timeline ul li.img-left,
    .lp-anniversaire .timeline ul li.img-right{
        flex-direction: column;
        padding-left: unset;
        padding-right: unset;
        margin: unset!important;
    }
    .lp-anniversaire .timeline ul li .time{
        width: 100%!important;
        margin-top: 35px!important;
        background-color: #f7f4ef;
    }
    .lp-anniversaire .timeline ul li .time .visuel{
        margin: auto!important;
        display: block;
    }
    .lp-anniversaire .timeline ul li.a-1932 .time .visuel,
    .lp-anniversaire .timeline ul li.a-1998 .time .visuel,
    .lp-anniversaire .timeline ul li.a-1960 .time .visuel{
        width: 235px;
    }
    .lp-anniversaire .timeline .a-2012 .time .visuel{
        position: relative;
    }
    .lp-anniversaire .timeline ul li .time .visuel.desktop{
        display: none;
    }
    .lp-anniversaire .timeline ul li .content{
        width: 100%!important;
        max-width: 100%;
        text-align: center;
        margin: unset!important;
        padding: 20px !important;
        box-sizing: border-box;
        background-color: #f7f4ef;
    }
    .lp-anniversaire .timeline .a-1931.title,
    .lp-anniversaire .timeline .a-1952.title,
    .lp-anniversaire .timeline .a-2012.title,
    .lp-anniversaire .timeline .a-2022.title,
    .lp-anniversaire .timeline .a-1992.title{
        background-color: #f7f4ef;
        text-align: center;
        margin: unset!important;
        margin-top: 35px!important;
    }
    .lp-anniversaire .timeline ul li .section-title {
        font-size: 36px;
        line-height: 44px;
    }
    .lp-anniversaire .timeline ul li .content .title{
        margin: unset!important;
        font-size: 50px;
        line-height: 61px;
        text-align: center!important;
    }
    .lp-anniversaire .timeline ul li .content .title.bis,
    .lp-anniversaire .timeline ul li .content .title.bis2{
        margin-top: 35px!important;
        text-align: center!important;
    }
    .lp-anniversaire .timeline ul li .content .description{
        margin-top: 10px;
        text-align: center!important;
        margin-right: unset!important;
        padding-left: unset!important;
    }
}

/* Animations */
.reveal {
    position: relative;
    opacity: 0;
}

.reveal.active {
    opacity: 1;
}
.active.fade-left {
    animation: fade-left 1s ease-in;
}
.active.fade-right {
    animation: fade-right 1s ease-in;
}
@keyframes fade-left {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fade-right {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@media screen and ( max-width: 1055px ) {
    @keyframes fade-left {
        0% {
            transform: translateX(-100px);
            opacity: 1;
        }
        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }
    @keyframes fade-right {
        0% {
            transform: translateX(100px);
            opacity: 1;
        }
        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }
}


/***************************/
/* Retours web sans compte */
/***************************/

.return-and-exchange{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 18px 0 50px;
}
.return-and-exchange .title{
    color: #2D2D2D;
    font-family: 'Montserrat',sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
.return-and-exchange .description{
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    margin-top: 30px;
    padding: 0 18px;
}
.return-and-exchange b{
    font-weight: 600;
}
.return-and-exchange .account-choice{
    background-color: #ECF1F0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0 35px;
    width: 100%;
    margin-top: 30px;
    line-height: normal;
}
.return-and-exchange .account-choice-container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 35px;
}
.return-and-exchange .account-choice .box-choice{
    background-color: #FFFFFF;
    border-radius: 17px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 15px;
    width: 447px;
    min-height: 228px;
    padding: 25px 15px;
    box-sizing: border-box;
    line-height: 20px;
}
.return-and-exchange .account-choice .box-choice .description{
    font-weight: 400;
    font-size: 14px;
    color: #2D2D2D;
    width: 90%;
    margin: 20px auto;
    padding: unset;
}
.return-and-exchange .account-choice .box-choice .btn{
    height: 37px;
    width: 195px;
    padding: 0;
}

.return-and-exchange .faq{
    margin-top: 40px;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.return-and-exchange .faq .title{
    color: #2D2D2D;
    text-align: center;
    font-family: 'DM Serif Display',sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 29px;
    letter-spacing: 0.9px;
    margin-bottom: 40px;
}
.return-and-exchange .faq .question{
    width: 100%;
    max-width: 880px;
    text-align: left;
    color: #2D2D2D;
    margin: auto;
    margin-bottom: 10px;
}
.return-and-exchange .faq .question .question-title{
    border-bottom: solid 1px #000000;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    padding: 15px 0;
    display: block;
    width: 100%;
}
.return-and-exchange .faq .question .answer{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    padding: 15px 0;
}
.return-and-exchange .faq .question .answer .list:before{
    content: "•";
    position: absolute;
    left: 0;
    padding: 0 10px
}
.return-and-exchange .faq .question .answer .list{
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-left: 23px;
    position: relative;
}
.return-and-exchange .faq .btn{
    width: 220px;
    padding: 0;
    height: 38px;
    margin: 10px auto 0;
}

.return-and-exchange .rapid-return{
    width: 100%;
    max-width: 1230px;
    background-color: #ECF1F0;
    margin-top: 18px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.return-and-exchange .rapid-return .visuel{
    /*width: 50%;*/
    max-width: 613px;
}
.return-and-exchange .rapid-return .rapid-return-form{
    text-align: center;
    width: 100%;
}
.return-and-exchange .rapid-return .rapid-return-form .error{
    background-color: #FAEDED;
    border: solid 1px #AE2626;
    padding: 12px;
    box-sizing: border-box;
    max-width: 555px;
    margin: 20px auto -13px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.return-and-exchange .rapid-return .rapid-return-form .error .text-error{
    color: #AE2626;
    font-size: 12px;
    line-height: 16px;
    width: calc(100% - 40px);
}
.return-and-exchange .rapid-return .rapid-return-form .error a{
    color: #AE2626;
    text-decoration: underline;
}
.return-and-exchange .rapid-return .rapid-return-form .error b{
    font-weight: 600;
}
.return-and-exchange .rapid-return .rapid-return-form .title{
    font-weight: 600;
    font-size: 25px;
    line-height: normal;
}
.return-and-exchange .rapid-return .rapid-return-form form{
    background-color: #FFFFFF;
    border-radius: 17px;
    max-width: 470px;
    margin: 30px auto 0;
    padding: 20px;
    box-sizing: border-box;
}
.return-and-exchange .rapid-return .rapid-return-form form .form-title{
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-transform: unset;
    margin-bottom: 20px;
}
.return-and-exchange .rapid-return .rapid-return-form form input:not([type=submit]){
    width: 100%;
    max-width: 320px;
}
.return-and-exchange .rapid-return .rapid-return-form form .f_el label,
.return-and-exchange .rapid-return .rapid-return-form form .f_el .label{
    width: 320px;
    margin: 0 auto 5px;
}
.return-and-exchange .rapid-return .rapid-return-form form .small-text-form{
    width: 100%;
    max-width: 320px;
    margin: 4px auto 5px;
}
.return-and-exchange .rapid-return .rapid-return-form form .btn-submit{
    height: 37px;
    min-height: unset;
    margin-top: 20px;
    padding: 0 30px;
}

.return-and-exchange.confirmation .confirmed{
    color: #4D716C;
    font-weight: 600;
    margin-top: 18px;
}
.return-and-exchange.confirmation .confirmed svg{
    margin-right: 3px;
}
.return-and-exchange.confirmation .description{
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.return-and-exchange.confirmation .ctas-container{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.return-and-exchange.confirmation .ctas-container .btn svg{
    margin-right: 10px;
    margin-left: -9px;
}
.return-and-exchange.confirmation .btn{
    height: 37px;
    margin-top: 35px;
}
@media screen and ( max-width: 1056px ){
    .return-and-exchange .backpage{
        position: absolute;
    }
    .return-and-exchange .rapid-return{
        flex-direction: column-reverse;
        margin-top: 30px;
    }
    .return-and-exchange .rapid-return .visuel{
        width: 100%;
        max-width: unset;
    }
    .return-and-exchange .rapid-return .rapid-return-form{
        padding: 20px 10px;
        box-sizing: border-box;
    }
    .return-and-exchange .rapid-return .rapid-return-form .title{
        font-size: 21px;
        width: 85%;
        margin: auto;
    }
    .return-and-exchange.confirmation .ctas-container{
        flex-direction: column;
        gap: 0;
    }
}
@media screen and ( max-width: 768px ){
    .return-and-exchange .account-choice{
        padding: 20px 12.5px 30px;
        box-sizing: border-box;
    }
    .return-and-exchange .account-choice-container{
        flex-direction: column;
        margin-top: 20px;
    }
    .return-and-exchange .account-choice .box-choice{
        margin: 7.5px auto;
        width: 100%;
        font-size: 14px;
    }

}
@media screen and ( max-width: 640px ){
    .return-and-exchange .title {
        font-size: 18px;
    }
    .return-and-exchange .faq{
        padding: 25px 20px;
        margin-top: unset;
    }
    .return-and-exchange .faq .title{
        font-size: 25px;
        line-height: 29px;
        margin-bottom: 20px;
    }
    .return-and-exchange.confirmation .confirmed{
        font-size: 16px;
        line-height: 23px;
    }
    .return-and-exchange.confirmation .confirmed svg{
        margin-right: unset;
        margin-bottom: 5px;
        width: 40px;
        height: 40px;
    }
    .return-and-exchange.confirmation .description{
        font-size: 16px;
        line-height: 23px;
    }
    .return-and-exchange.confirmation .btn{
        margin-top: 20px;
    }
}