.hide_item{display:none;}a{text-decoration: none;}.button42 {background: #e40f18;color: #fff;border-radius: 50px;margin: 0 0 0 20px;padding: 10px 25px;text-transform: uppercase;letter-spacing: 1px;transition: 0.3s;font-weight: 900;}.button42:hover {background: #b10b14;color: #FFFFFF;}.btn {background: #e40f18;color: #fff;border-radius: 50px;margin: 0 0 0 20px;padding: 10px 25px;text-transform: uppercase;letter-spacing: 1px;transition: 0.3s;font-weight: 900;}.buttonImage{white-space: nowrap;position:absolute;bottom: 15px;left: 12px;}.buttonImage_mobile{white-space: nowrap;position:absolute;bottom: 30%;left: 30%;}.buttonMenu:hover {background: #e40f18;color: #fff;border-radius: 12px;border-width: 3px;font-weight: 900;text-transform: uppercase;padding: 0.75rem 2.25rem;}.shadow-box {box-shadow: 3px 2px 9px grey;}.nobullet {list-style-type:none;padding:0px;margin:0px;}.write {margin-top: -20px;color:black }.accordion-ama {background-color: #e40f18;font-family: 'Raleway', sans-serif;color: white;font-weight: bold;text-align:center !important;display:block !important;height: 130px;}.image-ronde{width : 150px;height : 150px;border: 2px solid #ff0000;-moz-border-radius : 75px;-webkit-border-radius : 75px;border-radius : 75px;background-color: #FFFFFF;position: absolute !important;bottom: -7%;z-index: 2;left: 4%;}input[type="tel"] {border: 1px solid #ddd;padding: 4px 8px;}input[type="tel"]:focus {border: 1px solid #000;}input[type="submit"] {font-weight: bold;padding: 4px 8px;border:1px solid #000;background: #3b5998;color:#fff;}form {margin: 0 auto;}.p {padding-top: 30px;}.for_desktop{display:block;}.for_mobile{display:none;}.for_tablet{display:none;}

.blurAma{
-webkit-filter: blur(5px);
    filter: blur(5px);
}

.mobile-nav{
  height: 500px!important;
}

.imgAboutEquipe{
  width:100%;
  margin-top:10px;
  height:250px;
  border-radius:20px
}

.titreAbout{
  font-weight: 900;
  letter-spacing: 0px;
  font-size: 58px;
  font-family: 'Raleway', sans-serif;
  color:#e40f18;
}

.imageHistoireDroite {
  position: relative;
  height: 310px;
  top: -88px;
  left: 269px;
  z-index: 0;
  border:2px solid red
}

.imageHistoireGauche {
  position: relative;
  height: 310px;
  top: -88px;
  left: 269px;
  z-index: 0;
  border:2px solid red
}

.dateImageHistoire {
  position:relative;
  height: 50px;
  top:15px;
  z-index:2
}

.textHistoire {
  position:relative;
  z-index:1;
  background-color:white;
  padding: 26px;
  color:black;
  font-size: 25px;
  border:2px solid red
}

.lienHistoire {
  position:relative;
  color:red;
  z-index:3;
  font-size:25px;
}

.imageHistoireMobile{
  
}

.dateImageHistoireMobile{

}

.textHistoireMobile{

}

.lienHistoireMobile {

}

.mission1Desktop {
  border:3px solid red;
  color:black;
  font-size:22px;
  font-weight:900;
  padding:10px;
  border-radius:20px;
}

.mission2Desktop {
  border:3px solid red;
  color:black;
  font-size:22px;
  font-weight:900;
  padding:10px;
  border-radius:20px;
}

.missionMobile {
  border:3px solid red
  ;color:black;
  font-size:18px;
  font-weight:900;
  padding:10px;
  background-color:white;
}

.buttonMissions {
  background: #e40f18;
  color: #fff;
  border-radius: 50px;
  padding: 10px 25px;
  text-transform: uppercase;
  z-index:1;
  top:73%;
  transition: 0.3s;
  font-weight: 900;
  text-align:center;
  position: absolute;
  left: 5%;
}

.hover-underline-animation-about {
  color: #ffffff;
}

.hover-underline-animation-about:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 3px;
  bottom: 0;
  left: 0;
  background-color:red;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation-about:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.menu-about{
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0px;
  font-size: 18px;
  font-family: 'Raleway', sans-serif;
  color:grey;
}

.menu-about:hover{
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0px;
  font-size: 18px;
  font-family: 'Raleway', sans-serif;
  color:black;
}

.rotate{
  width: 100px;
  animation: spin 2s infinite;
}

@keyframes spin{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.for_desktop_666{
  display: block;
}

.for_tablet_666{
  display: none;
}

.for_mobile_666{
  display: none;
}



  .btn_menu_list_2{
    color: white;
    background: #e40f18;    
    font-weight: 900;
    text-align: center !important;
    font-size: 15px;
    width: 100%;
    position: absolute;
    right: 15px;
    border:1px solid #e40f18;
    min-height:77px;
  }

  .btn_menu_list_2:hover{
    background-color: #ffffff96;
    color: #e40f18;
    border:1px solid #ff0000 ;

  }

  .btn_menu_list_2_activated{

    background-color: #ffffff96!important;
    color: #e40f18!important;
    border: 1px solid #ff0000!important;

  }

  .btn_menu_list_2_tablet{
    color: white;
    background: #e40f18;
    font-weight: 900;
    text-align: center !important;
    font-size: 10px;
    width: 100%;
    right: 2px;
    position: absolute;
    border:3px solid #e40f18;
    min-height:66px;
  }
  
  .btn_menu_list_2_tablet:hover{
    background-color: #ffffff96;
    color: #e40f18;
    border:3px solid #ff0000 ;
  }

  .btn_menu_list_2_tablet_activated{
    background-color: #ffffff96!important;
    color: #e40f18!important;
    border:3px solid #ff0000!important;
  }


  .btn_menu_list_2_mobile{
    color: white;
    background: #e40f18;    
    font-weight: 900;
    text-align: center !important;
    font-size: 14px;
    width: 150px;
    right: 15px;
    border:3px solid #e40f18;
    min-height:78px;
  }
  
  .btn_menu_list_2_mobile:hover{
    background-color: #ffffffff;
    color: #e40f18;
    border:3px solid #ff0000 ;
  }

  .btn_menu_list_2_mobile_activated{
    background-color: #ffffffff!important;
    color: #e40f18!important;
    border:3px solid #ff0000!important;
  }

  /* Hide scrollbar for Chrome, Safari and Opera */
  .content_menu_block_overflow::-webkit-scrollbar {
      display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .content_menu_block_overflow {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  .btn_menu_list_3_mobile{
    color: #000000;
    /*background: #e40f18;    */
    background: #eee;
    font-weight: 600;
    text-align: center !important;
    font-size: 12px;
    white-space: nowrap;
    width: auto;
    right: 15px;
    border:0px solid #e40f18;
    min-height:50px;
    margin-left:10px;
    margin-right:10px;

  }

  /*   .btn_menu_list_3_mobile:hover{
    
    border-bottom:3px solid #e40f18!important;
  } */

  .btn_menu_list_3_mobile_activated{

    /*border-bottom:3px solid #ffffffff!important;*/
    border-bottom:3px solid #e40f18!important;
  }

  .start_scroll_from_here{

    /*background:#e40f18;*/
    background:#eee;
    width:100%;
    position:absolute;
    margin-top: -60px;
    margin-left: -12px;
    color:#000000;
  }

  .start_fixed_from_here{

   /*  background:#e40f18; */
    z-index:3000;
    background:#eee;
    width:100%;
    position:fixed;
    top: 70px;
    left: 0px;

  }

 .accordion-ama::after{position: absolute;right: 50%;}

 .accordion-button:not(.collapsed)::after {
  background-image: url(https://cdn.discordapp.com/attachments/644816660791951361/933477034468970567/triangle_rouge.png);
  transform: rotate(-180deg);
}
 
 .accordion-ama:focus {z-index: 3;border-color: #ff0000;outline: 0;box-shadow: 0 0 0 0.25rem #ff0000;}
 
 .accordion-ama:not(.collapsed) {color: #e40f18;background-color: #e7f1ff;box-shadow: inset 0 -1px 0 #ff0000;font-family:'Raleway', sans-serif;font-weight: bold;border:3px solid #ff0000 }
 
 .accordion-item-ama {background-color: #fbfbfb00;border: 1px solid rgba(0,0,0,.125);}


 .menu_right {
  margin-right: -8px;
  }

  .encore_un_bouton{
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #e40f18 !important;
    background-color: #FFFFFF !important;
    border-radius: 21px !important;
    white-space: nowrap !important;
    letter-spacing:0px !important;
    padding:11px 9px !important;
  }

  .encore_un_bouton:hover{
    background-color: #e7e7e7 !important;}

  .english-french-btn{
    /* margin-right: 20px; */
  }

  .menu_FLEX{display:flex;flex-wrap: nowrap;}

/****** edit menu NC ********/

  .flex-burger-menu{
    /* display: flex !important; */
    align-content: stretch !important;
    flex-wrap: wrap !important;
}

nav#navbar {
  display: flex !important;
  flex-wrap: wrap;
  align-content: space-between;
  flex-direction: column;
}

.btm-burger-menu{
  align-self: flex-end !important;
  margin-top: 60px;
}
  
/****** edit menu NC ********/


  .btn-commandite{
    background: #e40f18;
    color: #fff;
    border-radius: 50px;
    padding: 10px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
    font-weight: 900;
  }

  .for_mobile p img{
    width: 200px;
    margin-top: 10px;
  }


 .hover-underline-animation {
    /* display: inline-block; */
    /* position: relative; */
    color: #ffffff;
  }

 
  
  .hover-underline-animation:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;

  
  }
  
  .hover-underline-animation:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }

  .voir_menu {
    background: #e40f18;
    color: #fff;
    border-radius: 50px;
    margin: 0 0 0 20px;
    padding: 10px 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
    font-weight: 900;}

  .voir_menu:hover {
    background: #e40f18;
    color: #fff;
    border-radius: 12px;
    border-width: 3px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0.75rem 3.75rem;
  }
  
  .btn_commander_en_ligne{

    white-space: nowrap;
    text-decoration: none;
    margin-top: -24px !important;
    margin-left:50px;
    position:absolute;
    width: 170px;
    text-align: center !important;
  }

  .buttonMenu {
    background: #e40f18;
    color: #fff;
    border-radius: 50px;
    margin: 0 0 0 55px; /* AHBAMR !*/
    padding: 10px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
    font-weight: 900;
    text-align:center;
  }

  .voir_menu {
    background: #e40f18;
    color: #fff;
    border-radius: 50px;
    margin: 0 0 0 55px; /* COLLINN !*/
    padding: 10px 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
    font-weight: 900;}



  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {

    width:1000px !important;
    max-width: 1000px !important;

  }

  .btn-Menu-Fixe{

    /* width:200px; */
    text-align:center;
  }

  /* .btn-Menu-Fixe-2{
    width:120px;
    text-align:center;
  } */

  .btn-menu-voir-emplacement{

    background: #e40f18;
    color: #fff;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
    font-weight: 900;
    padding: 9px;
    margin-top: 34px;
    white-space: nowrap;
    width:250px;
    margin-left: 54px;
    cursor:pointer;
    
  }

  .btn-menu-voir-emplacement:hover{
    background: #b10b14;
  }





  .nav-menu > ul > li {
    /* white-space: normal !important; */
}


/* .nav-menu, .nav-menu * {
  margin: 12.5px !important;
} */

.nav-menu_en, .nav-menu_en * {
  margin: 17.5px !important;
}

.nav-menu_fr, .nav-menu_fr * {
  margin: 17.5px !important;
  padding:30px;
}

.img-pizza-payante{
  display:block;
  width: 100%;
  margin-top:50px;
}

.for_desktop_pizza{
  display:block;
}

.for_tablet_pizza{
  display:none;
}

.for_mini_tablet_pizza{

  display:none;
}

.for_mobile_pizza{
  display:none;
}

.for_mini_tablet_pizza_2 {
  display:none;
}

.for_mini_tablet_pizza_3 {
  display:none;
}








.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #e40f18;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #e40f18 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.mobile-nav{

  position:fixed;
  height: 100vh!important;
    top:0px;
    left: 20%;
    width: 80%;
    border-radius:2px;
 
    /* transform: translate3d(120%,0,0); */
} 



/***************************** responsive ****************************/

@media (max-width:450px) {

  .for_desktop_pizza{
    display:none;
  }
  
  .for_tablet_pizza{
    display:none;
  }
  
  .for_mobile_pizza{
    display:block;
  }

  .for_mini_tablet_pizza{

    display:none;
  }
  
  .for_mini_tablet_pizza_2 {
    display:none;
  }

  .for_mini_tablet_pizza_3 {
  display:none;
}
.logoSite{
  padding-left: 8% !important;
}
  
}

@media (max-width:620px) {

  .for_desktop_pizza{
    display:none;
  }
  
  .for_tablet_pizza{
    display:none;
  }
  
  .for_mobile_pizza{
    display:none;
  }

  .for_mini_tablet_pizza{

    display:none;
  }

  .for_mini_tablet_pizza_2 {
    display:none;
  }

  .for_mini_tablet_pizza_3 {
    display:block;
  }
  
  
    
}

@media (max-width:699px) {

  .for_desktop_pizza{
    display:none;
  }
  
  .for_tablet_pizza{
    display:none;
  }
  
  .for_mobile_pizza{
    display:none;
  }

  .for_mini_tablet_pizza{

    display:none;
  }

  .for_mini_tablet_pizza_2 {
    display:block;
  }

  .for_mini_tablet_pizza_3 {
    display:none;
  }
  

}

@media (max-width:700px) {

  .for_desktop_pizza{
    display:none;
  }
  
  .for_tablet_pizza{
    display:none;
  }
  
  .for_mobile_pizza{
    display:none;
  }

  .for_mini_tablet_pizza{

    display:block;
  }
  
  .for_mini_tablet_pizza_2 {
    display:none;
  }

  .for_mini_tablet_pizza_3 {
    display:none;
  }

}

@media (max-width: 766px){
  .for_desktop_666{
    display: none;
  }
  
  .for_tablet_666{
    display: none;
  }
  
  .for_mobile_666{
    display: block;
  }
}

  @media (max-width:990px) {

    .for_desktop_pizza{
      display:none;
    }
    
    .for_tablet_pizza{
      display:block;
    }
    
    .for_mobile_pizza{
      display:none;
    }
  
    .for_mini_tablet_pizza{
  
      display:none;
    }
  
    .for_mini_tablet_pizza_2 {
      display:none;
    }
  
    .for_mini_tablet_pizza_3 {
      display:none;
    }
    .logoSite{
      padding-left: 5%;
    }
  
  }




  @media (max-width:990px) {
    .menu_right {
      /* margin-right: 109px; */
      }
      .logoSite{
        margin-left: auto;
        margin-right: auto;
        
      }
  
      .nav-menu a{
        letter-spacing: 0px !important;
        display: contents;
        /* font-size: 13px !important; */
      }
  
      .english-french-btn{
        margin-right: 0px;
      }
      .mobile-nav-toggle {
        position: fixed;
        left: 5px;
        top: 13px;
        z-index: 9998;
        border: 0;
        background: none;
        font-size: 43px;
        transition: all 0.4s;
        outline: none !important;
        line-height: 1;
        cursor: pointer;
        text-align: right;
        
    }
    }
  @media (max-width:991px) {

    .menu_FLEX{
      display:block;
      flex-wrap: nowrap;
      text-align: left;}
  
    .btn-Menu-Fixe{
  
      width:200px;
      text-align:left;
    }
  
    .btn-Menu-Fixe-2{
  
      text-align:left;
    }
  
    .buttonMenu {
      background: #e40f18;
      color: #fff;
      border-radius: 50px;
      margin: 0 0 0 20px;
      padding: 10px 25px;
      text-transform: uppercase;
      letter-spacing: 1px;
      transition: 0.3s;
      font-weight: 900;
    }
  
    .voir_menu {
      background: #e40f18;
      color: #fff;
      border-radius: 50px;
      margin: 0 0 0 20px;
      padding: 10px 50px;
      text-transform: uppercase;
      letter-spacing: 1px;
      transition: 0.3s;
      font-weight: 900;}
  
    .accordion-ama::after{position: absolute;right: 18px;}
  
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  
      width:100% !important;
  
    }
  
    .btn-menu-voir-emplacement{
  
      background: #e40f18;
      color: #fff;
      border-radius: 50px;
      text-transform: uppercase;
      letter-spacing: 1px;
      transition: 0.3s;
      font-weight: 900;
      padding: 9px;
      margin-top: 13px;
      white-space: nowrap;
      width:250px;
      margin-left: auto;
      margin-right: auto;
    }
  
  }
 
 @media (max-width:1001px) {
    #header .logo img {
    margin-left: 0px;
    
    }
    .mobile-nav-toggle {
        position: fixed;
        left: 5px;
        top: 13px;
        z-index: 9998;
        border: 0;
        background: none;
        font-size: 43px;
        transition: all 0.4s;
        outline: none !important;
        line-height: 1;
        cursor: pointer;
        text-align: right;
        
        
    } 

    .callbtn {
        font-size: 21px;
        color: #e40f18;
        background-color: #FFFFFF;
        border-radius: 14px;
        border-width: 3px;
        padding:6px;
    }

    .hover-underline-animation {
      
      position: relative;
      color: #ffffff;
    }

    .hover-underline-animation:after {
      display:none;
     
    }

 } 
@media (max-width:1131px) and (min-width:1001px) {
    
  .mobile-nav-toggle{
   display:none;
   
  }
}

@media (max-width:1200px) {
    
  .btn_commander_en_ligne{

    white-space: nowrap;
    text-decoration: none;
    margin-top: -24px !important;
    margin-left: 50px;
    position:absolute;
  }

  .buttonMenu {
    background: #e40f18;
    color: #fff;
    border-radius: 50px;
    margin: 0 0 0 21%;
    padding: 10px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
    font-weight: 900;
  }

  .voir_menu {
    background: #e40f18;
    color: #fff;
    border-radius: 50px;
    margin: 0 0 0 21%;
    padding: 10px 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
    font-weight: 900;}

}














@media (max-width: 1000px) 
{
.for_desktop{display:block;}
.for_mobile{display:none;}
.for_tablet{display:block;}
}
@media (max-width:1001px) and (min-width:991px)
{
.mobile-nav-toggle{
  display: none;
}
.callbtn{
  display: none;
}
}
@media (max-width:991px) and (min-width:320px)
{
.container{
  min-width: 100% !important;
}
}

@media (max-width: 990px) {
  .image-ronde{
    width : 100px;
    height : 100px;
    border: 2px solid #ff0000;
    -moz-border-radius : 75px;
    -webkit-border-radius : 75px;
    border-radius : 75px;
    background-color: #FFFFFF;
    position: absolute !important;
    top: 7%;z-index: 2;left: 4%;
  }
  .promo-header{
    font-size:15px;
    text-align:right;
    padding-top:15px;
  }.promo-text{
    font-size:10px;
    text-align:right;
  }.for_desktop{
    display:none;
  }
  .for_tablet{
    display:none;
  }.for_mobile{
    display:block;
  }
}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 300px;
  height: 300px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #ff0000;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {0% {top: 150px;left: 150px;width: 0;height: 0;opacity: 1;}100% {top: 0px;left: 0px;width: 300px;height: 300px;opacity: 0;}}



/*------ page restaurant -----*/
.btn-res-left{
  background-color: #e40f18;
  /*adding: 14px 60px;*/
  border: none;
  border-radius: 10px;
  margin-left: 0px;
  font-family: 'Futura-Bold', sans-serif;
  transition: all 0.3s ease-in-out !important;
  height: 54px;
}

.btn-res-right{
   background-color: white;
   border: 1px solid #dbdbdb;
   color: black;
   /*padding: 14px 60px;*/
   border-radius: 10px;
   font-family: 'Futura-Bold', sans-serif;
   transition: all 0.3s ease-in-out !important;
   height: 54px;

}
.btn-outline-secondary{
  width: 100px;
  height: 54px;
  border-right: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  border-left: none;
  background-color: #fff;
  border-radius: 10px;
  margin-left: 0px;
}
.form-control{
  height: 54px;
  padding-left: 30px;
  border-radius: 10px;
}
::placeholder {
    font-size: 14px;
  }

.btn-cmd {
  width: 220px;
  height: 55px;
  border-radius: 10px;
  background-color: #e40f18;
  border: none;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  font-family: 'Futura-Bold', sans-serif;
  transition: all 0.3s ease-in-out !important;
  
}
.sec-3-res{
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  padding: 3% 5%;
  background-color: #fff;
  margin-bottom: 1%;
}

.img-res-map{
  margin-right: 20px;
}
.arrow-res{
  margin-left:10px;
  height: 10px;
}
.img-res-liv{
  margin-right: 14px;
  height: 24px;
}

.img-res-hor{
  height: 24px;
  margin-right: 10px;
}

.p-res-adresse{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #222;
  
}
.t-res-adresse{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
}
.t-res-adresse-phone{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 10px;
}

.flex-res-1{
  display: flex;
  align-items: center;
}

.km-res{
  font-weight: 800;
  font-size: 20px;
}

.p-ouvert{
  font-size: 18px;
  font-weight: 700;
  color: #28bb28;
  font-family: 'Futura-Bold', sans-serif;

}
.p-fermer{
  font-size: 18px;
  font-weight: 400;
  color: grey; 
  font-family: 'Futura-Bold', sans-serif;
}
.flx-btn-cmd{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.btn-cmd-fer {
  width: 220px;
  height: 55px;
  border-radius: 10px;
  background-color: #c9c9c9;
  border: none;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  font-family: 'Futura-Bold', sans-serif;
}
.row-sec1{
  display: flex;
  align-items: flex-end;
  margin-top: 5%;
}


.label-saisie{
  font-weight: 600;
  font-size: 18px;
  font-family: Futura, sans-serif;
}
.fa-search{
  color: #dbdbdb;
}
.font_page_1 {
  background-color: #fbfbfb !important;
}

.btn-cmd:hover, .btn-cmd:focus {
  box-shadow: 0 0.5em 0.5em -0.4em #E40F18;
  transform: translateY(-0.25em) !important;
}

.btn-res-right:hover, .btn-res-right:focus {
  box-shadow: 0 0.5em 0.5em -0.4em #E40F18;
  transform: translateY(-0.25em) !important;
  background-color: #e40f18;
  border: none;
}
.btn-res-left:hover, .btn-res-left:focus {
  box-shadow: 0 0.5em 0.5em -0.4em #E40F18;
  transform: translateY(-0.25em) !important;
  background-color: #e40f18;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus {
  background-color: #e40f18;
  border:none;
}
.btn-outline-secondary i:hover, .btn-outline-secondary i:focus {
  color: #fff;
}



.rect-map {
    background-color: #e40f18;
    height: 60px;
    border-radius: 10px 10px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    inset-inline: 0;
    margin-bottom: -50px;
    z-index: 1000 !important;
    container-type: inline-size;  
}
.rect-map h1{
  margin-bottom: 0px;
}
.sec-res-map{
border-radius: 10px;
padding-top: 10px;
margin-top: 2%;
margin-bottom: 3%;
padding-bottom: 10px;


}
.rect-map h2{
  font-family: 'Futura-Bold', sans-serif;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom:0px;
  font-size: 24px;
}


.btn-group.cstm-btns.btn {
  height: 54px;
  width: 50%;
  text-align: center;
  padding: 0;
}

.btn-group.cstm-btns {
  width: 90%;
}

.res-mob{
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    padding: 10%;
    text-align: center;
}
.flex-res-1-mob {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 7% 0%;
}
.btn-cmd-mob {
  width: 220px;
  height: 55px;
  border-radius: 10px;
  background-color: #e40f18;
  border: none;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  font-family: 'Futura-Bold', sans-serif;
  transition: all 0.3s ease-in-out !important;
  margin-top: 6%;
  
}
.btn-cmd-fer-mob {
  width: 220px;
  height: 55px;
  border-radius: 10px;
  background-color: #c9c9c9;
  border: none;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  font-family: 'Futura-Bold', sans-serif;
  transition: all 0.3s ease-in-out !important;
  margin-top: 6%;
}
.btn-cmd-mob:hover, .btn-cmd-mob:focus {
  box-shadow: 0 0.5em 0.5em -0.4em #E40F18;
  transform: translateY(-0.25em) !important;
}
button.btn.btn-secondary.btn-res-left {
  width: 80%;
}
button.btn-localisation {
  height: 54px;
  border-radius: 10px;
  border: 1px solid #ced4da;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
  background-color: #fff;
  font-size: 13px;
  font-family: 'Futura-Bold', sans-serif;
  transition: all 0.3s ease-in-out !important;
}

.btn-loc{
  padding-left: 0px;
}

.horaire-pop{
display: flex;
background: none;
border: none;
align-items: center;
}

.horaire-pop-m{
  background: none;
  border: none;
  display: contents;
  display: flex;
  align-items: center;
 justify-content: space-around;
}
  
  .modal-content{
    margin-top: 80px;
  }
  button.btn.btn-popup {
    border-radius: 10px;
}
.modal-title {
  font-weight: 600;
}
.time-popup{
background-color: #ecf0f4;
border-radius: 8px;
display: flex;
justify-content: center;
padding: 4px;
font-weight:600;
border: 2px solid #fff;
}
.jours{
  display: flex;
  justify-content: flex-start;
  font-weight: 600;
  align-items: center;
}
.btn-localisation:hover, .btn-localisation:focus {
  box-shadow: 0 0.5em 0.5em -0.4em #E40F18;
  transform: translateY(-0.25em) !important;
  background-color: #e40f18;
  color: #e7e7e7;
  border: none;
}

.dzWwaf-qqvbed {
  background-color: #f5f5f5 !important;
}

.hr-res-pop {
  display: flex;
  justify-content: center;
  border-top: 1px dotted #ccc;;
  padding-top: 15px;
  padding-bottom: 15px;
  
}
/* Responsive */


/*@media screen and (max-width: 991px){
  .sec-3-res{
    min-width: 96% !important;
  }
}*/

@media screen and (max-width: 900px){
  button.btn.btn-secondary.btn-res-left {
    width: 100% !important;
  }
}
@media screen and (max-width:767px){
  .btn-loc {
    padding-left: 15px !important;
  }
  button.btn-localisation {
    padding-left: 30px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding-right: 40px;
    margin-top: 10px;
  }
  button.btn.btn-secondary.btn-res-left {
    margin-bottom: 12px;
  }
}

@media screen and (max-width:768px){
  .btn-group.cstm-btns {
    width: 100%;}
  .label-saisie{
    margin-top: 6%;
    margin-left: 30px;
    font-size: 16px;
  }
  .rect-map h2 {
    font-size: 20px;
  }
  .sec-3-res{
    padding: 3% 3%;
  }
  .p-res-adresse {
    font-size: 15px;
    font-weight: 600;
  }
  .km-res {
    font-size: 18px;
}
.p-ouvert {
  font-size: 16px;
}
  .img-res-map {
    margin-right: 14px;
    width: 24px;
}
.p-fermer {
  font-size: 16px;
}
.btn-cmd, .btn-cmd-fer{
  height: 46px;
  font-size: 16px;
}
button.btn.btn-secondary.btn-res-left {
  width: 100%;
}
.btn-loc {
  padding-left: 0px;
 
}
button.btn-localisation {
 
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;

  margin-top: 10px;
 
  
}
}

@media screen and (max-width: 850px){
  .sec-3-desktop{
    display: none;
  }
}
@media screen and (min-width: 849px){
  .sec-3-mobile{
    display: none;
  }
}

.bgtop1{
  background-image: url(../../asset/img/franchise/bgtop1.svg);
  background-size: cover;
  height: 93px;
  background-repeat: no-repeat;
}

/*@media screen and (max-width: 577px){
  .sec-3-res{
    max-width: 94%;
  }
}*/


/*------------ programme VIP-----------*/

.programme-vip h1{
  font-family: 'futura-bold';
  font-size: 26px;
  color: #E40F18;
}
.programme-vip h3{
  font-family: 'raleway';
  font-size: 19px;
  font-weight: 600;

}
.programme-vip p{
  font-family: 'raleway';
  font-size: 18px;
}
.titre-steps-vip p{
  font-size: 24px;
  font-weight: 800;
  font-family: 'raleway';
}
.cercle-vip{
width: 90px;
height: 90px;
border-radius: 100%;
border: 6px solid #fcfcfc;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
position: absolute;
}
.cercle-vip p{
margin-bottom: 0px;
font-family: 'futura-bold';
color: #E40F18;
font-size: 22px;
}
.p-vip{
background-color: #fff;
float: right;
padding: 2% 4% 2% 8%;
border-radius: 18px;
border: 1px solid #F3F3F3;
font-family: 'raleway';
font-size: 17px;
font-weight: 500;
margin-left: 5%;
width: 100%;
min-height: 110px;
display: flex;
align-items: center;
}
.bg-vip-number{
display: flex;
align-items: center;
margin-bottom: 15px;
}
.connect-vip a{
margin: 0px 4px 0px 10px;
text-decoration: underline;
font-weight: 700;
font-family: 'raleway';
cursor: pointer;
color: #444444;
}

.inscri-vip{
margin: 0px 0px 0px 4px;
text-decoration: underline;
font-weight: 700;
font-family: 'raleway';
cursor: pointer;
}
.step5-vip{
margin: 0px 6px;
font-weight: 700;
}

.cercle-vip-mobile p{
margin-bottom: 0px;
font-family: 'futura-bold';
color: #E40F18;
font-size: 22px;
}
.cercle-vip-mobile{
width: 90px;
height: 90px;
border-radius: 100%;
border: 6px solid #fcfcfc;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
position: relative;
z-index: 1000;
margin: auto;
}

.p-vip-mobile{
background-color: #fff;
float: right;
padding: 12% 2% 5% 2%;
border-radius: 18px;
border: 1px solid #F3F3F3;
font-family: 'raleway';
font-size: 17px;
font-weight: 500;

width: 100%;
min-height: 110px;
text-align: center;
margin-top: -10%;
}
.titre-steps-vip-mobile p{
  font-size: 20px;
  font-weight: 800;
  font-family: 'raleway';
  text-align: center;
}
.creer-compte-vip{
width: 100%;
height: 55px;
border-radius: 10px;
background-color: var(--red-color);
border: none;
color: #fff;
font-size: 18px;
font-weight: 600;
transition: all 0.3s ease-in-out !important;
font-family: 'futura-bold';
}
.creer-compte-vip:hover, .creer-compte-vip:focus {
box-shadow: 0 0.5em 0.5em -0.4em #E40F18 !important;
transform: translateY(-0.25em) !important;
}

@media screen and (max-width:1920px) {
.sec2-vip-mobile{
  display:none;
}  
.sec1-vip-mobile{
  display: none;
} 
}
@media screen and (max-width:900px) {
.p-vip{
  margin-left: 8%
}   
}
@media screen and (max-width:767px) {
.sec2-vip{
  display: none;
}
.sec1-vip{
  display: none;
}
.sec2-vip-mobile{
  display:block;
}
.sec1-vip-mobile{
  display: block;
}
.programme-vip h1{
  text-align: center;
}
.programme-vip h3{
  text-align: center;
}
.programme-vip p{
  text-align: center;
}
}

@media screen and (max-width:414px){
  .programme-vip h1 {
    font-size: 23px;
    margin-bottom: 14px;
}
.programme-vip h3{
  margin-bottom: 14px;
}
}
@media screen and (max-width:320px) {
.programme-vip h1{
  font-size: 19px;
}
.programme-vip h3{
  font-size: 18px;
}
.programme-vip p{
  font-size: 16px;
}
.titre-steps-vip-mobile p{
  margin-top: 25px;
}
}

/* -------- Page Allergens ---------*/

.allergens h1{
  font-family: 'futura-bold';
  font-size: 26px;
  color: #E40F18;
}
.allergens p{
  font-family: 'raleway';
  font-size: 17px;
  margin-top: 16px;
}
.filtre button{
  height: 50px;
  border-radius: 10px;
  background-color: #e40f18;
  border: 2px solid #F3F3F3;;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  font-family: 'Raleway';
  font-weight: 700;
  padding: 0px 24px;
  float: right;
}
.filtre button:hover{
  height: 50px;
  border-radius: 10px;
  background-color: #fff;
  border: 2px solid #F3F3F3;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  font-family: 'Raleway';
  font-weight: 700;
  padding: 0px 24px;
  float: right;
}


.filtre i{
  margin-left: 15px;
}
.show-filtre{
  background-color: #fff;
  border: 2px solid #F3F3F3;
  border-radius: 16px;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20px 14px 20px;
}

.custom-checkbox {
  background-color: #f5f5f5; 
  padding: 10px 16px; 
  border-radius: 10px; 
  margin-right: 6px;
  margin-bottom: 6px;
}
.form-check{
  margin-bottom: 0px;
}
.form-check-label {
  margin-bottom: 0;
  font-family: 'Raleway';
  font-weight: 600;
  cursor: pointer;
  font-size: 14px;

}
.form-check-input {
  transform: scale(1.5);
  margin-right: 16px;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid #f5f5f5;
  height: 15px;
  width: 15px;
  transition: all 0.15s ease-out 0s;
  background: #ffffff;
  cursor: pointer;
  display: inline-block;
  outline: none;
  z-index: 1000;
  border-radius: 3px;
}

.form-check-input:checked {
  background: #e40f18;
  box-shadow: 0 0px 2px rgb(228 15 24);
  border: none;
}

.titre-alrgn h2{
  font-family: 'futura-bold';
  font-size: 18px;
  text-decoration: underline;
  color:#000;
  margin-bottom: 20px;
  margin-top: 40px;
}
.accordion-button{
  font-weight: 600;
  padding: 1rem 2rem !important;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #ffffff;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #ffffff;
}
.accordion{
  --bs-accordion-btn-bg:#ffffff00 !important;
  --bs-accordion-body-padding-x: 2rem !important;
}
.accordion-item{
  border-radius: 14px !important;
  border: 2px solid #f3f3f3;
  
}
.accordion-item:first-of-type .accordion-button{
  border-radius: 14px !important;
}
.alrgn-accordion{
    background-color: #e40f18;
    color: #fff;
    font-family: 'raleway';
    padding: 10px 20px;
    margin-bottom: 4px;
}

@media screen and (max-width:576px){
 
  .filtre button{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

}