.width_sidebar{
  
  //max-width:1250px;

  
  
  #corps{
    float:right;
    width:800px;
    .inner{
      
      margin:20px 20px;
      margin-bottom:10px;
      background:white;
    }
    
  }
  
  
  
}

#sidebar{
  

  float:left;
  h2{
    
    font-size:1.1em;
    display:none;
    padding:10px;
    margin:0;
  
    background:rgba(0,0,0,0.8);
  }
  .side_menu{
    

    width:100%;
    width:300px;
    background:rgba(0,0,0,0.8);
    transition-duration:0.5s;
    z-index:5;
    
    
    
  }
  .square{
    //padding:0 10px;
    
  }
  h4{
    
    margin:0;
    padding:0;
    a{
    padding:15px;
    color:white;
    display:block;}
    
  }
  ul{
    margin:0;
    padding-left:0px;
    
    .link_overlay{
    	-webkit-filter: grayscale(70%);
    	filter: grayscale(70%);
      
      &:hover, &.active{
      	-webkit-filter: grayscale(0%);
      	filter: grayscale(0%);
        
      }
      
      &.active{
        
        a{
          
          color:rgba(253,164,40,1);
          border-left:2px solid rgba(253,164,40,1);
        
        }
      }
      
    }
    
    
    
    
    a{
      padding:10px 15px;
      //border-bottom:1px #DCDCDC solid;
      display:block;
      color:white;
      background:rgba(0,0,0,0.8);
      

      
      &:hover{
        
        background:rgba(0,0,0,0.8);
        color:rgba(253,164,40,1);
      }
      &.active{
        
       
         
      }
    }

    
    //text-transform:uppercase;
    li{
      
      list-style:none;
      
      ul{
        padding-left:0px;
        li{
          margin-bottom:0px;
        }
        a{
          padding:8px 8px;
          padding-left:25px;
        }
        
        margin-bottom:0;
        text-transform:none;
        display:none;
        font-size:0.98em;
        ul{
          a{
            color:rgba(250,250,250,0.8);
            padding-left:35px;
          }
          
          ul{
            a{
               padding-left:48px;
              
            }
            
          }
          
        }
        
      }
    }
    
  
  }
  
  .ul_active{
    

      
      ul{
        
        display:block;
        
        
      }
    
  }
  
  
  ul{
    
    ul{
      ul{
        display:none !important;
      }
    }
  }
  .experimented_li{
    
    ul{display:block !important;}
  }
  .header_active{
    
    ul{
      display:block !important;
      
    }
  }
  
}




.menu_item_children_small{
  text-align:center;
  margin:1% 0;
  .menu_itemlink_content{
    width:30%;
    margin:1%;
    display:inline-block;
    
  }
  
}




