:root{
  --bg-color : rgb(255, 128, 0);
}

*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: 'poppins', sans-serif;
  scroll-behavior: smooth;
}
.bg_color_a{
    background-color : rgb(255, 128, 0) !important;
    opacity: 0.3;
  }
.bg_color_1{
  --bg-color : rgb(255, 128, 0) !important;
}
.bg_color_2{
    background-color: #1c854b;
}
.bg_text_2{
   color: #1c854b !important;
}
.bg_text_2:hover {
    background-color: white;
}
.bg_color_1:hover {
    background-color:  #1c854b !important;
    color: white !important;
    bolder: 2px solid #1c854b !important;
}
.bg_text_1{
    color: var(--bg-color) !important;
}
.p{
  font-weight: 300;
  color: #111;
}

header{
  position: absolute;
  top: 0%;
  left: 0%;
  padding: 20px 10px;
  width: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;

}

.accordion-button:not(.collapsed){
    box-shadow: none !important;
}

.accordion-button:not(.collapsed){
    background-color: white !important;
}


.navbar{
  display: flex;
  position: relative;
  z-index:auto;
  background-color: #fff;
  width: 100%;
  border-radius: 1em;
  top: -1.5em;


}
.navbar li{
  list-style: none;
}

.navlis{
  display: flex;
  justify-content: center;
  align-items:  center;
  /* transform: translate(50%, 50%); */

}
.contenu{
  /* position: relative; */
  justify-content: center;
  align-items:  center;
  display: flex;
  left: 25%;
}

.contenu1{
  position: relative;
  top: 0.5em;
  left: 1.5em;
  font-size: x-large;
}
.blog1::after {
  content: " >"; /* Contenu du pseudo-élément */
  margin-left: 7px; /* Marge entre le lien et le pseudo-élément */
  height: 1em;
  width: 1em;

  text-decoration: none;
}
.blog2{
  color: #f4961c;
  text-decoration: none;
}
.blog2:hover {
  color: #f4961c;
}

.blog1{
  text-decoration: none;
  color: #ffff;

}

/*.btn-reserve{
  padding: 10px 20px;
  background: #fb911f;
 margin-top: -60px;

}*/

.btn-reserve {
  /* padding: 5px; Réduire le rembourrage */
  margin-top: -20px; /* Ajuster la marge si nécessaire */

}

.btn-reserve img {
  width: 50px; /* Définir la largeur de l'image */
  height: auto; /* Autoriser la hauteur à s'ajuster automatiquement */
  position: relative;
  top: 5px;
}

.image{
  margin-top: 10px;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: white !important;
}

.dropdown-item.active, .dropdown-item:hover {
    background-color: transparent !important;
}

.btn-reserve:hover{
  background: #d87710;
  transition: ease-out;
}

header .navbar li a:hover{
  color: #fb911f;
  /* border-bottom: 2px solid #fb911f; */
}

a:hover {
    text-decoration: none !important;

}

.banniere1 {
  position: relative;
  width: 100%;
  min-height: 10vh;
  display: flex;
  justify-content: left;
  align-items: center;
  /* background-image: url(../../assets/chef/unsplash-4-ycv-3-ky-1-zzu0.png); */
  background-size: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* filter: brightness(0.8); */
  height:40%;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  margin-left: auto;
  margin-right: auto;

}
.banniere1 .contenu{
  max-width: 70%;
  text-align: center;
}
.banniere1 .contenu h2{
  color: #fff;
  font-size: 3em;
  text-transform: capitalize;
}

.banniere .contenu{
  max-width: 70%;
  text-align: center;
}
.banniere .contenu h2{
  color: #fff;
  font-size: 3em;
  text-transform: capitalize;
}




/* section{
  padding: 100px;
} */

/* Styles pour le header */
header {
    margin-left: auto !important;
    margin-right: auto !important;
}

.logo {
  flex: 0 0 auto; /* Ne pas redimensionner le logo */
}

.navbar {
  display: flex;
  list-style: none;
  padding: 0;
}

.navbar li {
  margin-right: 20px;
}

/* Media Queries pour rendre le menu plus petit sur les petits écrans */

.ul {
    display: flex;
  justify-content: center;
  align-items: center;
}

.navbar a{
  color: black;
  text-decoration: none;
  /* margin-left: 30px; */
  /* font-weight: 700; */



}

a {
  text-decoration : none !important;
}

.a_menu{
  color: #d87710 !important;
}

.actives{
  background-color: #d87710 !important;
  color: #fff !important;
}

/* Styles pour la section de la bannière */
.banniere {
  padding: 50px 20px;
  text-align: center;
}

/* Media Queries pour ajuster la taille de la police sur les petits écrans */
@media screen and (max-width: 768px) {
  .banniere h2 {
      font-size: 24px;
  }




}








/* Style pour les écrans supérieurs à 540px */
.navbar {
  display: flex;
  align-items: center;
}

.menu-toggle {
  display: none; /* Caché par défaut */
}

.navlis {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.navlis li {
  margin-left: 20px;
}

/* Style pour les écrans inférieurs ou égaux à 540px */
@media screen and (max-width: 540px) {
  .navlis {
    display: none; /* Caché par défaut sur les petits écrans */
}

  .menu-toggle {
      display: block; /* Affiché sur les petits écrans */
      cursor: pointer;
  }

  /* Style pour le hamburger menu */
  .menu-toggle .bar {
      width: 25px;
      height: 3px;
      background-color: #333;
      margin: 5px 0;
  }
}
/*Chef cuisinier///////////////////*/

p span{
  color: hsl(30, 100%, 50%);
  font-size: x-large;
  font-weight: bolder;
}

.imgfluid{
  position: relative;
  top: 20em;
  justify-content: space-between;
}
.link{
  position: relative;
  top: 3em;
  left: 7%;

  padding: 1em;
  border-radius: 1em;
  background-color:rgb(255, 128, 0);
  color: #ffff;
  text-decoration: none;
  font-size: larger;
   font-weight: bolder;
}

.p1::before {


  content: '\2713'; /* Code Unicode pour l'icône de vérification */
  color: black; /* Couleur orange foncé */
  margin-right: 5px; /* Espacement entre l'icône et le texte */
  font-weight: bolder; /* Augmenter le poids de la police */
}


/* c;cd;cd;cd;:cdc*/

.chef_block_one{
  /* position: relative; */
  top:28em;
  background-image: url(../../assets/chef/unsplash-e-6-dsqn-zb-z-4-o0.png);
  height: auto;
  background-repeat: no-repeat;
  justify-content: center;
  /* filter: brightness(0.3); */

}
.paralax{
  background-image: url(../../assets/chef/unsplash_bpPTlXWTOvg.png);
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  margin-left: auto;
  margin-right: auto;
}
.textC{
  position: relative;
  top:1em;
  color: #FFFFFF;
}
h1 span{
  color: #1c854b;

}
.link1{
  position: relative;
  top: 5em;
  right: 15em;
  padding: 15px 20px;
  color: #087741;
  background-color: #fff;
  text-decoration: none;
  border-radius: 0.5em;
  opacity: 1;

}
/* les medis*/
.social-icon{
  flex-direction: column;
  display: flex;
  right: 10%;
}

.div_social{

  background-color: white;
  padding: 5px;
}

.icon {
  color: black;
  width: 10px !important;
  height: 10px !important;
}



/*footer*/

/* Custom CSS for footer */
.footer{
  /* position: relative; */
  background-color: #851c1c;
  color: #ffffff;
  padding: 30px;
  width: 100%;
  /* top: 60em; */
 bottom: 0;
  left: 0;

}



/* Style for the about us section */
.about-us {
  width: 100%;
  max-width: 800px; /* Limit the width to 800px */
  text-align: center; /* Center align the text */
  color: rgb(255, 128, 0); /* Change the color according to your preference */
}
.form-control {
  width: 300px;
  /* height: 60px; */
  color: #111;

}



/* Style for the useful links section */
.useful-links {
  width: 100%;
  max-width: 800px; /* Limit the width to 800px */
  text-align: center; /* Center align the text */
}

/* Style for the services section */
.services {
  width: 100%;
  max-width: 800px; /* Limit the width to 800px */
  text-align: center; /* Center align the text */
}

/* Style for the recent posts section */
.post-recente {
  width: 100%;
  max-width: 800px; /* Limit the width to 800px */
  text-align: center; /* Center align the text */
}

/* Style for the social icons */
.social-icon {
  color: #000000; /* Change the icon color to black */
  margin-right: 10px;
}

.social-icon:hover {
  color: rgb(255, 128, 0); /* Change the icon color on hover */
}

.list-unstyled li {
  margin-bottom: 10px;
}

/* Custom CSS for texte1 */
.texte1 {
  text-align: left;
  bottom: 5em;
  position: relative;
}

/* Custom CSS for input-group */
/* .input-group {
  text-align: right;
  padding: 2em 2me;
} */

/* Custom CSS for texte1 p span */
.texte1 p span {
  position: relative;
  color: rgb(255, 128, 0); /* Change the color according to your preference */
  font-size: large;
  font-weight: bold;

}

.footer_social_icone {
  position: relative;
  float:inline-end;
  display: flex;
  justify-content: center;
  bottom: 1em;
}
/* .row.mt-5{
  position: relative;
  bottom: 5em;
} */


/* Custom CSS for mb-0 */
.mb-0 {
  margin-left: 10%;
  justify-content: center;
}

/* Custom CSS for text-bottom */
.text-bottom {
  position: relative;
  background-color: rgb(255, 128, 0); /* Change the background color according to your preference */

  padding: 25px 25px; /* Ajoutez un espacement intérieur pour un meilleur aspect visuel */
  width: 100%;
  margin-top: 60px;
  bottom: 8.2em;
}

/* Custom CSS for additional classes */
.txt {
  font-size: larger;
}