/* ROUGE:#ff5959 jaune:#facf5a #49beb7 #085f63 */


/*---------------MENU NAV-------------*/
body{
      background-color: #fddd86;
}

.navbar {
  background-color: #facf5a;
  box-shadow: 0px 2px 20px 0px #000000ad;
}

.navbar a {
  color: black;
}

#navbarNav a {
    color: #085f63;
}

#brand {
  color: #085f63;
}
#logoFT {
  width: 40px;
}

.header {
  background-image: url('images/imagefront.jpg');
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  height: 600px;
}

.titre {
  align-self: center;
  width: auto;
  height: auto;
  padding: 15px;
  color: white;
  filter: drop-shadow(2px 4px 6px black);
}
.titre h1{
font-size: 3.5em;
}
.titre h5{
font-size: 1.5em;
}

/*---------------MENU PLAT-------------*/

#secmenu {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}
.btn-info{
  background-color: #085f63;
}
.card-deck {
  margin-bottom: 15px;
  margin-top: 40px;
}

.card-deck .plat:nth-child(odd) .card{
  background-color: #49beb7;
}

.card-deck .plat:nth-child(even) .card{
  background-color: #facf5a;
}

.card-header {
  align-self: center;
  background-color: rgb(255 255 255 / 0%);
  border-bottom: none;
}

.card-header .img-thumbnail {
  position: absolute;
  top: -25%;
  left: 60%;
}

.card-body {
  padding: 0px 10px 10px 15px;
}

.card-footer {
  align-self: center;
  background-color: rgb(255 255 255 / 0%);
  font-size: 1.25em;
    font-weight: 500;
    color: #212529;
}

.card img {
  width: 110px;
  height: 110px;
}

.card{
  margin-top: 50px;
  margin-bottom: 50px;
  width: auto;
  height: 80%;
  filter: drop-shadow(1px 1px 4px black);
}
.plat{
  margin-bottom: 35px;
}

#seccarte{
  margin-bottom: 75px;
}
@media only screen and (max-width:768px) {
  .card-title{
    font-size: 1.30em;
  }

}

/*---------------EVENEMENT-------------*/

#seceventancre{
  display: block;
  position: relative;
  top: -70px;
  visibility: hidden;
}

#secevent{
  background-color: #49beb7;
}

#eventtitre{
  margin-bottom: 40px;
}
.evenement{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 50px;
    padding: 10px;
    height: 80%;
    background-color: #ffffff40;
}

.evenement p{
  color:#3e3e3e;
}
.evenement h4{
  color:black;
}
.date{
  text-align: center;
  color: #074f52;
  font-size: 1.75em;
}



#contact{
  text-align: center;
  margin-bottom: 100px;
}
#contact p{
  margin-bottom: 0.2em;
  font-weight: 700;
}
.contactsoustitre{
  font-size: 1.20em;
  font-weight: bold;
  color: #085f63;
}
#social{
  font-size: 1.20em;
  font-weight: bold;
  color: #085f63;
}
#social i{
margin: 15px 15px;
}
#booktable{
  text-align: center;
  margin-bottom: 15px;
}
.input-group {
    margin: 20px;
}
#seccontact{
  background-color: #facf5a;
}
form{
  width: 80%;
  margin: auto;
}
#numberperson{
  margin-left: 20px;
}
#date{
      margin-right: 5%;
}

.btn-primary{
    background-color: #085f63;
    border: none;
}
.btn-primary:disabled{
    background-color: #085f63;
}
.btn-primary:hover{
    cursor: not-allowed;
}
.form-control {
    background-color: #49beb7;
    color: #085f63;
    border:#085f63;
}
.input-group-text{
  background-color: #00a5ad;
border: #49beb7;
}
.input-group>.form-control:focus{
  background-color:#96d9d5;
}
#booktable i{
      color: #463e2b;
}
::placeholder{
    color: #463e2b;
}
.modal-content{
    background-color: #facf5a;
}
#confbook{
  font-weight: bold;
}

#footer{
  padding: 5px;
background-color: #085f63;
color: white;
text-align: center;
width: 100%;
}

#footer h4{
justify-content: center;
}
#footer a{
text-decoration: none;
color: #facf5a;
}
#anccontact{
  display: block;
  position: relative;
  top: -70px;
  visibility: hidden;
}