@media screen and (max-width: 455px) {


    /* Bloc "Nos gourmands delices" : empile, pleine largeur, hauteur libre */
    .block_recette { margin-left: 0; padding-left: 12px; padding-right: 12px; padding-top: 45px; padding-bottom: 55px; }
    .block_recette .box_recette_discover { padding: 26px 24px; }
    .block_recette .box_recette_discover .icon_img { padding-bottom: 18px; }
    .block_recette .box_recette_discover.match_height { height: auto !important; }

    /************************Page nos marques ********************/
    .banner-content {
        top: 8%;
        padding: 0 10%;
    }
.pots-animation-container img{
    width: 15%;
}
    .pt-112 {
        padding-top: 60px;
    }

    .mot_delice {
        width: 25%;
    }

    .pb-112 {
        padding-bottom: 60px;
    }

    .block_votre_moment .parag_style,
    .block_votre_moment .parag_style p {
        font-size: 14px;
    }

    .block_votre_moment h3,
    .block_votre_moment .box_gamme h3 {
        font-size: 24px;
        margin: 15px 0;
    }

    .yaourt_description {
        padding: 18px 5px;
    }

    .nos_marques {
        padding-bottom: 100px;
        padding-top: 100px;
    }
    .nos_marques_acceuil{
        padding-bottom: 60px;
        padding-top: 60px;
    }
.nos_marques_acceuil .bg_nuage,
    .nos_marques .bg_nuage {
        width: 80%;
    }

    .box_feuille_right img {
        width: 45%;
    }

    .pots-nos-marques {
        padding: 0px 49px;
    }

    .pots-animation-container {
        padding: 0px 0px;
        gap: 0;
        overflow: hidden;
    }

    /* Marges pour tablette */
    .pot-1 { margin-right: -25px; }
    .pot-2 { margin-right: -18px; }
    .pot-3 { margin-right: -15px; }
    .pot-5 { margin-left: -15px; }
    .pot-6 { margin-left: -18px; }
    .pot-7 { margin-left: -15px; }

    .pot-left {
        transform: translateX(-200px);
    }

    .pot-right {
        transform: translateX(200px);
    }

    .banner-content-img {
        top: 45%;
    }

    .icon-feuille {
        width: 4%;
    }

    .icon-45 {
        width: 10%;
    }

    .banner-content .title {
        font-size: 30px;
        margin-right: 0;
    }

    .title {
        font-size: 40px;
    }

    .padding_body {
        padding-left: 10px;
        padding-right: 10px;
    }

    .texte_grey {
        font-size: 14px;
    }

    .content_yaourt_boite img {
        width: 47%;
    }

    .mamzouj_fraise_vanille {
        width: 69% !important;
    }

    .content_yaourt p {
        font-size: 14px;
    }

    .content_yaourt h3 {
        font-size: 26px;
        margin: 0px 0 15px 0
    }

    .box_gamme {
        padding-top: 83px;
    }

    .mt-96,
    .mt_mobile {
        margin-top: 40px;
    }

    .for_mobile {
        display: block;
    }

    .for_descktop {
        display: none;
    }

    .for_mobile .box_moment {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .two_block {
        gap: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /************************Page bien se nourir ********************/
    .banner-content_nourir {
        top: 70px;
    }

    .banner-content_nourir .title {
        font-size: 36px;
    }

    .sub_title {
        font-size: 26px;
    }

    .mb-24 {
        margin-bottom: 12px;
    }

    .prag_blue {
        font-family: 'iskraw04_regular';
        margin: 8px 0;
        font-size: 16px;
    }

    .box_double_heart_fille {
        width: 8%;
    }

    .intro_article {
        padding: 10px 0;
    }

    /************************Page recettes ********************/
    .recipe_content .two_block {
        gap: 25px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .two_block .content_recipe:nth-child(1) {
        width: initial;
    }

    .two_block .content_recipe:nth-child(2) {
        width: initial;
    }

    .header_recettes .banner-content_nourir {
        top: 45px;
    }

    .side_sticky_bar {
        border-radius: 29px;
        padding: 24.5px 23px;
    }

    /****************page grandir en bonne santé *************/
    .question {
        font-size: 30px;
        padding: 42px 0;
    }

    .autre_article {
        font-size: 40px;
    }

    .coverture_bien_nourir .title {
        font-size: 36px;
    }

    /************************Page delice le yaourt ********************/
       .banner-content-delice {
        position: absolute;
        gap: 0;
        align-items: center;
        justify-content: space-evenly;
        left: 0;
            top: 20%;

    }

    .banner-content-delice img:nth-child(2) {
        width: 23%;
    }

    .banner-content-delice .icon-45 {
        width: 7%;
    }

    .pd-20 {
        padding: 10px;
    }

    .boitevitamins img {
        width: 70%;
    }

    .box_gamme_yaourt {

        background: linear-gradient(to top, #ECF7FE 45%, #ffffff 0%);
        padding: 20px;
    }

    .box_gamme_yaourt h3 {
        margin: 12px 0 14px 0;
    }

    .content_gamme p {
        font-size: 16px;
    }

    .displayFlexPreparation {
        flex-direction: column;
    }

    .displayFlexPreparation>div {

        gap: 15px;
    }

    .boitevitamins p {
        font-size: 16px;

    }

    .delice_yaourt_gamme_block img {
        width: 50%;
    }

    .boitevitamins h3 {
        margin-bottom: 12px;
        font-size: 32px;
    }

    .text_lite_blue {
        font-size: 30px;
    }

    .title2 {
        font-size: 32px;
    }

    .gamme_block {
        padding-bottom: 100px;
    }

    .texte_blue_center {
        font-size: 18px;
    }

    .block-responsive .two_block:nth-child(2) {
        align-items: flex-start;

    }

    .right-content {
        width: 60%;
        margin-top: 20px;
    }

    /************************Page RDV santé ********************/
    .form_comment input {
        padding: 8px 10px;
        font-size: 14px;
    }

    .form_comment {
        margin: 15px 0;
    }

    .form_comment input:nth-of-type(1) {
        width: 50%;
    }

    .icon-45-banner {
        top: 25px;
        width: 29%;
    }

    /************************Page nos projets ********************/
    .other_project {
        padding: 0 8px 10px;
    }

    .owl-stage-outer .other_project .project_title {
        font-size: 14px;
    }

    .block_projet {
        padding-left: 7px;
    }

    .img_projet {
        height: 166px;
    }

    .footer_projet .mt-64 {
        margin-top: 32px;
    }

    .footer_projet {
        padding: 60px 0
    }


    .block_nos_projet .mb-64 {
        margin-bottom: 32px;
    }

    .block_nos_projet .mt-64 {
        margin-top: 32px;
    }

    .block_nos_projet .sub_title,
    .partenariat .sub_title {
        font-size: 21px;
    }

    .partenariat p,
    .block_nos_projet .prag_blue {
        font-size: 14px;
    }

    .partenariat p a {
        padding-top: 24px;
    }

    .btn_style_txt,
    .btn_style_txt:hover,
    .btn_style_txt:focus,
    .btn_style_txt:active {
        font-size: 14px;
    }

    .projects {
        flex-direction: column;
    }

    .projects .content_gamme>img {
        width: 100%;
    }

    .displayFlexCenter img {
        width: 70%;
    }
    .banner-content-img-mamzouj {
    top: 54%;
    padding: 0 20px;
}

 .mr-118 {
        margin-right: 118px;
    }
    .box_moment .mr-118 {
        margin-right: 0px !important;
    }
    .box_moment .ml-118 {
        margin-left: 0px !important;
    }
    .recipe_steps {
    font-size: 30px;
    }
    .mt-88 {
        margin-top: 47px;
    }

    /* Produits "Nos marques" : nuages reduits a 85% et pots a 40% sur grands ecrans */
    .nos_marques_acceuil .bg_nuage,
    .autres_marques .bg_nuage,
    .nos_marques .bg_nuage {
        width: 82%;
    }
    
    .nos_marques_acceuil .content_yaourt_boite img,
    .autres_marques .content_yaourt_boite img,
    .nos_marques .content_yaourt_boite img {
        width: 40%;
    }
    /* Cas particulier : pot Mamzouj (vanille_fraise) un peu plus grand */
    .marque-delice_mamzouj .content_yaourt_boite img,
    .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 78%;
    }
    .boire_fraise {
        width: 46% !important;
    }
    .yarout_hand { 
        width:30% !important;
    }
    .carousel-container-custom .marque-delice_mamzouj .content_yaourt_boite img,
    .carousel-container-custom .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 59%;
    }
    .carousel-wrapper-custom .box_gamme {

    padding: 11px 0;   
    }
    .content_yaourt_boite .pot_img_wrap {
        height: 185px;
    }
    .carousel-btn-prev-custom img ,
    .carousel-btn-next-custom img{
        width:50%;
    }
        .recipe_steps {
        font-size: 16px !important;
    }
    .recipe_informations {
        padding: 20px 20px !important;
    }
    .time_level p, .number_cook p {
    font-size: 17px !important;
    }
    .delice_mamzouj_title{
        width: 19%;
    }
    .padding_body {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .banner-content_nourir {
        top: 130px;
    }
    .title-recette {
    font-size: 50px;
    }
    .recipe_informations .time_level img,
    .recipe_informations .number_cook img {
        width: 25%;
    }
    .infos_title p {
        font-size: 25px;
    }
   .carousel-container {
        width: 130px;
    }
    .carousel-img img {
        width: 130px !important;
    }
     .delice_mamzouj_title, .deliceleyaourt, .delicelenature, .deliceauxfruits  {
         width: 17%; 
        }
    .delicemax {
            width: 13%; 
            }
    .footer_projet .article_banner img {
        border-radius: 17px !important;
    }
    .article_banner {
        border-radius: 17px !important;
    }
    .article_banner img {

        border-radius: 8px;
    }
    .nature_recipe {
        top: 55%;
    }
    .block_votre_moment .box_moment:nth-child(1){
        flex-direction: column-reverse;
    }
     .mr-118 {
        margin-right: 118px;
    }
    .box_moment .mr-118 {
        margin-right: 0px !important;
    }
    .box_moment .ml-118 {
        margin-left: 0px !important;
    }
    .recipe_steps {
    font-size: 30px;
    }
    .mt-88 {
        margin-top: 47px;
    }

    /* Produits "Nos marques" : nuages reduits a 85% et pots a 40% sur grands ecrans */
    .nos_marques_acceuil .bg_nuage,
    .autres_marques .bg_nuage,
    .nos_marques .bg_nuage {
        width: 82%;
    }
    
    .nos_marques_acceuil .content_yaourt_boite img,
    .autres_marques .content_yaourt_boite img,
    .nos_marques .content_yaourt_boite img {
        width: 40%;
    }
    /* Cas particulier : pot Mamzouj (vanille_fraise) un peu plus grand */
    .marque-delice_mamzouj .content_yaourt_boite img,
    .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 78%;
    }
    .boire_fraise {
        width: 46% !important;
    }
    .yarout_hand { 
        width:30% !important;
    }
    .carousel-container-custom .marque-delice_mamzouj .content_yaourt_boite img,
    .carousel-container-custom .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 59%;
    }
    .carousel-wrapper-custom .box_gamme {

    padding: 120px 0 0 0;   
    }
    .content_yaourt_boite .pot_img_wrap {
        height: 185px;
    }
    .carousel-btn-prev-custom img ,
    .carousel-btn-next-custom img{
        width:75%;
    }
        .recipe_steps {
        font-size: 16px !important;
    }
    .recipe_informations {
        padding: 20px 20px !important;
    }
    .time_level p, .number_cook p {
    font-size: 17px !important;
    }
    .delice_mamzouj_title{
        width: 19%;
    }
    .padding_body {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .banner-content_nourir {
        top: 60px;
    }
    .title-recette {
    font-size: 26px;
    }
    .recipe_informations .time_level img,
    .recipe_informations .number_cook img {
        width: 25%;
    }
    .infos_title p {
        font-size: 25px;
    }
   .carousel-container {
        width: 130px;
    }
    .carousel-img img {
        width: 130px !important;
    }
     .delice_mamzouj_title, .deliceleyaourt, .delicelenature, .deliceauxfruits  {
         width: 17%; 
        }
    .delicemax {
            width: 13%; 
            }
    .footer_projet .article_banner img {
        border-radius: 17px !important;
    }
    .article_banner {
        border-radius: 17px !important;
    }
    .article_banner img {

        border-radius: 8px;
    }
    .nature_recipe {
        top: 55%;
    }
    .block_votre_moment .box_moment:nth-child(1){
        flex-direction: column-reverse;
    }
        .bien_nourir .displayFlex {
    display: flex;
    flex-direction: column;
    gap: 25px;
    }
    .bien_nourir {
        padding:20px 0;
    }
    .content_ilu .ily{
        width: 80%;
    }
      .block_recette .owl-stage-outer {
        padding-top: 30px !important;
    }
    .content_yaourt_boite {
    padding: 0 !important;
    }
    .nourir_animation {
        margin-top: 14%;
    }
        .proteines {
    top: 35%;
    width: 27%;
}
footer .suivre_ns span {
    font-size: 16px;
    margin-right: 22px;
}
.delicemax{
    width: 15% !important;
}
.deliceboire,
.delice_mamzouj_title,
.deliceauxfruits{
    width: 20% !important;
}
}

@media screen and (max-width: 599px) and (min-width: 456px) {

    /* Bloc "Nos gourmands delices" : empile, pleine largeur, hauteur libre */
    .block_recette { margin-left: 0; padding-left: 12px; padding-right: 12px; padding-top: 45px; padding-bottom: 55px; }
    .block_recette .box_recette_discover { padding: 26px 24px; }
    .block_recette .box_recette_discover .icon_img { padding-bottom: 18px; }
    .block_recette .box_recette_discover.match_height { height: auto !important; }

    /************************Page nos marques ********************/
    .banner-content {
        top: 8%;
        padding: 0 10%;
    }
.pots-animation-container img{
    width: 15%;
}
    .pt-112 {
        padding-top: 60px;
    }

    .mot_delice {
        width: 25%;
    }

    .pb-112 {
        padding-bottom: 60px;
    }

    .block_votre_moment .parag_style,
    .block_votre_moment .parag_style p {
        font-size: 14px;
    }

    .block_votre_moment h3,
    .block_votre_moment .box_gamme h3 {
        font-size: 24px;
        margin: 15px 0;
    }

    .yaourt_description {
        padding: 18px 5px;
    }

    .nos_marques {
        padding-bottom: 100px;
        padding-top: 100px;
    }
    .nos_marques_acceuil{
        padding-bottom: 60px;
        padding-top: 60px;
    }
.nos_marques_acceuil .bg_nuage,
    .nos_marques .bg_nuage {
        width: 80%;
    }

    .box_feuille_right img {
        width: 45%;
    }

    .pots-nos-marques {
        padding: 0px 49px;
    }

    .pots-animation-container {
        padding: 0px 0px;
        gap: 0;
        overflow: hidden;
    }

    /* Marges pour tablette */
    .pot-1 { margin-right: -15px; }
    .pot-2 { margin-right: -18px; }
    .pot-3 { margin-right: -15px; }
    .pot-5 { margin-left: -15px; }
    .pot-6 { margin-left: -18px; }
    .pot-7 { margin-left: -15px; }

    .pot-left {
        transform: translateX(-200px);
    }

    .pot-right {
        transform: translateX(200px);
    }

    .banner-content-img {
        top: 45%;
    }

    .icon-feuille {
        width: 4%;
    }

    .icon-45 {
        width: 10%;
    }

    .banner-content .title {
        font-size: 30px;
        margin-right: 0;
    }

    .title {
        font-size: 40px;
    }

    .padding_body {
        padding-left: 10px;
        padding-right: 10px;
    }

    .texte_grey {
        font-size: 14px;
    }

    .content_yaourt_boite img {
        width: 47%;
    }

    .mamzouj_fraise_vanille {
        width: 69% !important;
    }

    .content_yaourt p {
        font-size: 14px;
    }

    .content_yaourt h3 {
        font-size: 26px;
        margin: 0px 0 15px 0
    }

    .box_gamme {
        padding-top: 83px;
    }

    .mt-96,
    .mt_mobile {
        margin-top: 40px;
    }

    .for_mobile {
        display: block;
    }

    .for_descktop {
        display: none;
    }

    .for_mobile .box_moment {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .two_block {
        gap: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /************************Page bien se nourir ********************/
    .banner-content_nourir {
        top: 70px;
    }

    .banner-content_nourir .title {
        font-size: 36px;
    }

    .sub_title {
        font-size: 26px;
    }

    .mb-24 {
        margin-bottom: 12px;
    }

    .prag_blue {
        font-family: 'iskraw04_regular';
        margin: 8px 0;
        font-size: 16px;
    }

    .box_double_heart_fille {
        width: 8%;
    }

    .intro_article {
        padding: 10px 0;
    }

    /************************Page recettes ********************/
    .recipe_content .two_block {
        gap: 25px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .two_block .content_recipe:nth-child(1) {
        width: initial;
    }

    .two_block .content_recipe:nth-child(2) {
        width: initial;
    }

    .header_recettes .banner-content_nourir {
        top: 45px;
    }

    .side_sticky_bar {
        border-radius: 29px;
        padding: 24.5px 23px;
    }

    /****************page grandir en bonne santé *************/
    .question {
        font-size: 30px;
        padding: 42px 0;
    }

    .autre_article {
        font-size: 40px;
    }

    .coverture_bien_nourir .title {
        font-size: 36px;
    }

    /************************Page delice le yaourt ********************/
       .banner-content-delice {
        position: absolute;
        gap: 0;
        align-items: center;
        justify-content: space-evenly;
        left: 0;
        top: 18%;
    }

    .banner-content-delice img:nth-child(2) {
        width: 31%;
    }

    .banner-content-delice .icon-45 {
        width: 8%;
    }

    .pd-20 {
        padding: 10px;
    }

    .boitevitamins img {
        width: 70%;
    }

    .box_gamme_yaourt {

        background: linear-gradient(to top, #ECF7FE 45%, #ffffff 0%);
        padding: 20px;
    }

    .box_gamme_yaourt h3 {
        margin: 12px 0 14px 0;
    }

    .content_gamme p {
        font-size: 16px;
    }

    .displayFlexPreparation {
        flex-direction: column;
    }

    .displayFlexPreparation>div {

        gap: 15px;
    }

    .boitevitamins p {
        font-size: 16px;

    }

    .delice_yaourt_gamme_block img {
        width: 50%;
    }

    .boitevitamins h3 {
        margin-bottom: 12px;
        font-size: 32px;
    }

    .text_lite_blue {
        font-size: 30px;
    }

    .title2 {
        font-size: 32px;
    }

    .gamme_block {
        padding-bottom: 100px;
    }

    .texte_blue_center {
        font-size: 18px;
    }

    .block-responsive .two_block:nth-child(2) {
        align-items: flex-start;

    }

    .right-content {
        width: 60%;
        margin-top: 20px;
    }

    /************************Page RDV santé ********************/
    .form_comment input {
        padding: 8px 10px;
        font-size: 14px;
    }

    .form_comment {
        margin: 15px 0;
    }

    .form_comment input:nth-of-type(1) {
        width: 50%;
    }

    .icon-45-banner {
        top: 25px;
        width: 29%;
    }

    /************************Page nos projets ********************/
    .other_project {
        padding: 0 8px 10px;
    }

    .owl-stage-outer .other_project .project_title {
        font-size: 14px;
    }

    .block_projet {
        padding-left: 7px;
    }

    .img_projet {
        height: 166px;
    }

    .footer_projet .mt-64 {
        margin-top: 32px;
    }

    .footer_projet {
        padding: 60px 0
    }


    .block_nos_projet .mb-64 {
        margin-bottom: 32px;
    }

    .block_nos_projet .mt-64 {
        margin-top: 32px;
    }

    .block_nos_projet .sub_title,
    .partenariat .sub_title {
        font-size: 21px;
    }

    .partenariat p,
    .block_nos_projet .prag_blue {
        font-size: 14px;
    }

    .partenariat p a {
        padding-top: 24px;
    }

    .btn_style_txt,
    .btn_style_txt:hover,
    .btn_style_txt:focus,
    .btn_style_txt:active {
        font-size: 14px;
    }

    .projects {
        flex-direction: column;
    }

    .projects .content_gamme>img {
        width: 100%;
    }

    .displayFlexCenter img {
        width: 70%;
    }
    .banner-content-img-mamzouj {
    top: 54%;
    padding: 0 20px;
}

 .mr-118 {
        margin-right: 118px;
    }
    .box_moment .mr-118 {
        margin-right: 0px !important;
    }
    .box_moment .ml-118 {
        margin-left: 0px !important;
    }
    .recipe_steps {
    font-size: 30px;
    }
    .mt-88 {
        margin-top: 47px;
    }

    /* Produits "Nos marques" : nuages reduits a 85% et pots a 40% sur grands ecrans */
    .nos_marques_acceuil .bg_nuage,
    .autres_marques .bg_nuage,
    .nos_marques .bg_nuage {
        width: 82%;
    }
    
    .nos_marques_acceuil .content_yaourt_boite img,
    .autres_marques .content_yaourt_boite img,
    .nos_marques .content_yaourt_boite img {
        width: 40%;
    }
    /* Cas particulier : pot Mamzouj (vanille_fraise) un peu plus grand */
    .marque-delice_mamzouj .content_yaourt_boite img,
    .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 78%;
    }
    .boire_fraise {
        width: 46% !important;
    }
    .yarout_hand { 
        width:30% !important;
    }
    .carousel-container-custom .marque-delice_mamzouj .content_yaourt_boite img,
    .carousel-container-custom .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 59%;
    }
    .carousel-wrapper-custom .box_gamme {

    padding: 11px 0;   
    }
    .content_yaourt_boite .pot_img_wrap {
        height: 185px;
    }
    .carousel-btn-prev-custom img ,
    .carousel-btn-next-custom img{
        width:50%;
    }
        .recipe_steps {
        font-size: 16px !important;
    }
    .recipe_informations {
        padding: 20px 20px !important;
    }
    .time_level p, .number_cook p {
    font-size: 17px !important;
    }
    .delice_mamzouj_title{
        width: 19%;
    }
    .padding_body {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .banner-content_nourir {
        top: 130px;
    }
    .title-recette {
    font-size: 50px;
    }
    .recipe_informations .time_level img,
    .recipe_informations .number_cook img {
        width: 25%;
    }
    .infos_title p {
        font-size: 25px;
    }
   .carousel-container {
        width: 130px;
    }
    .carousel-img img {
        width: 130px !important;
    }
     .delice_mamzouj_title, .deliceleyaourt, .delicelenature, .deliceauxfruits  {
         width: 17%; 
        }
    .delicemax {
            width: 13%; 
            }
    .footer_projet .article_banner img {
        border-radius: 17px !important;
    }
    .article_banner {
        border-radius: 17px !important;
    }
    .article_banner img {

        border-radius: 8px;
    }
    .nature_recipe {
        top: 55%;
    }
    .block_votre_moment .box_moment:nth-child(1){
        flex-direction: column-reverse;
    }
     .mr-118 {
        margin-right: 118px;
    }
    .box_moment .mr-118 {
        margin-right: 0px !important;
    }
    .box_moment .ml-118 {
        margin-left: 0px !important;
    }
    .recipe_steps {
    font-size: 30px;
    }
    .mt-88 {
        margin-top: 47px;
    }

    /* Produits "Nos marques" : nuages reduits a 85% et pots a 40% sur grands ecrans */
    .nos_marques_acceuil .bg_nuage,
    .autres_marques .bg_nuage,
    .nos_marques .bg_nuage {
        width: 82%;
    }
    
    .nos_marques_acceuil .content_yaourt_boite img,
    .autres_marques .content_yaourt_boite img,
    .nos_marques .content_yaourt_boite img {
        width: 40%;
    }
    /* Cas particulier : pot Mamzouj (vanille_fraise) un peu plus grand */
    .marque-delice_mamzouj .content_yaourt_boite img,
    .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 78%;
    }
    .boire_fraise {
        width: 46% !important;
    }
    .yarout_hand { 
        width:30% !important;
    }
    .carousel-container-custom .marque-delice_mamzouj .content_yaourt_boite img,
    .carousel-container-custom .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 59%;
    }
    .carousel-wrapper-custom .box_gamme {

    padding: 120px 0 0 0;   
    }
    .content_yaourt_boite .pot_img_wrap {
        height: 185px;
    }
    .carousel-btn-prev-custom img ,
    .carousel-btn-next-custom img{
        width:75%;
    }
        .recipe_steps {
        font-size: 16px !important;
    }
    .recipe_informations {
        padding: 20px 20px !important;
    }
    .time_level p, .number_cook p {
    font-size: 17px !important;
    }
    .delice_mamzouj_title{
        width: 19%;
    }
    .padding_body {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .banner-content_nourir {
        top: 32px;
    }
    .title-recette {
    font-size: 50px;
    }
    .recipe_informations .time_level img,
    .recipe_informations .number_cook img {
        width: 25%;
    }
    .infos_title p {
        font-size: 25px;
    }
   .carousel-container {
        width: 130px;
    }
    .carousel-img img {
        width: 130px !important;
    }
     .delice_mamzouj_title, .deliceleyaourt, .delicelenature, .deliceauxfruits  {
         width: 17%; 
        }
    .delicemax {
            width: 13%; 
            }
    .footer_projet .article_banner img {
        border-radius: 17px !important;
    }
    .article_banner {
        border-radius: 17px !important;
    }
    .article_banner img {

        border-radius: 8px;
    }
    .nature_recipe {
        top: 55%;
    }
    .block_votre_moment .box_moment:nth-child(1){
        flex-direction: column-reverse;
    }
    .bien_nourir .displayFlex {
    display: flex;
    flex-direction: column;
    gap: 25px;
    }
    .bien_nourir {
        padding:20px 0;
    }
    header .menu_pc {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        margin: 0;
        padding-top: 50px;
        background: #fff;
        overflow-y: auto;
        z-index: 1000;
        display: none;
    }
    header .burger-menu {
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 28px;
        height: 28px;
        padding: 4px;
        background: transparent;
        border: 0;
        cursor: pointer;
        position: absolute;
        top: 18px;
        right: 18px;
        z-index: 1001;
        display: flex;
    }
    .content_ilu .ily{
    width: 80%;
}
      .block_recette .owl-stage-outer {
        padding-top: 30px !important;
    }
    .content_yaourt_boite {
    padding: 0 !important;
}
 .nourir_animation {
        margin-top: 14%;
    }
    .proteines {
    top: 35%;
    width: 27%;
}
footer .suivre_ns span {
    font-size: 16px;
    margin-right: 22px;
}
.delicemax{
    width: 15% !important;
}
.deliceboire,
.delice_mamzouj_title,
.deliceauxfruits{
    width: 20% !important;
}
}

@media screen and (max-width: 767px) and (min-width: 600px) {

    /* Bloc "Nos gourmands delices" : empile, pleine largeur, hauteur libre */
    .block_recette { margin-left: 0; padding-left: 16px; padding-right: 16px; padding-top: 50px; padding-bottom: 60px; }
    .block_recette .box_recette_discover { padding: 28px 26px; }
    .block_recette .box_recette_discover .icon_img { padding-bottom: 20px; }
    .block_recette .box_recette_discover.match_height { height: auto !important; }
    .block_recette h2 { font-size: 30px; }
    /* Cartes recette du carrousel : 1 carte large affichee, on agrandit tout */
    .block_recette .owl-stage-outer { padding-top: 30px; }
    .block_recette .box_recette .img_recette { height: 280px; }
    .block_recette .content_recette { padding: 0 28px 40px; }
    .block_recette .content_recette h3 { font-size: 26px; padding-bottom: 55px; }
    .block_recette .content_recette .info_recette { column-gap: 25px; }
    .block_recette .content_recette img { max-width: 30px; }
    .block_recette .content_recette span { font-size: 15px; }

    /************************Page nos marques ********************/
    .banner-content {
        top: 8%;
        padding: 0 16%;
    }
.pots-animation-container img{
    width: 15%;
}
    .pt-112 {
        padding-top: 80px;
    }

    .pb-112 {
        padding-bottom: 60px;
    }

    .mot_delice {
        width: 25%;
    }

    .block_votre_moment .parag_style,
    .block_votre_moment .parag_style p {
        font-size: 14px;
    }

    .block_votre_moment h3,
    .block_votre_moment .box_gamme h3 {
        font-size: 24px;
        margin: 15px 0;
    }

    .yaourt_description {
        padding: 18px 5px;
    }

    .nos_marques {
        padding-bottom: 100px;
        padding-top: 100px;
    }
   .nos_marques_acceuil{
        padding-bottom: 60px;
        padding-top: 60px;
    }
.nos_marques_acceuil .bg_nuage,
    .nos_marques .bg_nuage {
        width: 80%;
    }

    .box_feuille_right img {
        width: 45%;
    }

    .icon-feuille {
        width: 4%;
    }

    .icon-45 {
        width: 10%;
    }

    .pots-nos-marques {
        padding: 0px 49px;
    }

    .pots-animation-container {
        padding: 0px 20px;
        gap: 0;
        overflow: hidden;
    }

    /* Marges pour écran moyen */
    .pot-1 { margin-right: -28px; }
    .pot-2 { margin-right: -18px; }
    .pot-3 { margin-right: -15px; }
    .pot-5 { margin-left: -15px; }
    .pot-6 { margin-left: -18px; }
    .pot-7 { margin-left: -26px; }

    .pot-left {
        transform: translateX(-200px);
    }

    .pot-right {
        transform: translateX(200px);
    }

    .banner-content-img {
        top: 45%;
    }

    .banner-content .title {
        font-size: 30px;
        margin-right: 0;
    }

    .title {
        font-size: 40px;
    }

    .padding_body {
        padding-left: 40px;
        padding-right: 40px;
    }

    .texte_grey {
        font-size: 14px;
    }

    .content_yaourt p {
        font-size: 14px;
    }

    .content_yaourt h3 {
        font-size: 26px;
        margin: 0px 0 15px 0
    }

    .box_gamme {
        padding-top: 83px;
    }

    .mt-96,
    .mt_mobile {
        margin-top: 76px;
    }

    .for_mobile {
        display: block;
    }

    .for_descktop {
        display: none;
    }

    .for_mobile .box_moment {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .two_block {
        gap: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /************************Page bien se nourir ********************/
    .banner-content_nourir {
        top: 95px;
    }

    .banner-content_nourir .title {
        font-size: 46px;
    }

    .sub_title {
        font-size: 28px;
    }

    .mb-24 {
        margin-bottom: 12px;
    }

    .prag_blue {
        font-family: 'iskraw04_regular';
        margin: 8px 0;
        font-size: 16px;
    }

    .box_double_heart_fille {
        width: 8%;
    }

    .intro_article {
        padding: 10px 0;
    }

    /************************Page recettes ********************/
    .recipe_content .two_block {
        gap: 25px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .two_block .content_recipe:nth-child(1) {
        width: initial;
    }

    .two_block .content_recipe:nth-child(2) {
        width: initial;
    }

    .header_recettes .banner-content_nourir {
        top: 80px;
    }

    .side_sticky_bar {
        border-radius: 29px;
        padding: 24.5px 23px;
    }

    /****************page grandir en bonne santé *************/
    .question {
        font-size: 32px;
        padding: 48px 0;
    }

    .autre_article {
        font-size: 52px;
    }

    .coverture_bien_nourir .title {
        font-size: 40px;
    }

    /************************Page delice le yaourt ********************/
        .banner-content-delice {
        position: absolute;
        gap: 0;
        align-items: center;
        justify-content: space-evenly;
        left: 0%;
        top: 20%;
    }

    .banner-content-delice .icon-45 {
        width:7%;
        left: 17%;
    }

    .pd-20 {
        padding: 10px;
    }

    .boitevitamins img {
        width: 70%;
    }

    .box_gamme_yaourt {

        background: linear-gradient(to top, #ECF7FE 42%, #ffffff 0%);
        padding: 20px;
    }

    .box_gamme_yaourt h3 {
        margin: 12px 0 14px 0;
    }

    .content_gamme p {
        font-size: 18px;
    }

    .displayFlexPreparation {
        flex-direction: column;
    }


    .boitevitamins p {
        font-size: 16px;

    }

    .boitevitamins h3 {
        margin-bottom: 12px;
        font-size: 32px;
    }

    .text_lite_blue {
        font-size: 30px;
    }

    .title2 {
        font-size: 32px;
    }

    .gamme_block {
        padding-bottom: 100px;
    }

    .texte_blue_center {
        font-size: 18px;
    }

    .block-responsive .two_block:nth-child(2) {
        align-items: flex-start;

    }

    .right-content {
        width: 60%;
        margin-top: 20px;
    }


    /************************Page RDV santé ********************/
    .form_comment input {
        padding: 8px 10px;
        font-size: 15px;
    }

    .form_comment {
        margin: 15px 0;
    }

    .icon-45-banner {
       top: 28px;
        width: 27%;
    }

    /************************Page nos projets ********************/
    .other_project {
        padding: 0 8px 10px;
    }

    .owl-stage-outer .other_project .project_title {
        font-size: 14px;
    }

    .block_projet {
        padding-left: 40px;
    }

    .img_projet {
        height: 104px;
    }

    .footer_projet .mt-64 {
        margin-top: 32px;
    }

    .footer_projet {
        padding: 60px 0
    }


    .block_nos_projet .mb-64 {
        margin-bottom: 32px;
    }

    .block_nos_projet .mt-64 {
        margin-top: 32px;
    }

    .block_nos_projet .sub_title,
    .partenariat .sub_title {
        font-size: 21px;
    }

    .partenariat p,
    .block_nos_projet .prag_blue {
        font-size: 14px;
    }

    .partenariat p a {
        padding-top: 24px;
    }

    .btn_style_txt,
    .btn_style_txt:hover,
    .btn_style_txt:focus,
    .btn_style_txt:active {
        font-size: 14px;
    }

    .projects {
        flex-direction: column;
    }

    .projects .content_gamme>img {
        width: 100%;
    }
    .mr-118 {
        margin-right: 118px;
    }
    .box_moment .mr-118 {
        margin-right: 0px !important;
    }
    .box_moment .ml-118 {
        margin-left: 0px !important;
    }
    .recipe_steps {
    font-size: 30px;
    }
    .mt-88 {
        margin-top: 47px;
    }

    /* Produits "Nos marques" : nuages reduits a 85% et pots a 40% sur grands ecrans */
    .nos_marques_acceuil .bg_nuage,
    .autres_marques .bg_nuage,
    .nos_marques .bg_nuage {
        width: 82%;
    }
    
    .nos_marques_acceuil .content_yaourt_boite img,
    .autres_marques .content_yaourt_boite img,
    .nos_marques .content_yaourt_boite img {
        width: 40%;
    }
    /* Cas particulier : pot Mamzouj (vanille_fraise) un peu plus grand */
    .marque-delice_mamzouj .content_yaourt_boite img,
    .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 78%;
    }
    .boire_fraise {
        width: 46% !important;
    }
    .yarout_hand { 
        width:30% !important;
    }
    .carousel-container-custom .marque-delice_mamzouj .content_yaourt_boite img,
    .carousel-container-custom .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 59%;
    }
    .carousel-wrapper-custom .box_gamme {

    padding: 120px 0 0 0;   
    }
    .content_yaourt_boite .pot_img_wrap {
        height: 185px;
    }
    .carousel-btn-prev-custom img ,
    .carousel-btn-next-custom img{
        width:75%;
    }
        .recipe_steps {
        font-size: 16px !important;
    }
    .recipe_informations {
        padding: 20px 20px !important;
    }
    .time_level p, .number_cook p {
    font-size: 17px !important;
    }
    .delice_mamzouj_title{
        width: 19%;
    }
    .padding_body {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .banner-content_nourir {
        top: 80px;
    }
    .title-recette {
    font-size: 50px;
    }
    .recipe_informations .time_level img,
    .recipe_informations .number_cook img {
        width: 25%;
    }
    .infos_title p {
        font-size: 25px;
    }
   .carousel-container {
        width: 130px;
    }
    .carousel-img img {
        width: 130px !important;
    }
     .delice_mamzouj_title, .deliceleyaourt, .delicelenature, .deliceauxfruits  {
         width: 17%; 
        }
    .delicemax {
            width: 13%; 
            }
    .footer_projet .article_banner img {
        border-radius: 17px !important;
    }
    .article_banner {
        border-radius: 17px !important;
    }
    .article_banner img {

        border-radius: 8px;
    }
    .nature_recipe {
        top: 55%;
    }
    .block_votre_moment .box_moment:nth-child(1){
        flex-direction: column-reverse;
    }
     .content_ilu ily{
        width: 80% !important;
    }
    .header_home h1 {
    font-size: 38px;

}
.bien_nourir .displayFlex {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.bien_nourir {
    padding:20px 0;
}
.content_ilu .ily{
    width: 80%;
}
       
}
@media screen and (max-width: 928px) and (min-width: 768px) {
    .content_recipe .box_recette, .block_recette .box_recette {
    border-radius: 16px;
}

    /* Bloc "Nos gourmands delices" : empile, pleine largeur, hauteur libre */
    .block_recette { margin-left: 0; padding-left: 20px; padding-right: 20px; padding-top: 55px; padding-bottom: 65px; }
    .block_recette .box_recette_discover { padding: 30px 30px; }
    .block_recette .box_recette_discover .icon_img { padding-bottom: 22px; }
    .block_recette .box_recette_discover.match_height { height: auto !important; }
    .block_recette h2 { font-size: 34px; }
    /* Cartes recette du carrousel : 1 carte et demie (carte principale large) */
    .block_recette .owl-stage-outer { padding-top: 30px; }
    .block_recette .box_recette .img_recette { height: 302px; }
    .block_recette .content_recette { padding: 0 28px 42px; }
    .block_recette .content_recette h3 { font-size: 26px; padding-bottom: 55px; }
    .block_recette .content_recette .info_recette { column-gap: 22px; }
    .block_recette .content_recette img { max-width: 30px; }
    .block_recette .content_recette span { font-size: 15px; }

    /************************Page nos marques ********************/
    .banner-content {
        top: 8%;
        padding: 0 10%;
    }
    .pots-animation-container {
        padding: 0 100px;
    }
    .pots-animation-container img{
    width: 20%;
}
  .pot-1 { margin-right: -38px; }
    .pot-2 { margin-right: -23px; }
    .pot-3 { margin-right: -20px; }
    .pot-5 { margin-left: -20px; }
    .pot-6 { margin-left: -23px; }
    .pot-7 { margin-left: -24px; }
    .pt-112 {padding-top: 80px;}

    .pb-112 {
        padding-bottom: 60px;
    }

    .mot_delice {
        width: 25%;
    }

    .block_votre_moment .parag_style,
    .block_votre_moment .parag_style p {
        font-size: 14px;
    }

    .block_votre_moment h3,
    .block_votre_moment .box_gamme h3 {
        font-size: 27px;
        margin: 15px 0;
    }

    .yaourt_description {
        padding: 18px 5px;
    }

    .nos_marques {
        padding-bottom: 100px;
        padding-top: 100px;
    }

    .pots-nos-marques {
        padding: 0px 35px;
    }

    .banner-content-img {
        top: 45%;
    }

  .nos_marques_acceuil{
        padding-bottom: 60px;
        padding-top: 60px;
    }
.nos_marques_acceuil .bg_nuage,
    .nos_marques .bg_nuage {
        width: 80%;
    }

    .box_feuille_right img {
        width: 65%;
    }

    .icon-feuille {
        width: 4%;
    }


    .banner-content .title {
        font-size: 36px;
    }

    .title {
        font-size: 45px;
    }

    .padding_body {
        padding-left: 70px;
        padding-right: 70px;
    }

    .texte_grey {
        font-size: 16px;
    }

    .content_yaourt_boite img {
        width: 50%;
    }

    .mamzouj_fraise_vanille {
        width: 68% !important;
    }

    .boire_fraise {
        width: 57% !important;
    }

    .content_yaourt p {
        font-size: 14px;
    }

    .content_yaourt h3 {
        font-size: 26px;
        margin: 0px 0 15px 0
    }

    .box_gamme {
        padding-top: 50px;
    }

    .mt-96 {
        margin-top: 76px;
    }

    .for_mobile {
        display: block;
    }

    .for_descktop {
        display: none;
    }

    .for_mobile .box_moment {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .two_block {
        gap: 25px;
    }

    /************************Page bien se nourir ********************/
    .banner-content_nourir {
        top: 115px;
    }

    .banner-content_nourir .title {
        font-size: 58px;
    }

    .sub_title {
        font-size: 20px;
    }

    .mb-24 {
        margin-bottom: 12px;
    }

    .prag_blue {
        font-family: 'iskraw04_regular';
        margin: 8px 0;
        font-size: 14px;
    }

    /************************Page recettes ********************/
    .content_recipe .two_block {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .two_block .content_recipe:nth-child(1) {
        width: 250px;
    }

    .two_block .content_recipe:nth-child(2) {

        width: 355px;
    }

    .besoin_recette {
        font-size: 20px;
    }

    .content_recipe h2 {
        font-size: 50px;
    }

    .side_sticky_bar {
        border-radius: 30px;
        padding: 20.5px 19px;
    }

    .content_recipe .intro_article .mb-24 {
        margin-bottom: 24px;
    }

    .header_recettes .banner-content_nourir {
        top: 80px;
    }

    /****************page grandir en bonne santé *************/
    .question {
        font-size: 36px;
        padding: 50px 0;
    }

    .autre_article {
        font-size: 52px;
    }

    .coverture_bien_nourir .title {
        font-size: 48px;
    }

    /************************Page delice le yaourt ********************/
    .banner-content-delice {
        left: 0;

    }

    .banner-content-delice img:nth-child(2) {
        width: 17%;
    }

    .banner-content-delice .icon-45 {
        width: 7%;
    }
    .banner-content-delice .delice-center {

        left: 49%;
    }
    .pd-20 {
        padding: 10px;
    }

    .boitevitamins img {
        width: 70%;
    }

    .box_gamme_yaourt {

        background: linear-gradient(to top, #ECF7FE 42%, #ffffff 0%);
        padding: 20px;
    }

    .box_gamme_yaourt h3 {
        margin: 10px 0 12px 0;
        font-size: 25px;
    }

    .content_gamme p {
        font-size: 12px;
    }

    .ingeridientboitevitamins {
        font-size: 14px;

    }

    .displayFlexPreparation {
        gap: 0px;
        margin-bottom: 28px;
    }

    .displayFlexPreparation>div {

        gap: 15px;
    }

    .boitevitamins p {
        font-size: 16px;
    }

    .boitevitamins h3 {
        margin-bottom: 12px;
        font-size: 32px;
    }

    .text_lite_blue {
        font-size: 30px;
    }

    .title2 {
        font-size: 32px;
    }

    .gamme_block {
        padding-bottom: 100px;
    }

    .texte_blue_center {
        font-size: 18px;
    }

    .delice_yaourt_gamme_block img {
        width: 70%;
    }

    /************************Page RDV santé ********************/
    .form_comment input {
        padding: 11px 16px;
        font-size: 18px;
    }

    .form_comment {
        margin: 20px 0;
    }

    .icon-45-banner {
       top: 28px;
        width: 27%;
    }

    /************************Page nos projets ********************/
    .other_project {
        padding: 0 8px 10px;
    }

    .project_title {
        font-size: 16px;
    }

    .block_projet {
        padding-left: 67px;
    }

    .img_projet {
        height: 152px;
    }

    .footer_projet .mt-64 {
        margin-top: 32px;
    }

    .footer_projet {
        padding: 60px 0
    }

    .footer_projet .project_title {
        font-size: 14px;
    }

    .block_nos_projet .mb-64 {
        margin-bottom: 32px;
    }

    .block_nos_projet .mt-64 {
        margin-top: 32px;
    }

    .block_nos_projet .sub_title,
    .partenariat .sub_title {
        font-size: 21px;
    }

    .partenariat p,
    .block_nos_projet .prag_blue {
        font-size: 14px;
    }

    .partenariat p a {
        padding-top: 24px;
    }

    .btn_style_txt,
    .btn_style_txt:hover,
    .btn_style_txt:focus,
    .btn_style_txt:active {
        font-size: 14px;
    }
    .mr-118 {
        margin-right: 118px;
    }
    .box_moment .mr-118 {
        margin-right: 0px !important;
    }
    .box_moment .ml-118 {
        margin-left: 0px !important;
    }
    .recipe_steps {
    font-size: 30px;
    }
    .mt-88 {
        margin-top: 47px;
    }

    /* Produits "Nos marques" : nuages reduits a 85% et pots a 40% sur grands ecrans */
    .nos_marques_acceuil .bg_nuage,
    .autres_marques .bg_nuage,
    .nos_marques .bg_nuage {
        width: 82%;
    }
    
    .nos_marques_acceuil .content_yaourt_boite img,
    .autres_marques .content_yaourt_boite img,
    .nos_marques .content_yaourt_boite img {
        width: 40%;
    }
    /* Cas particulier : pot Mamzouj (vanille_fraise) un peu plus grand */
    .marque-delice_mamzouj .content_yaourt_boite img,
    .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 78%;
    }
    .boire_fraise {
        width: 46% !important;
    }
    .yarout_hand { 
        width:30% !important;
    }
    .carousel-container-custom .marque-delice_mamzouj .content_yaourt_boite img,
    .carousel-container-custom .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 59%;
    }
    .carousel-wrapper-custom .box_gamme {

    padding: 11px 0;   
    }
    .content_yaourt_boite .pot_img_wrap {
        height: 185px;
    }
    .carousel-btn-prev-custom img ,
    .carousel-btn-next-custom img{
        width:50%;
    }
        .recipe_steps {
        font-size: 16px !important;
    }
    .recipe_informations {
        padding: 20px 20px !important;
    }
    .time_level p, .number_cook p {
    font-size: 17px !important;
    }
    .delice_mamzouj_title{
        width: 19%;
    }
    .padding_body {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .banner-content_nourir {
        top: 90px;
    }
    .title-recette {
    font-size: 50px;
    }
    .recipe_informations .time_level img,
    .recipe_informations .number_cook img {
        width: 25%;
    }
    .infos_title p {
        font-size: 25px;
    }
   .carousel-container {
        width: 100px;
    }
    .carousel-img img {
        width: 100px !important;
    }
     .delice_mamzouj_title, .deliceleyaourt, .delicelenature, .deliceauxfruits  {
         width: 17%; 
        }
    .delicemax {
            width: 13%; 
            }
    .footer_projet .article_banner img {
        border-radius: 17px !important;
    }
    .article_banner {
        border-radius: 17px !important;
    }
    .article_banner img {

        border-radius: 8px;
    }
    .nature_recipe {
        top: 55%;
    }
     .block_recette .owl-stage-outer {
        padding-top: 30px;
    }
    .proteines {
        left: 64%;
        top: 55%;
        width: 24%;
    }
    .content_nourir .title{
                font-size: 50px !important; 
    }
    .bien_nourir h3 {
    font-size: 31px;
    color: var(--white);
    margin-bottom: 27px;
}
.calcium {
    top: 40%;
}
.vitamine {
    left: 63%;
    top: 41%;
    width: 23%;
}
.btn_style span {
    font-size: 20px;
}
.nos_marques_acceuil .two_block
{gap: 0px;}
.content_ilu .ily{
    width: 80%;

}
}

@media screen and (max-width: 991px) and (min-width: 929px) {
    
.article_banner {

    border-radius: 15px !important;
}
.footer_projet .article_banner img {
    border-radius: 15px;
}
    /* Bloc "Nos gourmands delices" : empile (pleine largeur), sans l'indentation
       de 175px, et hauteur libre (on annule le match_height qui creait du vide). */
    .block_recette { margin-left: 0; padding-left: 24px; padding-right: 24px; padding-top: 60px; padding-bottom: 70px; }
    .block_recette .box_recette_discover { padding: 30px 32px; }
    .block_recette .box_recette_discover .icon_img { padding-bottom: 24px; }
    .block_recette .box_recette_discover.match_height { height: auto !important; }
    .block_recette h2 { font-size: 38px; }
    /* Cartes recette du carrousel : 2 visibles */
    .block_recette .box_recette .img_recette { height: 270px; }
    .block_recette .content_recette { padding: 0 22px 40px; }
    .block_recette .content_recette h3 { font-size: 25px; padding-bottom: 55px; }
    .block_recette .content_recette .info_recette { column-gap: 20px; }
    .block_recette .content_recette img { max-width: 28px; }
    .block_recette .content_recette span { font-size: 15px; }

.nature_recipe {
    top: 55%;
}
    /************************Page nos marques ********************/
    .banner-content {
        top: 7%;
        padding: 0 13%;
    }
  .pots-animation-container {
        padding: 0 100px;
    }
    .pots-animation-container img{
    width: 18%;
}
  .pot-1 { margin-right: -38px; }
    .pot-2 { margin-right: -23px; }
    .pot-3 { margin-right: -20px; }
    .pot-5 { margin-left: -20px; }
    .pot-6 { margin-left: -23px; }
    .pot-7 { margin-left: -24px; }
    .pt-112 {padding-top: 80px;}
    .pt-112 {
        padding-top: 80px;
    }

    .pb-112 {
        padding-bottom: 80px;
    }

    .mot_delice {
        width: 20%;
    }

    .block_votre_moment .parag_style,
    .block_votre_moment .parag_style p {
        font-size: 14px;
    }

    .block_votre_moment h3,
    .block_votre_moment .box_gamme h3 {
        font-size: 30px;
        margin: 9px 0;
    }

    .yaourt_description {
        padding: 18px 5px;
    }
    .nos_marques {
        padding-bottom: 110px;
        padding-top: 110px;
    }
   .nos_marques_acceuil{
        padding-bottom: 60px;
        padding-top: 60px;
    }
.nos_marques_acceuil .bg_nuage,
    .nos_marques .bg_nuage {
        width: 85%;
    }

    .pots-nos-marques {
        padding: 0px 50px;
    }

    .banner-content-img {
        top: 45%;
    }

    .box_feuille_right img {
        width: 75%;
    }

    .icon-45 {
        width: 8%;
    }

    .banner-content .title {
        font-size: 40px;
    }

    .title {
        font-size: 60px;
    }

    .padding_body {
        padding-left: 70px;
        padding-right: 70px;
    }

    .texte_grey {
        font-size: 16px;
    }

    .content_yaourt_boite img {
        width: 47%;
    }

    .mamzouj_fraise_vanille {
        width: 67% !important;
    }

    .boire_fraise {
        width: 57% !important;
    }

    .content_yaourt p {
        font-size: 16px;
    }

    .content_yaourt h3 {
        font-size: 30px;
        margin: 0px 0 15px 0
    }

    .box_gamme {
        padding-top: 70px;
    }

    .mt-96 {
        margin-top: 76px;
    }

    /************************Page bien se nourir ********************/
    .banner-content_nourir {
        top: 145px;
    }

    .banner-content_nourir .title {
        font-size: 58px;
    }

    .sub_title {
        font-size: 26px;
    }

    .mb-24 {
        margin-bottom: 12px;
    }

    .prag_blue {
        font-family: 'iskraw04_regular';
        margin: 8px 0;
        font-size: 16px;
    }

    /************************Page recettes ********************/
    .content_recipe .two_block {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .two_block .content_recipe:nth-child(2) {

        width: 465px;
    }

    /****************page grandir en bonne santé *************/
    .question {
        font-size: 36px;
        padding: 56px 0;
    }

    .autre_article {
        font-size: 56px;
    }

    .coverture_bien_nourir .title {
        font-size: 54px;
    }

    /************************Page delice le yaourt ********************/
    .banner-content-delice {
        position: absolute;
        gap: 20px;
        align-items: center;
        justify-content: space-between;
        left: 0%;
        top: 20%;

    }

    .delice_mamzouj_title {
        width: 20%;
    }

    .banner-content-delice .icon-45 {
        width: 7%;
    }

    .pd-20 {
        padding: 10px;
    }

    .boitevitamins img {
        width: 80%;
    }

    .box_gamme_yaourt {
        background: linear-gradient(to top, #ECF7FE 42%, #ffffff 0%);
    }

    .box_gamme_yaourt h3 {
        margin: 16px 0 18px 0;
        font-size: 30px;
    }

    .content_gamme p {
        font-size: 14px;
    }

    .displayFlexPreparation {

        gap: 0px;
    }

    .ingeridientboitevitamins {
        font-size: 11px;

    }

    .boitevitamins p {
        font-size: 16px;
    }

    .boitevitamins h3 {
        margin-bottom: 12px;
        font-size: 32px;
    }

    .text_lite_blue {
        font-size: 30px;
    }

    .title2 {
        font-size: 32px;
    }

    .gamme_block {
        padding-bottom: 100px;
    }

    .texte_blue_center {
        font-size: 18px;
    }

    /************************Page RDV santé ********************/
    .form_comment input {
        padding: 11px 16px;
        font-size: 20px;
    }

    .form_comment {
        margin: 25px 0;
    }

    .icon-45-banner {
        top: 50px;
        width: 28%;
    }

    /************************Page nos projets ********************/
    .other_project {
        padding: 0 12px 24px;
    }

    .project_title {
        font-size: 18px;
    }

    .block_projet {
        padding-left: 67px;
    }

    .img_projet {
        height: 196px;
    }

    .footer_projet .mt-64 {
        margin-top: 32px;
    }

    .footer_projet {
        padding: 50px 0
    }

    .footer_projet .project_title {
        font-size: 16px;
    }

    .block_nos_projet .mb-64 {
        margin-bottom: 32px;
    }

    .block_nos_projet .mt-64 {
        margin-top: 32px;
    }

    .block_nos_projet .sub_title,
    .partenariat .sub_title {
        font-size: 26px;
    }

    .partenariat p,
    .block_nos_projet .prag_blue {
        font-size: 16px;
    }

    .partenariat p a {
        padding-top: 24px;
    }

    .mr-118 {
        margin-right: 118px;
    }
    .box_moment .mr-118 {
        margin-right: 0px !important;
    }
    .box_moment .ml-118 {
        margin-left: 0px !important;
    }
    .recipe_steps {
    font-size: 30px;
}
.mt-88 {
    margin-top: 47px;
}

    /* Produits "Nos marques" : nuages reduits a 85% et pots a 40% sur grands ecrans */
    .nos_marques_acceuil .bg_nuage,
    .autres_marques .bg_nuage,
    .nos_marques .bg_nuage {
        width: 82%;
    }
    
    .nos_marques_acceuil .content_yaourt_boite img,
    .autres_marques .content_yaourt_boite img,
    .nos_marques .content_yaourt_boite img {
        width: 40%;
    }
    /* Cas particulier : pot Mamzouj (vanille_fraise) un peu plus grand */
    .marque-delice_mamzouj .content_yaourt_boite img,
    .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 78%;
    }
.boire_fraise {
    width: 46% !important;
}
 .yarout_hand { 
        width:30% !important;
    }
    .carousel-container-custom .marque-delice_mamzouj .content_yaourt_boite img,
    .carousel-container-custom .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 59%;
    }
    .carousel-wrapper-custom .box_gamme {

    padding: 11px 0;   
    }
    .content_yaourt_boite .pot_img_wrap {
        height: 225px;
    }
    .carousel-btn-prev-custom img ,
    .carousel-btn-next-custom img{
        width:50%;
    }
        .recipe_steps {
        font-size: 16px !important;
    }
    .recipe_informations {
        padding: 30px 32px !important;
    }
    .time_level p, .number_cook p {
    font-size: 17px !important;
}
.delice_mamzouj_title{
    width: 19%;
}
.padding_body {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
    .banner-content_nourir {
        top: 130px;
    }
    .title-recette {
    font-size: 50px;
    }
    .recipe_informations .time_level img,
    .recipe_informations .number_cook img {
        width: 25%;
    }
    .infos_title p {
        font-size: 25px;
    }
  .carousel-container {
        width: 110px;
    }
    .carousel-img img {
        width: 110px !important;
    }
     .delice_mamzouj_title, .deliceleyaourt, .delicelenature, .deliceauxfruits  {
         width: 17%; 
        }
 .delicemax {
         width: 13%; 
        }
         .block_recette .owl-stage-outer {
        padding-top: 30px;
    }
    .proteines {
        left: 64%;
        top: 55%;
        width: 24%;
    }
    .content_nourir .title{
                font-size: 50px !important; 
    }
    .bien_nourir h3 {
    font-size: 31px;
    color: var(--white);
    margin-bottom: 27px;
}
.calcium {
    top: 40%;
}
.vitamine {
    left: 63%;
    top: 41%;
    width: 23%;
}
.btn_style span {
    font-size: 20px;
}
.nos_marques_acceuil .two_block
{gap: 0px;}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
.article_banner {

    border-radius: 15px !important;
}
.footer_projet .article_banner img {
    border-radius: 15px;
}
    /* Bloc "Nos gourmands delices" : en Bootstrap 3 les colonnes col-lg ne passent
       cote a cote qu'a partir de 1200px, donc ici c'est encore empile (col-md-12).
       On supprime l'indentation de 175px, on met un padding symetrique et on libere
       la hauteur (annulation du match_height qui etirait la box_recette_discover). */
    .block_recette { margin-left: 0; padding-left: 28px; padding-right: 28px; padding-top: 65px; padding-bottom: 75px; }
    .block_recette .box_recette_discover { padding: 34px 40px; }
    .block_recette .box_recette_discover .icon_img { padding-bottom: 30px; }
    .block_recette .box_recette_discover.match_height { height: auto !important; }
    /* Cartes recette du carrousel : 2 visibles, proches des tailles desktop */
    .block_recette .box_recette .img_recette { height: 300px; }
    .block_recette .content_recette { padding: 0 24px 44px; }
    .block_recette .content_recette h3 { font-size: 27px; padding-bottom: 65px; }

    .nature_recipe {
    top: 55%;
}

    /************************Page nos marques ********************/
    .banner-content {
        top: 8%;
        padding: 0 10%;
    }
  .pots-animation-container {
        padding: 0 100px;
    }
    .pots-animation-container img{
    width: 20%;
}
    .pt-112 {
        padding-top: 80px;
    }

    .pb-112 {
        padding-bottom: 80px;
    }

    .mot_delice {
        width: 20%;
    }

    .block_votre_moment .parag_style,
    .block_votre_moment .parag_style p {
        font-size: 16px;
    }

    .block_votre_moment h3,
    .block_votre_moment .box_gamme h3 {
        font-size: 30px;
        margin: 9px 0;
    }

    .yaourt_description {
        padding: 18px 5px;
    }

    .nos_marques {
        padding-bottom: 110px;
        padding-top: 110px;
    }
   .nos_marques_acceuil{
        padding-bottom: 60px;
        padding-top: 60px;
    }
.nos_marques_acceuil .bg_nuage,
    .nos_marques .bg_nuage {
        width: 85%;
    }

    .box_feuille_right img {
        width: 85%;
    }

    .pots-nos-marques {
        padding: 0px 50px;
    }

    .banner-content-img {
        top: 40%;
    }

    .icon-45 {
        width: 10%;
    }

    .banner-content .title {

        font-size: 46px;
    }

       .title {
        font-size: 48px;
    }

    .padding_body {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .texte_grey {
        font-size: 18px;
    }

    .content_yaourt_boite img {
        width: 47%;
    }

    .mamzouj_fraise_vanille {
        width: 69% !important;
    }

    .boire_fraise {
        width: 57% !important;
    }

    .content_yaourt p {
        font-size: 16px;
    }

    .content_yaourt h3 {
        font-size: 30px;
        margin: 0px 0 15px 0
    }

    .box_gamme {
        padding-top: 76px;
    }

    /************************Page bien se nourir ********************/
    .banner-content_nourir {
        top: 160px;
    }

    .sub_title {
        font-size: 28px;
    }

    .mb-24 {
        margin-bottom: 12px;
    }

    .prag_blue {
        font-family: 'iskraw04_regular';
        margin: 8px 0;
        font-size: 18px;
    }

    /************************Page recettes ********************/
    .content_recipe h2 {
        font-size: 45px;
    }

    .side_sticky_bar {
        border-radius: 27px;
        padding: 19.5px 19px;
    }

    .two_block .content_recipe:nth-child(1) {
        width: 220px;
    }

    .two_block .content_recipe:nth-child(2) {
        width: 615px;
    }

    .two_block {
        gap: 20px;
    }

    .besoin_recette {
        font-size: 19px;
    }

    .content_recipe .intro_article .mb-24 {
        margin-bottom: 24px;
    }

    /****************page grandir en bonne santé *************/
    .question {
        font-size: 36px;
        padding: 60px 0;
    }

    .autre_article {
        font-size: 56px;
    }

    /************************Page delice le yaourt ********************/
    .banner-content-delice {
        position: absolute;
        gap: 20px;
        align-items: center;
        justify-content: space-between;
        left: 0%;
        top: 20%;

    }

    .delicelenature {
        width: 20%;
    }

    .banner-content-delice .icon-45 {
        width: 7%;
    }

    .pd-20 {
        padding: 10px;
    }

    .boitevitamins img {
        width: 80%;
    }

    .box_gamme_yaourt {

        background: linear-gradient(to top, #ECF7FE 45%, #ffffff 0%);

    }

    .box_gamme_yaourt h3 {
        margin: 16px 0 18px 0;
        font-size: 30px;
    }

    .content_gamme p {
        font-size: 16px;
    }

    .ingeridientboitevitamins {
        font-size: 11px;

    }

    .displayFlexPreparation {
        gap: 0px;
        margin-bottom: 28px;
    }

    .displayFlexPreparation>div {

        gap: 15px;
    }

    .boitevitamins p {
        font-size: 18px;
    }

    .boitevitamins h3 {
        margin-bottom: 12px;
        font-size: 32px;
    }

    .text_lite_blue {
        font-size: 32px;
    }

    .title2 {
        font-size: 32px;
    }

    .gamme_block {
        padding-bottom: 100px;
    }

    /**********************page RDV sante***********************/
    .icon-45-banner {
        width: 27%;
    }

    /************************Page nos projets ********************/
    .other_project {
        padding: 0 12px 24px;
    }

    .project_title {
        font-size: 20px;
    }

    .block_projet {
        padding-left: 67px;
    }

    .img_projet {
        height: 217px;
    }

    .footer_projet .mt-64 {
        margin-top: 32px;
    }

    .footer_projet {
        padding: 60px 0
    }

    .footer_projet .project_title {
        font-size: 18px;
    }

    .block_nos_projet .mb-64 {
        margin-bottom: 32px;
    }

    .block_nos_projet .mt-64 {
        margin-top: 32px;
    }

    .block_nos_projet .sub_title,
    .partenariat .sub_title {
        font-size: 28px;
    }

    .partenariat p,
    .block_nos_projet .prag_blue {
        font-size: 16px;
    }

    .partenariat p a {
        padding-top: 24px;
    }

    .displayFlexPreparation {
        display: flex;
        gap: 3px;
        align-items: center;
        justify-content: center;
        margin-bottom: 34px;
    }
.mr-118 {
        margin-right: 118px;
    }
    .box_moment .mr-118 {
        margin-right: 0px !important;
    }
    .box_moment .ml-118 {
        margin-left: 0px !important;
    }
    .recipe_steps {
    font-size: 30px;
}
.mt-88 {
    margin-top: 47px;
}

    /* Produits "Nos marques" : nuages reduits a 85% et pots a 40% sur grands ecrans */
    .nos_marques_acceuil .bg_nuage,
    .autres_marques .bg_nuage,
    .nos_marques .bg_nuage {
        width: 82%;
    }
    
    .nos_marques_acceuil .content_yaourt_boite img,
    .autres_marques .content_yaourt_boite img,
    .nos_marques .content_yaourt_boite img {
        width: 40%;
    }
    /* Cas particulier : pot Mamzouj (vanille_fraise) un peu plus grand */
    .marque-delice_mamzouj .content_yaourt_boite img,
    .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 78%;
    }
.boire_fraise {
    width: 46% !important;
}
 .yarout_hand { 
        width:30% !important;
    }
    .carousel-container-custom .marque-delice_mamzouj .content_yaourt_boite img,
    .carousel-container-custom .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 59%;
    }
    .carousel-wrapper-custom .box_gamme {

    padding: 11px 0;   
    }
    .content_yaourt_boite .pot_img_wrap {
        height: 225px;
    }
    .carousel-btn-prev-custom img ,
    .carousel-btn-next-custom img{
        width:50%;
    }
        .recipe_steps {
        font-size: 20px !important;
    }
    .recipe_informations {
        padding: 30px 32px !important;
    }
    .time_level p, .number_cook p {
    font-size: 17px !important;
}
.delice_mamzouj_title{
    width: 19%;
}
    /* Carousel d'aromes : on reduit l'image ET la fenetre a la meme largeur
       pour voir exactement 1 image (sinon on voyait "une image et demie").
       Pas de margin-right : le JS avance de clientWidth (marge non comprise). */
   .carousel-container {
        width: 110px;
    }
    .carousel-img img {
        width: 110px !important;
    }
 .delice_mamzouj_title, .deliceleyaourt, .delicelenature, .deliceauxfruits  {
         width: 17%; 
        }
 .delicemax {
         width: 13%; 
        }
          .content_ilu .ily{
        width:70%;
        
    }
    .block_recette .owl-stage-outer {
        padding-top: 30px;
    }
    .bien_nourir {
    padding-top: 5%;
    }
    .proteines {
        left: 64%;
        top: 37%;
        width: 24%;
    }
}

@media screen and (max-width: 1365px) and (min-width: 1200px) {
.article_banner {

    border-radius: 15px !important;
}
.footer_projet .article_banner img {
    border-radius: 15px;
}
    /* Bloc "Nos gourmands delices" : ici les colonnes passent cote a cote
       (col-lg-4 / col-lg-8 des 1200px). On reduit l'indentation de 175px pour
       eviter que le carrousel deborde a droite sur ces largeurs. */
    .block_recette { margin-left: 60px; padding-top: 70px; padding-bottom: 80px; }
    .block_recette h2 { font-size: 40px; }
    .block_recette .box_recette_discover { padding: 36px 38px; }
    .block_recette .box_recette_discover .icon_img { padding-bottom: 32px; }
    .block_recette .box_recette .img_recette { height: 300px; }
    .block_recette .content_recette { padding: 0 22px 42px; }
    .block_recette .content_recette h3 { font-size: 26px; padding-bottom: 60px; }
    .block_recette .content_recette span { font-size: 15px; }

    /************************Page nos marques ********************/
    .banner-content {
        top: 10%;
        padding: 0 10%;
    }
  .pots-animation-container {
        padding: 0 100px;
    }
    .pots-animation-container img{
    width: 20%;
}
    .pt-112 {
        padding-top: 80px;
    }

    .pb-112 {
        padding-bottom: 100px;
    }

    .mot_delice {
        width: 18%;
    }

    .block_votre_moment .parag_style,
    .block_votre_moment .parag_style p {
        font-size: 18px;
    }

    .block_votre_moment h3,
    .block_votre_moment .box_gamme h3 {
        font-size: 38px;
    }

    .yaourt_description {
        padding: 18px 5px;
    }

   .nos_marques {
        padding-bottom: 150px;
        padding-top: 150px;
    }
   .nos_marques_acceuil{
        padding-bottom: 65px;
        padding-top: 65px;
    }
.nos_marques_acceuil .bg_nuage,
    .nos_marques .bg_nuage {
        width: 90%;
    }

    .pots-nos-marques {
        padding: 0px 50px;
    }

    .banner-content-img {
        top: 40%;
    }

    .banner-content .title {

        font-size: 55px;
    }


    /************************Page bien se nourir ********************/
    .banner-content_nourir {
        top: 200px;
    }

    .sub_title {
        font-size: 34px;
    }

    .mb-24 {
        margin-bottom: 18px;
    }

    /************************Page recettes ********************/
    .content_recipe h2 {
        font-size: 52px;
    }

    .side_sticky_bar {
        border-radius: 32px;
        padding: 22.5px 23px;
    }

    .two_block .content_recipe:nth-child(1) {
        width: 260px;
    }

    .two_block .content_recipe:nth-child(2) {
        width: 697px;
    }

    .content_recipe .intro_article .mb-24 {
        margin-bottom: 24px;
    }

    /************************Page delice le yaourt ********************/
    .banner-content-delice {
        top: 42.03px;
        left: 0%;
    }

    .box_gamme_yaourt {

        background: linear-gradient(to top, #ECF7FE 45%, #ffffff 0%);

    }

    .box_gamme_yaourt h3 {
        margin: 18px 0 22px 0;
    }

    .content_gamme p {
        font-size: 18px;
    }

    .ingeridientboitevitamins {
        font-size: 19px;

    }

    .displayFlexPreparation {
        gap: 0px;
        margin-bottom: 28px;
    }

    .displayFlexPreparation>div {

        gap: 15px;
    }

    .boitevitamins img {
        width: 90%;
    }

    /******************************page RDV sante ************************/
    .icon-45-banner {
        width: 27%;
    }

    /************************Page nos projets ********************/
    .other_project {
        padding: 0 22px 24px;
    }

    .project_title {
        font-size: 22px;
    }

    .img_projet {
        height: 263px;
    }

    .footer_projet .mt-64 {
        margin-top: 32px;
    }

    .footer_projet {
        padding: 60px 0
    }

    .footer_projet .project_title {
        font-size: 20px;
    }

    .block_nos_projet .mb-64 {
        margin-bottom: 32px;
    }

    .block_nos_projet .mt-64 {
        margin-top: 32px;
    }

    .block_nos_projet .sub_title,
    .partenariat .sub_title {
        font-size: 32px;
    }

    .partenariat p,
    .block_nos_projet .prag_blue {
        font-size: 18px;
    }

    .partenariat p a {
        padding-top: 24px;
    }

    .displayFlexPreparation {
        display: flex;
        gap: 3px;
        align-items: center;
        justify-content: center;
        margin-bottom: 34px;
    }

    .ingeridientboitevitamins {
        font-size: 14px;
    }
    .banner-content-delice .icon-45 {
    position: absolute;
    left: 11%;
    width: 8%;
}

    /* Produits "Nos marques" : meme dimensionnement qu'a >=1440 pour eviter
       que les nuages de base restent en taille naturelle dans cette tranche. */
    .nos_marques_acceuil .bg_nuage,
    .autres_marques .bg_nuage,
    .nos_marques .bg_nuage {
        width: 85%;
    }
    .nos_marques_acceuil .content_yaourt_boite img,
    .autres_marques .content_yaourt_boite img,
    .nos_marques .content_yaourt_boite img {
        width: 40%;
    }
    .marque-delice_mamzouj .content_yaourt_boite img,
    .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 64%;
    }
    .yarout_hand { 
        width:30% !important;
    }
    .content_yaourt_boite {
        padding: 0px 0;
    }
    .content_yaourt_boite .pot_img_wrap {
    height: 222px;
    }
 .carousel-container-custom .marque-delice_mamzouj .content_yaourt_boite img,
    .carousel-container-custom .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 64%;
    }
     .delice_mamzouj_title, .deliceleyaourt, .delicelenature, .deliceauxfruits  {
         width: 17%; 
        }
 .delicemax {
         width: 13%; 
        }
            .padding_body {
        padding-left: 150px !important;
        padding-right: 150px !important;
    }
        .recipe_steps {
        font-size: 23px !important;
    }
    .recipe_informations {
    padding: 38px 32px;
    }
    .content_ilu .ily{
        width:70%;
        
    }
}

@media screen and (max-width: 1440px) and (min-width: 1366px) {
    .banner-content-delice .icon-45 {
    position: absolute;
    left: 11%;
    width: 7%;
}

    /************************Page nos marques ********************/
    .banner-content {
        top: 10%;
        padding: 0 10%;
    }
  .pots-animation-container {
        padding: 0 100px;
    }
    .pots-animation-container img{
    width: 20%;
}
    .yaourt_description {
        padding: 18px 35px;
    }

    .banner-content-delice {
        position: absolute;
        display: flex;
        gap: 201px;
        align-items: flex-end;
        justify-content: space-between;
        top: 29%;
        left: 0%;
    }

    .pots-nos-marques {
        padding: 0px 70px;
    }

    .banner-content-img {
        top: 40%;
    }

    /************************Page recettes ********************/
    .content_recipe h2 {
        font-size: 54px;
    }

    .side_sticky_bar {
        border-radius: 32px;
        padding: 27.5px 28px;
    }

    .two_block .content_recipe:nth-child(2) {
        width: 825px;
    }

    .displayFlexPreparation {
        display: flex;
        gap: 3px;
        align-items: center;
        justify-content: center;
        margin-bottom: 34px;
    }

    .mot_delice {
        width: 16%;
    }

    .ingeridientboitevitamins {
        font-size: 14px;
    }

    /* Produits "Nos marques" : meme dimensionnement qu'a >=1440 pour eviter
       que les nuages de base restent en taille naturelle dans cette tranche. */
    .nos_marques_acceuil .bg_nuage,
    .autres_marques .bg_nuage,
    .nos_marques .bg_nuage {
        width: 85%;
    }
    .nos_marques_acceuil .content_yaourt_boite img,
    .autres_marques .content_yaourt_boite img,
    .nos_marques .content_yaourt_boite img {
        width: 40%;
    }
    .marque-delice_mamzouj .content_yaourt_boite img,
    .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 64%;
    }
    .yarout_hand { 
        width:30% !important;
    }
    .content_yaourt_boite {
        padding: 0px 0;
    }
    .content_yaourt_boite .pot_img_wrap {
    height: 222px;
    }
 .carousel-container-custom .marque-delice_mamzouj .content_yaourt_boite img,
    .carousel-container-custom .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 64%;
    }

     .delice_mamzouj_title {
         width: 14%; 
        }
                .recipe_steps {
        font-size: 23px !important;
    }
    .recipe_informations {
    padding: 38px 32px;
}
}

@media screen and (max-width: 1445px) {
        .padding_body {
        padding-left: 175px;
        padding-right: 175px;
    }

    .img_projet {
        height: 433px;
    }

    .block_projet {
        padding-left: 210px;
    }

    .ml-118 {
        margin-left: 118px;
    }

    .mr-118 {
        margin-right: 118px;
    }
    .box_moment .mr-118 {
        margin-right: 0px !important;
    }
    .box_moment .ml-118 {
        margin-left: 0px !important;
    }
    .recipe_steps {
    font-size: 30px;
}
.mt-88 {
    margin-top: 47px;
}

    /* Produits "Nos marques" : nuages reduits a 85% et pots a 40% sur grands ecrans */
    .nos_marques_acceuil .bg_nuage,
    .autres_marques .bg_nuage,
    .nos_marques .bg_nuage {
        width: 82%;
    }
    
    .nos_marques_acceuil .content_yaourt_boite img,
    .autres_marques .content_yaourt_boite img,
    .nos_marques .content_yaourt_boite img {
        width: 40%;
    }
    /* Cas particulier : pot Mamzouj (vanille_fraise) un peu plus grand */
    .marque-delice_mamzouj .content_yaourt_boite img,
    .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 78%;
    }
.boire_fraise {
    width: 46% !important;
}
 .yarout_hand { 
        width:30% !important;
    }
    .carousel-container-custom .marque-delice_mamzouj .content_yaourt_boite img,
    .carousel-container-custom .content_yaourt_boite img.mamzouj_fraise_vanille {
        width: 64%;
    }
}

/* ============ Menu mobile (burger) : ecrans <= 991px ============ */
@media screen and (max-width: 1199px) {

    header {
        position: relative;
    }
    /* Les colonnes deviennent static : sinon (col-* = position:relative par defaut
       en Bootstrap 3) le groupe info_delice s'ancrerait a SA colonne, decalee de
       ~25px par le padding du header, alors que le burger est ancre au <header>.
       En les mettant static, info_delice ET le burger partagent le meme repere
       (le <header> position:relative) => ils s'alignent sur la meme ligne. */
    header .col-lg-6,
    header .col-lg-3 {
        position: static;
    }

    /* Bouton burger */
    header .burger-menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 28px;
        height: 28px;
        padding: 4px;
        background: transparent;
        border: 0;
        cursor: pointer;
        position: absolute;
        top: 18px;
        right: 18px;
        z-index: 1001;
    }
    header .burger-menu span {
        display: block;
        width: 100%;
        height: 3px;
        border-radius: 2px;
        background: var(--cobalt);
        transition: transform .3s ease, opacity .3s ease;
    }
    /* Menu plein ecran ouvert : le burger reste fixe et accessible (croix) */
    header.menu-open .burger-menu {
        position: fixed;
        top: 9px;
        right: 9px;
    }
    /* Transformation en croix quand le menu est ouvert */
    header.menu-open .burger-menu span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    header.menu-open .burger-menu span:nth-child(2) { opacity: 0; }
    header.menu-open .burger-menu span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

    /* "Contactez nous" + reseaux sociaux (ig/fb) + burger sur UNE SEULE ligne,
       ancres en haut a droite, le groupe contact a gauche du burger. */
    header .info_delice {
        position: absolute;
        top: 18px;            /* meme hauteur que le burger => meme ligne */
        right: 74px;          /* espace entre les reseaux sociaux et le burger */
        height: 28px;         /* meme hauteur que le burger => centrage commun */
        display: flex;
        align-items: center;
        gap: 12px;
        margin: 0;
        z-index: 999;         /* sous le panneau plein ecran (z-index 1000) */
    }
    header .info_delice a {
        margin: 0 !important;  /* annule les marges desktop entre les liens */
        display: flex;
        align-items: center;
        white-space: nowrap;   /* "Contactez nous" ne passe pas a la ligne */
    }
    /* Quand le menu plein ecran est ouvert, on masque le groupe contact */
    header.menu-open .info_delice {
        display: none;
    }

    /* Menu cache par defaut : superposition plein ecran a l'ouverture */
    header .menu_pc {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        margin: 0;
        padding-top: 50px; /* laisse la place au burger en haut */
        background: #fff;
        overflow-y: auto;
        z-index: 1000;
    }
    header.menu-open .menu_pc {
        display: block;
    }
    header .menu_pc li {
        float: none;
        width: 100%;
        position: relative;
        margin: 0 !important;
        border-bottom: 1px solid #eee;
    }
    header .menu_pc li > a {
        display: block;
        padding: 14px 12px;
    }

    /* Fleche d'ouverture/fermeture des sous-menus */
    header .menu_pc .submenu-arrow {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        cursor: pointer;
        z-index: 2;
    }
    header .menu_pc .submenu-arrow::before {
        content: "";
        position: absolute;
        top: 18px;
        right: 19px;
        width: 9px;
        height: 9px;
        border-right: 2px solid var(--cobalt);
        border-bottom: 2px solid var(--cobalt);
        transform: rotate(45deg);
        transition: transform .25s ease;
    }
    header .menu_pc li.submenu-open > .submenu-arrow::before {
        transform: rotate(-135deg);
        top: 22px;
    }

    /* Sous-menu en accordeon : cache, affiche au clic sur la fleche */
    header .menu_pc .submenu {
        position: static;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        width: 100%;
        padding: 0 0 6px 22px;
        box-shadow: none;
    }
    header .menu_pc li.submenu-open > .submenu {
        display: block;
    }
    /* Le hover desktop ne doit pas afficher le sous-menu au toucher */
    header .menu_pc li.has-submenu:hover > .submenu {
        display: none;
    }
    header .menu_pc li.has-submenu.submenu-open:hover > .submenu {
        display: block;
    }
    header .menu_pc .submenu li {
        border-bottom: 0;
    }
    header .menu_pc .submenu li a {
        padding: 9px 12px;
    }
}

/* Carousel "Nos marques" des pages detail : 1 carte par vue (au lieu de 2)
   sur mobile <= 767px (couvre les breakpoints 600-767, 456-599 et <=455).
   A coupler avec visibleCount=1 cote JS (main.js) pour un defilement correct. */
@media screen and (max-width: 767px) {
    .carousel-wrapper-custom .box_gamme {
        flex: 0 0 100%;
    }

    /* En dessous de 768px : on masque le mot "Contactez nous" ; on garde
       instagram + facebook alignes sur la meme ligne que le burger. */
    header .info_delice > a:first-of-type {
        display: none;
    }
    header .info_delice {
        right: 70px;   /* espace entre les reseaux sociaux et le burger */
    }
}