.plastor_navbar {
    overflow: hidden;
    /* background-color: #232847; */
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
  }
  
  .plastor_navbar > a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 4px 6px;
    text-decoration: none;
    margin: 10px;
    position: relative;
  
  }
  .plastor_dropdown > button > a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    text-decoration: none;
  }
  
  .plastor_dropdown {
   float: left;

  
  }
  
  .plastor_dropdown .dropbtn {
    font-size: 16px;  
    border: none;
    outline: none;
    color: white;
    padding: 4px 6px;
    background-color: inherit;
    font: inherit;
    margin: 10px;
    position: relative;
  }
  .plastor_dropdown .dropbtn:after, .plastor_navbar > a:after {
    content: "";
  position: absolute;
  left: 6px;
  bottom: 0;
  height: 2px;
  width: calc(100% - 12px);
  background: #DEBB4D;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  pointer-events: none;
  }
  

.plastor_dropdown .dropbtn:hover::after, .plastor_navbar > a:hover::after {
   opacity: 1;
  transform: translateY(0);
    
  }

  .plastor_point{
    width: 1px;
    height: 12px;
    background-color: #E0C058;
    /* border-radius: 100%; */
    margin: auto 0;
  }
  
   .global-categorie{
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin-left: 15px!important;
  }
  
  
  .plastor_dropdown-content {
    display: none;
    position: absolute;
    /* background-color: #fff; */
    width: 100%;
    height:432px;
    left: 0;
    /* top:96px; */
    z-index: 1000;
  }
  .plastor_dropdown-content.small_height{
    height:380px;
  }

  .plastor_dropdown-content.large_height{
    height:470px;
  }
  
  .plastor_dropdown-content .header {
    background: red;
    padding: 16px;
    color: white;
  }
  
  .plastor_dropdown:hover>.plastor_dropdown-content {
    display: block;
  }
  
  /* Create three equal columns that floats next to each other */
  .column {
    float: left;
    width: 30%;
    padding: 10px;
    height:95%;
    margin: 10px;
  }
  .grey{
    background-color:#F4F4F4;
  }
  .white{
    background-color: #FFF;
  }
  
  .column a {
    float: none;
    color: #000;
    padding: 10px;
    text-decoration: none;
    display: block;
    text-align: left;
    
  }
  
  
  .menu-categorie:hover  {
  
    border-left: 4px solid #DEBB4D;
    background-color: #DEBB4D66;
  }
  
  .menu-categorie:hover .fa {
    color: #DEBB4D;
    
  }
  .plastor_row{
    height:inherit;
    display: flex;
    justify-content: space-around;
    background-color: #fff;
    margin-top: 22px;
  }
  /* Clear floats after the columns */
  .plastor_row:after {
    content: "";
    display: table;
    clear: both;
  }
  .menu-gamme{
      display: none;
      height: inherit;
      
  }
  .container_gamme{
      display: flex;
      max-height: 390px;
      flex-flow: column wrap;
      margin-top: 32px;
  }

  .menu-gamme span{
    font-size: 16px!important;
    color: #000!important;
    margin: 10px;
  }
  .menu-gamme span:hover{
    font-weight: 700;
    color :#DEBB4D!important;
    border-left: 4px solid #DEBB4D;
  }

  .menu-gamme span a:hover{

    color :#DEBB4D!important;
  }

  .menu-gamme span a{

  padding: 0px 0px 0px 10px;
  }
  .menu-categorie{
    display: block;
    position: relative;
    /* border-bottom: 1px solid #232847; */
    align-items: center;
    margin: 15px;
    font-size: 16px!important;
    background-color: #2F2F2F0D
  }
  
  .fa{
    position: absolute;
    right :12px;
    top:35%;
    color: #232847;
  }
  
  .backgroundimage{
    background-color: rgba(0, 0, 0, 0.2);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    position: relative;
    
  }
  .nav_cta{
    padding: 14px 16px!important;
    background-color: #000;
    font-size: 14px!important;
    position : absolute;
    height: 42px;
    width : 200px;
    line-height: 100%!important;
    left : calc(50% - 200px / 2);
    top : calc(70% - 42px / 2);
    text-align: center!important;
    color: #FFF!important;
  }
  
  
  .img-categorie{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    height: 100%;
  }
  /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    .column {
      width: 100%;
      height: auto;
    }
  }