/*/////// STYLE GLOBAL /////////
::::::::::::::::::::::::::::::*/

p,h1,h2,h3,h4,h5,h6,li,span{font-size:16px;}
a,p,li,span,div,input{font-family:"Open Sans", sans-serif;font-weight:500;color:#000;line-height:21px;}
h1,h2,h3,h4,h5,h6{font-family:"Quicksand", sans-serif;font-weight:600;text-transform:uppercase;color:#252a35;}
ul{padding-left:0;}

h1{font-size:1.5em;}
h2{font-size:1.3em;}
p{font-size:0.9em;}
a{color:#F0C64D;}
a:hover,.isActive{font-family:"Open Sans";font-weight:700;text-decoration:none;color:#F0C64D;}

nav ul li a{font-size:1em;color:#000;}

.texteBlanc{color:#fff;}

.bg-light{background-color:#fff !important;}

/*/////// MESSAGE ERROR //////////
::::::::::::::::::::::::::::::::*/
.message{padding:1em;vertical-align:middle;margin:1em 0;}
.message p{margin-bottom:0;}
.error_msg{background-color:#D7163E;}
.error_msg p{color:#fff;}
.validate_msg{background-color:#99ff81;}

/*/////// STYLE INPUT //////////
::::::::::::::::::::::::::::::*/

label{font-family:"Open Sans";font-weight:500;color:#252a35;display:block;font-size:0.9em;margin-bottom:0;}

.inputResa,select{
  text-align:center;
  border:1px solid #252a35;
  color:#252a35;
  border:1px solid #252a35;
  width:200px;
  height:35px;
}

.inputResa:focus{border:none;outline:none;}

.bouton{color: white;background: #343a40;display:inline-block;border:none;padding:12px;text-transform:uppercase;margin:10px 0;cursor:pointer;font-size:0.9em;}
.bouton:hover{background-color:#252a35;color:#F0C64D;}



/*////////// NAVIGATION //////////////
::::::::::::::::::::::::::::::::::::*/

.container_logo_nav{

  float:left;
}

nav img{
  width:75px;
  height:auto;
}

.navbar-light .navbar-nav .nav-link
{
  color:#000;
}

.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover
{
  color:#F0C64D;
}


.navbar-light .navbar-text a
{
  color:black;
  background-color: #F0C64D;
}


.navbar-light .navbar-text a:hover
{
  color:#F0C64D;
  background-color:#252a35;
  font-family:'Open Sans';
  font-weight:500;
}

/*///////////// RESERVATION /////////////////
::::::::::::::::::::::::::::::::::::::::::*/
#bloc-reservation
{
  background-image:url(../img/home/presentation.jpg);
  height:auto;
}

#bloc-reservation .input-reservation
{
  background-color:white;
  padding:1em;
}

#bloc-reservation section
{
  margin-bottom:1em;
}

#bloc-reservation .prix-reservation
{
  border:1px solid #252a35;
  padding:1em;
  margin-bottom:1em;
}

#bloc-reservation #date-reservation
{
    border:1px solid #252a35;
    width:200px;
    height:35px;
    padding:0.5em;
}

#bloc-reservation #presentation
{
  padding:1em 0;
  margin-top:10%;
}

#bloc-reservation #presentation h2,
#bloc-reservation #presentation h3,
#bloc-reservation #presentation p
{
  color:#fff;
}

.puce
{
  vertical-align:middle;
}

.puce:before
{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  background-color:#000;
  border-radius:30px;
  vertical-align:middle;
  margin-right:0.5em;
}

.puce-rouge:before
{
  background-color:#D7163E;
}

.puce-verte:before
{
  background-color:#AAD0A1;
}

.puce-grise:before
{
  background-color:#DDDDDD;
}

.reserver
{
  margin:0 auto;
}

.label-reunion,#salle-reunion,
.label-service,.input-service
{
  display:inline-block;
  vertical-align:middle;
}


.label-reunion
{
  margin-left:0.5em;
}

#service
{
  margin-top:1em;
}

.label-service
{
  margin-left:10px;
}

/*/////////////// EVENTS /////////////
::::::::::::::::::::::::::::::::::::*/
.border-events
{
  margin:0 -12px;
}

/*////////// PAGE GLOBAL /////////////
::::::::::::::::::::::::::::::::::::*/

.description_page
{
  background-color:white;
  padding:2em 0;
}

.description_page p
{
    color:#fff;
}

.texte_description p,
.texte_description h3
{
  text-align:center;
}

/*////////// PAGE SALLE  /////////////
::::::::::::::::::::::::::::::::::::*/

.img_salle
{
  height:300px;
  width:100%;
  overflow:hidden;
}

/*//////////////PAGE CONNEXION /////////////
::::::::::::::::::::::::::::::::::::::::::*/

.label-connexion,.input-connexion
{
  display:block;
}

.input-connexion
{
  width:100%;
}

.border-connexion
{
  height:600px;
}


/*//////////////PAGE CONTACT /////////////
::::::::::::::::::::::::::::::::::::::::::*/
#contact-info
{
  background-color:#252a35;
}

#contact-info p,
#contact-info h3,
#contact-info h2
{
  color:#fff;
}

/*////////// NEWSLETTER //////////////////
:::::::::::::::::::::::::::::::::::::::*/

.img_social_media
{
  display:inline-block;
  width:50px;
  height:50px;
}

.newsletter_footer
{
  background-color:white;
  padding:2em 0;
}

.newsletter_footer input
{
  width:70%;
  padding:5px 0;
  vertical-align:middle;
  border:none;
}

.newsletter_footer .bouton
{
  display:inline-block;
  width:30%;
  background-color:#252a35;
  color:#F0C64D;
}

.newsletter_footer .bouton:hover
{
  background-color:#000;
  color:#fff;
}

.bloc_social_media
{
  margin-top:2em;
}

/*///////////// FAQ  //////////////////
:::::::::::::::::::::::::::::::::::::::*/

.question,.reponse
{
  width:50%;
  margin:0 auto;
}

.question
{
  background-color:white;
  color:#000;
  margin-top:1em;
  cursor:pointer;
}

.numero_faq
{
  color:#fff;
  display:inline-block;
  width:40px;height:40px;
  text-align:center;
  line-height:40px;
  margin-left:-1.5em;
}

.question p
{
  display:inline-block;
  margin-left:1em;
  width:90%;
}

.question p:after
{
  content:" ";
  width:20px;
  height:20px;
  background-image:url(../img/icones/down.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  display:inline-block;
  vertical-align:middle;
  float:right;
}

.reponse
{
  border:1px solid #000;
  border-top:none;
  padding:2em;
  margin-bottom:10px;
}


/*///////////// FOOTER //////////////////
:::::::::::::::::::::::::::::::::::::::*/

footer
{
  background-color:#252a35;
  padding:2em;
}

footer .logo_footer
{
  width:150px;
}

footer h4,
footer ul li
{
  color:#F0C64D;
}

footer p
{
  color:#fff;
  font-size:0.8em;
}

footer ul li
{
  list-style:none;
  font-size:0.8em;
}

.copyright
{
  font-size:0.7em;
}


/*///////////// RECAP //////////////////
:::::::::::::::::::::::::::::::::::::::*/

.resume-head
{
  background-color:#BF6D42;
  padding:1em 0;
}

.resume-core
{
  border:1px solid grey;
  padding:1em 0;
}

.resume-total
{
  border:1px solid grey;
  padding:1em 0;
  margin-top:1em;
}

.active-link {
  font-weight:bold;
  color:#BF6D42;
}

.mobile-app-icon-bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  background: #343a40;;
}

.mobile-app-icon-bar button {
  width: calc(100%/3);
  padding: 0.8rem;
  cursor: pointer;
  background: none;
  height: 70px;
}

.mobile-app-icon-bar button svg,
.mobile-app-icon-bar button i,
.mobile-app-icon-bar button img {
  font-size: 1.5rem;
  max-height: 1.3rem;
  max-width: 1.3rem;
  color: white;
}
.mobile-app-icon-bar button span {
  font-size: 0.8rem;
}

.mobile-app-icon-bar button.active svg,
.mobile-app-icon-bar button.active i,
.mobile-app-icon-bar button.active span,
.mobile-app-icon-bar button.active img {
  color: #f0c64d !important;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

body {
  margin-bottom: 80px;
}