#Topper img{
    width: 40px;
}

.Bouncing{
    width:50px; 
    height:30px;
  
  }
  .btn:hover .Bouncing{
    animation-name: bounce;
    animation-duration: 3s;
    animation-fill-mode:none;
    animation-iteration-count: infinite;
  }
  @keyframes bounce{
    0%   { transform: scale(1,1)      translateY(0); }
    10%  { transform: scale(1.1,.9)   translateY(0); }
    30%  { transform: scale(.9,1.1)   translateY(-20px); }
    50%  { transform: scale(1.05,.95) translateY(0); }
    57%  { transform: scale(1,1)      translateY(-7px); }
    64%  { transform: scale(1,1)      translateY(0); }
    100% { transform: scale(1,1)      translateY(0); }
  }
.Topperpart
{
   
   float: right;
   margin: 8px;
}
.Topperpart a{
    color: white;
    font-weight: bold;
    text-decoration: none;
}
.navstyle{
    
    background-color:#dfdfdf;
}
.nav-item{
    margin: 0px 30px;
    color: black;
    font-weight: 600;
    
}
@media(max-width : 500px){
    .nav-item{
        margin: 0px 0px;
        color: black;
        font-weight: 600;
        
    }
}
.nav-link{
    color:  #000b4f!important	;
}
.nav-link:hover,.show>.nav-link{
    color:  #99cc99 !important;
}
.show > .dropdown-menu {
    max-height: 800px;
    visibility: visible;
  }
    
.dropdown-menu {
    margin-top: 6px;
    display: block;
    max-height: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
  }
  
.dropdown-toggle{
    cursor: pointer;
    
}
#Layer1{
    margin-top: 50px;
}
.site-logo img{
   
    padding: 5px;
    width: 200px;
  }
  @media(max-width: 430px)
  {
    .site-logo img{
   
        padding: 5px;
        width: 100px;
      }
  }
.btn{
    text-align:unset;
}
.btn-next {
    position: relative;
    padding-right: 10px;
}
.btn-primary {
    color: #000b4f;
    font-weight: 600;
    background-color: #dfdfdf;
    border-color: #dfdfdf;
    margin:0px 30px;

}
.btn-bureau{color: #000b4f;
    font-weight: 600;
    background-color: #dfdfdf;
    border-color: #dfdfdf;}
@media(max-width: 1400px){
    .btn-primary{margin:0px 20px;}
    .nav-item{margin:0px 20px;}
    
}
@media(max-width: 1330px){
    .btn-primary{margin:0px 10px;}
    .nav-item{margin:0px 10px;}
    
}
@media(max-width: 1050px){
    .btn-primary{margin:0px 0px;}
    .nav-item{margin:0px 0px;}
    
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus {
    color: white !important;
    background-color: #99cc99 !important;
    border-color: #99cc99 !important;
}
.filterhover{
    filter :invert(5%) sepia(78%) saturate(6091%) hue-rotate(216deg) brightness(102%) contrast(115%);
}
.btn-primary:hover .filterhover, .btn-primary:active .filterhover, .btn-primary:focus .filterhover{
    filter: invert(100%);

}
.btn-primary:focus{
    box-shadow: 0 0 0 0.2rem #87c787 !important;

}
.row {
    margin-left: 0px;
    margin-right: 0px;
}

.site-logo, .site-logo a, .site-logo .p, .site-logo a:hover{
    font-family: 'Abel', sans-serif;
    text-decoration: none;
    color: #c9c9c9;
    
}
@media (max-width: 1000px)
{
    .site-logo, .site-logo a, .site-logo .p, .site-logo a:hover{
        margin-left: 0px;
        font-family: 'Abel', sans-serif;
        text-decoration: none;
        color: #c9c9c9;
        
    }
}
.navtext{
    font-weight: 600;
    margin-left: 150px;
    font-family: 'Abel', sans-serif;
    text-decoration: none;
    color: #5f5f5f;}

    @media (min-width: 1250px){
        .navbar-expand-custom {
            flex-direction: row;
            flex-wrap: nowrap ;
            justify-content: flex-start;
        }
        .navbar-expand-custom .navbar-nav {
            flex-direction: row;
        }
        .navbar-expand-custom .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem;
        }
        .navbar-expand-custom .navbar-collapse {
            display: flex!important;
        }
        .navbar-expand-custom .navbar-toggler {
            display: none;
        }
    }
    .navbar-nav .dropdown-menu {
       position:absolute;
        float: none;
    }


.nopadding{
    padding-right: 0px;
    padding-left: 0px;
}

.tenpxpadding{
    padding-right: 10px;
    padding-left: 10px;
}
@media(max-width: 990px){
    .tenpxpadding{
        padding-right: 0px;
        padding-left: 0px;
    }
    
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #99cc99;
}
    
.drapeau:hover{
    opacity: 0.7;
}