#menu_top_container{

  background:rgb(10,10,10);
  z-index:60;

  


  #logo{

    height:36px;
    margin-left:5px;
    display:block;
    float:left;
    padding:10px 0;
  }





  #menu{
    text-align:right;
    text-transform:uppercase;
  }

    ul{
      display:inline;
      
      
   
      a{

        margin:0;
        border-bottom:1px solid transparent;
        display: inline-block;
        color:rgba(255,255,255,0.9);
        text-decoration: none;
        position:relative;
        padding: 18px 8px;
        margin-right:0px;
        font-size:0.95em;

    

        &:hover, &.active{

          color:$orange;
    
   
        }

        &:last-child{
          margin-right:0;

        }


      }
   
   
      li{
        list-style:none;
        display:inline-block;
        position:relative;
        &:hover{
          ul{display:block;}
        
        }
      
      }
    
    
    
    }
  
   

  
}



#sub_menu_top{
 
  text-align:center;
  background:white;
  
  font-size:0.9em;
  
  
  ul{
    margin:0;
    padding:0;
    
    
    li{
      
      display:inline-block;
      

      img{
        display:block;
        margin:auto;
        height:40px;
        margin-bottom:5px;
      }
      
      a{
        display:inline-block;
        padding:10px 18px;

        color:$dark_gray;
        
       

        
        .noir{
        display:none;
      }
        &.active{
          
          .noir{
            display:block;
          }
          
          .blanc{
            display:none;
          }
        
          color:$orange;
          background:white;
        }
        
      }
    }
    
  }
  
  
  
}


.menu_item_top {
    background: center center no-repeat;
    background-size: 100%;
    background-size: cover;
    min-height: 600px;
    position: relative;

    .first_title{
      position:absolute;
      bottom:20px;
      left:0;
      background:rgba(0,0,0,0.5);
      color:white;
      max-width:400px;
      padding:10px 30px;
      padding-left:70px;
    }

}