#header 
{
  background: #fff;
  z-index: 997;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
}

#counterbar
{
    background: #e4e6e9;
}
#counterbar .titre
{
  font-weight: bold;
  color: black;
}

#mybutton:focus, #mybutton
{
  border: none;
}

/*==================== bANNIERE */
#banniere
{   width: 100%;
    height: 75vh;
    background: url('../images/top.png');
    background-size: cover;
    background-attachment: fixed;
    background-color: rgba(50, 70, 80, 0.7);
    background-blend-mode: soft-light;
    margin-top: 116px !important;
}

#banniere h2
{
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}

#banniere a
{
  border: 3px solid white;
  color: white;
  background: transparent;
  text-align: center;
  border-radius: 5px;
  font-weight: bold;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;  
}

#banniere a:hover
{
    background-color: rgba(226, 0, 26,0.7);
    border-color: rgba(226, 0, 26,0.7);
    box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width ) {
  
}