/*********************/
/*  HEADER - BANDEAU
/*********************/

#header_bandeau{
  background-color: #b76d37;
  padding: 5px 1em;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

#header_bandeau svg{
  width: 20px;
  fill: #fff;
  margin-right: 5px;
  margin-bottom: 5px;
}

#header_bandeau a{
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  border-radius: 5px;
  padding: 3px 10px;
}

#header_bandeau a:hover{
  background-color: #333;
}

#header_bandeau .header_bandeau_horaire{
  margin-left: 10px;
}

#header_bandeau .header_bandeau_link2{
  margin-left: 1em;
}

@media(max-width: 992px){

  #header_bandeau{
    display: none;
  }

}





/*********************/
/*  TOP
/*********************/

#top{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  position: relative;
}

.top_home{
  display: flex;
  flex-direction: column;
  height: 100vh;
}

#top .top_hover{
  background-color: rgba(255,255,255,0.5);
}

#top .top_hover_home{
  position: absolute;
  background-color: rgba(255,255,255,0.5);
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}



/*********************/
/*  HEADER - TOP
/*********************/

#header_top{
  font-size: 90%;
  color: #333;
  padding: 1em 2em;
  background-color: rgba(255,255,255,0.8);
  position: relative;
  z-index: 1;
  text-align: center;
}

#header_top .header_top_left{
  padding: 1em 3em;
}

#header_top object{
  width: 100%;
  max-width: 300px;
}

#header_top .header_top_right{
  text-align: right;
  padding: 1em 3em 1em 0;
  float: right;
}

#header_top .header_top_right_icon{
  display: inline-block;
  margin-right: 1em;
}

#header_top .header_top_right_icon svg{
  fill: #333;
  width: 13px;
  height: 13px;
}

#header_top .header_top_right_icon span{
  border: solid 1px #333;
  display: block;
  padding: 7px 12px 9px;
  border-radius: 50%;
}

#header_top .header_top_right_text{
  display: inline-block;
  text-align: left;
}

#header_top .header_top_right_text span{
  font-weight: 700;
}

#header_top .header_top_right .bloc2{
  margin-left: 4em;
}

#header_top .header_top_home{
  justify-content: center !important;
}

#header_top .header_top_right_content{
  display: inline-block;
}

#header_top .header_top_infos{
  text-align: center;
  font-style: italic;
  color: #999;
  line-height: 90%;
  margin-top: 5px;
}

#header_top .header_top_infos2{
  text-align: right;
  font-style: italic;
  color: #999;
  line-height: 90%;
  margin-top: 5px;
}

@media(min-width: 992px){

  #header_top .header_top_right{
    justify-content: flex-end;
  }

}

@media(max-width: 992px){

  #header_top .header_top_left{
    text-align: center;
  }

  #header_top .header_top_right{
    justify-content: center;
  }

  #header_top .header_top_right{
    text-align: center;
  }

}

@media(max-width: 768px){

  #header_top .header_top_right{
    display: none !important;
  }

}





/*********************/
/*  NAVBAR
/*********************/

#navbar{
  background-color: rgba(255,255,255,0.8);
}

#navbar .nav-link{
  color: #333;
  text-transform: uppercase;
  padding: 0.3em 1.7em;
  font-size: 1.3em;
}

.navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(51,51,51,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler{
  border-color: rgb(51,51,51);
} 

.navbar-toggler{
  box-shadow: 0 0 0;
}

#navbar .navbar-toggler:focus{
  box-shadow: none !important
}

.nav_phone_icon{
  display: inline-block;
}

.nav_phone_coord{
  display: inline-block;
  font-weight: 600;
  line-height: 120%;
}

.nav_phone_coord span{
  font-size: 130%;
}

.nav_phone_coord a{
  text-decoration: none;
  font-size: 1.3em;
  margin-top: 3px;
  display: inline-block;
}

.nav_phone_coord a:hover{
  color: #666;
}

@media(max-width: 1400px){

  #navbar .nav-link{
    font-size: 1.1em;
  }

}

@media(max-width: 1200px){

  #navbar .nav-link{
    font-size: 0.9em;
  }

  .nav_phone_coord a{
    font-size: 1em;
  }

  .nav_phone_icon svg{
    width: 15px;
  }

}

@media(min-width: 992px){

  #navbar .nav-link-border{
    border-right: solid 1px #333;
  }

  .nav_phone_icon{
    margin: 0 0.5em 0 2em;
  }

}

@media(max-width: 992px){

  #navbar .container-fluid{
    justify-content: center !important;
  }

  #navbar .navbar-nav{
    margin-top: 1em;
  }

  #navbar .nav_phone{
    margin-top: 1em;
  }

  .nav_phone_icon{
    margin: 0 0.5em 0 0;
  }

  #navbar .nav-link{
    font-size: 1.3em;
  }

  .nav_phone_coord a{
    font-size: 1.4em;
  }

}