/* ##### ##### SHOP ##### ##### */


.welcome-offer .welcome-offer-hero {
    background-image: url("/img/bg/questionnaire_B.jpg");
}

.welcome-offer .welcome-offer-hero .titre-1 {
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
}


.shop .shop-hero {
    background-image: url("/img/bg_hero_grey_1920x1080.png");
}



.shop-hero-zone .title-0 {
    font-size: 18px;
}

.shop-hero-zone .title-1 {
    font-weight: bold;
    font-size: 30px;
    margin-top: 0;
    display: block;
}

/* .shop-hero-zone .illustration {
    display: none;
} */



.shop-hero-illustration {
    display: none;
}


.shop-colors-zone-hero {
    margin-top: -10px;
}



/* ##### I am ##### */

.shop-iam-zone-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    
}

.shop-iam-zone-content .iam-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    align-items: center;
}

.shop-iam-zone-content .iam-item .content .titre1 {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
}

.shop-iam-zone-content .iam-item .content .desc {
    font-weight: bold;
    text-align: center;
}




/* ##### packs ##### */

.shop-packs-grey-bar {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    background: #e7e7e8;
    padding-top: 20px;
    padding-bottom: 20px;
}

.shop-packs-triangle {
    text-align: center;
}

.shop-packs-triangle img {
    width: 100px;
}


.shop-packs-zone-content .intro {
    text-align: center;
}



.shop-zone {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.shop-zone .products {
    padding-bottom: 30px;
    border-bottom: 1px solid #212529;
    margin-bottom: 30px;
}



.shop-zone .cart {
    padding-bottom: 30px;
}


.products-header {
    background: #e7e7e8;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.products-header .titre {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}




/* ##### one product ##### */






/* ##### More ##### */


.shop-more-illustration {
    display: none;
}


.shop-more-zone-content .titre-1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}


.shop-more-boutons {
    margin-top: 30px;
}

.shop-more-boutons a {
    text-transform: uppercase;
}




@media (min-width: 768px) {
    .shop-iam-zone-content .iam-item {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
    }

    .shop-iam-zone-content .iam-item .content {
        width: 60%;
    }
    .shop-iam-zone-content .iam-item .illustration {
        width: 40%;
    }

    .shop-iam-zone-content .iam-individual .content {
        order: 2;
    }

    .shop-iam-zone-content .iam-individual .illustration {
        order: 1;
    }

    .shop-iam-zone-content .iam-pro .content {
        order: 1;
    }

    .shop-iam-zone-content .iam-pro .illustration {
        order: 2;
    }


    

}


@media (min-width: 992px) {
    .shop-hero-zone {
        width: 80%;
    }

    .shop-hero-illustration {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-top: -250px;
    }

    .shop-hero-illustration img {
        height: 250px;
        max-height: 250px;
    }



    .shop-iam-zone-content {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        /* margin-left: -5%;
        margin-right: -5%; */

    }
    
    .shop-iam-zone-content .iam-individual {
        width: 50%;
        /* background: yellow; */
        padding-right: 30px;
        border-right: 1px solid #212529;
    }

    .shop-iam-zone-content .iam-pro {
        width: 50%;
        /* background: aqua; */
        padding-left: 30px;
    }

    .shop-iam-zone-content .iam-item {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
    }





    .shop-zone {
        flex-direction: row;
    }

    .shop-zone .products {
        width: 70%;
        padding-right: 30px;
        border-right: 1px solid #212529;
        border-bottom: none;
    }
    
    .shop-zone .cart {
        width: 30%;
        padding-left: 30px;
    }
    
   

    .shop-zone .products {
        padding-bottom: 0;
    }
    
    .shop-zone .cart {
        padding-bottom: 0;
    }



/* 
    .shop-zone .products {
        width: 70%;
        padding-right: 30px;
    }
    
    .shop-zone .cart {
        width: 30%;
        padding-left: 30px;
    } */

    /* .oneProduct {
        flex-wrap: nowrap;
    }

    .oneProduct .illustration {
        padding-right: 30px;
        width: auto;
    }
    
    .oneProduct .content {
        padding-right: 50px;
        width: auto;
    }

    .oneProduct .bouton {
        width: auto;
        text-align: left;
    } */



    .shop-more-zone-content {
        display: flex;
    }

    .shop-more-illustration {
        display: block;
        width: 200px;
        min-width: 200px;
        
        /* flex-direction: row;
        justify-content: flex-start;
        margin-top: -400px; */
        align-self: flex-end;
        margin-bottom: -2rem;
        margin-left: -3rem;
    }

   

}


@media (min-width: 1100px) {
    .shop-iam-zone-content {
        margin-left: -50px;
        margin-right: -50px;
    }
}











/* ##### ##### CART ##### ##### */

.cart .cart-hero {
    background-image: url("/img/bg/questionnaire_B.jpg");
}

.cart .cart-hero .titre-1 {
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
}


/* ##### ##### CART INFO ##### ##### */

.cart-info .cart-info-hero {
    background-image: url("/img/bg/questionnaire_B.jpg");
}

.cart-info .cart-info-hero .titre-1 {
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
}




/* ##### ##### CART PAY ##### ##### */

.cart-pay .cart-pay-hero {
    background-image: url("/img/bg/questionnaire_B.jpg");
}

.cart-pay .cart-pay-hero .titre-1 {
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
}







/* ##### contact ##### */

.shop .shop-contact-lignes-1 {
    margin-bottom: -10px;
    margin-top: 5em;
}

.shop .formations-contact-lignes-1 .bar-of-colors {
    justify-content: center;
}

.shop .shop-contact {
    background: #e7e7e8;
}

.shop-contact-zone-content .title-1 {
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
}

.shop-contact-zone-content .title-2 {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}

.shop-contact-2-zone-content {
    margin-top: 2em;
    /* margin-bottom: 2em; */
}


.shop-contact-2-zone-content .shop-contact-columns {
    display: flex;
    flex-direction: column;
}



@media (min-width: 992px) {
    .shop-contact-2-zone-content .shop-contact-columns {
        flex-direction: row;
        justify-content: space-between;
    }

    .shop-contact-2-zone-content .shop-contact-column {
        width: 47%;
    }
}