@media screen and (max-width: 471px) {
	.content_list_nav_left {
		top: 109px;
		z-index: 1000;
		left: 3.8%;
		height: 78% !important;
		width: 95%;
	}
}

/* ≥ 320px — petits téléphones */
@media (min-width:320px) {
}

/* ≥ 375px — iPhone 6/7/8 */
@media (min-width:375px) { 
}

/* ≥ 414px — iPhone 11 Pro Max / XR */
@media (min-width:414px) {
  /* .content_form_search_and_all_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
  } */
}

@media (min-width:465px) {
  /* .content_form_search_and_all_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
  } */
}

/* ≥ 576px — petits appareils (ex: téléphones en paysage) */
@media (min-width:576px) {
  /* styles pour petits appareils */
}

/* ≥ 768px — tablettes */
@media (min-width:768px) {
  /* styles pour laptops */
  .leftPanel_width {
    width: 75%;
  }
  
  .rightPanel_width {
    width: 25%;
  }
  
  .navbar-expand-md .navbar-collapse {
    display: block;
  }
}

/* ≥ 992px — ordinateurs portables */
@media (min-width:989px) {
  .content_form_search_and_all_btn {
    margin-top: 0;
  }
  
  .bar-de-recherche {
    gap: 0px;
  }
  
  .input-recherche-navbar {
    width: 42%;
  }
  
  .faniry-responsive {
    width: 13%;
  }
} 


/* ≥ 992px — ordinateurs portables */
@media (min-width:992px) {
}

/* ≥ 768px — tablettes */
@media (min-width:1024px) {
  /* styles pour laptops */
  .leftPanel_width {
    width: 70%;
  }
  
  .rightPanel_width {
    width: 30%;
  }
  
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  
  .content_form_search_and_all_btn {
    display: flex;
    gap: 4px;
  }
  
  .faniry-responsive {
    width: 11%;
  }
}


/* ≥ 1200px — ordinateurs de bureau */
@media (min-width:1200px) {
  /* styles pour grands écrans */
  .content_entete_cta_connexion {
    display: flex;
  }
}

#leftPanel {
  container-type: inline-size;
  container-name: container_leftPanel;
}

#rightPanel {
  container-type: inline-size;
  container-name: container_rightPanel;
}

@container container_leftPanel (min-width:1195px) {
  .faniry-collapse-custom{
    flex-direction: row;
  }
}