/*
Theme name: Keep it simple 2
Theme URI: https://
Author: Slash
Author URI: https://
Description: Thème épuré pour Wordpress à utiliser avec le plugin GastonShop
Tags: one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-width-template, theme-options
Version: 2
Requires at least: 5.7
Tested up to: 5.9
Requires PHP: 7.0
License:
License URI: https://
*/

@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@font-face {
    font-family: 'berthold_akzidenz_groteskCn';
    src: url('fonts/bertholdakzidenzgroteskcondensed-webfont.eot');
    src: url('fonts/bertholdakzidenzgroteskcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bertholdakzidenzgroteskcondensed-webfont.woff2') format('woff2'),
         url('fonts/bertholdakzidenzgroteskcondensed-webfont.woff') format('woff'),
         url('fonts/bertholdakzidenzgroteskcondensed-webfont.ttf') format('truetype'),
         url('fonts/bertholdakzidenzgroteskcondensed-webfont.svg#berthold_akzidenz_groteskCn') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Akzidenz-Grotesk Condensed BQ';
    src: 
    url('fonts/AkzidenzGroteskBQ-MdCnd.woff2') format('woff2'),
    url('fonts/AkzidenzGroteskBQ-MdCnd.woff') format('woff'),
    url('fonts/AkzidenzGroteskBQ-MdCnd.ttf') format('truetype');
}

html, body, #wrapper {
	height: 100%;
	margin: 0; padding: 0;
}
#wrapper {
	display : table;
	width: 100%;
}
footer {
	display : table-row;
	height: 340px; /* à titre d'exemple */
}
footer a:hover{
    color: #f40009;
}

.w-100 {
    width: 100%;
}

.ligne_cgv{
    display: flex;
    width: 100%;
}

.pop_gaston{
    display: none;
}

body{
    margin: 0;
}

a {
    text-decoration: none;
    display: block;
    cursor: pointer;
}

ul {
    list-style: none;
}

button {
    cursor: pointer;
}

.c_red {
    color: #F40009 !important; 
}

.c_white {
    color: white; 
}

.c_black {
    color: black; 
}

.center {
    text-align: center !important;
}

.left {
    text-align: left;
}

.center_flex {
    justify-content: center;
}

/* Footer */
footer{
    background-color: black;
    height: 340px;
    width: 100%;
}
#footer_info {
    display: flex;
    align-items: center;
    background: #F40009;
    justify-content: center;
    height: 30px;
}
footer a{
    color: white;
    display: inline-block;
}

input, select, textarea{
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #D5D5D5;
    border-radius: 7px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 13px;
    margin: 0;
}

input[type=radio]{
    border: 2px solid #04141E;
    width: auto !important;
    margin: 0 15px 0 0 !important;
}

input::placeholder, textarea::placeholder, input, textarea, select{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;

    /* black */

    color: #000000;
}

textarea {
    width: 94%;
}

.wpcf7-form-control-wrap{
    width: 100%;
}

input[type=submit]{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px 31px;
    gap: 10px;
    background: #F40009;
    border-radius: 7px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    border: none
}






    
    .p_small {
        color: #FFFFFF;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        margin-block-start: 0.7em;
        margin-block-end: 0.7em;
    }
    .p_inter {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 25px;
        display: flex;
        align-items: center;
        color: #0A0A0A;
    }
    h5{
        font-family: 'Akzidenz-Grotesk Condensed BQ';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 23px;
        text-align: center;
        color: #000000;
    }
    h4{
        font-family: 'Akzidenz-Grotesk Condensed BQ';
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 100%;
        color: #FFFFFF;
    }
    h3 {
        font-family: 'Akzidenz-Grotesk Condensed BQ';
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 100%;
        margin: 0;
        letter-spacing: 1px;
    }
    h2 {
        padding: 10px 0px;
        gap: 10px;
        border-bottom: 2px solid #F40009;
        font-family: 'Akzidenz-Grotesk Condensed BQ';
        font-style: normal;
        font-weight: 400;
        font-size: 36px;
        line-height: 42px;
        text-align: center;
        color: #000000;
        width: fit-content;
        margin: 30px auto;
    }
    h1 {
        font-family: 'Akzidenz-Grotesk Condensed BQ';
        font-style: normal;
        font-weight: 400;
        font-size: 45px;
        line-height: 53px;
        text-align: center;
        letter-spacing: 1.8px;
        color: #000000;
        margin: 34px auto;
    }
    .h1_home {
        font-family: 'Akzidenz-Grotesk Condensed BQ';
        font-style: normal;
        font-weight: 400;
        font-size: 45px;
        line-height: 100%;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .h2_banner{
        font-family: 'Akzidenz-Grotesk Condensed BQ';
        font-style: normal;
        font-weight: 400;
        font-size: 45px;
        line-height: 100%;
        display: flex;
        align-items: center;
        text-transform: uppercase;
        color: #FFFFFF;
        border: none;
        text-align: left;
        margin: 0px;
    }
    .btn_red {
        padding: 16px 31px;
        gap: 10px;
        background: #F40009;
        border-radius: 7px;
        border: 1px solid #F40009;
        font-family: 'Inter';
        font-weight: 400;
        font-size: 15px;
        line-height: 25px;
        text-align: center;
        color: #FFFFFF;
        justify-content: center;
        cursor: pointer;
    }
    .btn_white, .btn_white_bis {
        padding: 16px 31px;
        gap: 10px;
        background: #FFFFFF;
        border: 1px solid #F40009;
        border-radius: 7px;
        font-family: 'Inter';
        font-weight: 400;
        font-size: 15px;
        line-height: 25px;
        text-align: center;
        color: #F40009;
        cursor: pointer;
        justify-content: center;
    }
    .btn_back{
        justify-content: center;
    }
    .h1_page{
        padding: 10px 0px;
        width: fit-content;
        border-bottom: 3px solid #F40009;
    }
    .h3_red{
        font-family: 'Akzidenz-Grotesk Condensed BQ';
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 100%;
        color: #000000;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 10px 0px;
        gap: 10px;
        width: fit-content;
        border-bottom: 3px solid #F40009;
        margin-top: 40px;
    }
    
    /* Header mobile */
    header {
        position: sticky;
        top: 0;
        z-index: 2;
    }
    
    .header{
        box-sizing: border-box;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    #header_mobile {
        min-width: 390px;
        background: #FFFFFF;
        border-bottom: 2px solid #F40009;
        height: 88px;
    }

    #rectangle_logo_mobile {
        padding-left: 30px;
        width: 42px;
        height: 53.93px;
    }

    #rectangle_logo_desktop {
        width: 66px;
        height: auto;
    }

    .top_mobile {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0px;
        gap: 31px;

        height: 51.4px;
        left: 115px;
    }

    .loc_mobile {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 8px 0px;
        gap: 10px;
        width: 22.46px;
        height: 38.46px;
        flex: none;
        order: 0;
        flex-grow: 0;
    }
    .like_mobile {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 8px 0px;
        gap: 8px;
        height: 51.4px;
        border-radius: 3px;
        flex: none;
        order: 1;
        flex-grow: 0;
    }
    .panier_mobile {        
        /* Auto layout */

        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 8px 0px;
        gap: 8px;

        width: 41.46px;
        height: 36px;

        border-radius: 3px;

        /* Inside auto layout */

        flex: none;
        order: 2;
        flex-grow: 0;
    }

    .span_menu_mobile {
        /* 0 */
        width: 11px;
        height: 20px;

        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16.4px;
        line-height: 20px;
        /* identical to box height */

        display: flex;
        align-items: center;
        text-align: center;

        /* red */

        color: #F40009;


        /* Inside auto layout */

        flex: none;
        order: 0;
        flex-grow: 0;

        margin-right: 8px;
    }

    .span_menu_desktop {
        width: 11px;
        height: 20px;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16.4px;
        line-height: 20px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #F40009;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    #rectangle_menu_mobile {
        width: 88px;
        height: 88px;
        
        /* red */
        
        background: #F40009;
        border-radius: 0px;
        
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #rectangle_menu_mobile img {
        width: 28.53px;
        height: 31.33px;
    }
    
    #rectangle_menu_desktop {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #rectangle_menu_desktop img {
        width: 28.53px;
        height: 31.33px;
    }

    /* Footer mobile */
    #footer_mobile {
        padding-left: 38px;
        padding-right: 38px;
        display: flex;
        justify-content: space-between;
        padding-top: 30px;
        max-width: 1080px;
        margin: 0 auto;
    }
    #footer_mobile_bas {
        text-align: center;
        padding: 10px;
    }
    #footer_mobile_bas img{
        padding: 10px 2px 10px 2px;
    }
    #footer_mobile_right {
        text-align: right;
    }

    /* Home */
    #home_slide {
        height: 221px;
        border-radius: 0px 0px 7px 7px;
        /* background-image: linear-gradient(90.26deg, rgba(0, 0, 0, 0.5) -4.29%, rgba(0, 0, 0, 0) 92.44%), url("./img/coca.jpg"); */
        background-image: linear-gradient(90.26deg, rgba(0, 0, 0, 0.5) -4.29%, rgba(0, 0, 0, 0) 92.44%), url("./img/vranken_home.png");
        /* background-image: url("./img/home.webp"); */
        background-size: cover;
        /* background-position: top; */
        background-position: center;
    }
    #home_slide h1 {
        color: white;
        margin: 0;
        padding-top: 35px;
        padding-left: 40px;
        padding-right: 40px;
    }
    #home_slide button {
        margin-left: 50px;
        margin-top: 13px;
    }
    #home_select {
        text-align: center;
    }
    #home_select button {
        margin: 19px auto;
    }
    #home_categories {
        background: #F7F7F7;
        box-shadow: 0px 0px 10px rgba(95, 118, 150, 0.15);
        padding-top: 13px;
        padding-bottom: 43px;
    }
    #home_categories h2 {
        margin-bottom: 31px;
    }
    .home_info{
        background: #F7F7F7;
        border-radius: 7.88px;
        margin: 31px 21px;
        padding: 21px 16px;
    }
    .home_info h2 {
        margin-left: 0px;
        margin-top: 10px;
    }
    .home_info button {
        margin: 12px;
    }
    .list_atouts {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #home_atouts h2 {
        margin-left: 0px;
    }
    #home_atouts {
        padding: 0px 37px;
    }
    .item_atout img {
        width: 133px;
        height: 87px;
        border-radius: 8px;
    }
    #home_insta{
        padding: 39px;
    }
    #banner_insta{
        background-color: black;
        padding: 28px 36px;
        margin-bottom: 5px;
    }
    #banner_insta p{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 700;
        font-size: 17.4px;
        line-height: 18px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
        align-items: flex-start;
    }
    #banner_insta span{
        margin-right: 37px;

    }

    /* Home - Produits */
    .list_produits {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .item_produit {
        box-sizing: border-box;
        width: 164px;
        height: 300px;
        background: #F7F7F7;
        border: 1px solid #F7F7F7;
        box-shadow: 0px 0px 10px rgba(95, 118, 150, 0.15);
        border-radius: 3px;
        margin: 0px 9.5px 19px 9.5px;
    }

    .img_produit{
        width: 132px;
        height: 132px;
    }
    .top_item{
        position: relative;
        background-color: #FFFFFF;
        display: flex;
        justify-content: center;
        padding-top: 7px;
    }
    .like_produit, .un_like_produit{
        position: absolute;
        left: 5.49%;
        top: 3%;
    }
    .promo{
        position: absolute;
        border-radius: 21px;
        bottom: -11.5px;
        padding: 0;
    }

    .promo_produit{
        border-radius: 21px;
        padding: 0;
        margin: 30px auto;
        width: fit-content;
    }

    .promo p{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        line-height: 13px;
        display: flex;
        align-items: center;
        text-align: center;
        padding: 5px 8px;
        margin: 0;

        /* White */

        color: #FFFFFF;
    }

    .unite_casier input{
        padding: 8px 12px;
        margin: 7px;
    }

    .unite_casier {
        display: flex;
        justify-content: center;
    }

    .promo_produit p{
        font-family: 'Inter';
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        padding: 10px 15px;
        color: #FFFFFF;
        justify-content: center;
    }

    .bottom_item a{
        height: 46px;
        vertical-align: middle;
        margin: 22px 9px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .bottom_item_1{
        display: flex;
        justify-content: space-between;
        padding: 0 16px;
    }
    .item_unite{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #F40009;
    }
    .item_vidange{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #828282;
    }
    .item_vidange img{
        padding-right: 4.5px;
        vertical-align: text-bottom;
    }
    .bottom_item_2{
        display: flex;
        justify-content: space-between;
        padding: 16.5px 16px 14.5px 16px;
        align-items: center;
    }
    .item_prix{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        color: #000000;
    }
    .open_pop_produit{
        cursor: pointer;
    }


    /* Home - Catégories */
    .list_categories{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .item_categorie {
        width: 165px;
        height: 76px;
        border-radius: 8px;
        margin: 0px 9.5px 19px 9.5px;
        position: relative;
    }
    .item_categorie_1 {
        background: linear-gradient(80.01deg, rgba(255, 0, 0, 0.2) -3.66%, rgba(255, 0, 0, 0) 89.45%), linear-gradient(78.33deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 79.62%), url("https://gaston2.top//wp-content/plugins/gastonShop/img/cat/Coca.jpg");
        background-size: cover;
        background-blend-mode: color, normal;
        background-position: center;
    }
    .item_categorie_2 {
        background: linear-gradient(80.01deg, rgba(255, 0, 0, 0.2) -3.66%, rgba(255, 0, 0, 0) 89.45%), linear-gradient(78.33deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 79.62%), url("https://gaston2.top//wp-content/plugins/gastonShop/img/cat/vin_rosé.jpg");
        background-size: cover;
        background-blend-mode: color, normal;
        background-position: center;
    }
    .item_categorie_3 {
        background: linear-gradient(80.01deg, rgba(255, 0, 0, 0.2) -3.66%, rgba(255, 0, 0, 0) 89.45%), linear-gradient(78.33deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 79.62%), url("https://gaston2.top//wp-content/plugins/gastonShop/img/cat/Bière.jpg");
        background-size: cover;
        background-blend-mode: color, normal;
        background-position: center;
    }
    .item_categorie_4 {
        background: linear-gradient(80.01deg, rgba(255, 0, 0, 0.2) -3.66%, rgba(255, 0, 0, 0) 89.45%), linear-gradient(78.33deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 79.62%), url("https://gaston2.top//wp-content/plugins/gastonShop/img/cat/monin.jpg");
        background-size: cover;
        background-blend-mode: color, normal;
        background-position: center;
    }
    .item_categorie h4{
        margin: 5px 16px;
        position: absolute;
        bottom: 0px;
    }

    /* Catégories */
    #list_sous_categories {
        margin: 21.9px;
    }

    .item_sous_categories {
        height: 162px;
        border-radius: 7px;
        position: relative;
        background-blend-mode: color, normal;
        margin-bottom: 20px;
    }

    .item_sous_categories h3 {
        margin: 28px 34px;
        position: absolute;
        bottom: 0px;
        font-size: 36px;
        color: #FFFFFF;
    }

    .p_cat{
        padding-left: 38px;
        padding-right: 38px;
    }

    #page_categories .btn_white{
        margin: 40px auto;
    }

    /* News */
    #div_news {
        background-color: #F7F7F7;
        margin: 21px;
        text-align: center;
    }

    .post a{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        color: #f40009;
        width: fit-content;
    }
    
    .post {
        margin: 17px;
    }

    .post p{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 25px;
        display: flex;
        align-items: center;
        color: #0A0A0A;
    }

    .post h1{
        font-family: 'Akzidenz-Grotesk Condensed BQ';
        font-style: normal;
        font-weight: 400;
        font-size: 45px;
        line-height: 53px;
        /* identical to box height */

        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 1.8px;

        /* black */

        color: #000000;
        box-sizing: border-box;

        /* Auto layout */

        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        padding: 10px 0px;
        gap: 10px;
        width: fit-content;

        /* red */

        border-bottom: 3px solid #F40009;
    }

    .page_form{
        display: flex;
        margin: 35px 28px;
        padding: 0;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .input_demi{
        width: calc(50% - 10px)!important;
    }

    .post_gaston img{
        border-radius: 7px !important;
        margin: 45px 0;
    }

    .post_gaston{
        margin: 22px;
    }

    .post_gaston h1{
        padding: 10px 0px;
        width: fit-content;
        border-bottom: 3px solid #F40009;
    }

    .post_gaston h3{
        font-family: 'Akzidenz-Grotesk Condensed BQ';
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 100%;
        color: #000000;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 10px 0px;
        gap: 10px;
        width: fit-content;
        border-bottom: 3px solid #F40009;
        margin: 16px;
        margin-top: 60px;
    }

    .post_gaston p{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 25px;
        display: flex;
        align-items: center;
        color: #0A0A0A;
        margin: 16px;
    }

    .post_gaston a{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        margin: 16px;

    }

    .post_gaston li{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 25px;        
        color: #0A0A0A;
    }

    .wp-block-media-text img{
        border-radius: 0px !important;
    }

    .wp-block-media-text h3{
        border: none;
        color: #f40009;
        margin-bottom: 0;
    }

    .wp-block-media-text p{
        margin: 6px 16px;
    }

    .wp-block-media-text {
        margin: 0 16px;
    }

    .bloc_accordion{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 16px;
        background: #FFFFFF;
        box-shadow: 0px 0px 10px rgba(95, 118, 150, 0.15);
        border-radius: 7px;
        margin: 21.5px;
    }

    .bloc_accordion h4{
        font-family: 'Akzidenz-Grotesk Condensed BQ';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 23px;
        display: flex;
        align-items: center;
        margin: 15px;
        border-bottom: none;
        padding-bottom: 0px;
        cursor: pointer;
        transition: 0.4s;
        color: #000000;
        width: calc(100% - 45px);
        position: relative;
    }

    .reponse{
        margin: 15px;
        display: none;
        overflow: hidden;
    }

    .reponse p{
        margin: 0;
    }
  
.question:hover {
    color: #f40009;
  }

  .active {
    color: #f40009 !important;
    border-bottom: 1px solid #E5E5E5 !important;
    padding-bottom: 15px !important;
  }

  .question:after {
    content: url("./img/down_grey.png");
    margin-left: 30px;
    position: absolute;
    right: -30px;
  }
  
  .active:after {
    content: url("./img/up.png"); 
  }

  .page_form input{
    width: 100%;
  }

  .form_gaston .h3_red{
    margin: 38px;
  }

  .form_gaston input, .form_gaston select, .form_gaston textarea{
    margin-bottom: 20px;
  }

  .form_gaston textarea{
    width: 100%;
  }

  .form_gaston select{
    width: 100%;
  }

  .mg-t-20{
    margin-top: 20px;
  }

  .info_produit{
    background-color: #F7F7F7;
    text-align: center;
  }

  .nom_produit{
    border: none;
    padding-top: 19px;
    margin-bottom: 5px;
  }

  .info_produit h3{
    font-size: 28px;
    text-align: center;
    color: #F40009;
    font-family: 'Akzidenz-Grotesk Condensed BQ';
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border-bottom: 3px solid #F40009;
    padding-left: 39px;
    padding-right: 39px;
    padding-bottom: 9px;
    width: fit-content;
    margin: 0px auto;
  }

  #images_produit{
    position: relative;
    text-align: center;
  }

  #images_produit .like_produit, #images_produit .un_like_produit{
    left: 10%;
    top: 5%;
}

.info_prix{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 17px 39px;
    flex-wrap: wrap;
}

.info_prix p{
    font-family: 'Inter';
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
}

.info_prix p>*{
    padding: 0px 10px;
}

.prix{
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
}

.prix_texte p{
    padding-left: 10px;
    margin-top: 0px;
}

#details_produit{
    background: #F7F7F7;
    border-radius: 7.88px;
    margin: 36px 22px 29px 22px;
    padding: 29px 16px;
}

#details_produit p{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #0A0A0A;
}

#produits_assoc h3{
    margin: 29px auto;
}

#produits_assoc{
    padding-bottom: 50px;
}
.module_panier{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 39px;
    padding-bottom: 30px;
}

.module_panier span{
    width: 26%;
    border-bottom: 1px solid #F40009;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    color: #000000;
    padding: 9px;
    text-align: left;
}

.btn_end {
    margin-bottom: 80px!important;
    margin-top: 35px!important;
}

.table_gaston{
    padding: 0px 38.75px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    line-height: 16px; 
    width: 100%;
}

#panier_produits{
    margin-bottom: 10px;
}

#panier_calculs, .table_client{
    font-weight: 700;
    font-size: 14px;
    color: #828282;
}


.input_v2_plus_panier{
    margin-right: 0px !important;
}
#panier_produits img{
    margin: 7px;
}


.panier_row_1 td{
    padding-top: 16px;
    font-size: 14px;
}

.panier_col_2 a{
    color: #000000;
}

.panier_row_2{
    font-size: 12px;
    color: #828282;
}

.panier_row_3 td{
    height: 62px;
}

.separateur_table td{
    border-bottom: 0.7px solid #D5D5D5;
    height: 4px;
}

.bold{
    font-weight: 700 !important;
}

.panier_col_1{
    width: 1%;
}
.panier_col_2{
    width: 58%;
}
.panier_col_3{
    width: 30%;
    text-align: right;
}

.panier_col_5{
    width: 40%;
    text-align: right;
}

.panier_col_4, .panier_col_5{
    padding-top: 10px;
}

.black {
    color: #000000;
}

.livraison_offerte{
    border-radius: 21px;
    padding: 0;
    width: fit-content;
    background-color: #F40009;
    margin: 0px auto;
}

.livraison_offerte p{
    font-family: 'Inter';
    font-weight: 700;
    font-size: 12px;
    line-height: 19px;
    display: flex;
    padding: 5px 20px;
    color: #FFFFFF;
    justify-content: center;
}

.livraison_offerte span{
   padding: 0px 3px;
}

#panier_remarque, #panier_factu{
    display: none;
}

.open_panier{
    display: table-row !important;
}

.cadre_panier{
    border: 1px solid #D5D5D5;
    border-radius: 7.875px;
    margin: 22px;
    padding: 0px 16px 16px 16px;
}

.cadre_paiement{
    display: flex;
    flex-wrap: wrap;
}

.cadre_paiement input[type=radio], .cadre_paiement input[type=checkbox]{
    margin: 15px !important;
}

.cadre_panier p{
    width: 100%;
}

.row_flex{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.row_flex input[type=checkbox] {
    margin: 15px !important;
}

#page_panier input[type=button], #search_uhoda{
    width: calc(100% - 44px);
    margin: 20px auto;
}

#page_client{
    padding: 0px 38px;
}

.table_client{
    padding: 30px 0px 20px 0px;
    line-height: 29px;
}

.client_col_2{
    text-align: right;
    font-size: 11px;
}

.client_col_3{
    text-align: right;
}

.client_col_3 a{
    justify-content: end;
}

#page_client a{
    padding-bottom: 12px;
    font-size: 14px;
}

#page_client input{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.table_client a {
    padding: 0 !important;
}

.mg-lr-38{
    margin-left: 38px;
    margin-right: 38px;
}

.display-none{
    display: none;
}

.neg{
    border: 1px solid #f40009 !important;
}

.open{
    display: block !important;
    background-color: black;
    z-index: 3;
    opacity: 1;
    right: 0;
    font-family: 'berthold_akzidenz_groteskCn';
    top: 0;
    bottom:0;
    position:fixed;
    overflow-y:scroll;
    overflow-x:hidden;
    width: 420px;
}

#menu_mobile {
    display: none;
}

#close_menu{
    border-radius: 0px 0px 0px 7px;
    background: white;
    padding: 33px;
    width: fit-content;
    right: 0px;
    position: absolute;
    cursor: pointer;
}

.close_pop{
    width: fit-content;
    right: 0px;
    top: -47px;
    position: absolute;
    cursor: pointer;
    box-shadow: 7px -7px 10px rgba(95, 118, 150, 0.05);
    border-radius: 7px 7px 0px 0px;
}

.close img{
    width: 23px;
    height: auto;
}

.logo_menu {
    margin: 31px 38px;
    width: fit-content;
}

.logo_menu img{
    width: 77px;
    height: auto;
}

.logo_menu_fit img{
    width: 42px;
    height: auto;
}

.max {
    max-width: 100%;
}

.nav_categorie_mobile .menu-item{
    color: white;
    font-size: 27px;
    font-family: 'berthold_akzidenz_groteskCn';
    text-transform: uppercase;
    margin-bottom: 16px;
}

.nav_categorie_mobile .menu-bas-item a:hover{
    color: #F40009;
}

.nav_categorie_mobile .menu-item:hover, .nav_categorie_mobile .sub-menu-item a:hover{
    color: #f40009;
}

.nav_categorie_desktop .menu{
    display: flex;
}

.nav_categorie_desktop .menu-item a:hover, .nav_categorie_desktop .sub-menu-item a:hover{
    color: #000000 !important;
}

.nav_categorie_desktop .menu-item{
    color: white;
    font-size: 20px;
    font-family: 'berthold_akzidenz_groteskCn';
    text-transform: uppercase;
    margin-right: 20px;
    position: relative;
}

.nav_categorie_desktop .menu-item a{
    color: #F40009;
}

.nav_categorie_desktop .sub-menu {
    position: absolute;
    background-color: white;
    width: max-content;
    padding: 15px;
    left: -15px;
}

.nav_categorie_desktop .sub-menu-item a {
    color: #F40009 !important;
    font-family: 'berthold_akzidenz_groteskCn' !important;
}


.nav_categorie_mobile .menu-item span:after {
    content: url("./img/down_white.png");
    margin-left: 10px;
    vertical-align: 15%;
  }

.nav_categorie_desktop .menu-item > a:after {
content: url("./img/down_red.png");
margin-left: 10px;
vertical-align: 15%;
}

.nav_categorie_mobile .menu-item span, .nav_categorie_desktop .menu-item a, .nav_categorie_desktop .menu-item span {
    cursor: pointer;
}

.sub-menu-item a{
    font-size: 17px;
    font-family: Inter;
    text-transform: uppercase;
    padding: 10px;
    color: white;
    width: fit-content;
}
.menu-bas-item a{
    font-size: 17px;
    font-family: Inter;
    text-transform: uppercase;
    color: white;
    margin-bottom: 16px;
    width: fit-content;
}

.sub-menu-item li:first-of-type{
    margin-top: 16px;
}

.sub-menu {
    padding: 0;
    display: none;
}

.nav_categorie_mobile .active-menu {
    color: #F40009 !important;
}

.nav_categorie_desktop .active-menu {
    color: #000000 !important;
}

.active-menu span:after {
    content: url("./img/down_red.png")!important;
}

.loader{
	background: url('img/loading.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.9);
	cursor: wait;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.loader p{
    background: none;
    border: none;
    color: #f40009;
    font-size: 30px;
    font-weight: 700;
    height: 700px;
    line-height: 600px;
    margin: 0 0 10px;
    padding: 0;
    justify-content: center;
    font-variant: all-small-caps;
}

.btn_client {
    font-size: 16px;
    padding: 16px 31px;
    line-height: 20px;
    display: flex;
    align-items: center;
}
.btn_client img{
    margin-right: 5px;
}

.menu-bas-item:nth-last-of-type(2) {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.menu-bas-item:nth-last-of-type(2)  a{
    display: inline-block;
    margin-bottom: 0px;
}

.logo_rs{
    width: auto;
    height: 26px;
}

.logo_rs:first-of-type{
    margin-right: 7px;
}

.menu-search{
    margin-top: 16px;
    width: 100%;
    background-image: url("./img/search.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: right 16px;
}

.search-cp{
    background-image: url("./img/search_red.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: right 16px;
}

.menu, .menu-bas{
    padding-left: 38px;
    padding-right: 38px;
}

.menu-bas{
    padding-top: 2em;
}

.pop {
    display: none;
    position: absolute;
    background-color: white;
    background-size: cover;
    width: 344px;
    box-shadow: 0px 0px 10px rgba(95, 118, 150, 0.15);
    left: calc(calc(100% - 400px) / 2);
    top: 25%;
    text-align: center;
    border-radius: 7px;
    padding: 28px;
}

.pop .page_form {
    margin: 0;
}

.pop h3{
    margin-top: 0;
}

.pop .btn_white {
    margin-top: 20px;
    width: 100%;
}

#pop_produit h5 {
    color: var(--black, #000);
    text-align: center;
    font-size: 36px;
    font-family: 'berthold_akzidenz_groteskCn';
    margin-top: 0px;
    line-height: 1em;
}

#pop_produit h6 {
    color: var(--red, #F40009);
    text-align: center;
    font-size: 28px;
    font-family: 'berthold_akzidenz_groteskCn';
    line-height: 100%;
    margin: 20px;
}

#pop_produit .info_prix, #pop_produit .module_panier{
    margin: 0;
}

.btn_red.close_pop_ajout {
    width: 100%;
    margin-top: 20px;
}

.module_panier img{
    cursor: pointer;
}

#details_produit {
    width: calc(100% - 80px);
}

.menu-hover{
    cursor: pointer;
}

.menu-hover:hover{
    transform: translateX(0)translateY(0)scaleX(1.15)scaleY(1.15)rotate(0deg)skewX(0deg)skewY(0deg);
}

.close_pop:hover{
    transform: translateX(0)translateY(0)scaleX(1.15)scaleY(1.15)rotate(0deg)skewX(0deg)skewY(0deg);
}

.like_produit:hover, .un_like_produit:hover{
    transform: rotate(-20deg);
}

.module_panier :hover {
    transform: translateX(0)translateY(0)scaleX(1.05)scaleY(1.05)rotate(0deg)skewX(0deg)skewY(0deg);
}

#div_news img{
    margin: 20px auto;
}

.panier_row_3 .panier_col_3 div{
    display: flex;
    align-items: center;
    justify-content: end;
}

.articlePrec, .articleSuiv{
    width: fit-content;
    margin-bottom: 40px;
}

/* MOBILE */
  @media only screen and (max-width: 768px){
    .no-mobile{
        display: none !important;
    }

    #header_desktop{
        display: none !important;
    }

    .open {
        width: 100vw !important;
    }

    .item_atout {
        width: 133px;
        height: 200px;
    }
}

/* DESKTOP */
@media only screen and (min-width: 768px){
    .input_v2_moins_panier, .input_v2_plus_panier{
        cursor: pointer;
    }
    #header_desktop .nav_categorie_desktop .menu-item{
        color: #f40009;
    }
    .item_produit:hover{
        box-shadow: 0px 0px 10px rgba(29, 35, 44, 0.4);
    }

    .item_categorie:hover, .item_sous_categories:hover{
        box-shadow: 0px 0px 10px rgba(1, 2, 2, 1);
    }

    .btn_red:hover {
       font-size: 1.05em;
       box-shadow: 0px 0px 10px rgba(29, 35, 44, 0.4);
    }
    .btn_white:hover, .btn_white_bis:hover {
        font-size: 1.05em;
        box-shadow: 0px 0px 10px rgba(29, 35, 44, 0.4);
    }

    .logo_menu_fit img{
        width: 70px;
    }

    main{
        max-width: 1080px;
        margin: auto !important
    }

    #header_desktop {
        border-bottom: 2px solid #F40009;
        background: white;
        height: 120px;
        padding-left: calc(calc(100% - 1080px) / 2);
        padding-right: calc(calc(100% - 1080px) / 2);
    }

    #header_mobile{
        display: none !important;
    }

    #home_slide {
        height: 300px;
        width: 100vw;
        margin-left: calc(calc(100vw - 1080px) / -2);
    }

    #home_slide h1 {
        color: white;
        margin: 0;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: calc(calc(calc(100vw - 1080px) / 2) + 50px );
        padding-right: 40px;
        text-align: left;
    }

    #home_slide button {
        margin-left: calc(calc(calc(100vw - 1080px) / 2) + 50px );
        margin-top: 20px;
    }

    .item_produit {
        width: 250px;
        height: 355px;
    }

    .item_produit h5{
        font-size: 24px;
    }

    .img_produit{
        width: 175px;
        height: 175px;
    }

    #home_categories{
        background-color: #FFFFFF;
        box-shadow: none;
    }

    .item_categorie {
        width: 250px;
        height: 144px;
    }

    .home_info img{
        max-width: 250px;
        margin-right: 20px;
    }

    .home_info_div {
        display: flex;
        justify-content: space-evenly;
    }

    .item_atout img{
        width: 235px;
        height: auto;
    }

    .item_atout{
       margin-bottom: 40px;
    }

    #page_produit{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin-top: 30px;
    }

    #page_produit .info_produit{
        width: calc(100% - 600px);
    }

    #list_sous_categories {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .item_sous_categories {
        width: 45%;
    }

    .w-auto{
        width: auto !important;
        margin: 20px auto;
    }
}