@media screen and (max-width: 767px) {
  /*! menu */
  .menu_btn {
    width: 5.4rem;
  }

  .header_overlay {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 13rem;
  }

  .header_logo {
    width: 9rem;
  }

  .header .cnt_wp {
    padding: 0 5%;
  }

  .header_overlay-nav ul {
    gap: 1rem;
  }

  .header_overlay-nav ul li a {
    font-size: 2rem;
  }

  .headers_overlay-images {
    width: 75%;
    margin-left: unset;
  }

  /*! footer */
  .footer .cnt_wp {
    flex-direction: column;
    padding: 0 2%;
    gap: 1rem;
  }

  .footer_top {
    height: auto;
  }

  .footer_nav {
    width: 100%;
    display: none;
  }

  .footer_nav ul {
    gap: 2rem;
    justify-content: center;
    align-items: center;
  }

  .footer_images {
    width: 100%;
  }

  .footer_contact-desc span,
  .footer_eclosia span,
  .footer_mim span {
    font-size: 1.6rem;
    text-align: center;
  }

  .footer_carton {
    width: 26%;
    top: 32%;
    right: -1%;
  }

  .footer_shapeLogo {
    left: 5%;
    top: -12%;
    width: 50%;
  }

  .footer_contact {
    left: -1%;
    bottom: -8%;
    width: 87%;
  }

  .footer_contact-desc ul {
    gap: 0.7rem;
  }

  .footer_contact-desc {
    left: 10%;
    top: 16%;
    width: 33%;
    gap: 1rem;
  }

  .footer_eclosia {
    top: 26%;
    left: 27%;
    width: 51%;
    gap: 1rem;
  }

  .footer_mim {
    top: 20%;
    left: 24%;
    width: 57%;
    gap: 1rem;
  }

  .footer_circle {
    left: 37%;
  }

  .footer_circleSmall {
    bottom: -12%;
    right: 3%;
    width: 48%;
  }

  .footer_copywrite {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .footer_bottom-left ul a {
    font-size: 1.2rem;
  }

  /*! homepage */
  section {
    overflow: hidden;
  }

  .Home_about .cnt_wp,
  .Home_produit .cnt_wp,
  .Home_engagement .cnt_wp,
  .Home_regional .cnt_wp,
  .Home_maujournal .cnt_wp,
  .Home_recrutement .cnt_wp {
    flex-direction: column;
    padding: 0 5%;
    gap: 8rem;
  }

  .Home_about_desc,
  .Home_produit_desc,
  .Home_engagement_desc,
  .Home_regional_desc,
  .Home_maujournal_desc,
  .Home_recrutement_desc,
  .Home_about_img,
  .Home_produit_img,
  .Home_engagement_img,
  .Home_regional_img,
  .Home_maujournal_img,
  .Home_recrutement_img {
    width: 100%;
  }

  .Home_about_desc,
  .Home_produit_desc,
  .Home_engagement_desc,
  .Home_regional_desc,
  .Home_maujournal_desc,
  .Home_recrutement_desc {
    order: 1;
  }

  .Home_about_img,
  .Home_produit_img,
  .Home_engagement_img,
  .Home_regional_img,
  .Home_maujournal_img,
  .Home_recrutement_img {
    order: 2;
  }

  .Home_yogurt_hero,
  .Home_yogurt_hero_two {
    height: 5vh;
  }

  .reused_title,
  .HomeReused_title {
    font-size: 3.2rem;
    line-height: 4rem;
    margin-bottom: 1.6rem;
  }

  .reused_txt,
  .reused_smaller-txt,
  .product_swiper-txt {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .reused_smaller-title {
    font-size: 2rem;
    line-height: 2.6rem;
    width: 100%;
  }

  .banner {
    height: 50vh;
    overflow: hidden;
  }

  .banners_images {
    overflow: hidden;
  }

  .Home_produit_img {
    height: 20rem;
  }

  .produit-layout[data-product="juice"] {
    transform: translateY(-6rem);
  }

  .Home_engagement {
    padding: 10rem 0 0;
  }

  .Home_produit_img[data-product="candia"] .animated_spoon,
  .Home_produit_img[data-product="juice"] .animated_spoon,
  .Home_penAnimation,
  .animated_pen,
  .animated_img-top {
    display: none;
  }

  .engagement_eclosia {
    bottom: 11%;
  }

  .Home_regional {
    margin-top: 5rem;
  }

  .Home_maujournal {
    margin-top: 10rem;
    height: auto;
  }

  .Home_recrutement {
    margin-top: 7rem;
    margin-bottom: 10rem;
    height: auto;
  }

  .mobile_pen {
    display: flex;
    position: absolute;
    top: 5rem;
    scale: 0.4;
    left: -11%;
  }

  /*! qui somme nous */
  .Home_about.about_inner {
    margin-top: 10rem;
  }

  .Home_about.about_inner .cnt_wp {
    gap: 1rem;
  }

  .Home_about.about_inner .Home_about_desc {
    order: 2;
  }

  .Home_about.about_inner .Home_about_img {
    order: 1;
  }

  .about_inner,
  .about_keyfigures,
  .about_iso,
  .about_directeur,
  .about_management,
  .about_campagnes,
  .about_mission {
    padding: 3rem 0;
  }

  .about_directeur {
    padding: 6rem 0 3rem;
  }

  .about_keyfigures .cnt_wp,
  .about_directeur .cnt_wp,
  .about_management .cnt_wp,
  .about_campagnes .cnt_wp,
  .about_mission .cnt_wp,
  .discover_more .cnt_wp,
  .discover_more-wp {
    padding: 0 5%;
    flex-direction: column;
  }

  .about_directeur-left,
  .about_directeur-right,
  .about_mission_desc,
  .about_mission-img,
  .about_campagnes-left,
  .about_campagnes-right,
  .discover_boxes,
  .about_management-title {
    width: 100%;
  }

  .about_keyfigures-Shapes {
    flex-direction: column;
  }

  .about_keyfigures-Shapes .opac,
  .about_keyfigures-boba,
  .about_keyfigures-Shapeback,
  .about_shape-boxes,
  .about_shape-bobaf {
    display: none;
  }

  .about_keyfigures-shapeVert {
    position: relative;
    width: 55%;
    left: 0;
    margin-bottom: 2rem;
  }

  .about_keyfigures-shapeViolet {
    position: relative;
    width: 60%;
    margin-bottom: 2rem;
  }

  .about_keyfigures-shapeBlue {
    position: relative;
    width: 45%;
  }

  .about_keyfigures-shapeJaune {
    position: relative;
    width: 40%;
    left: 54%;
  }

  .shapeVert-desc {
    top: 11%;
    left: 20%;
    width: 66%;
    text-align: center;
    gap: 0.5rem;
  }

  .shapeViolet-desc {
    top: 28%;
    left: 15%;
    gap: 0.5rem;
  }

  .shapeJaune-desc {
    top: 15%;
    left: 19%;
    width: 60%;
    gap: 0.5rem;
  }

  .shapeBlue-desc-num,
  .shapeJaune-desc-num,
  .shapeViolet-desc-num,
  .shapeVert-desc-num {
    font-size: 2.2rem;
  }

  .shapeBlue-desc-txt,
  .shapeJaune-desc-txt,
  .shapeViolet-desc-txt,
  .shapeVert-desc-txt {
    font-size: 1.6rem;
  }

  .about_directeur-left {
    padding-top: 0;
  }

  .about_directeur .cnt_wp,
  .about_campagnes .cnt_wp,
  .about_mission .cnt_wp {
    gap: 5rem;
  }

  .boxes_img {
    height: auto;
  }

  .discover_boxes span {
    font-size: 2.4rem;
  }

  .about_iso {
    height: 35rem;
  }

  .about_isoShapes {
    width: 90%;
  }

  .about_shape-iso50001 {
    width: 45%;
    left: 4%;
  }

  .about_shape-iso22000 {
    width: 45%;
    left: 28%;
    bottom: unset;
    top: 87%;
  }

  .about_shape-mim {
    width: 45%;
    right: -4%;
    bottom: -14%;
  }

  .about_management-item {
    position: relative;
  }

  .about_management-wp {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6rem;
  }

  .about_management-item-name {
    font-size: 2.4rem;
  }

  .about_management-item-01,
  .about_management-item-02,
  .about_management-item-03,
  .about_management-item-04,
  .about_management-item-05,
  .about_management-item-06,
  .about_management-item-07 {
    left: unset;
    top: unset;
    left: unset;
    right: unset;
    width: 24rem;
  }

  .about_management-item-01 {
    padding: 0 4%;
  }

  .about_management-item-03,
  .about_management-item-07 {
    width: 26rem;
  }

  .about_management-item-06 {
    padding: 0 8%;
  }

  .about_management-item-name {
    opacity: 1;
  }

  .Home_produit_slider {
    margin-top: 3rem;
  }

  .mgmt-popup {
    justify-content: flex-start;
    align-items: center;
    overflow: scroll;
    padding: 0 5%;
  }

  .mgmt-popup-panel {
    flex-direction: column;
    gap: 2rem;
    height: 100%;
    padding-top: 11rem;
  }

  .mgmt-popup-media {
    width: 15rem;
  }

  .mgmt-popup-body {
    width: 100%;
  }

  .mgmt-popup-close {
    top: 17%;
  }

  .mgmt-popup-name {
    font-size: 3.2rem;
  }

  .mgmt-popup-poste {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .mgmt-popup-bio {
    font-size: 1.6rem;
    padding-bottom: 5rem;
  }

  .mgmt-popup-nav {
    top: 30%;
  }

  .mgmt-popup-nav-prev {
    left: 0;
  }

  .product_swiper-title {
    font-size: 2.6rem;
  }

  .discover_more {
    padding: 3rem 0 5rem;
  }

  .discover_more-wp {
    gap: 2rem;
    margin-top: 0;
  }

  .discover_more-wp a {
    gap: 1rem;
  }

  /*! contact */
  .Home_contact {
    padding: 13rem 0 3rem;
  }

  .Home_contact .cnt_wp {
    flex-direction: column;
    padding: 0 5%;
    gap: 2rem;
  }

  .Home_contact_desc {
    width: 100%;
    order: 2;
  }

  .Home_contact_img {
    width: 100%;
    order: 1;
  }

  /*! publication */
  .Home_maujournal_inner {
    padding: 12rem 0 3rem;
    margin-top: 0;
  }

  .Home_maujournal_inner .cnt_wp {
    gap: 3rem;
  }

  .Home_maujournal_inner .Home_maujournal_desc {
    width: 100%;
    order: 2;
  }

  .Home_maujournal_inner .Home_maujournal_img {
    order: 1;
  }

  /*! present regional */
  .Home_regional_inner {
    padding-top: 10rem;
  }

  .Home_regional_inner .cnt_wp {
    gap: 2rem;
  }

  .Home_regional_inner .Home_regional_desc {
    width: 100%;
    order: 2;
  }

  .Home_regional_inner .Home_regional_img {
    order: 1;
  }

  .regional_animated_logo {
    max-width: 8.5rem;
  }

  .exportation {
    padding: 0 0 3rem;
  }

  .exportation .cnt_wp {
    flex-direction: column;
    gap: 2rem;
    padding: 0 5%;
  }

  .regionalShape {
    height: 30vh;
    padding: 0;
  }

  /*! recrutement */
  .Home_recrutement_inner {
    padding-top: 5rem;
    margin-bottom: 5rem;
  }

  .Home_recrutement_inner .cnt_wp {
    gap: 3rem;
  }

  .Home_recrutement_inner .Home_recrutement_desc {
    width: 100%;
    order: 2;
  }

  .Home_recrutement_inner .Home_recrutement_img {
    order: 1;
  }

  .poste_vacants .cnt_wp,
  .application_spontanee .cnt_wp {
    padding: 0 5%;
    gap: 3rem;
  }

  .open_job_list_wp {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem 3rem;
  }

  .job_btn-wrap {
    grid-template-rows: 1fr;
  }

  .job_card a .job_name {
    color: var(--blue-color);
  }

  .job_card a {
    padding: 1.5rem;
    height: 17rem;
  }

  .job_cardboard {
    top: -3%;
  }

  .cardboard_deco-red {
    top: -5%;
    left: -14%;
    width: 35%;
  }

  .cardboard_deco-blue {
    top: -2.7%;
    right: -4.8%;
    width: 30%;
  }

  .cardboard_deco-yellow {
    top: -4%;
    right: -5.8%;
    width: 30%;
  }

  .cardboard_deco-green {
    bottom: -6%;
    left: 22%;
    width: 53%;
  }

  .recrutementShape,
  .recrutementShape_two {
    display: none;
  }

  .application_spontanee {
    padding-top: 5rem;
  }

  .Home_recrutement_inner .recrutement_pen {
    top: 8%;
    right: 53%;
  }

  /*! nos engagement */
  .Home_engagement_inner .cnt_wp {
    gap: 3rem;
  }

  .Home_engagement_inner .Home_engagement_desc {
    order: 2;
  }

  .Home_engagement_inner .Home_engagement_img {
    order: 1;
  }

  .produire_responsable .cnt_wp,
  .proteger_notre_environnement .cnt_wp,
  .humain_au_coeur .cnt_wp,
  .recrutement_et_formation .cnt_wp,
  .nos_exigences_qualite .cnt_wp {
    flex-direction: column;
    padding: 0 5%;
    gap: 3rem;
  }

  .produire_responsable_img,
  .produire_responsable_desc {
    width: 100%;
  }

  .proteger_notre_environnement_img,
  .humain_au_coeur_img,
  .recrutement_et_formation_img,
  .nos_exigences_qualite_img {
    width: 100%;
    order: 1;
    margin-left: 0;
  }

  .proteger_notre_environnement_desc,
  .humain_au_coeur_desc,
  .recrutement_et_formation_desc,
  .nos_exigences_qualite_desc {
    width: 100%;
    order: 2;
  }

  .engagementShape,
  .engagementShape_2,
  .engagementShape_3,
  .engagementShape_4,
  .engagementShape_5 {
    height: 13rem;
    padding: 0;
  }

  .pr_txt,
  .pne_txt {
    font-size: 1.5rem;
  }

  .mobile_blue_petal {
    display: flex;
    position: absolute;
    top: 11%;
    right: -98px;
    scale: 0.6;
  }

  .pr_bg {
    left: -2%;
  }

  .pr_woman {
    right: 25%;
  }

  .pr_txt {
    top: 38%;
    right: 2%;
  }

  .mobile_green_petal {
    display: flex;
    position: absolute;
    top: -15%;
    scale: 0.6;
    right: -8%;
  }

  .mobile_puple_petal {
    display: flex;
    position: absolute;
  }

  .proteger_notre_environnement {
    padding-top: 2rem;
  }

  /*! nos marque */
  .Nos_marques .cnt_wp,
  .marque_intro,
  .product_card {
    flex-direction: column;
    padding: 0 5%;
    gap: 3rem;
  }

  .marque_display {
    padding: 7rem 0 5rem;
  }

  .Nos_marques_desc,
  .marque_intro_desc,
  .diff_produit_desc {
    width: 100%;
    order: 2;
  }

  .Nos_marques_img,
  .marque_intro_img,
  .diff_produit_img {
    width: 100%;
    order: 1;
  }

  .Nos_marques {
    padding: 15rem 0 5rem;
  }

  .marques_btn {
    width: 10rem;
  }

  .marques_list .cnt_wp {
    gap: 3.8rem 6.8rem;
    flex-wrap: wrap;
  }

  .marques_btn::after {
    width: 17.2rem;
    height: 10.5rem;
  }

  .marques_j {
    padding: 0 2%;
  }

  .nos_diff_nav {
    padding-top: 7rem;
  }

  .product_swiper-name {
    font-size: 2.2rem;
  }

  .nos_diff_nav .swiper-button-prev {
    left: 2rem;
  }

  .nos_diff_nav .swiper-button-next {
    left: 8rem;
  }

  .product_animated_spoon {
    scale: 0.4;
  }

  .productShape {
    height: 10vh;
  }

  .aboutShape {
    height: 2vh;
    padding: 0;
  }

  .sep_animationFly,
  .sep_animationFlyMid,
  .sep_animationFlysubmid {
    display: none;
  }

  /* form */
  .form_wp {
    padding: 3rem;
  }

  .form_wp .umbraco-forms-field {
    width: 100%;
  }

  .form_wp .umbraco-forms-form input.text,
  .form_wp .umbraco-forms-form input.text::placeholder,
  .form_wp .umbraco-forms-form select {
    font-size: 1.6rem;
  }

  /*! 404 */
  .page_404 {
    height: 85vh;
  }

  .img_404 {
    width: 100%;
  }

  .return_btn {
    bottom: 27%;
    font-size: 16px;
  }

  /*! job description */
  .job_description {
    padding: 13rem 5% 5rem;
  }

  .job_description_desc {
    width: 100%;
  }

  .job_animated_logo_wp {
    display: none;
  }

  .policy_description_title,
  .policy_description_title_sub,
  .job_description_title {
    font-size: 2rem;
    line-height: 3rem;
  }

  .policy_description_txt,
  .job_description_txt {
    font-size: 1.6rem;
  }

  .poste_vacants.job_vacants .cnt_wp {
    gap: 2rem;
    padding-bottom: 8rem;
  }

  .Postuler_btn {
    font-size: 16px;
  }

  .application_spontanee.job_application {
    padding: 11rem 0 12rem;
  }

  /*! policy */
  .policy {
    padding: 12rem 5% 10rem;
  }

  .policy_title {
    font-size: 3.2rem;
    line-height: 4rem;
    margin-bottom: 3rem;
  }

  .policy_desc {
    width: 100%;
  }

  .policy_logo_wp {
    display: none;
  }

  .policy_table th,
  .policy_table td {
    font-size: 1.6rem;
  }

  .policy_table th {
    line-height: 2rem;
  }

  .policy_table th:first-child {
    width: 14rem;
  }
  
  .policy_table {
      overflow: scroll;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /*! menu */
  .header_overlay {
    flex-direction: column;
  }

  .header_logo {
    width: 9rem;
  }

  .header .cnt_wp {
    padding: 0 5%;
  }

  .header_overlay-nav ul {
    gap: 1rem;
  }

  .header_overlay-nav ul li a {
    font-size: 2rem;
  }

  .headers_overlay-images {
    width: 100%;
  }

  /*! footer */
  .footer_top {
    height: auto;
  }

  .footer_nav {
    width: 75%;
  }

  .footer_nav ul {
    gap: 2rem;
    justify-content: center;
    align-items: center;
  }

  .footer_images {
    width: 100%;
  }

  .footer_contact-desc span,
  .footer_eclosia span,
  .footer_mim span {
    font-size: 1.8rem;
    text-align: center;
  }

  .footer_contact-desc {
    left: 10%;
    top: 16%;
    width: 33%;
    gap: 1rem;
  }

  .footer_eclosia {
    top: 25%;
    left: 27%;
    width: 51%;
    gap: 1rem;
  }

  .footer_mim {
    top: 25%;
    left: 24%;
    width: 57%;
    gap: 0.5rem;
  }

  .footer_contact {
    left: -4%;
    bottom: 1%;
    width: 75%;
  }

  .footer_circle {
    top: -2%;
    left: 29%;
    width: 47%;
  }

  .footer_circleSmall {
    right: 9%;
    width: 45%;
  }

  .footer_carton {
    right: 3%;
    width: 28%;
  }

  .footer_contact-desc ul {
    gap: 1rem;
  }

  .footer_bottom {
    padding: 3rem 5%;
  }

  .footer_copywrite {
    font-size: 1.2rem;
    line-height: 2rem;
  }

  /*! homepage */
  section {
    overflow: hidden;
  }

  .Home_about .cnt_wp,
  .Home_produit .cnt_wp,
  .Home_engagement .cnt_wp,
  .Home_regional .cnt_wp,
  .Home_maujournal .cnt_wp,
  .Home_recrutement .cnt_wp {
    flex-direction: column;
    padding: 0 5%;
    gap: 8rem;
  }

  .Home_about_desc,
  .Home_produit_desc,
  .Home_engagement_desc,
  .Home_regional_desc,
  .Home_maujournal_desc,
  .Home_recrutement_desc,
  .Home_about_img,
  .Home_produit_img,
  .Home_engagement_img,
  .Home_regional_img,
  .Home_maujournal_img,
  .Home_recrutement_img {
    width: 100%;
  }

  .Home_about_desc,
  .Home_produit_desc,
  .Home_engagement_desc,
  .Home_regional_desc,
  .Home_maujournal_desc,
  .Home_recrutement_desc {
    order: 1;
  }

  .Home_about_img,
  .Home_produit_img,
  .Home_engagement_img,
  .Home_regional_img,
  .Home_maujournal_img,
  .Home_recrutement_img {
    order: 2;
  }

  .Home_yogurt_hero,
  .Home_yogurt_hero_two {
    height: 5vh;
  }

  .reused_title,
  .HomeReused_title {
    font-size: 4.2rem;
    line-height: 5rem;
  }

  .reused_smaller-title {
    font-size: 2.6rem;
    line-height: 3.6rem;
    width: 100%;
  }

  .banner {
    height: 50vh;
  }

  .Home_produit .cnt_wp {
    gap: 45rem;
  }

  .Home_produit_img {
    height: 20rem;
  }

  .produit-layout[data-product="juice"] {
    transform: translateY(-5rem);
  }

  .Home_engagement {
    padding: 5rem 0 0;
  }

  .Home_produit_img[data-product="candia"] .animated_spoon,
  .Home_produit_img[data-product="juice"] .animated_spoon,
  .Home_penAnimation,
  .animated_pen,
  .animated_img-top {
    display: none;
  }

  .Home_regional {
    margin-top: 10rem;
  }

  .Home_penAnimation {
    display: none;
  }

  .Home_maujournal {
    margin-top: 10rem;
  }

  .Home_recrutement {
    margin-bottom: 10rem;
  }

  /*! qui somme nous */
  .about_keyfigures .cnt_wp,
  .about_directeur .cnt_wp,
  .about_management .cnt_wp,
  .about_campagnes .cnt_wp,
  .about_mission .cnt_wp,
  .discover_more .cnt_wp {
    padding: 0 5%;
  }

  .shapeBlue-desc,
  .shapeJaune-desc,
  .shapeViolet-desc,
  .shapeVert-desc {
    gap: 1rem;
  }

  .shapeBlue-desc-num,
  .shapeJaune-desc-num,
  .shapeViolet-desc-num,
  .shapeVert-desc-num {
    font-size: 3.6rem;
  }

  .shapeBlue-desc-txt,
  .shapeJaune-desc-txt,
  .shapeViolet-desc-txt,
  .shapeVert-desc-txt {
    font-size: 1.6rem;
  }

  .boxes_img {
    height: 20rem;
  }

  .discover_boxes span {
    font-size: 2.4rem;
  }

  .about_management-item-01 {
    left: 38%;
    top: 1%;
    width: 209px;
  }

  .about_management-item-02 {
    left: 6%;
    top: 22%;
    width: 230px;
  }

  .about_management-item-03 {
    right: 4%;
    top: 20%;
    width: 254px;
  }

  .about_management-item-04 {
    left: 34%;
    top: 38%;
    width: 312px;
  }

  .about_management-item-05 {
    left: 3%;
    bottom: 2%;
    width: 225px;
  }

  .about_management-item-06 {
    bottom: -10%;
    left: 43%;
    width: 160px;
  }

  .about_management-item-07 {
    right: 0%;
    bottom: 1%;
    width: 249px;
  }

  .mgmt-popup-close {
    top: 120px;
  }

  .mgmt-popup-name {
    font-size: 6rem;
  }

  .mgmt-popup-poste {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .mgmt-popup-bio {
    font-size: 1.6rem;
  }

  .mobile_pen {
    display: flex;
    position: absolute;
    top: 24rem;
    scale: 0.7;
    left: 2%;
  }

  .Home_about.about_inner {
    margin-top: 10rem;
  }

  .Home_about.about_inner .cnt_wp {
    gap: 1rem;
  }

  .Home_about.about_inner .Home_about_desc {
    order: 2;
  }

  .Home_about.about_inner .Home_about_img {
    order: 1;
  }

  .aboutShape,
  .sep_animationFlyMid,
  .sep_animationFlysubmid,
  .sep_animationFly {
    display: none;
  }

  .about_inner,
  .about_keyfigures,
  .about_iso,
  .about_directeur,
  .about_management,
  .about_campagnes,
  .about_mission {
    padding: 3rem 0;
  }

  .about_keyfigures .cnt_wp,
  .about_directeur .cnt_wp,
  .about_management .cnt_wp,
  .about_campagnes .cnt_wp,
  .about_mission .cnt_wp,
  .discover_more .cnt_wp {
    padding: 0 5%;
    flex-direction: column;
  }

  .about_directeur-left,
  .about_directeur-right,
  .about_mission_desc,
  .about_mission-img,
  .about_campagnes-left,
  .about_campagnes-right,
  .about_management-title {
    width: 100%;
  }

  .discover_boxes {
    padding: 0;
  }

  .about_keyfigures-Shapes {
    flex-direction: column;
  }

  .shapeBlue-desc-num,
  .shapeJaune-desc-num,
  .shapeViolet-desc-num,
  .shapeVert-desc-num {
    font-size: 2.2rem;
  }

  .shapeBlue-desc-txt,
  .shapeJaune-desc-txt,
  .shapeViolet-desc-txt,
  .shapeVert-desc-txt {
    font-size: 1.6rem;
  }

  .about_directeur-left {
    padding-top: 0;
  }

  .about_directeur .cnt_wp,
  .about_campagnes .cnt_wp,
  .about_mission .cnt_wp {
    gap: 5rem;
  }

  .discover_boxes span {
    font-size: 2.4rem;
  }

  .about_management-item {
    position: relative;
  }

  .about_management-wp {
    height: auto;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6rem;
  }

  .about_management-item-name {
    font-size: 2.4rem;
  }

  .about_management-item-01,
  .about_management-item-02,
  .about_management-item-03,
  .about_management-item-04,
  .about_management-item-05,
  .about_management-item-06,
  .about_management-item-07 {
    left: unset;
    top: unset;
    left: unset;
    right: unset;
    width: 24rem;
  }

  .about_management-item-01 {
    padding: 0 4%;
  }

  .about_management-item-03,
  .about_management-item-07 {
    width: 26rem;
  }

  .about_management-item-06 {
    padding: 0 8%;
  }

  .about_management-item-name {
    opacity: 1;
  }

  .Home_produit_slider {
    margin-top: 3rem;
  }

  .mgmt-popup {
    justify-content: flex-start;
    align-items: center;
    overflow: scroll;
    padding: 0 5%;
  }

  .mgmt-popup-panel {
    flex-direction: column;
    gap: 2rem;
    height: 100%;
    padding-top: 11rem;
  }

  .mgmt-popup-media {
    width: 15rem;
  }

  .mgmt-popup-body {
    width: 100%;
  }

  .mgmt-popup-close {
    top: 17%;
  }

  .mgmt-popup-name {
    font-size: 3.2rem;
  }

  .mgmt-popup-poste {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .mgmt-popup-bio {
    font-size: 1.6rem;
    padding-bottom: 5rem;
  }

  .mgmt-popup-nav {
    top: 35%;
  }

  .mgmt-popup-nav-prev {
    left: 0;
  }

  .product_swiper-title {
    font-size: 2.6rem;
  }

  .discover_more {
    padding: 3rem 0 5rem;
  }

  .discover_more-wp {
    gap: 2rem;
    margin-top: 0;
  }

  .discover_more-wp a {
    gap: 1rem;
  }

  /*! contact */
  .Home_contact {
    padding: 13rem 0 3rem;
  }

  .Home_contact .cnt_wp {
    flex-direction: column;
    padding: 0 5%;
    gap: 2rem;
  }

  .Home_contact_desc {
    width: 100%;
    order: 2;
  }

  .Home_contact_img {
    width: 100%;
    order: 1;
  }

  /*! publication */
  .Home_maujournal_inner {
    padding: 12rem 0 3rem;
    margin-top: 0;
  }

  .Home_maujournal_inner .cnt_wp {
    gap: 3rem;
  }

  .Home_maujournal_inner .Home_maujournal_desc {
    width: 100%;
    order: 2;
  }

  .Home_maujournal_inner .Home_maujournal_img {
    order: 1;
  }

  /*! present regional */
  .Home_regional_inner {
    padding-top: 10rem;
  }

  .Home_regional_inner .cnt_wp {
    gap: 2rem;
  }

  .Home_regional_inner .Home_regional_desc {
    width: 100%;
    order: 2;
  }

  .Home_regional_inner .Home_regional_img {
    order: 1;
  }

  .regional_animated_logo {
    max-width: 8.5rem;
  }

  .exportation {
    padding: 0 0 3rem;
  }

  .exportation .cnt_wp {
    flex-direction: column;
    gap: 2rem;
    padding: 0 5%;
  }

  .regional_animated_logo {
    top: -6%;
  }

  /*! recrutement */
  .Home_recrutement_inner {
    padding-top: 15rem;
  }

  .Home_recrutement_inner .cnt_wp {
    gap: 3rem;
  }

  .Home_recrutement_inner .Home_recrutement_desc {
    width: 100%;
    order: 2;
  }

  .Home_regional_inner .Home_regional_img {
    order: 1;
  }

  .poste_vacants .cnt_wp,
  .application_spontanee .cnt_wp {
    padding: 0 5%;
    gap: 10rem;
  }

  .open_job_list_wp {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 3rem;
  }

  .job_btn-wrap {
    grid-template-rows: 1fr;
  }

  .job_card a .job_name {
    color: var(--blue-color);
  }

  .job_card a {
    padding: 1.5rem;
    height: 17rem;
  }

  .job_cardboard {
    top: -8%;
  }

  .cardboard_deco-red {
    top: -10%;
    left: -12%;
    width: 27%;
  }

  .cardboard_deco-blue {
    top: -4.7%;
    right: -4.8%;
    width: 30%;
  }

  .cardboard_deco-yellow {
    top: -8%;
    right: -5.8%;
    width: 30%;
  }

  .cardboard_deco-green {
    bottom: -12%;
    left: 22%;
    width: 53%;
  }

  [data-fly="recrutement_pen"].fly-stop[data-fly-stop="4"] {
    bottom: 7%;
    right: 4%;
  }

  .Home_recrutement_inner .recrutement_pen {
    top: -4%;
    left: -15%;
  }

  .recrutementShape {
    display: none;
  }

  /*! nos engagement */
  .Home_engagement_inner .cnt_wp {
    gap: 3rem;
  }

  .Home_engagement_inner .Home_engagement_desc {
    order: 2;
  }

  .Home_engagement_inner .Home_engagement_img {
    order: 1;
  }

  .produire_responsable .cnt_wp,
  .proteger_notre_environnement .cnt_wp,
  .humain_au_coeur .cnt_wp,
  .recrutement_et_formation .cnt_wp,
  .nos_exigences_qualite .cnt_wp {
    flex-direction: column;
    padding: 0 5%;
    gap: 3rem;
  }

  .produire_responsable_img,
  .produire_responsable_desc {
    width: 100%;
  }

  .proteger_notre_environnement_img,
  .humain_au_coeur_img,
  .recrutement_et_formation_img,
  .nos_exigences_qualite_img {
    width: 100%;
    order: 1;
    margin-left: 0;
  }

  .proteger_notre_environnement_desc,
  .humain_au_coeur_desc,
  .recrutement_et_formation_desc,
  .nos_exigences_qualite_desc {
    width: 100%;
    order: 2;
  }

  .pr_txt,
  .pne_txt {
    font-size: 1.5rem;
  }

  .mobile_blue_petal {
    display: flex;
    position: absolute;
    top: 11%;
    right: -137px;
    scale: 0.6;
  }

  .pr_txt {
    top: 38%;
    right: -11%;
  }

  .mobile_green_petal {
    display: flex;
    position: absolute;
    top: -15%;
    scale: 0.6;
    right: -8%;
  }

  /*! nos marque */
  .Nos_marques .cnt_wp,
  .marque_intro,
  .product_card {
    flex-direction: column;
    padding: 0 5%;
    gap: 3rem;
  }

  .marque_display {
    padding: 10rem 0 5rem;
  }

  .Nos_marques_desc,
  .marque_intro_desc,
  .diff_produit_desc {
    width: 100%;
    order: 2;
  }

  .Nos_marques_img,
  .marque_intro_img,
  .diff_produit_img {
    width: 100%;
    order: 1;
  }

  .Nos_marques {
    padding: 15rem 0 5rem;
  }

  .marques_btn {
    width: 10rem;
  }

  .marques_list .cnt_wp {
    gap: 3.8rem 6.8rem;
    flex-wrap: wrap;
  }

  .marques_btn::after {
    width: 17.2rem;
    height: 10.5rem;
  }

  .marques_j {
    padding: 0 2%;
  }

  .nos_diff_nav {
    padding-top: 7rem;
  }

  .product_swiper-name {
    font-size: 2.2rem;
  }

  .nos_diff_nav .swiper-button-prev {
    left: 2rem;
  }

  .nos_diff_nav .swiper-button-next {
    left: 8rem;
  }

  /* form */
  .form_wp {
    padding: 3rem;
  }

  .form_wp .umbraco-forms-field {
    width: 100%;
  }

  .form_wp .umbraco-forms-form input.text,
  .form_wp .umbraco-forms-form input.text::placeholder,
  .form_wp .umbraco-forms-form select {
    font-size: 1.6rem;
  }

  /*! 404 */
  .page_404 {
    height: 85vh;
  }

  .img_404 {
    width: 100%;
  }

  .return_btn {
    bottom: 25%;
  }

  /*! job description */
  .job_description {
    padding: 13rem 5% 5rem;
  }

  .job_description_desc {
    width: 100%;
  }

  .job_animated_logo_wp {
    display: none;
  }

  .policy_description_title_sub,
  .policy_description_title,
  .job_description_title {
    font-size: 2.6rem;
    line-height: 4.5rem;
  }

  .poste_vacants.job_vacants .cnt_wp {
    gap: 2rem;
    padding-bottom: 8rem;
  }

  .policy_description_txt,
  .job_description_txt {
    font-size: 2rem;
    line-height: 3rem;
  }

  .application_spontanee.job_application {
    padding: 11rem 0 12rem;
  }

  /*! policy */
  .policy {
    padding: 15rem 5% 10rem;
  }

  .policy_title {
    font-size: 4.2rem;
    line-height: 5rem;
    margin-bottom: 3rem;
  }

  .policy_desc {
    width: 100%;
  }

  .policy_logo_wp {
    display: none;
  }

  .policy_table th,
  .policy_table td {
    font-size: 2rem;
  }

  .policy_table th {
    line-height: 3rem;
  }

  .policy_table th:first-child {
    width: 20rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  /*! menu */
  .header_logo {
    width: 12rem;
  }

  .header .cnt_wp {
    padding: 0 5%;
  }

  .header_overlay-nav ul {
    gap: 2.4rem;
  }

  .header_overlay-nav ul li a {
    font-size: 3.2rem;
  }

  .menu_btn {
    width: 6rem;
  }

  /*! footer */
  .footer_top {
    height: auto;
    padding: 5rem 5%;
  }

  .footer_nav ul {
    gap: 3rem;
  }

  .footer_bottom .cnt_wp {
    padding: 0 5%;
  }

  .footer_contact-desc {
    left: 5%;
    top: 24%;
    gap: 1rem;
  }

  .footer_mim {
    top: 28%;
  }

  .footer_eclosia {
    top: 27%;
  }

  .footer_contact-desc span,
  .footer_eclosia span,
  .footer_mim span {
    font-size: 1.8rem;
  }

  /*! homepage */
  .Home_about .cnt_wp,
  .Home_produit .cnt_wp,
  .Home_engagement .cnt_wp,
  .Home_regional .cnt_wp,
  .Home_maujournal .cnt_wp,
  .Home_recrutement .cnt_wp {
    padding: 0 5%;
  }

  .reused_title,
  .HomeReused_title {
    font-size: 3.2rem;
    line-height: 4rem;
  }

  .reused_txt,
  .reused_smaller-txt,
  .product_swiper-txt {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .reused_smaller-title {
    font-size: 2rem;
    line-height: 2.6rem;
    width: 100%;
  }

  .Home_yogurt_hero {
    height: 40vh;
  }

  .Home_about {
    min-height: auto;
  }

  .Home_engagement {
    padding: 5rem 0 0;
  }

  .produit-layout[data-product="yoplait"] {
    transform: translateY(-26%);
  }

  .produit-layout[data-product="candia"] {
    transform: translateY(-26%);
  }

  .produit-layout[data-product="juice"] {
    transform: translateY(-68%);
  }

  .produit-layout[data-product="cone"] {
    transform: translateY(-22%);
  }

  /*! qui somme nous */
  .about_keyfigures .cnt_wp,
  .about_directeur .cnt_wp,
  .about_management .cnt_wp,
  .about_campagnes .cnt_wp,
  .about_mission .cnt_wp,
  .discover_more .cnt_wp {
    padding: 0 5%;
  }

  .shapeBlue-desc,
  .shapeJaune-desc,
  .shapeViolet-desc,
  .shapeVert-desc {
    gap: 1rem;
  }

  .shapeBlue-desc-num,
  .shapeJaune-desc-num,
  .shapeViolet-desc-num,
  .shapeVert-desc-num {
    font-size: 3.6rem;
  }

  .shapeBlue-desc-txt,
  .shapeJaune-desc-txt,
  .shapeViolet-desc-txt,
  .shapeVert-desc-txt {
    font-size: 1.6rem;
  }

  .boxes_img {
    height: 20rem;
  }

  .discover_boxes span {
    font-size: 2.4rem;
  }

  .about_management-item-01 {
    left: 38%;
    top: 1%;
    width: 209px;
  }

  .about_management-item-02 {
    left: 6%;
    top: 22%;
    width: 230px;
  }

  .about_management-item-03 {
    right: 4%;
    top: 20%;
    width: 254px;
  }

  .about_management-item-04 {
    left: 34%;
    top: 38%;
    width: 312px;
  }

  .about_management-item-05 {
    left: 3%;
    bottom: 2%;
    width: 225px;
  }

  .about_management-item-06 {
    bottom: -10%;
    left: 43%;
    width: 160px;
  }

  .about_management-item-07 {
    right: 0%;
    bottom: 1%;
    width: 249px;
  }

  .mgmt-popup-close {
    top: 120px;
  }

  .mgmt-popup-name {
    font-size: 6rem;
  }

  .mgmt-popup-poste {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .mgmt-popup-bio {
    font-size: 1.6rem;
  }

  /*! presence regionale */
  .exportation .cnt_wp {
    padding: 0 5%;
  }

  [data-fly="regional_logo"].fly-stop[data-fly-stop="2"] {
    left: 10%;
  }

  /*! publication */
  .Home_maujournal_inner .cnt_wp {
    gap: 15rem;
  }

  /*! contact */
  .Home_contact .cnt_wp {
    padding: 0 5%;
  }

  .Home_contact_img {
    width: 55%;
  }

  .Home_contact {
    padding: 12rem 0 10rem;
  }

  /*! recrutement */
  .Home_recrutement_inner .recrutement_pen {
    top: 8%;
    right: 54%;
  }

  .poste_vacants .cnt_wp {
    padding: 0 5%;
    gap: 13rem;
  }

  .open_job_list_wp {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 3rem;
  }

  .job_name {
    font-size: 1.8rem;
  }

  .job_cardboard {
    top: -6%;
    left: -1%;
    width: 38%;
  }

  .application_spontanee .cnt_wp {
    padding: 0 5%;
  }

  .cardboard_deco-red {
    top: -24%;
    left: -12%;
  }

  .cardboard_deco-blue {
    right: -3.8%;
  }

  .cardboard_deco-yellow {
    top: -14%;
    right: -4.8%;
  }

  .cardboard_deco-normal {
    left: -3.5%;
  }

  [data-fly="recrutement_pen"].fly-stop[data-fly-stop="4"] {
    right: 1%;
  }

  /*! nos engagement */
  .Home_engagement.Home_engagement_inner {
    padding: 15rem 0 0;
  }

  .produire_responsable .cnt_wp,
  .proteger_notre_environnement .cnt_wp,
  .humain_au_coeur .cnt_wp,
  .recrutement_et_formation .cnt_wp,
  .nos_exigences_qualite {
    padding: 0 5%;
  }

  .pr_txt {
    top: 41%;
    font-size: 1.4rem;
    right: -8%;
  }

  .pne_txt {
    top: 5%;
    font-size: 1.4rem;
    right: 22%;
  }

  .produire_responsable_desc {
    width: 47%;
  }

  .proteger_notre_environnement_desc {
    width: 50%;
  }

  .proteger_notre_environnement_img {
    width: 40%;
  }

  .humain_au_coeur_img {
    margin-left: 4rem;
  }

  .humain_au_coeur_desc {
    width: 46%;
  }

  .recrutement_et_formation_desc {
    width: 45%;
  }

  .nos_exigences_qualite_img {
    margin-left: 0;
  }

  /*! nos marques */
  .Nos_marques .cnt_wp,
  .marque_display .cnt_wp {
    padding: 0 5%;
  }

  .marques_yoplait {
    width: 9.3rem;
  }

  .marques_candia {
    width: 14.5rem;
  }

  .marques_miko {
    width: 11.3rem;
  }

  .marques_j {
    width: 8.4rem;
  }

  .marque_intro {
    padding-right: 5%;
  }

  .nos_diff_nav {
    padding-top: 7rem;
  }

  .form_wp {
    padding: 6.8rem 3rem 9.8rem;
  }

  /*! 404 */
  .img_404 {
    width: 100%;
  }

  .return_btn {
    bottom: 18%;
  }

  /*! job description */
  .job_description {
    padding: 13rem 5rem 22rem;
  }

  .policy_description_title_sub,
  .policy_description_title,
  .job_description_title {
    font-size: 2.2rem;
    line-height: 3.5rem;
  }

  .policy_description_txt,
  .job_description_txt {
    font-size: 1.6rem;
  }

  .job_description_desc {
    width: 65%;
    z-index: 1;
  }

  .job_animated_logo_wp {
    width: 35%;
  }

  .poste_vacants.job_vacants .cnt_wp {
    gap: 2rem;
    padding-bottom: 8rem;
  }

  .Postuler_btn {
    font-size: 16px;
  }

  /*! policy */
  .policy {
    padding: 15rem 5% 10rem;
  }

  .policy_title {
    font-size: 4.2rem;
    line-height: 5rem;
    margin-bottom: 3rem;
  }

  .policy_table th,
  .policy_table td {
    font-size: 1.6rem;
  }

  .policy_table th {
    line-height: 2rem;
  }

  .policy_table th:first-child {
    width: 20rem;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  /*! menu */
  .header_logo {
    width: 12rem;
  }

  .header .cnt_wp {
    padding: 0 5%;
  }

  .header_overlay-nav ul {
    gap: 2rem;
  }

  .header_overlay-nav ul li a {
    font-size: 3rem;
  }

  .menu_btn {
    width: 6rem;
  }

  /*! footer */
  .footer_top {
    height: auto;
    padding: 5rem 5%;
  }

  .footer_nav ul {
    gap: 3rem;
  }

  .footer_bottom .cnt_wp {
    padding: 0 5%;
  }

  .footer_contact-desc {
    left: 9%;
    top: 24%;
    gap: 1rem;
  }

  .footer_mim {
    top: 28%;
  }

  .footer_eclosia {
    top: 27%;
  }

  .footer_contact-desc span,
  .footer_eclosia span,
  .footer_mim span,
  .footer_nav li a {
    font-size: 2rem;
  }

  /*! homepage */
  .Home_about .cnt_wp,
  .Home_produit .cnt_wp,
  .Home_engagement .cnt_wp,
  .Home_regional .cnt_wp,
  .Home_maujournal .cnt_wp,
  .Home_recrutement .cnt_wp {
    padding: 0 5%;
  }

  .reused_title,
  .HomeReused_title {
    font-size: 3.2rem;
    line-height: 4rem;
  }

  .reused_txt,
  .reused_smaller-txt,
  .product_swiper-txt {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .reused_smaller-title {
    font-size: 2rem;
    line-height: 2.6rem;
    width: 100%;
  }

  .Home_engagement {
    padding: 10rem 0 0;
  }

  .produit-layout[data-product="yoplait"] {
    transform: translateY(-26%);
  }

  .produit-layout[data-product="candia"] {
    height: 57rem;
  }

  .produit-layout[data-product="juice"] {
    transform: translateY(-68%);
  }

  .produit-layout[data-product="cone"] {
    transform: translateY(-22%);
  }

  /*! qui somme nous */
  .about_keyfigures .cnt_wp,
  .about_directeur .cnt_wp,
  .about_management .cnt_wp,
  .about_campagnes .cnt_wp,
  .about_mission .cnt_wp,
  .discover_more .cnt_wp {
    padding: 0 5%;
  }

  .shapeBlue-desc,
  .shapeJaune-desc,
  .shapeViolet-desc,
  .shapeVert-desc {
    gap: 1rem;
  }

  .shapeBlue-desc-num,
  .shapeJaune-desc-num,
  .shapeViolet-desc-num,
  .shapeVert-desc-num {
    font-size: 4.6rem;
  }

  .shapeBlue-desc-txt,
  .shapeJaune-desc-txt,
  .shapeViolet-desc-txt,
  .shapeVert-desc-txt {
    font-size: 2rem;
  }

  .boxes_img {
    height: 26rem;
  }

  .discover_boxes span {
    font-size: 2.4rem;
  }

  .about_management-item-01 {
    left: 45%;
    top: -22%;
    width: 201px;
  }

  .about_management-item-02 {
    left: 10%;
    top: 7%;
    width: 250px;
  }

  .about_management-item-03 {
    right: 5%;
    top: 7%;
    width: 259px;
  }

  .about_management-item-04 {
    left: 45%;
    top: 18%;
    width: 316px;
  }

  .about_management-item-05 {
    left: 15%;
    bottom: 2%;
    width: 267px;
  }

  .about_management-item-06 {
    left: 47%;
    bottom: -14%;
    width: 198px;
  }

  .about_management-item-07 {
    right: 4%;
    bottom: 6%;
    width: 270px;
  }

  .mgmt-popup-close {
    top: 120px;
  }

  .mgmt-popup-name {
    font-size: 6rem;
  }

  .mgmt-popup-poste {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .mgmt-popup-bio {
    font-size: 1.6rem;
  }

  .mgmt-popup-media {
    width: 30%;
    margin: 0 auto;
  }

  /*! presence regionale */
  .exportation .cnt_wp {
    padding: 0 5%;
  }

  [data-fly="regional_logo"].fly-stop[data-fly-stop="2"] {
    left: 10%;
  }

  /*! publication */
  .Home_maujournal_inner .cnt_wp {
    gap: 21rem;
  }

  /*! contact */
  .Home_contact .cnt_wp {
    padding: 0 5%;
  }

  .Home_contact_img {
    width: 55%;
  }

  .Home_contact {
    padding: 12rem 0 10rem;
  }

  /*! recrutement */
  .Home_recrutement_inner .recrutement_pen {
    top: -11%;
    left: -20%;
  }

  .poste_vacants .cnt_wp {
    padding: 0 5%;
    gap: 13rem;
  }

  .open_job_list_wp {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 3rem;
  }

  .job_name {
    font-size: 1.8rem;
  }

  .job_cardboard {
    top: -6%;
    left: -1%;
    width: 38%;
  }

  .application_spontanee .cnt_wp {
    padding: 0 5%;
  }

  .cardboard_deco-red {
    top: -24%;
    left: -12%;
  }

  .cardboard_deco-blue {
    right: -3.8%;
  }

  .cardboard_deco-yellow {
    top: -14%;
    right: -4.8%;
  }

  .cardboard_deco-normal {
    left: -3.5%;
  }

  [data-fly="recrutement_pen"].fly-stop[data-fly-stop="4"] {
    right: 1%;
  }

  /*! nos engagement */
  .Home_engagement.Home_engagement_inner {
    padding: 15rem 0 0;
  }

  .produire_responsable .cnt_wp,
  .proteger_notre_environnement .cnt_wp,
  .humain_au_coeur .cnt_wp,
  .recrutement_et_formation .cnt_wp,
  .nos_exigences_qualite {
    padding: 0 5%;
  }

  .pr_txt {
    top: 37%;
    font-size: 1.8rem;
  }

  .pne_txt {
    top: 4%;
    font-size: 1.8rem;
    right: 22%;
  }

  .produire_responsable_desc {
    width: 47%;
  }

  .proteger_notre_environnement_desc {
    width: 50%;
  }

  .proteger_notre_environnement_img {
    width: 40%;
  }

  .humain_au_coeur_img {
    margin-left: 4rem;
  }

  .humain_au_coeur_desc {
    width: 46%;
  }

  .recrutement_et_formation_desc {
    width: 45%;
  }

  .nos_exigences_qualite_img {
    margin-left: 0;
  }

  /*! nos marques */
  .Nos_marques .cnt_wp,
  .marque_display .cnt_wp {
    padding: 0 5%;
  }

  .marques_list .cnt_wp {
    gap: 10.8rem;
  }

  .marques_yoplait {
    width: 9.3rem;
  }

  .marques_candia {
    width: 14.5rem;
  }

  .marques_miko {
    width: 11.3rem;
  }

  .marques_j {
    width: 8.4rem;
  }

  .marque_intro {
    padding-right: 5%;
  }

  .nos_diff_nav {
    padding-top: 2rem;
  }

  /*! job description */
  .job_description {
    padding: 13rem 5rem 22rem 10rem;
  }

  .policy_description_title,
  .job_description_title {
    font-size: 2.2rem;
    line-height: 3.5rem;
  }

  .policy_description_txt,
  .job_description_txt {
    font-size: 1.6rem;
  }

  .poste_vacants.job_vacants .cnt_wp {
    gap: 2rem;
    padding-bottom: 8rem;
  }

  .Postuler_btn {
    font-size: 16px;
  }

  /*! policy */
  .policy {
    padding: 15rem 5% 10rem;
  }

  .policy_title {
    font-size: 3.2rem;
    line-height: 4rem;
    margin-bottom: 3rem;
  }

  .policy_table th,
  .policy_table td {
    font-size: 1.6rem;
  }

  .policy_table th {
    line-height: 2rem;
  }

  .policy_table th:first-child {
    width: 20rem;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1719px) {
  /*! menu */
  .header_logo {
    width: 12rem;
  }

  .header .cnt_wp {
    padding: 0 5%;
  }

  .header_overlay-nav ul {
    gap: 2rem;
  }

  .header_overlay-nav ul li a {
    font-size: 3rem;
  }

  .menu_btn {
    width: 6rem;
  }

  /*! footer */
  .footer_top {
    padding: 5rem 5%;
  }

  .footer_bottom .cnt_wp {
    padding: 0 5%;
  }

  .footer_contact-desc {
    left: 6%;
    top: 24%;
    gap: 1rem;
  }

  .footer_mim {
    top: 30%;
    left: 22%;
    width: 59%;
  }

  .footer_eclosia {
    top: 31%;
    left: 21%;
    width: 59%;
  }

  /*! homepage */
  .Home_about .cnt_wp,
  .Home_produit .cnt_wp,
  .Home_engagement .cnt_wp,
  .Home_regional .cnt_wp,
  .Home_maujournal .cnt_wp,
  .Home_recrutement .cnt_wp {
    padding: 0 5%;
  }

  .reused_title,
  .HomeReused_title {
    font-size: 5rem;
    line-height: 6rem;
  }

  .reused_txt,
  .reused_smaller-txt,
  .product_swiper-txt {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }

  .reused_smaller-title {
    font-size: 2.4rem;
    line-height: 2.8rem;
    width: 100%;
  }

  .Home_engagement {
    padding: 10rem 0 0;
  }

  .produit-layout[data-product="yoplait"] {
    transform: translateY(-26%);
  }

  .produit-layout[data-product="candia"] {
    height: 57rem;
  }

  .produit-layout[data-product="juice"] {
    transform: translateY(30rem);
    height: 12rem;
  }

  .produit-layout[data-product="cone"] {
    transform: translateY(-22%);
  }

  /*! qui somme nous */
  .about_keyfigures .cnt_wp,
  .about_directeur .cnt_wp,
  .about_management .cnt_wp,
  .about_campagnes .cnt_wp,
  .about_mission .cnt_wp,
  .discover_more .cnt_wp {
    padding: 0 5%;
  }

  .shapeBlue-desc,
  .shapeJaune-desc,
  .shapeViolet-desc,
  .shapeVert-desc {
    gap: 1rem;
  }

  .shapeViolet-desc {
    left: 41%;
  }

  .shapeVert-desc {
    left: 31%;
  }

  .shapeBlue-desc-num,
  .shapeJaune-desc-num,
  .shapeViolet-desc-num,
  .shapeVert-desc-num {
    font-size: 4.6rem;
  }

  .shapeBlue-desc-txt,
  .shapeJaune-desc-txt,
  .shapeViolet-desc-txt,
  .shapeVert-desc-txt {
    font-size: 2rem;
  }

  .boxes_img {
    height: 26rem;
  }

  .discover_boxes span {
    font-size: 2.4rem;
  }

  .about_management-title {
    width: 48%;
  }

  .about_management-item-02 {
    left: 12%;
    top: 7%;
  }

  .about_management-item-03 {
    right: 2%;
    top: 7%;
  }

  .about_management-item-04 {
    top: 21%;
  }

  .about_management-item-05 {
    left: 14%;
    bottom: 11%;
  }

  .about_management-item-06 {
    left: 47%;
    bottom: -9%;
  }

  .about_management-item-07 {
    right: 3%;
    bottom: 10%;
  }

  .about_management-item-name {
    font-size: 2.8rem;
  }

  .mgmt-popup-close {
    top: 120px;
  }

  .mgmt-popup-name {
    font-size: 6rem;
  }

  .mgmt-popup-poste {
    font-size: 3rem;
    line-height: 3.4rem;
  }

  .mgmt-popup-bio {
    font-size: 1.8rem;
  }

  .mgmt-popup-media {
    width: 30%;
    margin: 0 auto;
  }

  /*! presence regionale */
  .exportation .cnt_wp {
    padding: 0 5%;
  }

  [data-fly="regional_logo"].fly-stop[data-fly-stop="2"] {
    left: 10%;
  }

  /*! publication */
  .Home_maujournal_inner .Home_maujournal_desc {
    margin-left: unset;
    width: 39%;
  }

  /*! contact */
  .Home_contact .cnt_wp {
    padding: 0 5%;
  }

  .Home_contact_img {
    width: 50%;
  }

  /*! recrutement */
  .Home_recrutement_inner .recrutement_pen {
    top: -4%;
    left: -20%;
  }

  .poste_vacants .cnt_wp {
    padding: 0 5%;
    gap: 13rem;
  }

  .job_name {
    font-size: 1.8rem;
  }

  .job_cardboard {
    left: -3%;
  }

  .application_spontanee .cnt_wp {
    padding: 0 5%;
  }

  .cardboard_deco-red {
    top: -20%;
    left: -7%;
  }

  .cardboard_deco-blue {
    right: -3.8%;
  }

  .cardboard_deco-yellow {
    top: -11%;
    right: -4.8%;
  }

  .cardboard_deco-normal {
    left: 2.5%;
  }

  [data-fly="recrutement_pen"].fly-stop[data-fly-stop="4"] {
    right: 1%;
  }

  /*! nos engagement */
  .Home_engagement.Home_engagement_inner {
    padding: 15rem 0 0;
  }

  .produire_responsable .cnt_wp,
  .proteger_notre_environnement .cnt_wp,
  .humain_au_coeur .cnt_wp,
  .recrutement_et_formation .cnt_wp,
  .nos_exigences_qualite {
    padding: 0 5%;
  }

  .pr_txt {
    top: 38%;
    font-size: 2rem;
    right: -9%;
  }

  .pne_txt {
    top: 4%;
    font-size: 2rem;
    right: 22%;
  }

  .produire_responsable_desc {
    width: 47%;
  }

  .proteger_notre_environnement_desc {
    width: 50%;
  }

  .proteger_notre_environnement_img {
    width: 40%;
  }

  .humain_au_coeur_img {
    margin-left: 4rem;
  }

  .humain_au_coeur_desc {
    width: 46%;
  }

  .recrutement_et_formation_desc {
    width: 45%;
  }

  /*! nos marques */
  .Nos_marques .cnt_wp,
  .marque_display .cnt_wp {
    padding: 0 5%;
  }

  .marque_intro {
    padding-right: 5%;
  }

  .nos_diff_nav {
    padding-top: 2rem;
  }

  /*! 404 */
  .return_btn {
    bottom: 17%;
  }

  /*! job description */
  .job_description {
    padding: 13rem 5rem 22rem 10rem;
  }

  .policy_description_title,
  .job_description_title {
    font-size: 2.8rem;
  }

  .policy_description_txt,
  .job_description_txt {
    font-size: 1.8rem;
  }

  .poste_vacants.job_vacants .cnt_wp {
    padding-bottom: 30rem;
  }

  [data-fly="job_logo"].fly-stop[data-fly-stop="1"] {
    top: -45%;
  }

  /*! policy */
  .policy {
    padding: 15rem 5% 10rem;
  }

  .policy_title {
    font-size: 5rem;
  }

  .policy_table th,
  .policy_table td {
    font-size: 1.8rem;
  }

  .policy_table th {
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1530px) and (max-width: 1719px) {
  /*! qui somme nous */
  .shapeViolet-desc {
    left: 36%;
  }
  .shapeBlue-desc-num,
  .shapeJaune-desc-num,
  .shapeViolet-desc-num,
  .shapeVert-desc-num {
    font-size: 5rem;
  }

  .shapeBlue-desc-txt,
  .shapeJaune-desc-txt,
  .shapeViolet-desc-txt,
  .shapeVert-desc-txt {
    font-size: 2.4rem;
  }

  .about_management-item-06 {
    bottom: -20%;
  }

  .about_management-item-04 {
    top: 24%;
  }

  .boxes_img {
    height: 30rem;
  }

  /*! recrutement */
  .Home_recrutement_inner .recrutement_pen {
    left: 15%;
  }

  .cardboard_deco-red {
    left: -3%;
  }

  .cardboard_deco-normal {
    left: 5.5%;
  }

  .cardboard_deco-blue {
    right: 2.2%;
  }

  .cardboard_deco-yellow {
    right: 0.2%;
  }

  [data-fly="recrutement_pen"].fly-stop[data-fly-stop="4"] {
    right: 9%;
  }

  /*! 404 */
  .return_btn {
    bottom: 11%;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1719px) {
  /*! footer */
  .footer_contact-desc {
    left: 8%;
  }

  /*! qui somme nous */
  .about_management-title {
    width: 45%;
  }

  .about_management-item-02 {
    left: 20%;
    top: 7%;
  }

  .about_management-item-03 {
    right: 10%;
    top: 7%;
  }

  .about_management-item-04 {
    top: 18%;
  }

  .about_management-item-05 {
    left: 20%;
    bottom: 20%;
  }

  .about_management-item-06 {
    bottom: 6%;
  }

  .about_management-item-07 {
    right: 10%;
    bottom: 19%;
  }

  .boxes_img {
    height: 35rem;
  }

  /*! recrutement */
  .Home_recrutement_inner .recrutement_pen {
    left: -14%;
    top: 6%;
  }

  .cardboard_deco-red {
    left: 1%;
  }

  .cardboard_deco-yellow {
    top: -16%;
    right: 4.2%;
  }

  .cardboard_deco-blue {
    right: 6.2%;
  }

  .cardboard_deco-normal {
    left: 8.5%;
  }

  [data-fly="recrutement_pen"].fly-stop[data-fly-stop="4"] {
    right: 13%;
  }

  /*! 404 */
  .return_btn {
    bottom: 18%;
  }

  /*! policy */
  .policy {
    padding: 15rem 5% 10rem;
  }

  .policy_title {
    font-size: 5rem;
  }

  .policy_table th,
  .policy_table td {
    font-size: 1.8rem;
  }

  .policy_table th {
    line-height: 2.4rem;
  }
}

@media screen and (min-width: 1721px) and (max-width: 1900px) {
  /*! menu */
  .header_logo {
    width: 12rem;
  }

  .header .cnt_wp {
    padding: 0 5%;
  }

  .header_overlay-nav ul {
    gap: 2rem;
  }

  .header_overlay-nav ul li a {
    font-size: 3rem;
  }

  .menu_btn {
    width: 6rem;
  }

  /*! footer */
  .footer_top {
    padding: 5rem 5%;
  }

  .footer_bottom .cnt_wp {
    padding: 0 5%;
  }

  .footer_contact-desc {
    left: 9%;
    top: 24%;
    gap: 1rem;
  }

  .footer_mim {
    top: 30%;
    left: 22%;
    width: 59%;
  }

  .footer_eclosia {
    top: 31%;
    left: 21%;
    width: 59%;
  }

  /*! homepage */
  .Home_about .cnt_wp,
  .Home_produit .cnt_wp,
  .Home_engagement .cnt_wp,
  .Home_regional .cnt_wp,
  .Home_maujournal .cnt_wp,
  .Home_recrutement .cnt_wp {
    padding: 0 5%;
  }

  .reused_title,
  .HomeReused_title {
    font-size: 5.8rem;
    line-height: 6rem;
  }

  .reused_txt,
  .reused_smaller-txt,
  .product_swiper-txt {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }

  .reused_smaller-title {
    font-size: 2.4rem;
    line-height: 2.8rem;
    width: 100%;
  }

  .Home_engagement {
    padding: 10rem 0 0;
  }

  /*! qui somme nous */
  .about_keyfigures .cnt_wp,
  .about_directeur .cnt_wp,
  .about_management .cnt_wp,
  .about_campagnes .cnt_wp,
  .about_mission .cnt_wp,
  .discover_more .cnt_wp {
    padding: 0 5%;
  }

  .shapeBlue-desc,
  .shapeJaune-desc,
  .shapeViolet-desc,
  .shapeVert-desc {
    gap: 1rem;
  }

  .shapeViolet-desc {
    left: 41%;
  }

  .shapeVert-desc {
    left: 29%;
  }

  .shapeBlue-desc-num,
  .shapeJaune-desc-num,
  .shapeViolet-desc-num,
  .shapeVert-desc-num {
    font-size: 6.6rem;
  }

  .shapeBlue-desc-txt,
  .shapeJaune-desc-txt,
  .shapeViolet-desc-txt,
  .shapeVert-desc-txt {
    font-size: 2rem;
  }

  .boxes_img {
    height: 35rem;
  }

  .discover_boxes span {
    font-size: 2.4rem;
  }

  .about_management-title {
    width: 48%;
  }

  .about_management-item-06 {
    bottom: 0%;
  }

  .about_management-item-name {
    font-size: 2.8rem;
  }

  .mgmt-popup-close {
    top: 120px;
  }

  .mgmt-popup-name {
    font-size: 6rem;
  }

  .mgmt-popup-poste {
    font-size: 3rem;
    line-height: 3.4rem;
  }

  .mgmt-popup-bio {
    font-size: 1.8rem;
  }

  .mgmt-popup-media {
    width: 30%;
    margin: 0 auto;
  }

  /*! presence regionale */
  .exportation .cnt_wp {
    padding: 0 5%;
  }

  [data-fly="regional_logo"].fly-stop[data-fly-stop="2"] {
    left: 10%;
  }

  /*! contact */
  .Home_contact .cnt_wp {
    padding: 0 5%;
  }

  .Home_contact_img {
    width: 50%;
  }

  /*! recrutement */
  .Home_recrutement_inner .recrutement_pen {
    top: 3%;
    left: -11%;
  }

  .poste_vacants .cnt_wp {
    padding: 0 5%;
    gap: 13rem;
  }

  .job_name {
    font-size: 1.8rem;
  }

  .application_spontanee .cnt_wp {
    padding: 0 5%;
  }

  .cardboard_deco-red {
    top: -24%;
    left: 3%;
  }

  .cardboard_deco-blue {
    right: 7.2%;
  }

  .cardboard_deco-yellow {
    right: 6.2%;
  }

  .cardboard_deco-normal {
    left: 10.5%;
  }

  [data-fly="recrutement_pen"].fly-stop[data-fly-stop="4"] {
    right: 14%;
  }

  /*! nos engagement */
  .Home_engagement.Home_engagement_inner {
    padding: 15rem 0 0;
  }

  .produire_responsable .cnt_wp,
  .proteger_notre_environnement .cnt_wp,
  .humain_au_coeur .cnt_wp,
  .recrutement_et_formation .cnt_wp,
  .nos_exigences_qualite {
    padding: 0 5%;
  }

  .pr_txt {
    top: 38%;
    font-size: 2rem;
    right: -9%;
  }

  .pne_txt {
    top: 4%;
    font-size: 2rem;
    right: 22%;
  }

  .produire_responsable_desc {
    width: 47%;
  }

  .proteger_notre_environnement_desc {
    width: 50%;
  }

  .proteger_notre_environnement_img {
    width: 40%;
  }

  .humain_au_coeur_img {
    margin-left: 4rem;
  }

  .humain_au_coeur_desc {
    width: 46%;
  }

  .recrutement_et_formation_desc {
    width: 45%;
  }

  /*! nos marques */
  .Nos_marques .cnt_wp,
  .marque_display .cnt_wp {
    padding: 0 5%;
  }

  .marque_intro {
    padding-right: 5%;
  }

  .nos_diff_nav {
    padding-top: 2rem;
  }

  /*! 404 */
  .return_btn {
    bottom: 12%;
  }

  /*! policy */
  .policy {
    padding: 15rem 5% 10rem;
  }

  .policy_title {
    font-size: 5rem;
  }

  .policy_table th,
  .policy_table td {
    font-size: 1.8rem;
  }

  .policy_table th {
    line-height: 2.4rem;
  }
}