.dropdown-flags{
    border-bottom: 2px solid red;
  }
  
  /* hedear */
  .header {
    overflow: hidden;
    background-color: black;
    border-bottom: 4px solid red;
    height: 70px;
    width: 100%;
    color: white;
    padding: 12px;
    text-decoration: none;
    font-size: 18px; 
    line-height: 25px;
    clear: both;
   
   
  }

  /*permet entre autre d avoir un logo de haute résolution*/
  #logo-kenny{
    width:60px;
    height:51px;
  }

  .logo{
    width:5%;
    float: left;
    text-align: center;
    min-width: 52px;
  }
  
  /* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */

  
  /* Change the background color on mouse-over */

  /* Float the link section to the right */
  .header-logon {
    color: white;
    float: right;
    width:20%;
    text-align: right;
  }


  /*START NAVIGATION TOP MENU STYLE*/
  .topnav {
    float: left;
    overflow: hidden;
    width:64%;
    text-align: right !important;
    }
  
  .topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  .topnav a.active {
    background-color: #4CAF50;
    color: white;
  }
  
  .topnav .icon {
    display: none;
  }
  
  @media screen and (max-width: 660px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }
  }
  
  @media screen and (max-width: 660px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .header{
      height: 100%;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
  }
  /*END NAVIGATION TOP MENU STYLE*/
  


/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9hc3NldHMvY3NzL2hlYWRlci9oZWFkZXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7RUFDRTtJQUNFLDZCQUE2QjtHQUM5Qjs7RUFFRCxZQUFZO0VBQ1o7SUFDRSxpQkFBaUI7SUFDakIsd0JBQXdCO0lBQ3hCLDZCQUE2QjtJQUM3QixhQUFhO0lBQ2IsWUFBWTtJQUNaLGFBQWE7SUFDYixjQUFjO0lBQ2Qsc0JBQXNCO0lBQ3RCLGdCQUFnQjtJQUNoQixrQkFBa0I7SUFDbEIsWUFBWTs7O0dBR2I7O0VBRUQsMERBQTBEO0VBQzFEO0lBQ0UsV0FBVztJQUNYLFlBQVk7R0FDYjs7RUFFRDtJQUNFLFNBQVM7SUFDVCxZQUFZO0lBQ1osbUJBQW1CO0lBQ25CLGdCQUFnQjtHQUNqQjs7RUFFRCxxSkFBcUo7OztFQUdySiwrQ0FBK0M7O0VBRS9DLHlDQUF5QztFQUN6QztJQUNFLGFBQWE7SUFDYixhQUFhO0lBQ2IsVUFBVTtJQUNWLGtCQUFrQjtHQUNuQjs7O0VBR0QsbUNBQW1DO0VBQ25DO0lBQ0UsWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixVQUFVO0lBQ1YsNkJBQTZCO0tBQzVCOztFQUVIO0lBQ0UsWUFBWTtJQUNaLGVBQWU7SUFDZixlQUFlO0lBQ2YsbUJBQW1CO0lBQ25CLG1CQUFtQjtJQUNuQixzQkFBc0I7SUFDdEIsZ0JBQWdCO0dBQ2pCOztFQUVEO0lBQ0UsdUJBQXVCO0lBQ3ZCLGFBQWE7R0FDZDs7RUFFRDtJQUNFLDBCQUEwQjtJQUMxQixhQUFhO0dBQ2Q7O0VBRUQ7SUFDRSxjQUFjO0dBQ2Y7O0VBRUQ7SUFDRSw2QkFBNkIsY0FBYyxDQUFDO0lBQzVDO01BQ0UsYUFBYTtNQUNiLGVBQWU7S0FDaEI7R0FDRjs7RUFFRDtJQUNFLG9CQUFvQixtQkFBbUIsQ0FBQztJQUN4QztNQUNFLG1CQUFtQjtNQUNuQixTQUFTO01BQ1QsT0FBTztLQUNSO0lBQ0Q7TUFDRSxhQUFhO0tBQ2Q7SUFDRDtNQUNFLFlBQVk7TUFDWixlQUFlO01BQ2YsaUJBQWlCO0tBQ2xCO0dBQ0Y7RUFDRCxpQ0FBaUMiLCJmaWxlIjoiaGVhZGVyLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIlxuICAuZHJvcGRvd24tZmxhZ3N7XG4gICAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIHJlZDtcbiAgfVxuICBcbiAgLyogaGVkZWFyICovXG4gIC5oZWFkZXIge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG4gICAgYm9yZGVyLWJvdHRvbTogNHB4IHNvbGlkIHJlZDtcbiAgICBoZWlnaHQ6IDcwcHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgY29sb3I6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDEycHg7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGZvbnQtc2l6ZTogMThweDsgXG4gICAgbGluZS1oZWlnaHQ6IDI1cHg7XG4gICAgY2xlYXI6IGJvdGg7XG4gICBcbiAgIFxuICB9XG5cbiAgLypwZXJtZXQgZW50cmUgYXV0cmUgZCBhdm9pciB1biBsb2dvIGRlIGhhdXRlIHLDqXNvbHV0aW9uKi9cbiAgI2xvZ28ta2Vubnl7XG4gICAgd2lkdGg6NjBweDtcbiAgICBoZWlnaHQ6NTFweDtcbiAgfVxuXG4gIC5sb2dve1xuICAgIHdpZHRoOjUlO1xuICAgIGZsb2F0OiBsZWZ0O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBtaW4td2lkdGg6IDUycHg7XG4gIH1cbiAgXG4gIC8qIFN0eWxlIHRoZSBsb2dvIGxpbmsgKG5vdGljZSB0aGF0IHdlIHNldCB0aGUgc2FtZSB2YWx1ZSBvZiBsaW5lLWhlaWdodCBhbmQgZm9udC1zaXplIHRvIHByZXZlbnQgdGhlIGhlYWRlciB0byBpbmNyZWFzZSB3aGVuIHRoZSBmb250IGdldHMgYmlnZ2VyICovXG5cbiAgXG4gIC8qIENoYW5nZSB0aGUgYmFja2dyb3VuZCBjb2xvciBvbiBtb3VzZS1vdmVyICovXG5cbiAgLyogRmxvYXQgdGhlIGxpbmsgc2VjdGlvbiB0byB0aGUgcmlnaHQgKi9cbiAgLmhlYWRlci1sb2dvbiB7XG4gICAgY29sb3I6IHdoaXRlO1xuICAgIGZsb2F0OiByaWdodDtcbiAgICB3aWR0aDoyMCU7XG4gICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIH1cblxuXG4gIC8qU1RBUlQgTkFWSUdBVElPTiBUT1AgTUVOVSBTVFlMRSovXG4gIC50b3BuYXYge1xuICAgIGZsb2F0OiBsZWZ0O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgd2lkdGg6NjQlO1xuICAgIHRleHQtYWxpZ246IHJpZ2h0ICFpbXBvcnRhbnQ7XG4gICAgfVxuICBcbiAgLnRvcG5hdiBhIHtcbiAgICBmbG9hdDogbGVmdDtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBjb2xvcjogI2YyZjJmMjtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMTRweCAxNnB4O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBmb250LXNpemU6IDE3cHg7XG4gIH1cbiAgXG4gIC50b3BuYXYgYTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2RkZDtcbiAgICBjb2xvcjogYmxhY2s7XG4gIH1cbiAgXG4gIC50b3BuYXYgYS5hY3RpdmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM0Q0FGNTA7XG4gICAgY29sb3I6IHdoaXRlO1xuICB9XG4gIFxuICAudG9wbmF2IC5pY29uIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG4gIFxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2NjBweCkge1xuICAgIC50b3BuYXYgYTpub3QoOmZpcnN0LWNoaWxkKSB7ZGlzcGxheTogbm9uZTt9XG4gICAgLnRvcG5hdiBhLmljb24ge1xuICAgICAgZmxvYXQ6IHJpZ2h0O1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxuICB9XG4gIFxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA2NjBweCkge1xuICAgIC50b3BuYXYucmVzcG9uc2l2ZSB7cG9zaXRpb246IHJlbGF0aXZlO31cbiAgICAudG9wbmF2LnJlc3BvbnNpdmUgLmljb24ge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICB0b3A6IDA7XG4gICAgfVxuICAgIC5oZWFkZXJ7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuICAgIC50b3BuYXYucmVzcG9uc2l2ZSBhIHtcbiAgICAgIGZsb2F0OiBub25lO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIH1cbiAgfVxuICAvKkVORCBOQVZJR0FUSU9OIFRPUCBNRU5VIFNUWUxFKi9cbiAgXG4iXSwic291cmNlUm9vdCI6IiJ9*/