.collapse{
    display: flex;
    justify-content: center;
    margin-left:-100px;
  
   
 
}
#backToTop {
    display: none; /* Caché par défaut */
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99; /* Pour être au-dessus des autres éléments */
    font-size: 18px;
    background-color:black;
    color: white;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
}

#backToTop:hover {
    background-color: #a8cedc; /* Couleur en survol */
}


/* Style pour le loader */
#loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white; /* Vous pouvez changer la couleur de fond */
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.loader-content {
    text-align: center;
}

.spinner {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

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

#loader p {
    margin-top: 20px;
    font-size: 1.5em;
    font-weight: bold;
    margin-left: -20px;
}



.container-image{
  
    margin-top: -23px;
    height: 700px;
    position: relative;
    width: 100%;
   
     
}
.container-image img{
  
    width: 100%;
    height: 750px;
    max-width: 100%;
    max-height: auto;
}
.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    font-size: 1.5em; /* Ajustez la taille de la police selon vos besoins */
    width: 50%;
    height: auto;
}

.text-overlay h1, h2{
    font-size: 80px;
    text-transform: capitalize;
}
.form-seleted{
    margin-left: 100px;
    border: 2px solid white;
    background-color: black;
    color: white;
    padding:5px;
  
}

#menu a{
    color: black;
    
}
#dropdown {
   background-color:black;
}
#dropdown a:hover{
   color: white;
   background-color:black;
   width: 200px;
 }



button{
    border: none;
  margin-left: 200px;
  margin-top: -10px;
  background-color: #ff0016;
  color: white;
  padding: 10px;
  font-weight: 900;
  position: relative;
 
}


#logo{
    height: 70px;
    margin-left: 20px;
    width: 100%;
    font-size: 500px;
}
.container-title{
    height: 300px;
    width: 100%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    margin-top: -80px;
   
    position: relative;


}
.container-title h1{
    text-align: center;
   padding: 75px;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
}
.container-title h2{
    text-align: center;
   padding: 5px;
    font-size: 25px;
     font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
    margin-top: -75px;
}
.container-title p{
    margin-top: 50px;
    font-size: 20px;
    padding: 10px;
    text-align: center;
    margin-top:50px;
}

.container-rubrique{
    height:900px;
    width: 100%;
   text-align: center;
    margin-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    background-image: url('logos.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    
}.container-first{
  
 width: 60%;
 height: 500px;
 box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
 color: white;
 background-color: black;
margin-top: 100px;
border-bottom: 3px solid white;
padding: 5px;
}
.container-first:hover{
    background-color: white;
    color: black;
}
.container-first img{
    width: 100%;
   
}
.container-second{
    margin-top: 100px;
    width: 60%;
    height: 500px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    color: white;
    background-color:black;
    border-bottom: 3px solid white;
    padding: 5px;
   }
   .container-second:hover{
    background-color: white;
    color: black;
    border-bottom: 3px solid black;
}
   .container-second img{
    width: 100%;
}
.container-third{
    margin-top: 100px;
    width: 60%;
    height: 500px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    color: white;
    background-color:black;
    border-bottom: 3px solid white;
  
    padding: 5px;
   }
   .container-third:hover{
    background-color: white;
    color: black;
}
   .container-third img{
    width: 100%;
    height: 160px;
}
.container-fourth{
    margin-top: 100px;
    width: 60%;
    height: 500px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    color: white;
    background-color:black;
    border-bottom: 3px solid white;
  
    padding: 5px;
   }
   .container-fourth:hover{
    background-color: white;
    color: black;
}
   .container-fourth img{
    width: 100%;
    height: 160px;
}
    .container-first p{
       margin-top: 40px;
       font-size: 20px;
       margin-left:25px;
   
    }
    .container-first h6{
        margin-top: 60px;
        font-size: 20px;
      
       text-transform: uppercase;
    
      
     }
     .container-second p{
        margin-top: 40px;
        font-size: 18px;
        margin-left: 25px;
        
     }
     .container-second h6{
        margin-top: 60px;
        font-size: 20px;
        margin-left: 25px;
       text-transform: uppercase;
        
      }
      .container-third p{
        margin-top: 40px;
        font-size: 18px;
        margin-left: 25px;
   
     }
     .container-third h6{
        margin-top: 60px;
        font-size: 20px;
       margin-left: 28px;
       text-transform: uppercase;
         
      }
      .container-fourth p{
        margin-top: 40px;
        font-size: 20px;
        margin-left: 25px;
       
     }
     .container-fourth h6{
         margin-top: 60px;
         font-size: 20px;
         margin-left: 80px;
         text-transform: uppercase;
         margin-left: 25px;
      }
      #title{
         margin-left: -400px;
      }
    .valeur{
    margin-left: 480px;
     padding: 50px;
     font-size: 50px;
     position: absolute;
     margin-top: 58px;
     color: white;
        
      }
      .container-prestation{
        width: 100%;
        height: 600px;
        background-color: black;
        margin-top: 10px;
        position: relative;
  
      }
      .container-prestation h5{
        margin-left: 350px;
        font-size: 35px;
        margin-top: 25px;
        position: absolute;
        font-weight: 900;
        padding: 15px;
         color: white;
        text-transform: uppercase;
      }
    
    .container-formule{
        background-color: black;
        width: 100%;
        height: 800px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 80px;
        color: white;
        padding: 40px;
    }
    .container-formule-contenu{
       background-color: rgb(168, 216, 234);
        width: 100%;
        height: 470px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: -80px;
   
      
      
   
    }
    .container-formule-first{
        width: 50%;
        height: 350px;
    background-image: url('logos.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 30px;
    }
    .container-formule-second{
        width: 50%;
        height: 300px;
      
        background-image: url('picture/DSC_5115.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 30px;
    }
    .container-formule-third{
        width: 50%;
        height: 300px;
        background-image: url('picture/DSC_4757.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 30px;
    }
    .container-formule-fourth{
        width: 50%;
        height: 300px;
        background-image: url('picture/DSC_5051.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 27px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left: 80px;
        padding: 15px;
        margin-top: 60px;
        font-weight: 900;
    }
    .service{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left: 80px;
        padding: 15px;
        margin-top: 60px;
        font-weight: 900;
    }
    .formule:hover{
        background-color: #a8cddb;
        color:black;
    }
.footer{
    width: 100%;
    height: 400px;
    margin-top:250px;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-footer-first{

    width: 50%;
    height: 300px;
}

.container-footer-first .fa-brands{
    font-size: 30px;
    margin-left: 25px;
  
    color: white;


}
.container-footer-first h4{
    color: white;
    font-size: 15px;
    padding: 15px;
}
.container-footer-first p{
    color: white;
    font-size: 16px;
    margin-top: 25px;
    padding: 15px;
}
.container-footer-second{

    width: 33%;
    height: 300px;
}
.container-footer-third{
 
    width: 33%;
    height: 300px;
    gap: 10px;
    
}

.container-footer-thrid-logo{
  
    width: 200px;
    height: 100px;
  
}
.container-footer-third-logo p{
    font-size: 18px;
    color: white;
    margin-top: -80px;
    margin-left: 25px;

  
}
.container-footer-third p{
   color: white;
   margin-left: 25px;
   margin-top: -20px;
}

.container-footer-copyright{
    width: 100%;
    height: 300px;
    background-color: green;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-footer-second a{
 text-decoration: none;
 color: white;

}
.container-footer-second ul{
    color: white;
}
.container-footer-third .fa-solid{
    color: white;
  
}

.container-service-conciergerie-title{
    width: 100%;
    height: 500px;
    margin-top: -25px;
}
.container-service-conciergerie-title img{
    height: 480px;
    width: 100%;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
}

.container-service-conciergerie-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height: 400px;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 50%;
    height: 500px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 45%;
    height: 300px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
   width: 100%;
   border-radius: 0;
   margin-left: -20px;
   height: 380px;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
}


.container-service-shopper-title{
    width: 100%;
    height: 500px;
    margin-top: -25px;
}
.container-service-shopper-title img{
    height: 480px;
    width: 100%;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
}

.container-service-shopper-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height: 400px;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-service-shopper-detail-first{
   background-color: #e5e6eb;
    width: 50%;
    height: 500px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: #444444;
    width: 45%;
    height: 300px;
    position: relative;
}
.container-service-shopper-detail-second img{
   width: 100%;
   border-radius: 0;
   margin-left: -20px;
   height: 380px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
}



#package-decouverte{
    font-weight: 900;
}
#miras{
    font-weight: 900;
}
#vip{
    font-weight: 900;
}

.container-formule-choice{
    width: 100%;
    height: 300px;
    background-color: red;
    margin-top: 200px;
}


.container-evenementiel-contenu-title{

    width: 100%;
    height: 500px;
}
.container-evenementiel-contenu-title h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:50px;
}

.container-evenementiel-title img{
    width: 100%;
    height: 800px;
   
}
.container-evenementiel-sitation {
    width: 100%;
    height: 300px;
    margin-top: -350px;
}
.container-evenementiel-sitation p {
   text-align: center;
   font-size: 35px;


}

.container-evenementiel-element{
    width: 100%;
    height: 1950px;
  
}
.container-mariages{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;


}
.container-mariages-first{
    width: 100%;
    height: 500px;
    background-color: whitesmoke;


}
.container-mariages-first h5{

font-weight: 900;
font-size: 35px;
margin-top: 25px;

}
.container-mariages-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-mariages-second img{
     width: 95%;
     margin-left: 20px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    

}
.container-mariage-descrip{
    
    width: 100%;
    height: 300px;
}
.container-mariage-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}

.container-anniversaire{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-anniversaire-descrip{
    
    width: 100%;
    height: 300px;
}
.container-anniversaire-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-anniversaire-first{
    width: 100%;
    height: 500px;
    background-color:black;


}

.container-anniversaire-first img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-anniversaire-second{
    width: 100%;
    height: 500px;
    background-color:whitesmoke;
}

.container-anniversaire-second h5{

    font-weight: 900;
    font-size: 35px;
    margin-top: 25px;
    
    }


.container-bapteme{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-bapteme-first{
    width: 100%;
    height: 500px;
    background-color: whitesmoke;


}
.container-bapteme-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-bapteme-second img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-bapteme-descrip{
    
    width: 100%;
    height: 300px;
}
.container-bapteme-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-bapteme-first h5{

    font-weight: 900;
    font-size: 35px;
    margin-top: 25px;
    
    }
.container-affaires{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;

}
.container-affaires-first{
    width: 100%;
    height: 500px;
    background-color: black;


}
.container-affaires-second{
    width: 100%;
    height: 500px;
    background-color: whitesmoke;
}
.container-affaires-descrip{
    
    width: 100%;
    height: 300px;
}
.container-affaires-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-affaires-second h5{

    font-weight: 900;
    font-size: 35px;
    margin-top: 25px;
    
    }
    .container-affaires-first img{
        width: 95%;
        margin-left: 20px;
        height: 450px;
        object-fit: cover;
        margin-top: 20px;
       
    
    }
    .preste{
        background-color: black;
        color: white;
        margin-left: 25px;
        padding:15px;
    }

.container-evenement-formulaire{
    width: 100%;
    height: 900px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
 
}

.container-evenement-formulaire-contenu{
    width: 68%;
    height: 500px;

    margin-top:-50px;
    margin-left: 200px;
 
   
}
.container-evenement-formulaire-contenu .form-floating input{
    width:400px;
}
#but{
    width: 870px;
    font-size: 20px;
    margin-left: 5px;
    height: 65px;
    
}
.container-evenement-formulaire-contenu .form-floating textarea{
    width:870px;
    height: 280px;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left: 300px;
    font-weight: 900;
    font-size: 25px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 50px;
    color: white;
    margin-left: -50px;
}

.container-package-titles{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-titles img{
    width: 100%;
    height: 400px;
  
}
.container-package-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height: 400px;
  
}
.container-package-decouverte h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 900;
}
.container-package-decouverte img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
    background-size: cover;
}

.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
#package-decouvertes{
    text-decoration: none;
    margin-top: 500px;
    text-align: center;
    margin-left: 200px;
    background-color: black;
    padding: 10px;
    color: white;
    font-size: 20px;
    font-weight: 900;
    border-radius: 10px;
}
#package-decouvertes:hover{
    background-color: brown;
}

/* fin du container pour la package decouverte */


.container-nos-formules-title{
    width: 100%;
    height: 400px;
}
.container-nos-formules-title img{
    width: 100%;
    height: 400px;
    margin-top:-30px;
 
}
.container-nos-formule-contenu{
    width: 100%;
    height: 400px;

}
.container-nos-formule-contenu h1{
    text-align: center;
}

.container-nos-formule-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-nos-formule-pour-chaque{
    width: 100%;
    height: 400px;

    margin-top: -100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.container-nos-formules-package-decouverte{
    width: 50%;
    height: 300px;
  
}
.container-nos-formules-package-mira{
    width: 50%;
    height: 300px;
  
}
.container-nos-formules-package-vip{
    width: 50%;
    height: 300px;
 
}
.container-nos-formules-package-bussiness{
    width: 50%;
    height: 300px;
  
}
.container-nos-formules-package-go{
    width: 50%;
    height: 300px;
    background-color: black;
}
.container-a-propos-title{
    width: 100%;
    height: 780px;
 
}
.container-a-propos-title img{
    width: 100%;
    height: 800px;
    margin-top: 50px;
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 50px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 480px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.container-a-propos-first{
   width:70%;
   height: 880px;
   background-color: #e5e6eb;
}

.container-a-propos-first img{
   width: 100px;
   height: 80px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: -90px;
   margin-left: 150px;
   object-fit: fill;
 }
.container-a-propos-second{
    width:50%;
    height: 300px;
    background-color: black;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 750px;
    max-width: 100%;
    max-height: auto;
 }
.container-a-propos-first h5{
    padding: 10px;
    font-weight: 900;
    font-size: 25px;
    margin-top: 25px;
    
}
.container-a-propos-first p{
    margin-left: 15px;
    justify-content: center;
   
}
#device{
    font-weight: 900;
}
#samira{
    font-weight: 900;
}
.sam{
    font-weight: 900;
    font-size: 30px;
}
.sams{
    font-weight: 900;
    font-size: 40px;
}
.samss{
 
    font-size: 53px;
}

.container-contact-title{
    width: 100%;
    height: 400px;
}
.container-contact-title img{
    width: 100%;
    height: 400px;
    margin-top:-30px;
 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 60px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}
.container-contact-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-contact-detail{
    width: 100%;
    height: 400px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.container-lieu{
    background-color: black;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 230px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
}

.container-lieu-contenu h5{
    font-size: 15px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: white;
}
.container-lieu-contenu p{
    font-size: 15px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: white;
}





.container-telephone{
    background-color: black;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 230px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
}

.container-telephone-contenu h5{
    font-size: 15px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;

    color: white;
}
.container-telephone-contenu p{
    font-size: 15px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    color: white;
}



.container-mail{
    background-color: black;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 245px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
}

.container-mail-contenu h5{
    font-size: 15px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: white;
}
.container-mail-contenu p{
    font-size: 13px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: white;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 500px;
  

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
   
    width: 100%;
    height: 500px;
}

.container-contact-contenu-suite-detail-left{
    width: 50%;
    height: 700px;
    background-color: black;
    margin-top: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
}
.container-contact-contenu-suite-detail-right{
    width: 50%;
    margin-top: 300px;
    height: 700px;
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 40px;
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 150px;
    width: 100px;
    margin-top:-50px;
}
#input:hover{
    background-color: white;
    border:1px solid black;
    color: black;
}
.container-contact-contenu-suite-detail-right iframe{
    height: 693px;
}
#change{
    font-size: 80px;
}
#plaisir{
    font-size: 80px;
}


.container-slogan{
    width: 100%;
    height: 80px;
  
    margin-top: 100px;
   
}
.container-slogan span{
    text-align: center;
    font-size: 60px;
  
}
.container-slogan h5{
    text-align: center;
    font-size: 40px;
    margin-top: -75px;
}

.details{
    text-decoration: none;
}

.container-package-decouverte h1{
    margin-top: 50px;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    height: 100%;
}

.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
  
    gap: 5px;
}
.container-formule-decouverte-contenu-first{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-decouverte-contenu-first h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 35px;
    
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.container-autre-formule-first{
   width: 50%;
   height: 300px;
   background-color: green;


}

.container-autre-formule-first h5{
    padding: 40px;
    margin-top: 25px;
    color: white;
    font-size: 28px;
 }
 
.container-autre-formule-second{
    width: 50%;
    height: 300px;

 }

 .container-autre-formule-second h5{
    padding: 40px;
    margin-top: 25px;
    color: white;
    font-size: 28px;
 }
 .container-autre-formule-third{
    width: 50%;
    height: 300px;
 
 }
 .container-autre-formule-third h5{
    padding: 40px;
    margin-top: 25px;
    color: white;
    font-size: 28px;
 }
 .autre{
   margin-left: 120px;
   color: white;
   background-color: black;
   padding: 15px;
   text-decoration: none;
   font-weight: 900;
 }

 
 .formules{
    background-color: black;
    color: white;
 
    margin: 15px;
    text-decoration: none;
    font-weight: 500;
}
.formules:hover{
    background-color: brown;
}


 .container-package-mira-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-mira-title img{
    width: 100%;
    height:350px;
  
}
.container-package-mira h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 900;
}
.container-package-mira img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}




.container-formule-mira{
    width: 100%;
    height: 400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
  
    gap: 5px;
}
.container-formule-mira-contenu-first{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}






.container-autre-formule-mira{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 35px;
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.container-autre-formule-mira-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-mira-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
    color: white;
 }
.container-autre-formule-mira-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-mira-second h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-mira-third{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-mira-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .autre{
   margin-left: 120px;
   color: white;
   background-color: black;
   padding: 15px;
   text-decoration: none;
   font-weight: 900;
 }

 

 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-bussiness-title img{
    width: 100%;
    height:350px;
  
}
.container-package-bussiness h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 900;
}
.container-package-bussiness img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}



.container-formule-bussiness{
    width: 100%;
    height: 400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
  
    gap: 5px;
}
.container-formule-bussiness-contenu-first{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-bussiness-contenu-first h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 35px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .autre{
   margin-left: 120px;
   color: white;
   background-color: black;
   padding: 15px;
   text-decoration: none;
   font-weight: 900;
 }



 
.container-autre-formule-night{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 35px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.container-autre-formule-night-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-night-first h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 25px;
    font-weight: 800;
 }
.container-autre-formule-night-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-night-second h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 25px;
    font-weight: 800;
 }
 .container-autre-formule-night-third{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-night-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 25px;
    font-weight: 800;
 }
 .autre{
   margin-left: 120px;
   color: white;
   background-color: black;

   text-decoration: none;
   font-weight: 900;
 }

 .container-package-vip-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-vip-title img{
    width: 100%;
    height:350px;
  
}
.container-package-vip h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 900;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 400px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 50%;
    height:500px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
    
    
}

.container-formule-vip-contenu-first h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 35px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-vip-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-vip-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-vip-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-vip-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-vip-third{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-vip-third h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 #phone{
    margin-top: 50px;
    width: 100px;
   
    margin-right: 100px;
 }


 .container-text{
    background-color: red;
    width: 100%;
    height: 400px;
    margin-top: 500px;
 }

 .container-package-reservation-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-reservation-title img{
    width: 100%;
    height:350px;
  
} 
.container-reservation-contenu{
    background-color:black;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.container-package-reservation h1{
    text-align: center;

    font-weight: 900;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
    background-color: red;
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{

    width: 100%;
    height: 400px;
    margin-top: -200px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}
.container-reservation-contenu-second .form-floating input::placeholder{
    opacity: 1;
    color: black;

}
#phone{
    height: 58px;
    width: 300px;
    margin-left: 50px;
}

.form-floating input{
    font-size: 20px;
    margin-left: -10px;
    
}

#textarea{
    width: 600px;
}
.MyInput{

    background-color: black;
    color: white;
    border: none;
    text-align: center;
    margin-top:40px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 120px;
    font-weight: 900;
    

}




.container-title-info{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-title-info img{
    width: 100%;
    height:350px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
    font-size: 15px;
  
}
.container-title-contenu-info img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

#price{
    background-color:white;
    width:275px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left:15px;
}

.information{
  
    width:100%;
    height:500px;
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
    float: right;
}
.information-first{
    width:55%;
   box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    height:600px;
    margin-top:50px;
}
.information-second{
      width:85%;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    height:580px;
    background-color:black;
    margin-top:50px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:white;
    color:black;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p{
    font-size:25px;
    font-weight:900;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-second p{
    font-size:18px;
  
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
   
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
   
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
  
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
  
    gap:75px;
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
}
.form-floating input, label{
    width:280px;
    margin-left:10px;
}
#submit{
    margin-top:50px;
    margin-left:200px;
    border:none;
    background-color:black;
    color:white;
    border:2px solid white;
    padding:15px;
}
#remise{
    margin-left:-35px;
}
#enfant{
    margin-left: -18px;
}

.container-dashboard{
    width: 100%;
    height: 300px;
    
    margin-top: 200px;
}
.selection{
    float: right;
}
h5{
    text-align: center;
    margin-top: 50px;
}
.container-dashboard-title{
   
    width: 100%;
    height:200px;
    margin-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
#attente{
    font-size: 25px;
    color: white;
    text-align: center;
    padding: 20px;
}
#personne{
    font-size: 25px;
    color: white;
    text-align: center;
}
.container-dashboard-first{
    width: 30%;
    background-color: black;
    height: 200px;
}
.container-dashboard-second{
    width: 30%;
    background-color: black;
    height: 200px;
}
.container-dashboard-third{
    width: 30%;
    background-color: black;
    height: 200px;
}

#bas{
    font-weight: 900;
    margin-top: 95px;
    text-align: center;
    text-transform: capitalize;
}

.marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
  
    white-space: nowrap;
}

.marquee h1 {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
      text-transform: uppercase;
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}


.container-repondre-formulaire{
   width: 100%;
   height: 700px;
   background-color: black;
   margin-top: 200px;
   display: flex;
   justify-content: center;
   align-items: center;
}


.confirmation-repondre-contenu{
    width: 60%;
    height: 400px;
    background-color: black;
    margin-left: 400px;
}

.confirmation-repondre-contenu input{
    width: 300px;
    height: 50px;
}
.confirmation-repondre-contenu textarea{
    width: 300px;
}
.confirmation-repondre-contenu h1{
    color: white;
    padding: 25px;
    margin-top: -50px;
    margin-left: -50px;
}

.confirmation-repondre-contenu label{
    color: white;
    font-size: 25px;
}

#reponse{
    background-color: black;
    color: white;
    padding: 20px;
    border: 1px solid white;
    margin-top: 50px;
}


#prestations  {
   color: black;
   width: 600px;
   background-color: white;
   height: px;
}



#h3{
    margin-left: 100px;
    padding: 15px;
}


.formule-decouverte-first-anchor{
    background-color: black;
    padding: 20px;
    margin: 20px;
    color: white;
}
.formule-decouverte-second-anchor{
    background-color: black;
    padding: 20px;
    margin: 20px;
    color: white;
}



.container-service .valeur{
  
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    
  
  
}

.prestation {
    margin-bottom: 20px;
}

.btn-open-modal {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    max-width: 600px;
    border-radius: 5px;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.service {
    margin-bottom: 10px;
    font-size: 25px;
}

.btn-submit {
    padding: 10px 20px;
    background-color: #28a745;
    color: white;
    border: none;
    cursor: pointer;
}

.btn-submit:hover {
    background-color: #218838;
}
.container-login{
    width: 100%;
    height: 1000px;
    background-image: url("picture/DSC_4857.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.container-login h2{
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
   
}
.container-login-form{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 200px;
}

.container-login-form label{
    color: white;
    font-size: 25px;

}
 .maint{
    color: white;
    margin-left: 25px;
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
}
.submit{
    background-color: black;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 50px;
    font-size: 20px;
    width: 200px;
 
}

.container-partenariat{

    width: 100%;
    height: 300px;
    margin-top: 300px;
   
}
.container-partenariat-title h1{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
}

.container-partenariat-contenu{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
}

.container-partenariat-first{
    width: 50%;
 
    height: 300px;
}

.container-partenariat-first img{
    width:100%;
}
.container-partenariat-second{
    width: 50%;
  
    height: 300px;
}
.container-partenariat-second img{
    width:100%;
}
.container-partenariat-third{
    width: 50%;

    height: 300px;
}
.container-partenariat-third img{
    width:100%;
}
.container-partenariat-fourth{
    width: 50%;
    height: 300px;
}
.container-partenariat-fourth img{
    width:100%;
}
.container-partenariat-fifth{
    width: 50%;
    height: 300px;
}
.container-partenariat-fifth img{
    width:100%;
}
.container-partenariat-six{
    width: 50%;
    height: 300px;
}
.container-partenariat-six img{
    width:100%;
}
.container-partenariat-seven{
    width: 50%;
    height: 300px;
}
.container-partenariat-seven img{
    width:100%;
}
.container-partenariat-heighteen{
    width: 50%;
    height: 300px;
}
.container-partenariat-heighteen img{
    width:100%;
}
.container-title-title{
  
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative


}

.container-title-title h3{
  
  position: relative;
  width: 50%;
  text-align: center;


}

.navbar-toggler-icon{
   background-color: #a8cedc;
   padding: 10px;
   color: black;
   border-radius: 5px;
}


.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-size: 50px;
}


.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1000px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 50%;
    height:600px;
}
.container-disposition-first h5{
    font-size: 35px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 50%;
    height: 600px;
}
.container-disposition-second img{
    width: 50%;
    height: 580px;
    margin-left: 200px;
    margin-top: 10px;
    object-fit: contain;
 
}

.container-disposition-first ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 15px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.container-entreprise-first{
    background-color: black;
    width: 50%;
    height: 500px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 50%;
    height: 500px;
   
}

.container-entreprise-first img{
    width: 50%;
    height: 600px;
    margin-left: 200px;
    margin-top: -60px;
    object-fit: contain;
 
}

.container-entreprise-second ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 15px;
}
.container-entreprise-second h5{
    font-size: 35px;
    font-weight: 900;
    padding-top: 25px;
}
.navbar{
    background-color: black;
}

.container-citation{
 
    width: 100%;
    height: 800px;
    margin-top: -500px;
}

.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-sous-titre-autre a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 15px 30px; /* Moins de padding pour une taille plus petite */
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; /* Réduction de la taille de la police */
    width: 200px; /* Largeur fixe du bouton */
    margin: 0 auto; /* Centre le bouton horizontalement */
}

.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}



@media  only screen and  (min-width: 200px) and (max-width:321px){
    
  
    .modal-body label{
        margin-left:40px;
     }
       
 .container-evenementiel-contenu-title{
 
     width: 100%;
     height: 500px;
 }
 .container-evenementiel-contenu-title h1{
     text-align: center;
     margin-top: 50px;
     font-weight: 500;
       font-family: "Roboto", sans-serif;
   font-style: italic; 
   font-size:50px;
 }
 
 .container-evenementiel-title img{
     width: 100%;
     height: 600px;
    
 }
 .container-evenementiel-sitation {
     width: 100%;
     height: 300px;
     margin-top: -350px;
 }
 .container-evenementiel-sitation p {
    text-align: center;
    font-size: 15px;
 
 
 }
 
 .container-evenementiel-element{
     width: 100%;
     height: 3300px;
   
 }
 .container-mariages{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     flex-direction: column;
     margin-top: 300px;
 
 
 }
 .container-mariages-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-mariages-first h5{
 font-weight: 900;
 font-size: 35px;
 margin-top: 25px;
 
 }
 .container-mariages-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-mariages-second img{
      width: 95%;
      margin-left: 10px;
      height: 450px;
      object-fit: cover;
      margin-top: 20px;
     
 
 }
 .container-mariage-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-mariage-descrip p{
      font-size: 20px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 
 .container-anniversaire{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-anniversaire-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-anniversaire-descrip p{
      font-size: 20px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-anniversaire-first{
     width: 100%;
     height: 500px;
     background-color:black;
 
 
 }
 
 .container-anniversaire-first img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-anniversaire-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 
 .container-anniversaire-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 
 
 .container-bapteme{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 680px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-bapteme-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-bapteme-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-bapteme-second img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-bapteme-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-bapteme-descrip p{
      font-size: 20px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-bapteme-first h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 .container-affaires{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
 
 }
 .container-affaires-first{
     width: 100%;
     height: 500px;
     background-color: black;
 
 
 }
 .container-affaires-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 .container-affaires-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-affaires-descrip p{
      font-size: 20px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-affaires-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
     .container-affaires-first img{
         width: 95%;
         margin-left: 10px;
         height: 450px;
         object-fit: cover;
         margin-top: 20px;
        
     
     }
     .preste{
        margin-top: -80px;
    
     }
                                                                  
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
text-transform: uppercase;
 font-size: 50px;
 margin-top: 200px;
}

.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1150px;
    margin-top: -285px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    margin-top: 200px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 100%;
    height:600px;
}
.container-disposition-first h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 100%;
    height: 380px;
}
.container-disposition-second img{
    width: 80%;
    height: 280px;
    margin-left: 40px;
    margin-top: 10px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 15px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 160px;
    display: flex;
    flex-direction: column-reverse;
}

.container-entreprise-first{
    background-color: black;
    width: 100%;
    height: 395px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 100%;
    height: 595px;
   
   
}

.container-entreprise-first img{
    width: 90%;
    height: 230px;
    margin-left: 20px;
    margin-top: 5px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 15px;
}
.container-entreprise-second h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}

    
    .hrr{
        border: none;
         border-bottom: 10px solid #a8cedc;  
        width: 25%;
        margin:0 auto;
        margin-left: 35px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: 30px;
        margin-bottom: 50px;
    }

    .container-partenariat{

        width: 100%;
        height: 800px;
        margin-top: 100px;
   
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 100px;
        flex-direction: column;
        height: 800px;
        width:100%;
        gap: 25px;
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:80%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:80%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:80%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:80%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:80%;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:80%;
    }
    
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: 10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 680px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: contain;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        font-size: 25px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    .footer{
        width: 100%;
        height: 1400px;
        margin-top:250px;
        background-color:black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .container-footer-first{
    
        width: 100%;
        height: 300px;
        
    }
    
    .container-footer-first .fa-brands{
        font-size: 40px;
        margin-left: 50px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size: 18px;
        margin-top: 180px;
        padding: 15px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 33%;
        height: 300px;
    }
    .container-footer-third{
     
        width:75%;
        height: 300px;
        gap: 10px;
        margin-top: -75px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: 25px;
       margin-top: -30px;
       font-size: 18px;
       color: #a8cedc;
    }
    
    .container-footer-fourth{
      
        width: 60%;
        height: 300px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 15px;
        color: #a8cedc;
    }
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;

    }
    
    .container-footer-second a{
     text-decoration: none;
     color: #a8cedc;
     margin-left: 25px;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -150px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 20px;
        margin-left: -15px;
        line-height: 25px;
        margin-top: -5px;
       
      
    }
    #plan{
        color: #a8cedc;
        font-size: 18px;
        margin-left: -80px;
    }

    #menu a{
        color: #a8cedc;
        margin-left: 80px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
   
  
     .container-image{
        height: 850px;
        position: relative;
        width: 100%;
        margin-top: -50px;
       
         
    }
    .container-image img{
        width: 100%;
        height: 600px;
        object-fit: cover;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
        margin-top: -450px;
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 35px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:4000px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: column;
    }
    
    .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -10px;
        font-size: 35px;
        color: white;
       ;
    }
          .container-first{
      
            width: 100%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 490px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-third{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 100%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color:#a8cedc;
        width: 100%;
        height: 1300px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 35px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 1300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: column;
      
      
   
    }
    .container-formule-first{
        width: 100%;
        height: 300px;
        background-image: url('compress/DSC_5115-min.jpg');
       
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 100%;
        height: 300px;
        background-image: url('picture/discover.png');
   
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 100%;
        height: 300px;
        background-image: url('picture/voiture.jpg');
      
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 100%;
        height: 300px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left:120px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 600px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 50px;
      margin-top: -80px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 1300px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-a-propos-first{
   width:100%;
   height: 1200px;
   background-color: #a8cedc;
   margin-top: -400px;
}
.container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 150px;
    vertical-align: center;
    float: right;
    margin-top: -30px;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 2.6; 

    
}
        .container-a-propos-first bold{
            font-weight: 800;
          }
.container-a-propos-second{
    width:100%;
    height: 100px;
    background-color: black;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 530px;
    object-fit: fill;
   
 }
 
.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
}

.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 25px;
    font-size: 13px;
}

.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height:1000px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.3rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height:600px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.3rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 1500px;
    margin-top: 800px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 1700px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: column-reverse;

    margin-top: 800px;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 100%;
    height: 500px;
}
.container-evenement-bapteme-contenu-right{

    width: 100%;
    height: 450px;
    background-color: black;
}
.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
}
.container-evenement-bapteme-contenu-left h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}
.container-evenement-bapteme-contenu-right img{
    height: 400px;
    margin-left: 38px;
    margin-top: 25;
}
.container-citation{
       
    width: 100%;
    height: 500px;


    
}
.container-citation p{
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -700px;
    position: relative;
    z-index: 2; 
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: 500px;
    height: 800px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 2.8rem;
 
}
.container-mariage{
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;

    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: -300px;
 
}

.container-mariage-right{
    width: 100%;
    height: 500px;
    background-color: black;
    margin-top: 50px;
}
.container-mariage-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 400px;
 

}
.container-aniversaire{
    width: 100%;
    height: 2000px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: 50px;
}
.container-aniversaire-left{
 
    width: 100%;
    height: 470px;
    background-color: black;
    margin-top: -100px;
}
.container-aniversaire-left img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;

}
.container-evenement-formulaire{
    width: 100%;
    height: 1500px;
    background-color: black;
    margin-top: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:85%;
    height: 200px;
    margin-top:-100px;
    margin-left: 50px;

}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 300px;
    font-size: 25px;
    margin-left: -25px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 200px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 200px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:20px;
    margin-left:20px;
    font-weight: 900;
    font-size: 20px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 25px;
    color: white;
    margin-left: -65px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 1300px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 40px;
    margin-top: -50px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-evenement-contenu-detail-left{
    width: 100%;
    height: 500px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 2.8rem;
    font-weight: 900;
    padding: 15px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}
.container-evenement-contenu-detail-right{
  
    width: 100%;
    height: 470px;
    background-color:  black;
    margin-top: 50px;
}

.container-evenement-contenu-detail-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
  
}



.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 600px;
    margin-top: 50px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 700px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.container-lieu{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 1680px;

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 2000px;
    margin-top: -250px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 100%;
    height: 800px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
   margin-top: 200px;
}
.container-contact-contenu-suite-detail-right{
    width: 100%;
    margin-top:120px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 35px;
    margin-bottom: 20px;
    margin-top: -50px;
    width: 500px;
    margin-left: -15px;
    
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 300px;
    height: 50px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 300px;
    margin-left: -25px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 40px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
    margin-top: -25px;
}
#phone{
    height: 58px;
    width: 400px;

}


.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1795px;
    object-fit: cover;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 30px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: 35px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: column;
    gap: 5px;
    margin-top: 40px;
}
.container-formule-decouverte-contenu-first{
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    height: 600px;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
 
    width: 100%;
    height: 670px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 18px;
    padding: 40px;
    margin-top: -20px;
   
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top: -15px;
}
.container-autre-formule-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
    
   
 }
 
.container-autre-formule-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 18px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 15px;
    margin: 20px;
    color: black;
}
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}

 


.container-package-mira-title{
    width: 100%;
    height: 250px;

}


.container-package-mira-title img{
    width: 100%;
    height:2100px;
    object-fit: cover;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 30px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 100px;
margin-top: 50px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
}





.container-formule-mira{
    width: 100%;
    height: 1400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: -50px;
}
.container-formule-mira-contenu-first{
    width: 100%;
    height:498px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}






.container-autre-formule-mira{
 
    width: 100%;
    height: 660px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 18px;
    padding: 45px;
    margin-top: -70px;
  
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height:780px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top:-20px ;
}
.container-autre-formule-mira-first{
   width: 75%;
   height: 300px;
 background-image: url('picture/discover.png');
 background-repeat: no-repeat;
 background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-mira-second{
    width: 75%;
    height: 300px;
    background-image: url('picture/night.png');
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-mira-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:2030px;
    object-fit: cover;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 30px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 10px;
display: inline-block;
margin-top: 50px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 1400px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
 
    width: 100%;
    height: 640px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 18px;
    padding: 15px;
    margin-top: 200px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 795px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-autre-formule-vip-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-vip-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-vip-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-vip-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }

 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:2010px;
    object-fit: cover;
  
}


.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 30px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: -60px;
}



.container-formule-bussiness{
    width: 100%;
    height: 1400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
}
.container-formule-bussiness-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;
 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
 
    width: 100%;
    height: 595px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 18px;
    padding: 40px;
    margin-top: 195px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}
.container-autre-formule-night-first{
   width: 95%;
   height: 300px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-night-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-night-second{
    width: 75%;
    height: 300px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-night-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
   background-repeat: no-repeat;
   background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
  
} 
.container-reservation-contenu{
    background-color:black;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 30px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 695px;
    margin-top: 80px;
    padding: 20px;
    border-radius: 15px;
    margin-left: -10px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}
.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
    margin-left: 20px;
    width: 300px;

}

.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:10px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 85px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width: 300px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left: 20px;
    height:60px;
}


.information{
  
    width:100%;
    height:1300px;
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: column;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.container-title-infos img{
    width: 100%;
    height:2000px;
    object-fit: cover;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:600px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 50px;
  margin-top: -180px;
  margin-left: -18px;
}

.information-first{
    width:100%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:100%;
      background-color: rgba(0,0,0,0.7);
    height:800px;
    margin-top:50px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p{
    font-size:18px;
    color: white;
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
  color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:98%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-second #submit{
    margin-left: 200px;
    margin-top: 10px;
}
.information-contenu-thirds-adultes{
    color:white;
    font-size: 14px;

   
}
.information-contenu-thirds-enfant{
    color:white;
    font-size: 14px;

   
}
.information-contenu-thirds-remise{
    color:white;
    font-size: 14px;
   
}
.nformation-contenu-thirds-remise{
    margin-left: -50px;
   
}
.information-contenu-second p:nth-child(1){
    font-size: 15px;
    color: white;
}
.information-contenu-second p:nth-child(2){
    font-size: 15px;
    color: white;
}
.information-contenu-second p:nth-child(3){
    font-size: 15px;
    color: white;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second input[type="text"],
.information-second input[type="email"],
.information-second input[type="email"]  {
    width: 300px;
    margin-left: 13px;
}
.information-second label
{
   
    margin-left: 40px;
}

.information-second .row {
    flex-direction: column; 
    gap: 10px; 
    width: 350px;
}
.information-second #submit {
    margin-left: 45px;
}
   
 
}
@media  only screen and  (min-width: 322px) and (max-width:343px){
    

    .modal-body label{
        margin-left:40px;
     }
       
 .container-evenementiel-contenu-title{
 
     width: 100%;
     height: 500px;
 }
 .container-evenementiel-contenu-title h1{
     text-align: center;
     margin-top: 50px;
     font-weight: 500;
       font-family: "Roboto", sans-serif;
   font-style: italic; 
   font-size:50px;
 }
 
 .container-evenementiel-title img{
     width: 100%;
     height: 600px;
    
 }
 .container-evenementiel-sitation {
     width: 100%;
     height: 300px;
     margin-top: -350px;
 }
 .container-evenementiel-sitation p {
    text-align: center;
    font-size: 15px;
 
 
 }
 
 .container-evenementiel-element{
     width: 100%;
     height: 3300px;
   
 }
 .container-mariages{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     flex-direction: column;
     margin-top: 300px;
 
 
 }
 .container-mariages-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-mariages-first h5{
 font-weight: 900;
 font-size: 35px;
 margin-top: 25px;
 
 }
 .container-mariages-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-mariages-second img{
      width: 95%;
      margin-left: 10px;
      height: 450px;
      object-fit: cover;
      margin-top: 20px;
     
 
 }
 .container-mariage-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-mariage-descrip p{
      font-size: 20px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 
 .container-anniversaire{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-anniversaire-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-anniversaire-descrip p{
      font-size: 20px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-anniversaire-first{
     width: 100%;
     height: 500px;
     background-color:black;
 
 
 }
 
 .container-anniversaire-first img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-anniversaire-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 
 .container-anniversaire-second h5{
 
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 
 
 .container-bapteme{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 680px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-bapteme-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-bapteme-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-bapteme-second img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-bapteme-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-bapteme-descrip p{
      font-size: 20px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-bapteme-first h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 .container-affaires{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
 
 }
 .container-affaires-first{
     width: 100%;
     height: 500px;
     background-color: black;
 
 
 }
 .container-affaires-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 .container-affaires-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-affaires-descrip p{
      font-size: 20px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-affaires-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
     .container-affaires-first img{
         width: 95%;
         margin-left: 10px;
         height: 450px;
         object-fit: cover;
         margin-top: 20px;
        
     
     }
     .preste{
        margin-top: -80px;
    
     }
                                                             
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
text-transform: uppercase;
 font-size: 50px;
 margin-top: 200px;
}

.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1150px;
    margin-top: -285px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    margin-top: 200px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 100%;
    height:600px;
}
.container-disposition-first h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 100%;
    height: 380px;
}
.container-disposition-second img{
    width: 80%;
    height: 280px;
    margin-left: 40px;
    margin-top: 10px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 15px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 160px;
    display: flex;
    flex-direction: column-reverse;
}

.container-entreprise-first{
    background-color: black;
    width: 100%;
    height: 395px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 100%;
    height: 595px;
   
   
}

.container-entreprise-first img{
    width: 90%;
    height: 230px;
    margin-left: 20px;
    margin-top: 5px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 15px;
}
.container-entreprise-second h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}

    
    .hrr{
        border: none;
         border-bottom: 10px solid #a8cedc;  
        width: 25%;
        margin:0 auto;
        margin-left: 35px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: 30px;
        margin-bottom: 50px;
    }

    .container-partenariat{

        width: 100%;
        height: 800px;
        margin-top: 100px;
   
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 100px;
        flex-direction: column;
        height: 800px;
        width:100%;
        gap: 25px;
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:80%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:80%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:80%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:80%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:80%;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:80%;
    }
    
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: 10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 680px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: contain;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        font-size: 25px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    .footer{
        width: 100%;
        height: 1400px;
        margin-top:250px;
        background-color:black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .container-footer-first{
    
        width: 100%;
        height: 300px;
        
    }
    
    .container-footer-first .fa-brands{
        font-size: 40px;
        margin-left: 50px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size: 18px;
        margin-top: 180px;
        padding: 15px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 33%;
        height: 300px;
    }
    .container-footer-third{
     
        width:75%;
        height: 300px;
        gap: 10px;
        margin-top: -75px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: 25px;
       margin-top: -30px;
       font-size: 18px;
       color: #a8cedc;
    }
    
    .container-footer-fourth{
      
        width: 60%;
        height: 300px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 15px;
        color: #a8cedc;
    }
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;

    }
    
    .container-footer-second a{
     text-decoration: none;
     color: #a8cedc;
     margin-left: 25px;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -150px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 20px;
        margin-left: -15px;
        line-height: 25px;
        margin-top: -5px;
       
      
    }
    #plan{
        color: #a8cedc;
        font-size: 18px;
        margin-left: -80px;
    }

    #menu a{
        color: #a8cedc;
        margin-left: 80px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
   
  
     .container-image{
        height: 850px;
        position: relative;
        width: 100%;
        margin-top: -50px;
       
         
    }
    .container-image img{
        width: 100%;
        height: 600px;
        object-fit: cover;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
        margin-top: -450px;
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 35px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:4000px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: column;
    }
    
     .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -10px;
        font-size: 35px;
        color: white;
       ;
    }
          .container-first{
      
            width: 100%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 490px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-third{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 100%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color:#a8cedc;
        width: 100%;
        height: 1300px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 35px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 1300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: column;
      
      
   
    }
    .container-formule-first{
        width: 100%;
        height: 300px;
        background-image: url('compress/DSC_5115-min.jpg');
       
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 100%;
        height: 300px;
        background-image: url('picture/discover.png');
   
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 100%;
        height: 300px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 100%;
        height: 300px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left:120px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 600px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 50px;
      margin-top: -80px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 1300px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-a-propos-first{
    width:100%;
    height: 1200px;
    background-color: #a8cedc;
    margin-top: -400px;
 }
 .container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 150px;
    vertical-align: center;
    float: right;
    margin-top: -30px;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 2.6; 

    
}
         .container-a-propos-first bold{
             font-weight: 800;
           }
.container-a-propos-second{
    width:100%;
    height: 100px;
    background-color: black;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 530px;
    object-fit: cover;
   
 }

.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
    margin-top: 15px;
}

.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 25px;
    font-size: 13px;
}

.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height:1000px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.3rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height:600px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.3rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 1500px;
    margin-top: 800px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 1700px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: column-reverse;

    margin-top: 800px;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 100%;
    height: 500px;
}
.container-evenement-bapteme-contenu-right{

    width: 100%;
    height: 450px;
    background-color: black;
}
.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
}
.container-evenement-bapteme-contenu-left h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}
.container-evenement-bapteme-contenu-right img{
    height: 400px;
    margin-left: 38px;
    margin-top: 25;
}
.container-citation{
       
    width: 100%;
    height: 500px;


    
}
.container-citation p{
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -700px;
    position: relative;
    z-index: 2; 
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: 500px;
    height: 800px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 2.8rem;
 
}
.container-mariage{
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;

    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: -300px;
 
}

.container-mariage-right{
    width: 100%;
    height: 500px;
    background-color: black;
    margin-top: 50px;
}
.container-mariage-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 400px;
 

}
.container-aniversaire{
    width: 100%;
    height: 2000px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: 50px;
}
.container-aniversaire-left{
 
    width: 100%;
    height: 470px;
    background-color: black;
    margin-top: -100px;
}
.container-aniversaire-left img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;

}
.container-evenement-formulaire{
    width: 100%;
    height: 1500px;
    background-color: black;
    margin-top: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:85%;
    height: 200px;
    margin-top:-100px;
    margin-left: 50px;

}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 300px;
    font-size: 25px;
    margin-left: -25px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 200px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 200px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:20px;
    margin-left:20px;
    font-weight: 900;
    font-size: 20px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 25px;
    color: white;
    margin-left: -65px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 1300px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 40px;
    margin-top: -50px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-evenement-contenu-detail-left{
    width: 100%;
    height: 500px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 2.8rem;
    font-weight: 900;
    padding: 15px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}
.container-evenement-contenu-detail-right{
  
    width: 100%;
    height: 470px;
    background-color:  black;
    margin-top: 50px;
}

.container-evenement-contenu-detail-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
  
}



.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 600px;
    margin-top: 50px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 700px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.container-lieu{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 1680px;

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 2000px;
    margin-top: -250px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 100%;
    height: 800px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
   margin-top: 200px;
}
.container-contact-contenu-suite-detail-right{
    width: 100%;
    margin-top:120px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 35px;
    margin-bottom: 20px;
    margin-top: -50px;
    width: 500px;
    margin-left: -15px;
    
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 300px;
    height: 50px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 300px;
    margin-left: -25px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 40px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
    margin-top: -25px;
}
#phone{
    height: 58px;
    width: 400px;

}


.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1795px;
    object-fit: cover;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 30px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: 35px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: column;
    gap: 5px;
    margin-top: 40px;
}
.container-formule-decouverte-contenu-first{
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    height: 600px;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
 
    width: 100%;
    height: 670px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 18px;
    padding: 40px;
    margin-top: -20px;
   
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top: -15px;
}
.container-autre-formule-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
    
   
 }
 
.container-autre-formule-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 18px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 15px;
    margin: 20px;
    color: black;
}
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}

 


.container-package-mira-title{
    width: 100%;
    height: 250px;

}


.container-package-mira-title img{
    width: 100%;
    height:2100px;
    object-fit: cover;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 30px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 100px;
margin-top: 50px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
}





.container-formule-mira{
    width: 100%;
    height: 1400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: -50px;
}
.container-formule-mira-contenu-first{
    width: 100%;
    height:498px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}






.container-autre-formule-mira{
 
    width: 100%;
    height: 660px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 18px;
    padding: 45px;
    margin-top: -70px;
  
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height:780px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top:-20px ;
}
.container-autre-formule-mira-first{
   width: 75%;
   height: 300px;
 background-image: url('picture/discover.png');
 background-repeat: no-repeat;
 background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-mira-second{
    width: 75%;
    height: 300px;
    background-image: url('picture/night.png');
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-mira-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:2030px;
    object-fit: cover;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 30px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 10px;
display: inline-block;
margin-top: 50px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 1400px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
 
    width: 100%;
    height: 640px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 18px;
    padding: 15px;
    margin-top: 200px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 795px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-autre-formule-vip-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-vip-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-vip-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-vip-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }

 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:2010px;
    object-fit: cover;
  
}


.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 30px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: -60px;
}



.container-formule-bussiness{
    width: 100%;
    height: 1400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
}
.container-formule-bussiness-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;
 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
 
    width: 100%;
    height: 595px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 18px;
    padding: 40px;
    margin-top: 195px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}
.container-autre-formule-night-first{
   width: 95%;
   height: 300px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-night-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-night-second{
    width: 75%;
    height: 300px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-night-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
   background-repeat: no-repeat;
   background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
  
} 
.container-reservation-contenu{
    background-color:black;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 30px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 695px;
    margin-top: 80px;
    padding: 20px;
    border-radius: 15px;
    margin-left: -10px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}
.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
    margin-left: 20px;
    width: 300px;

}

.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:10px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 85px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width: 300px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left: 20px;
    height:60px;
}


.information{
  
    width:100%;
    height:1300px;
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: column;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.container-title-infos img{
    width: 100%;
    height:2000px;
    object-fit: cover;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:600px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 50px;
  margin-top: -180px;
  margin-left: -18px;
}

.information-first{
    width:100%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:100%;
      background-color: rgba(0,0,0,0.7);
    height:800px;
    margin-top:50px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p{
    font-size:18px;
    color: white;
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
  color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:98%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-second #submit{
    margin-left: 200px;
    margin-top: 10px;
}
.information-contenu-thirds-adultes{
    color:white;
    font-size: 14px;

   
}
.information-contenu-thirds-enfant{
    color:white;
    font-size: 14px;

   
}
.information-contenu-thirds-remise{
    color:white;
    font-size: 14px;
   
}
.nformation-contenu-thirds-remise{
    margin-left: -50px;
   
}
.information-contenu-second p:nth-child(1){
    font-size: 15px;
    color: white;
}
.information-contenu-second p:nth-child(2){
    font-size: 15px;
    color: white;
}
.information-contenu-second p:nth-child(3){
    font-size: 15px;
    color: white;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second input[type="text"],
.information-second input[type="email"],
.information-second input[type="email"]  {
    width: 300px;
    margin-left: 13px;
}
.information-second label
{
   
    margin-left: 40px;
}

.information-second .row {
    flex-direction: column; 
    gap: 10px; 
    width: 350px;
}
.information-second #submit {
    margin-left: 45px;
}
 
}

@media  only screen and  (min-width: 344px) and (max-width: 359px) {

    
    .modal-body label{
        margin-left:40px;
     }
       
 .container-evenementiel-contenu-title{
 
     width: 100%;
     height: 500px;
 }
 .container-evenementiel-contenu-title h1{
     text-align: center;
     margin-top: 50px;
     font-weight: 500;
       font-family: "Roboto", sans-serif;
   font-style: italic; 
   font-size:50px;
 }
 
 .container-evenementiel-title img{
     width: 100%;
     height: 600px;
    
 }
 .container-evenementiel-sitation {
     width: 100%;
     height: 300px;
     margin-top: -350px;
 }
 .container-evenementiel-sitation p {
    text-align: center;
    font-size: 15px;
 
 
 }
 
 .container-evenementiel-element{
     width: 100%;
     height: 3300px;
   
 }
 .container-mariages{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     flex-direction: column;
     margin-top: 300px;
 
 
 }
 .container-mariages-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-mariages-first h5{

 font-weight: 900;
 font-size: 35px;
 margin-top: 25px;
 
 }
 .container-mariages-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-mariages-second img{
      width: 95%;
      margin-left: 10px;
      height: 450px;
      object-fit: cover;
      margin-top: 20px;
     
 
 }
 .container-mariage-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-mariage-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 
 .container-anniversaire{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-anniversaire-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-anniversaire-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-anniversaire-first{
     width: 100%;
     height: 500px;
     background-color:black;
 
 
 }
 
 .container-anniversaire-first img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-anniversaire-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 
 .container-anniversaire-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 
 
 .container-bapteme{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 680px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-bapteme-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-bapteme-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-bapteme-second img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-bapteme-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-bapteme-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-bapteme-first h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 .container-affaires{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
 
 }
 .container-affaires-first{
     width: 100%;
     height: 500px;
     background-color: black;
 
 
 }
 .container-affaires-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 .container-affaires-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-affaires-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-affaires-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
     .container-affaires-first img{
         width: 95%;
         margin-left: 10px;
         height: 450px;
         object-fit: cover;
         margin-top: 20px;
        
     
     }
     .preste{
        margin-top: -80px;
    
     }

                                                              
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
text-transform: uppercase;
 font-size: 50px;
 margin-top: 200px;
}

.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1150px;
    margin-top: -285px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    margin-top: 200px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 100%;
    height:600px;
}
.container-disposition-first h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 100%;
    height: 380px;
}
.container-disposition-second img{
    width: 80%;
    height: 280px;
    margin-left: 40px;
    margin-top: 10px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 15px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 160px;
    display: flex;
    flex-direction: column-reverse;
}

.container-entreprise-first{
    background-color: black;
    width: 100%;
    height: 395px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 100%;
    height: 595px;
   
   
}

.container-entreprise-first img{
    width: 90%;
    height: 230px;
    margin-left: 20px;
    margin-top: 5px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 15px;
}
.container-entreprise-second h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}


    
    .hrr{
        border: none;
         border-bottom: 10px solid #a8cedc;  
        width: 25%;
        margin:0 auto;
        margin-left: 35px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: 30px;
        margin-bottom: 50px;
    }

    .container-partenariat{

        width: 100%;
        height: 800px;
        margin-top: 100px;
   
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
        margin-top: -20px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 100px;
        flex-direction: column;
        height: 800px;
        width:100%;
        gap: 25px;
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:80%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:80%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:80%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:80%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:80%;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:80%;
    }
    
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: 10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 680px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: contain;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        font-size: 25px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    .footer{
        width: 100%;
        height: 1400px;
        margin-top:250px;
        background-color:black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .container-footer-first{
    
        width: 100%;
        height: 300px;
        
    }
    
    .container-footer-first .fa-brands{
        font-size: 40px;
        margin-left: 50px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size: 18px;
        margin-top: 180px;
        padding: 15px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 33%;
        height: 300px;
    }
    .container-footer-third{
     
        width:75%;
        height: 300px;
        gap: 10px;
        margin-top: -75px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: 25px;
       margin-top: -30px;
       font-size: 18px;
       color: #a8cedc;
    }
    
    .container-footer-fourth{
      
        width: 60%;
        height: 300px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 15px;
        color: #a8cedc;
    }
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;

    }
    
    .container-footer-second a{
     text-decoration: none;
     color: #a8cedc;
     margin-left: 25px;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -150px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 20px;
        margin-left: -15px;
        line-height: 25px;
        margin-top: -5px;
       
      
    }
    #plan{
        color: #a8cedc;
        font-size: 18px;
        margin-left: -80px;
    }

    #menu a{
        color: #a8cedc;
        margin-left: 80px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
   
  
     .container-image{
        height: 850px;
        position: relative;
        width: 100%;
        margin-top: -50px;
       
         
    }
    .container-image img{
        width: 100%;
        height: 600px;
        object-fit: cover;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
        margin-top: -450px;
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 35px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:4000px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: column;
    }
    
    .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -10px;
        font-size: 35px;
        color: white;
       ;
    }
          .container-first{
      
            width: 100%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 490px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-third{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 100%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color:#a8cedc;
        width: 100%;
        height: 1300px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 40px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 1300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: column;
      
      
   
    }
    .container-formule-first{
        width: 100%;
        height: 300px;
        background-image: url('compress/DSC_5115-min.jpg');
       
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 100%;
        height: 300px;
        background-image: url('picture/discover.png');
   
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 100%;
        height: 300px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 100%;
        height: 300px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left:120px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 600px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 50px;
      margin-top: -80px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 1300px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-a-propos-first{
    width:100%;
    height: 1200px;
    background-color: #a8cedc;
    margin-top: -400px;
 }
 .container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 150px;
    vertical-align: center;
    float: right;
    margin-top: -30px;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 2.6; 

    
}
         .container-a-propos-first bold{
             font-weight: 800;
           }
.container-a-propos-second{
    width:100%;
    height: 100px;
    background-color: black;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 530px;
    object-fit: cover;
   
 }
 
.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size:1.1rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
    margin-top: 15px;
}

.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 25px;
    font-size: 13px;
}

.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height:1000px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.4rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height:600px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 1500px;
    margin-top: 800px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 1700px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: column-reverse;

    margin-top: 800px;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 100%;
    height: 500px;
}
.container-evenement-bapteme-contenu-right{

    width: 100%;
    height: 450px;
    background-color: black;
}
.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
}
.container-evenement-bapteme-contenu-left h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}
.container-evenement-bapteme-contenu-right img{
    height: 400px;
    margin-left: 38px;
    margin-top: 25;
}
.container-citation{
       
    width: 100%;
    height: 500px;


    
}
.container-citation p{
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -700px;
    position: relative;
    z-index: 2; 
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: 500px;
    height: 800px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 2.8rem;
 
}
.container-mariage{
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;

    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: -300px;
 
}

.container-mariage-right{
    width: 100%;
    height: 500px;
    background-color: black;
    margin-top: 50px;
}
.container-mariage-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 400px;
 

}
.container-aniversaire{
    width: 100%;
    height: 2000px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: 50px;
}
.container-aniversaire-left{
 
    width: 100%;
    height: 470px;
    background-color: black;
    margin-top: -100px;
}
.container-aniversaire-left img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;

}
.container-evenement-formulaire{
    width: 100%;
    height: 1500px;
    background-color: black;
    margin-top: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:85%;
    height: 200px;
    margin-top:-100px;
    margin-left: 50px;

}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 300px;
    font-size: 25px;
    margin-left: -25px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 200px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 200px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:20px;
    margin-left:20px;
    font-weight: 900;
    font-size: 20px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 25px;
    color: white;
    margin-left: -65px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 1300px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 40px;
    margin-top: -50px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-evenement-contenu-detail-left{
    width: 100%;
    height: 500px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 2.8rem;
    font-weight: 900;
    padding: 15px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}
.container-evenement-contenu-detail-right{
  
    width: 100%;
    height: 470px;
    background-color:  black;
    margin-top: 50px;
}

.container-evenement-contenu-detail-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
  
}



.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 600px;
    margin-top: 50px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 700px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.container-lieu{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 1680px;

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 2000px;
    margin-top: -250px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 100%;
    height: 800px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
   margin-top: 200px;
}
.container-contact-contenu-suite-detail-right{
    width: 100%;
    margin-top:120px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 35px;
    margin-bottom: 20px;
    margin-top: -50px;
    width: 500px;
    margin-left: -15px;
    
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 300px;
    height: 50px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 300px;
    margin-left: -25px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 40px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
    margin-top: -25px;
}
#phone{
    height: 58px;
    width: 400px;

}


.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1795px;
    object-fit: cover;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 35px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: 35px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: column;
    gap: 5px;
    margin-top: 40px;
}
.container-formule-decouverte-contenu-first{
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    height: 600px;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
 
    width: 100%;
    height: 670px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 18px;
    padding: 40px;
    margin-top: -20px;
   
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top: -15px;
}
.container-autre-formule-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
    
   
 }
 
.container-autre-formule-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 18px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 15px;
    margin: 20px;
    color: black;
}
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}

 


.container-package-mira-title{
    width: 100%;
    height: 250px;

}


.container-package-mira-title img{
    width: 100%;
    height:2100px;
    object-fit: cover;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 100px;
margin-top: 50px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
}





.container-formule-mira{
    width: 100%;
    height: 1400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: -50px;
}
.container-formule-mira-contenu-first{
    width: 100%;
    height:498px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}






.container-autre-formule-mira{
 
    width: 100%;
    height: 660px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 18px;
    padding: 45px;
    margin-top: -70px;
  
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height:780px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top:-20px ;
}
.container-autre-formule-mira-first{
   width: 75%;
   height: 300px;
 background-image: url('picture/discover.png');
 background-repeat: no-repeat;
 background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-mira-second{
    width: 75%;
    height: 300px;
    background-image: url('picture/night.png');
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-mira-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:2050px;
    object-fit: cover;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 10px;
display: inline-block;
margin-top: 50px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 1400px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
 
    width: 100%;
    height: 640px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 18px;
    padding: 15px;
    margin-top: 200px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 795px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-autre-formule-vip-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-vip-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-vip-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-vip-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }

 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:2010px;
    object-fit: cover;
  
}


.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: -60px;
}



.container-formule-bussiness{
    width: 100%;
    height: 1400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
}
.container-formule-bussiness-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;
 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
 
    width: 100%;
    height: 595px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 18px;
    padding: 40px;
    margin-top: 195px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}
.container-autre-formule-night-first{
   width: 95%;
   height: 300px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-night-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-night-second{
    width: 75%;
    height: 300px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-night-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
   background-repeat: no-repeat;
   background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
  
} 
.container-reservation-contenu{
    background-color:black;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 30px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 695px;
    margin-top: 80px;
    padding: 20px;
    border-radius: 15px;
    margin-left: -5px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}
.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
    margin-left: 10px;
    width: 330px;

}

.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:10px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 85px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width: 330px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left: 10px;
    height:60px;
}


.information{
  
    width:100%;
    height:1300px;
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: column;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.container-title-infos img{
    width: 100%;
    height:2000px;
    object-fit: cover;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:600px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 50px;
  margin-top: -180px;
  margin-left: -18px;
}

.information-first{
    width:100%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:100%;
      background-color: rgba(0,0,0,0.7);
    height:800px;
    margin-top:50px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p{
    font-size:18px;
    color: white;
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
  color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:98%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-second #submit{
    margin-left: 200px;
    margin-top: 10px;
}
.information-contenu-thirds-adultes{
    color:white;
    font-size: 13px;

   
}
.information-contenu-thirds-enfant{
    color:white;
    font-size: 13px;

   
}
.information-contenu-thirds-remise{
    color:white;
    font-size: 13px;
   
}
.nformation-contenu-thirds-remise{
    margin-left: -50px;
   
}
.information-contenu-second p:nth-child(1){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(2){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(3){
    font-size: 18px;
    color: white;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second input[type="text"],
.information-second input[type="email"],
.information-second input[type="email"]  {
    width: 318px;
    margin-left: 13px;
}
.information-second label
{
   
    margin-left: 40px;
}

.information-second .row {
    flex-direction: column; 
    gap: 10px; 
    width: 350px;
}
.information-second #submit {
    margin-left: 70px;
}
 
}
@media  only screen and  (min-width: 360px) and (max-width: 375px){
    #logo{
        width: 50%;
        margin-left: 80px;
    }

    .modal-body label{
        margin-left:40px;
     }
       
 .container-evenementiel-contenu-title{
 
     width: 100%;
     height: 500px;
 }
 .container-evenementiel-contenu-title h1{
     text-align: center;
     margin-top: 50px;
     font-weight: 500;
       font-family: "Roboto", sans-serif;
   font-style: italic; 
   font-size:50px;
 }
 
 .container-evenementiel-title img{
     width: 100%;
     height: 600px;
    
 }
 .container-evenementiel-sitation {
     width: 100%;
     height: 300px;
     margin-top: -350px;
 }
 .container-evenementiel-sitation p {
    text-align: center;
    font-size: 15px;
 
 
 }
 
 .container-evenementiel-element{
     width: 100%;
     height: 3300px;
   
 }
 .container-mariages{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     flex-direction: column;
     margin-top: 300px;
 
 
 }
 .container-mariages-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-mariages-first h5{
 font-weight: 900;
 font-size: 35px;
 margin-top: 25px;
 
 }
 .container-mariages-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-mariages-second img{
      width: 95%;
      margin-left: 10px;
      height: 450px;
      object-fit: cover;
      margin-top: 20px;
     
 
 }
 .container-mariage-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-mariage-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 
 .container-anniversaire{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-anniversaire-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-anniversaire-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-anniversaire-first{
     width: 100%;
     height: 500px;
     background-color:black;
 
 
 }
 
 .container-anniversaire-first img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-anniversaire-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 
 .container-anniversaire-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 
 
 .container-bapteme{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 680px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-bapteme-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-bapteme-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-bapteme-second img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-bapteme-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-bapteme-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-bapteme-first h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 .container-affaires{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
 
 }
 .container-affaires-first{
     width: 100%;
     height: 500px;
     background-color: black;
 
 
 }
 .container-affaires-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 .container-affaires-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-affaires-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-affaires-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
     .container-affaires-first img{
         width: 95%;
         margin-left: 10px;
         height: 450px;
         object-fit: cover;
         margin-top: 20px;
        
     
     }
     .preste{
        margin-top: -80px;
    
     }
                                                               
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
text-transform: uppercase;
 font-size: 50px;
 margin-top: 200px;
}

.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1150px;
    margin-top: -285px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    margin-top: 200px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 100%;
    height:600px;
}
.container-disposition-first h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 100%;
    height: 380px;
}
.container-disposition-second img{
    width: 80%;
    height: 280px;
    margin-left: 40px;
    margin-top: 10px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 15px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 160px;
    display: flex;
    flex-direction: column-reverse;
}

.container-entreprise-first{
    background-color: black;
    width: 100%;
    height: 395px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 100%;
    height: 595px;
   
   
}

.container-entreprise-first img{
    width: 90%;
    height: 230px;
    margin-left: 20px;
    margin-top: 5px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 15px;
}
.container-entreprise-second h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}



    
    .hrr{
        border: none;
         border-bottom: 10px solid #a8cedc;  
        width: 25%;
        margin:0 auto;
        margin-left: 35px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: 30px;
        margin-bottom: 50px;
    }

    .container-partenariat{

        width: 100%;
        height: 800px;
        margin-top: 100px;
   
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 100px;
        flex-direction: column;
        height: 800px;
        width:100%;
        gap: 25px;
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:80%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:80%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:80%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:80%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:80%;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:80%;
    }
    
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: 10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 680px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: contain;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        font-size: 25px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    .footer{
        width: 100%;
        height: 1400px;
        margin-top:250px;
        background-color:black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .container-footer-first{
    
        width: 100%;
        height: 300px;
        
    }
    
    .container-footer-first .fa-brands{
        font-size: 40px;
        margin-left: 50px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size: 18px;
        margin-top: 180px;
        padding: 15px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 33%;
        height: 300px;
    }
    .container-footer-third{
     
        width:75%;
        height: 300px;
        gap: 10px;
        margin-top: -75px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: 25px;
       margin-top: -30px;
       font-size: 18px;
       color: #a8cedc;
    }
    
    .container-footer-fourth{
      
        width: 60%;
        height: 300px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 15px;
        color: #a8cedc;
    }
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;

    }
    
    .container-footer-second a{
     text-decoration: none;
     color: #a8cedc;
     margin-left: 25px;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -150px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 20px;
        margin-left: -15px;
        line-height: 25px;
        margin-top: -5px;
       
      
    }
    #plan{
        color: #a8cedc;
        font-size: 18px;
        margin-left: -80px;
    }

    #menu a{
        color: #a8cedc;
        margin-left: 55px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
   
  
 
     .container-image{
        height: 850px;
        position: relative;
        width: 100%;
        margin-top: -50px;
       
         
    }
    .container-image img{
        width: 100%;
        height: 600px;
        object-fit: cover;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
        margin-top: -450px;
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 45px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:4000px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: column;
    }
    
    .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -10px;
        font-size: 40px;
        color: white;
       ;
    }
          .container-first{
      
            width: 100%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 490px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-third{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 100%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color:#a8cedc;
        width: 100%;
        height: 1300px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 40px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 1300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: column;
      
      
   
    }
    .container-formule-first{
        width: 75%;
        height: 300px;
        background-image: url('compress/DSC_5115-min.jpg');
       
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 75%;
        height: 300px;
        background-image: url('picture/discover.png');
   
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 75%;
        height: 300px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 75%;
        height: 300px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left:120px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 600px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 50px;
      margin-top: -80px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 1300px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-a-propos-first{
    width:100%;
    height: 1200px;
    background-color: #a8cedc;
    margin-top: -400px;
 }
 .container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 150px;
    vertical-align: center;
    float: right;
    margin-top: -30px;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 2.6; 

    
}
         .container-a-propos-first bold{
             font-weight: 800;
           }
.container-a-propos-second{
    width:100%;
    height: 100px;
    background-color: black;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 530px;
    object-fit: cover;
   
 }

.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1.1rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
}

.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 25px;
    font-size: 13px;
}

.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height:1000px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height:600px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 1500px;
    margin-top: 800px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 1700px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: column-reverse;

    margin-top: 800px;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 100%;
    height: 500px;
}
.container-evenement-bapteme-contenu-right{

    width: 100%;
    height: 450px;
    background-color: black;
}
.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
}
.container-evenement-bapteme-contenu-left h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}
.container-evenement-bapteme-contenu-right img{
    height: 400px;
    margin-left: 38px;
    margin-top: 25;
}
.container-citation{
       
    width: 100%;
    height: 500px;


    
}
.container-citation p{
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -700px;
    position: relative;
    z-index: 2; 
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: 500px;
    height: 800px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 2.8rem;
 
}
.container-mariage{
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;

    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: -300px;
 
}

.container-mariage-right{
    width: 100%;
    height: 500px;
    background-color: black;
    margin-top: 50px;
}
.container-mariage-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 400px;
 

}
.container-aniversaire{
    width: 100%;
    height: 2000px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: 50px;
}
.container-aniversaire-left{
 
    width: 100%;
    height: 470px;
    background-color: black;
    margin-top: -100px;
}
.container-aniversaire-left img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;

}

.container-evenement-formulaire{
    width: 100%;
    height: 1500px;
    background-color: black;
    margin-top: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:95%;
    height: 200px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 200px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:-15px;
    font-weight: 900;
    font-size: 20px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 30px;
    color: white;
    margin-left: -70px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 1300px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 40px;
    margin-top: -50px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-evenement-contenu-detail-left{
    width: 100%;
    height: 500px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 2.8rem;
    font-weight: 900;
    padding: 15px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}
.container-evenement-contenu-detail-right{
  
    width: 100%;
    height: 470px;
    background-color:  black;
    margin-top: 50px;
}

.container-evenement-contenu-detail-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
  
}



.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 600px;
    margin-top: 50px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 700px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.container-lieu{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    margin-bottom: 20px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    margin-bottom: 20px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    margin-bottom: 20px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 1680px;

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 2100px;
    margin-top: -250px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 100%;
    height: 800px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
   margin-top: 130px;
}
.container-contact-contenu-suite-detail-right{
    width: 100%;
    margin-top:120px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 35px;
    margin-bottom: 20px;
    margin-top: -50px;
    width: 500px;
    margin-left: -15px;
    
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 330px;
    height: 50px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 330px;
    margin-left: -25px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 40px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
    margin-top: -25px;
}
#phone{
    height: 58px;
    width: 400px;

}


.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1795px;
    object-fit: cover;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 35px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: 35px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: column;
    gap: 5px;
    margin-top: 40px;
}
.container-formule-decouverte-contenu-first{
    width: 95%;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    height: 600px;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
 
    width: 100%;
    height: 670px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 18px;
    padding: 40px;
    margin-top: -20px;
   
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top: -15px;
}
.container-autre-formule-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
    
   
 }
 
.container-autre-formule-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 18px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 15px;
    margin: 20px;
    color: black;
}
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}

 


.container-package-mira-title{
    width: 100%;
    height: 250px;

}


.container-package-mira-title img{
    width: 100%;
    height:2100px;
    object-fit: cover;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 100px;
margin-top: 50px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
}





.container-formule-mira{
    width: 100%;
    height: 1400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: -50px;
}
.container-formule-mira-contenu-first{
    width: 95%;
    height:498px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}






.container-autre-formule-mira{
 
    width: 100%;
    height: 660px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 18px;
    padding: 45px;
    margin-top: -70px;
  
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height:780px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top:-20px ;
}
.container-autre-formule-mira-first{
   width: 75%;
   height: 300px;
 background-image: url('picture/discover.png');
 background-repeat: no-repeat;
 background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-mira-second{
    width: 75%;
    height: 300px;
    background-image: url('picture/night.png');
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-mira-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:2050px;
    object-fit: cover;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 10px;
display: inline-block;
margin-top: 50px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 1400px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 95%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
 
    width: 100%;
    height: 640px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 18px;
    padding: 15px;
    margin-top: 200px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 795px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-autre-formule-vip-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-vip-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-vip-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-vip-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }

 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:2010px;
    object-fit: cover;
  
}


.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: -60px;
}



.container-formule-bussiness{
    width: 100%;
    height: 1400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
}
.container-formule-bussiness-contenu-first{
    width: 95%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;
 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
 
    width: 100%;
    height: 595px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 18px;
    padding: 40px;
    margin-top: 195px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}
.container-autre-formule-night-first{
   width: 95%;
   height: 300px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-night-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-night-second{
    width: 75%;
    height: 300px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-night-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
   background-repeat: no-repeat;
   background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
  
} 
.container-reservation-contenu{
    background-color:black;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 30px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 695px;
    margin-top: 80px;
    padding: 20px;
    border-radius: 15px;
    margin-left: -2px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}
.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
    margin-left: 10px;
    width: 330px;

}

.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:10px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 85px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width: 330px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left: 10px;
    height:60px;
}


.information{
  
    width:100%;
    height:1300px;
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: column;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.container-title-infos img{
    width: 100%;
    height:2000px;
    object-fit: cover;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:600px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 50px;
  margin-top: -180px;
  margin-left: -18px;
}

.information-first{
    width:100%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:100%;
      background-color: rgba(0,0,0,0.7);
    height:800px;
    margin-top:50px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p{
    font-size:18px;
    color: white;
    padding: 15px;
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
    padding-left: 15px;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
    padding: 15px;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
  color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:-50px;
    gap: 100px;
    padding: 15px;

    align-content: space-between;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-second #submit{
    margin-left: 200px;
    margin-top: 20px;
}
.information-contenu-thirds-adultes{
    color:white;
    padding: 20px;

   
}
.information-contenu-thirds-enfant{
    color:white;
    padding: 20px;


   
}
.information-contenu-thirds-remise{
    color:white;
    padding: 10px;

   
}
.nformation-contenu-thirds-remise{
    margin-left: -50px;
   
}
.information-contenu-second p:nth-child(1){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(2){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(3){
    font-size: 18px;
    color: white;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second input[type="text"],
.information-second input[type="email"],
.information-second input[type="email"]  {
    width: 340px;
    margin-left: 13px;
}
.information-second label
{
   
    margin-left: 40px;
}

.information-second .row {
    flex-direction: column; 
    gap: 10px; 
    width: 350px;
}
.information-second #submit {
    margin-left: 70px;
}
 
}

@media  only screen and  (min-width: 376px) and (max-width: 389px) {

    
    .modal-body label{
        margin-left:40px;
     }
       
 .container-evenementiel-contenu-title{
 
     width: 100%;
     height: 500px;
 }
 .container-evenementiel-contenu-title h1{
     text-align: center;
     margin-top: 50px;
     font-weight: 500;
       font-family: "Roboto", sans-serif;
   font-style: italic; 
   font-size:50px;
 }
 
 .container-evenementiel-title img{
     width: 100%;
     height: 600px;
    
 }
 .container-evenementiel-sitation {
     width: 100%;
     height: 300px;
     margin-top: -350px;
 }
 .container-evenementiel-sitation p {
    text-align: center;
    font-size: 15px;
 
 
 }
 
 .container-evenementiel-element{
     width: 100%;
     height: 3300px;
   
 }
 .container-mariages{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     flex-direction: column;
     margin-top: 300px;
 
 
 }
 .container-mariages-first{
     width: 100%;
     height: 500px;
     background-color:  #a8cedc;
 
 
 }
 .container-mariages-first h5{
 font-weight: 900;
 font-size: 35px;
 margin-top: 25px;
 
 }
 .container-mariages-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-mariages-second img{
      width: 95%;
      margin-left: 10px;
      height: 450px;
      object-fit: cover;
      margin-top: 20px;
     
 
 }
 .container-mariage-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-mariage-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 
 .container-anniversaire{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-anniversaire-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-anniversaire-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-anniversaire-first{
     width: 100%;
     height: 500px;
     background-color:black;
 
 
 }
 
 .container-anniversaire-first img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-anniversaire-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 
 .container-anniversaire-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 
 
 .container-bapteme{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 680px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-bapteme-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-bapteme-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-bapteme-second img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-bapteme-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-bapteme-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-bapteme-first h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 .container-affaires{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
 
 }
 .container-affaires-first{
     width: 100%;
     height: 500px;
     background-color: black;
 
 
 }
 .container-affaires-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 .container-affaires-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-affaires-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-affaires-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
     .container-affaires-first img{
         width: 95%;
         margin-left: 10px;
         height: 450px;
         object-fit: cover;
         margin-top: 20px;
        
     
     }
     .preste{
        margin-top: -80px;
    
     }
                                                                
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
text-transform: uppercase;
 font-size: 50px;
 margin-top: 200px;
}

.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1150px;
    margin-top: -285px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    margin-top: 200px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 100%;
    height:600px;
}
.container-disposition-first h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 100%;
    height: 380px;
}
.container-disposition-second img{
    width: 80%;
    height: 280px;
    margin-left: 40px;
    margin-top: 10px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 15px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 160px;
    display: flex;
    flex-direction: column-reverse;
}

.container-entreprise-first{
    background-color: black;
    width: 100%;
    height: 395px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 100%;
    height: 595px;
   
   
}

.container-entreprise-first img{
    width: 90%;
    height: 230px;
    margin-left: 20px;
    margin-top: 5px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 15px;
}
.container-entreprise-second h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}

    
    .hrr{
        border: none;
         border-bottom: 10px solid #a8cedc;  
        width: 25%;
        margin:0 auto;
        margin-left: 35px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: 30px;
        margin-bottom: 50px;
    }

    .container-partenariat{

        width: 100%;
        height: 800px;
        margin-top: 100px;
   
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 100px;
        flex-direction: column;
        height: 800px;
        width:100%;
        gap: 25px;
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:80%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:80%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:80%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:80%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:80%;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:80%;
    }
    
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: 10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 680px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: contain;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        font-size: 25px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    .footer{
        width: 100%;
        height: 1400px;
        margin-top:250px;
        background-color:black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .container-footer-first{
    
        width: 100%;
        height: 300px;
        
    }
    
    .container-footer-first .fa-brands{
        font-size: 40px;
        margin-left: 50px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size: 18px;
        margin-top: 180px;
        padding: 15px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 33%;
        height: 300px;
    }
    .container-footer-third{
     
        width:75%;
        height: 300px;
        gap: 10px;
        margin-top: -75px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: 25px;
       margin-top: -30px;
       font-size: 18px;
       color: #a8cedc;
    }
    
    .container-footer-fourth{
      
        width: 60%;
        height: 300px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 15px;
        color: #a8cedc;
    }
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;

    }
    
    .container-footer-second a{
     text-decoration: none;
     color: #a8cedc;
     margin-left: 25px;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -150px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 20px;
        margin-left: -15px;
        line-height: 25px;
        margin-top: -5px;
       
      
    }
    #plan{
        color: #a8cedc;
        font-size: 18px;
        margin-left: -80px;
    }

    #menu a{
        color: #a8cedc;
        margin-left: 55px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
   
  
     .container-image{
        height: 850px;
        position: relative;
        width: 100%;
        margin-top: -50px;
       
         
    }
    .container-image img{
        width: 100%;
        height: 600px;
        object-fit: cover;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
        margin-top: -450px;
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 50px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:4000px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: column;
    }
    
    .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -10px;
        font-size: 40px;
        color: white;
       ;
    }
          .container-first{
      
            width: 100%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 490px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-third{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 100%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color:#a8cedc;
        width: 100%;
        height: 1300px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 40px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 1300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: column;
      
      
   
    }
    .container-formule-first{
        width: 100%;
        height: 300px;
        background-image: url('compress/DSC_5115-min.jpg');
       
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 100%;
        height: 300px;
        background-image: url('picture/discover.png');
   
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 100%;
        height: 300px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 100%;
        height: 300px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left:120px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 600px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 50px;
      margin-top: -80px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 1300px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-a-propos-first{
    width:100%;
    height: 1200px;
    background-color: #a8cedc;
    margin-top: -400px;
 }
 .container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 195px;
    vertical-align: center;
    float: right;
    margin-top: -30px;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 2.6; 

    
}
         .container-a-propos-first bold{
             font-weight: 800;
           }
.container-a-propos-second{
    width:100%;
    height: 100px;
    background-color: black;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 530px;
    object-fit: cover;
   
 }
 
.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1.1rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
}

.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 25px;
    font-size: 13px;
}

.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height:1000px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height:600px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 1500px;
    margin-top: 800px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 1700px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: column-reverse;

    margin-top: 800px;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 100%;
    height: 500px;
}
.container-evenement-bapteme-contenu-right{

    width: 100%;
    height: 450px;
    background-color: black;
}
.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
}
.container-evenement-bapteme-contenu-left h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}
.container-evenement-bapteme-contenu-right img{
    height: 400px;
    margin-left: 38px;
    margin-top: 25;
}
.container-citation{
       
    width: 100%;
    height: 500px;


    
}
.container-citation p{
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -700px;
    position: relative;
    z-index: 2; 
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: 500px;
    height: 800px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 2.8rem;
 
}
.container-mariage{
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;

    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: -300px;
 
}

.container-mariage-right{
    width: 100%;
    height: 500px;
    background-color: black;
    margin-top: 50px;
}
.container-mariage-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 400px;
 

}
.container-aniversaire{
    width: 100%;
    height: 2000px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: 50px;
}
.container-aniversaire-left{
 
    width: 100%;
    height: 470px;
    background-color: black;
    margin-top: -100px;
}
.container-aniversaire-left img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;

}

.container-evenement-formulaire{
    width: 100%;
    height: 1500px;
    background-color: black;
    margin-top: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:100%;
    height: 200px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 300px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:-15px;
    font-weight: 900;
    font-size: 20px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 30px;
    color: white;
    margin-left: -50px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 1300px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 40px;
    margin-top: -50px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-evenement-contenu-detail-left{
    width: 100%;
    height: 500px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 2.8rem;
    font-weight: 900;
    padding: 15px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}
.container-evenement-contenu-detail-right{
  
    width: 100%;
    height: 470px;
    background-color:  black;
    margin-top: 50px;
}

.container-evenement-contenu-detail-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
  
}



.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 600px;
    margin-top: 50px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 700px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.container-lieu{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 1680px;

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 2000px;
    margin-top: -250px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 100%;
    height: 800px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
   margin-top: 200px;
}
.container-contact-contenu-suite-detail-right{
    width: 100%;
    margin-top:120px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 35px;
    margin-bottom: 20px;
    margin-top: -50px;
    width: 500px;
    margin-left: -15px;
    
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 340px;
    height: 50px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 340px;
    margin-left: -25px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 40px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
    margin-top: -25px;
}
#phone{
    height: 58px;
    width: 400px;

}


.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1795px;
    object-fit: cover;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 35px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: 35px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: column;
    gap: 5px;
    margin-top: 40px;
}
.container-formule-decouverte-contenu-first{
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    height: 600px;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
 
    width: 100%;
    height: 670px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 20px;
    padding: 40px;
    margin-top: -20px;
   
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top: -15px;
}
.container-autre-formule-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
    
   
 }
 
.container-autre-formule-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 15px;
    margin: 20px;
    color: black;
}
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}

 


.container-package-mira-title{
    width: 100%;
    height: 250px;

}


.container-package-mira-title img{
    width: 100%;
    height:2100px;
    object-fit: cover;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 100px;
margin-top: 50px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
}





.container-formule-mira{
    width: 100%;
    height: 1400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: -50px;
}
.container-formule-mira-contenu-first{
    width: 100%;
    height:498px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}






.container-autre-formule-mira{
 
    width: 100%;
    height: 660px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 19px;
    padding: 45px;
    margin-top: -70px;
  
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height:780px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top:-20px ;
}
.container-autre-formule-mira-first{
   width: 75%;
   height: 300px;
 background-image: url('picture/discover.png');
 background-repeat: no-repeat;
 background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-mira-second{
    width: 75%;
    height: 300px;
    background-image: url('picture/night.png');
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-mira-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:2050px;
    object-fit: cover;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 10px;
display: inline-block;
margin-top: 50px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 1400px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
 
    width: 100%;
    height: 640px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 23px;
    padding: 15px;
    margin-top: 200px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 795px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-autre-formule-vip-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-vip-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-vip-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-vip-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }

 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:2010px;
    object-fit: cover;
  
}


.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: -60px;
}



.container-formule-bussiness{
    width: 100%;
    height: 1400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
}
.container-formule-bussiness-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;
 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
 
    width: 100%;
    height: 595px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 20px;
    padding: 40px;
    margin-top: 25px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}
.container-autre-formule-night-first{
   width: 75%;
   height: 300px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-night-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-night-second{
    width: 75%;
    height: 300px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-night-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
   background-repeat: no-repeat;
   background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 30px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }

 
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
  
} 
.container-reservation-contenu{
    background-color:black;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 30px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 695px;
    margin-top: 80px;
    padding: 20px;
    border-radius: 15px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}
.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
    margin-left: 10px;
    width: 330px;

}

.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:10px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 85px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width: 330px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left: 10px;
    height:60px;
}


.information{
  
    width:100%;
    height:1300px;
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: column;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.container-title-infos img{
    width: 100%;
    height:2000px;
    object-fit: cover;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:600px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 50px;
  margin-top: -180px;
  margin-left: -18px;
}

.information-first{
    width:100%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:100%;
      background-color: rgba(0,0,0,0.7);
    height:800px;
    margin-top:50px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p{
    font-size:18px;
    color: white;
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
  color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:98%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-second #submit{
    margin-left: 200px;
    margin-top: 10px;
}
.information-contenu-thirds-adultes{
    color:white;

   
}
.information-contenu-thirds-enfant{
    color:white;
  

   
}
.information-contenu-thirds-remise{
    color:white;

   
}
.nformation-contenu-thirds-remise{
    margin-left: -50px;
   
}
.information-contenu-second p:nth-child(1){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(2){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(3){
    font-size: 18px;
    color: white;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second input[type="text"],
.information-second input[type="email"],
.information-second input[type="email"]  {
    width: 350px;
    margin-left: 13px;
}
.information-second label
{
   
    margin-left: 80px;
}

.information-second .row {
    flex-direction: column; 
    gap: 10px; 
    width: 350px;
}
.information-second #submit {
    margin-left: 85px;
}
}
@media  only screen and  (min-width: 390px) and (max-width: 392px) {

#logo{
    width: 50%;
    margin-left: 80px;
}
   
    .modal-body label{
        margin-left:40px;
     }
       
 .container-evenementiel-contenu-title{
 
     width: 100%;
     height: 500px;
 }
 .container-evenementiel-contenu-title h1{
     text-align: center;
     margin-top: 50px;
     font-weight: 500;
       font-family: "Roboto", sans-serif;
   font-style: italic; 
   font-size:50px;
 }
 
 .container-evenementiel-title img{
     width: 100%;
     height: 600px;
    
 }
 .container-evenementiel-sitation {
     width: 100%;
     height: 300px;
     margin-top: -350px;
 }
 .container-evenementiel-sitation p {
    text-align: center;
    font-size: 15px;
 
 
 }
 
 .container-evenementiel-element{
     width: 100%;
     height: 3300px;
   
 }
 .container-mariages{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     flex-direction: column;
     margin-top: 300px;
 
 
 }
 .container-mariages-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-mariages-first h5{
 font-weight: 900;
 font-size: 35px;
 margin-top: 25px;
 
 }
 .container-mariages-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-mariages-second img{
      width: 95%;
      margin-left: 10px;
      height: 450px;
      object-fit: cover;
      margin-top: 20px;
     
 
 }
 .container-mariage-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-mariage-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 
 .container-anniversaire{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-anniversaire-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-anniversaire-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-anniversaire-first{
     width: 100%;
     height: 500px;
     background-color:black;
 
 
 }
 
 .container-anniversaire-first img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-anniversaire-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 
 .container-anniversaire-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 
 
 .container-bapteme{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 680px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-bapteme-first{
     width: 100%;
     height: 500px;
     background-color:#a8cedc;
 
 
 }
 .container-bapteme-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-bapteme-second img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-bapteme-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-bapteme-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-bapteme-first h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 .container-affaires{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
 
 }
 .container-affaires-first{
     width: 100%;
     height: 500px;
     background-color: black;
 
 
 }
 .container-affaires-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 .container-affaires-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-affaires-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-affaires-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
     .container-affaires-first img{
         width: 95%;
         margin-left: 10px;
         height: 450px;
         object-fit: cover;
         margin-top: 20px;
        
     
     }
     .preste{
        margin-top: -80px;
    
     }
                                                               
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
text-transform: uppercase;
 font-size: 50px;
 margin-top: 200px;
}

.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1150px;
    margin-top: -285px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    margin-top: 200px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 100%;
    height:600px;
}
.container-disposition-first h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 100%;
    height: 380px;
}
.container-disposition-second img{
    width: 80%;
    height: 280px;
    margin-left: 40px;
    margin-top: 10px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 15px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 160px;
    display: flex;
    flex-direction: column-reverse;
}

.container-entreprise-first{
    background-color: black;
    width: 100%;
    height: 395px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 100%;
    height: 595px;
   
   
}

.container-entreprise-first img{
    width: 90%;
    height: 230px;
    margin-left: 20px;
    margin-top: 5px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 15px;
}
.container-entreprise-second h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}

    
    .hrr{
        border: none;
         border-bottom: 10px solid #a8cedc;  
        width: 25%;
        margin:0 auto;
        margin-left: 35px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: 30px;
        margin-bottom: 50px;
    }

    .container-partenariat{

        width: 100%;
        height: 800px;
        margin-top: 100px;
   
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
        margin-top: -20px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 100px;
        flex-direction: column;
        height: 800px;
        width:100%;
        gap: 25px;
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:80%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:80%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:80%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:80%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:80%;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:80%;
    }
    
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: 10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 680px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: contain;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        font-size: 25px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    .footer{
        width: 100%;
        height: 1400px;
        margin-top:250px;
        background-color:black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .container-footer-first{
  
        width: 100%;
        height: 300px;
        
    }
    
    .container-footer-first .fa-brands{
        font-size: 40px;
        margin-left: 50px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size: 18px;
        margin-top: 180px;
        padding: 15px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 33%;
        height: 300px;
    }
    .container-footer-third{
     
        width:75%;
        height: 300px;
        gap: 10px;
        margin-top: -75px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: 25px;
       margin-top: -30px;
       font-size: 18px;
       color: #a8cedc;
    }
    
    .container-footer-fourth{
      
        width: 60%;
        height: 300px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 13px;
        color: #a8cedc;
    }
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;

    }
    
    .container-footer-second a{
     text-decoration: none;
     color: #a8cedc;
     margin-left: 25px;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -150px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 20px;
        margin-left: -15px;
        line-height: 25px;
        margin-top: -5px;
       
      
    }
    #plan{
        color: #a8cedc;
        font-size: 18px;
        margin-left: -80px;
    }

    #menu a{
        color: #a8cedc;
        margin-left: 55px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
   
  
     .container-image{
        height: 850px;
        position: relative;
        width: 100%;
        margin-top: -50px;
       
         
    }
    .container-image img{
        width: 100%;
        height: 600px;
        object-fit: cover;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
        margin-top: -450px;
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 50px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:4000px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: column;
    }
    
    .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -10px;
        font-size: 40px;
        color:white;
       ;
    }
          .container-first{
      
            width: 100%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 490px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-third{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 100%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color:#a8cedc;
        width: 100%;
        height: 1300px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 40px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 1300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: column;
      
      
   
    }
    .container-formule-first{
        width: 100%;
        height: 300px;
        background-image: url('compress/DSC_5115-min.jpg');
       
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 100%;
        height: 300px;
        background-image: url('picture/discover.png');
   
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 100%;
        height: 300px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 100%;
        height: 300px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left:120px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 600px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 50px;
      margin-top: -80px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 1300px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-a-propos-first{
   width:100%;
   height: 1200px;
   background-color: #a8cedc;
   margin-top: -400px;
}
.container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 200px;
    vertical-align: center;
    float: right;
    margin-top: -30px;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 2.6; 

    
}
        .container-a-propos-first bold{
            font-weight: 800;
          }
.container-a-propos-second{
    width:100%;
    height: 100px;
    background-color: black;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 530px;
    object-fit: cover;
   
 }
 
.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
}

.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 25px;
    font-size: 13px;
}

.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height:1000px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height:600px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 1500px;
    margin-top: 800px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 1700px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: column-reverse;

    margin-top: 800px;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 100%;
    height: 500px;
}
.container-evenement-bapteme-contenu-right{

    width: 100%;
    height: 450px;
    background-color: black;
}
.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
}
.container-evenement-bapteme-contenu-left h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}
.container-evenement-bapteme-contenu-right img{
    height: 400px;
    margin-left: 38px;
    margin-top: 25;
}
.container-citation{
       
    width: 100%;
    height: 500px;


    
}
.container-citation p{
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -700px;
    position: relative;
    z-index: 2; 
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: 500px;
    height: 800px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 2.8rem;
 
}
.container-mariage{
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;

    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: -300px;
 
}

.container-mariage-right{
    width: 100%;
    height: 500px;
    background-color: black;
    margin-top: 50px;
}
.container-mariage-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 400px;
 

}
.container-aniversaire{
    width: 100%;
    height: 2000px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: 50px;
}
.container-aniversaire-left{
 
    width: 100%;
    height: 470px;
    background-color: black;
    margin-top: -100px;
}
.container-aniversaire-left img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;

}

.container-evenement-formulaire{
    width: 100%;
    height: 1500px;
    background-color: black;
    margin-top: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:100%;
    height: 200px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 300px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:-15px;
    font-weight: 900;
    font-size: 20px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 30px;
    color: white;
    margin-left: -50px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 1300px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 40px;
    margin-top: -50px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-evenement-contenu-detail-left{
    width: 100%;
    height: 500px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 2.8rem;
    font-weight: 900;
    padding: 15px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}
.container-evenement-contenu-detail-right{
  
    width: 100%;
    height: 470px;
    background-color:  black;
    margin-top: 50px;
}

.container-evenement-contenu-detail-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
  
}



.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 600px;
    margin-top: 50px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 800px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
    flex-direction: column;
  
}

.container-lieu{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    margin-bottom: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    margin-bottom: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    margin-bottom: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 1680px;

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 2000px;
    margin-top: -250px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 100%;
    height: 800px;
    background-color: black;
    margin-top: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
   margin-top: 100px;
}
.container-contact-contenu-suite-detail-right{
    width: 100%;
    margin-top:120px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 35px;
    margin-bottom: 20px;
    margin-top: -50px;
    width: 500px;
    margin-left: -15px;
    
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 340px;
    height: 50px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 340px;
    margin-left: -25px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 40px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
    margin-top: -25px;
}
#phone{
    height: 58px;
    width: 400px;

}

.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1795px;
    object-fit: cover;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: 35px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: column;
    gap: 5px;
    margin-top: 80px;
}
.container-formule-decouverte-contenu-first{
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    height: 600px;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
 
    width: 100%;
    height: 670px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 20px;
    padding: 40px;
    margin-top: -70px;
   
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top: -15px;
}
.container-autre-formule-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
    
   
 }
 
.container-autre-formule-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}

 


.container-package-mira-title{
    width: 100%;
    height: 250px;

}


.container-package-mira-title img{
    width: 100%;
    height:2200px;
    object-fit: cover;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 100px;
margin-top: 50px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
}





.container-formule-mira{
    width: 100%;
    height: 1400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-mira-contenu-first{
    width: 100%;
    height:498px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}






.container-autre-formule-mira{
 
    width: 100%;
    height: 660px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 20px;
    padding: 45px;
    margin-top: 40px;
  
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height:780px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top:-20px ;
}
.container-autre-formule-mira-first{
   width: 75%;
   height: 300px;
 background-image: url('picture/discover.png');
 background-repeat: no-repeat;
 background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-mira-second{
    width: 75%;
    height: 300px;
    background-image: url('picture/night.png');
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-mira-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:2050px;
    object-fit: cover;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 10px;
display: inline-block;
margin-top: 50px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 1400px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
 
    width: 100%;
    height: 640px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 23px;
    padding: 15px;
    margin-top: 200px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 795px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-autre-formule-vip-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-vip-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-vip-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-vip-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }

 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:2010px;
    object-fit: cover;
  
}


.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: -60px;
}



.container-formule-bussiness{
    width: 100%;
    height: 1400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
}
.container-formule-bussiness-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;
 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
 
    width: 100%;
    height: 595px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 20px;
    padding: 40px;
    margin-top: 25px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}
.container-autre-formule-night-first{
   width: 75%;
   height: 300px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-night-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-night-second{
    width: 75%;
    height: 300px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-night-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
   background-repeat: no-repeat;
   background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }

 
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
  
} 
.container-reservation-contenu{
    background-color:black;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 30px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 695px;
    margin-top: 80px;
    padding: 20px;
    border-radius: 15px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}
.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
    margin-left: 5px;
    width: 350px;

}
.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:10px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 85px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width:350px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left: 5px;
    height:60px;
}


.information{
  
    width:100%;
    height:1300px;
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: column;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.container-title-infos img{
    width: 100%;
    height:2000px;
    object-fit: cover;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:600px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 100px;
  margin-top: -180px;
}

.information-first{
    width:100%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:100%;
      background-color: rgba(0,0,0,0.7);
    height:800px;
    margin-top:50px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p{
    font-size:18px;
    color: white;
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
  color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:98%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-second #submit{
    margin-left: 200px;
    margin-top: 10px;
}
.information-contenu-thirds-adultes{
    color:white;

   
}
.information-contenu-thirds-enfant{
    color:white;
  

   
}
.information-contenu-thirds-remise{
    color:white;

   
}
.nformation-contenu-thirds-remise{
    margin-left: -50px;
   
}
.information-contenu-second p:nth-child(1){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(2){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(3){
    font-size: 18px;
    color: white;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second input[type="text"],
.information-second input[type="email"],
.information-second input[type="email"]  {
    width: 350px;
    margin-left: 20px;
}
.information-second label
{
   
    margin-left: 80px;
}

.information-second .row {
    flex-direction: column; 
    gap: 10px; 
    width: 350px;
}
.information-second #submit {
    margin-left: 65px;
}
}


@media  only screen and  (min-width: 393px) and (max-width: 399px){
  
    #logo{
        width: 50%;
        margin-left: 80px;
    }
    .modal-body label{
        margin-left:40px;
     }
       
 .container-evenementiel-contenu-title{
 
     width: 100%;
     height: 500px;
 }
 .container-evenementiel-contenu-title h1{
     text-align: center;
     margin-top: 50px;
     font-weight: 500;
       font-family: "Roboto", sans-serif;
   font-style: italic; 
   font-size:50px;
 }
 
 .container-evenementiel-title img{
     width: 100%;
     height: 600px;
    
 }
 .container-evenementiel-sitation {
     width: 100%;
     height: 300px;
     margin-top: -350px;
 }
 .container-evenementiel-sitation p {
    text-align: center;
    font-size: 15px;
 
 
 }
 
 .container-evenementiel-element{
     width: 100%;
     height: 3300px;
   
 }
 .container-mariages{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     flex-direction: column;
     margin-top: 300px;
 
 
 }
 .container-mariages-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-mariages-first h5{
 font-weight: 900;
 font-size: 35px;
 margin-top: 25px;
 
 }
 .container-mariages-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-mariages-second img{
      width: 95%;
      margin-left: 10px;
      height: 450px;
      object-fit: cover;
      margin-top: 20px;
     
 
 }
 .container-mariage-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-mariage-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 
 .container-anniversaire{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-anniversaire-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-anniversaire-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-anniversaire-first{
     width: 100%;
     height: 500px;
     background-color:black;
 
 
 }
 
 .container-anniversaire-first img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-anniversaire-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 
 .container-anniversaire-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 
 
 .container-bapteme{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 680px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-bapteme-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-bapteme-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-bapteme-second img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-bapteme-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-bapteme-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-bapteme-first h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 .container-affaires{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
 
 }
 .container-affaires-first{
     width: 100%;
     height: 500px;
     background-color: black;
 
 
 }
 .container-affaires-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 .container-affaires-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-affaires-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-affaires-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
     .container-affaires-first img{
         width: 95%;
         margin-left: 10px;
         height: 450px;
         object-fit: cover;
         margin-top: 20px;
        
     
     }
     .preste{
        margin-top: -80px;
    
     }
                                                          
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
text-transform: uppercase;
 font-size: 50px;
 margin-top: 200px;
}

.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1150px;
    margin-top: -285px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    margin-top: 200px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 100%;
    height:600px;
}
.container-disposition-first h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 100%;
    height: 380px;
}
.container-disposition-second img{
    width: 80%;
    height: 280px;
    margin-left: 40px;
    margin-top: 10px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 15px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 160px;
    display: flex;
    flex-direction: column-reverse;
}

.container-entreprise-first{
    background-color: black;
    width: 100%;
    height: 395px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 100%;
    height: 595px;
   
   
}

.container-entreprise-first img{
    width: 90%;
    height: 230px;
    margin-left: 20px;
    margin-top: 5px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 15px;
}
.container-entreprise-second h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}



    
    .hrr{
        border: none;
         border-bottom: 10px solid #a8cedc;  
        width: 25%;
        margin:0 auto;
        margin-left: 35px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: 30px;
        margin-bottom: 50px;
    }

    .container-partenariat{

        width: 100%;
        height: 800px;
        margin-top: 100px;
   
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 100px;
        flex-direction: column;
        height: 800px;
        width:100%;
        gap: 25px;
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:80%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:80%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:80%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:80%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:80%;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:80%;
    }
    
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: 10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 680px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: contain;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        font-size: 25px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    .footer{
        width: 100%;
        height: 1400px;
        margin-top:250px;
        background-color:black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .container-footer-first{
    
        width: 100%;
        height: 300px;
        
    }
    
    .container-footer-first .fa-brands{
        font-size: 40px;
        margin-left: 50px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size: 18px;
        margin-top: 180px;
        padding: 15px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 33%;
        height: 300px;
    }
    .container-footer-third{
     
        width:75%;
        height: 300px;
        gap: 10px;
        margin-top: -75px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: 25px;
       margin-top: -30px;
       font-size: 18px;
       color: #a8cedc;
    }
    
    .container-footer-fourth{
      
        width: 60%;
        height: 300px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 15px;
        color: #a8cedc;
    }
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;

    }
    
    .container-footer-second a{
     text-decoration: none;
     color: #a8cedc;
     margin-left: 25px;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -150px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 20px;
        margin-left: -15px;
        line-height: 25px;
        margin-top: -5px;
       
      
    }
    #plan{
        color: #a8cedc;
        font-size: 18px;
        margin-left: -80px;
    }

    #menu a{
        color: #a8cedc;
        margin-left: 50px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
   
  
     .container-image{
        height: 850px;
        position: relative;
        width: 100%;
        margin-top: -50px;
       
         
    }
    .container-image img{
        width: 100%;
        height: 600px;
        object-fit: cover;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
        margin-top: -450px;
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 50px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:4000px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: column;
    }
    
    .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -8px;
        font-size: 45px;
        color: white;
       ;
    }
          .container-first{
      
            width: 100%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 490px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-third{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 100%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color:#a8cedc;
        width: 100%;
        height: 1300px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 50px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 1300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: column;
      
      
   
    }
    .container-formule-first{
        width: 100%;
        height: 300px;
        background-image: url('compress/DSC_5115-min.jpg');
       
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 100%;
        height: 300px;
        background-image: url('picture/discover.png');
   
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 100%;
        height: 300px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 100%;
        height: 300px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left:120px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 600px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 50px;
      margin-top: -80px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 1300px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-a-propos-first{
   width:100%;
   height: 1200px;
   background-color: #a8cedc;
   margin-top: -400px;
}
.container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 200px;
    vertical-align: center;
    float: right;
    margin-top: -30px;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 2.6; 

    
}
        .container-a-propos-first bold{
            font-weight: 800;
          }
.container-a-propos-second{
    width:100%;
    height: 100px;
    background-color: black;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 530px;
    object-fit: cover;
   
 }
 

.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1.2rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
    margin-top: 15px;
}

.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 25px;
    font-size: 13px;
}

.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height:1000px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height:600px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 1500px;
    margin-top: 800px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 1700px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: column-reverse;

    margin-top: 800px;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 100%;
    height: 500px;
}
.container-evenement-bapteme-contenu-right{

    width: 100%;
    height: 450px;
    background-color: black;
}
.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
}
.container-evenement-bapteme-contenu-left h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}
.container-evenement-bapteme-contenu-right img{
    height: 400px;
    margin-left: 38px;
    margin-top: 25;
}
.container-citation{
       
    width: 100%;
    height: 500px;


    
}
.container-citation p{
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -700px;
    position: relative;
    z-index: 2; 
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: 500px;
    height: 800px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 2.8rem;
 
}
.container-mariage{
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;

    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: -300px;
 
}

.container-mariage-right{
    width: 100%;
    height: 500px;
    background-color: black;
    margin-top: 50px;
}
.container-mariage-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 400px;
 

}
.container-aniversaire{
    width: 100%;
    height: 2000px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: 50px;
}
.container-aniversaire-left{
 
    width: 100%;
    height: 470px;
    background-color: black;
    margin-top: -100px;
}
.container-aniversaire-left img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;

}
.container-evenement-formulaire{
    width: 100%;
    height: 1500px;
    background-color: black;
    margin-top: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:100%;
    height: 200px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 300px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:-15px;
    font-weight: 900;
    font-size: 20px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 30px;
    color: white;
    margin-left: -50px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 1300px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 40px;
    margin-top: -50px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-evenement-contenu-detail-left{
    width: 100%;
    height: 500px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 2.8rem;
    font-weight: 900;
    padding: 15px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}
.container-evenement-contenu-detail-right{
  
    width: 100%;
    height: 470px;
    background-color:  black;
    margin-top: 50px;
}

.container-evenement-contenu-detail-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
  
}



.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 600px;
    margin-top: 50px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 700px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.container-lieu{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 1680px;

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 2100px;
    margin-top: -250px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 100%;
    height: 800px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
   margin-top: 130px;
}
.container-contact-contenu-suite-detail-right{
    width: 100%;
    margin-top:120px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 35px;
    margin-bottom: 20px;
    margin-top: -50px;
    width: 500px;
    margin-left: -15px;
    
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 340px;
    height: 50px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 340px;
    margin-left: -25px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 40px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
    margin-top: -25px;
}
#phone{
    height: 58px;
    width: 400px;

}

.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1795px;
    object-fit: cover;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: 35px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: column;
    gap: 5px;
    margin-top: 80px;
}
.container-formule-decouverte-contenu-first{
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    height: 500px;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
 
    width: 100%;
    height: 670px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 20px;
    padding: 40px;
    margin-top: -70px;
   
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top: -15px;
}
.container-autre-formule-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
    
   
 }
 
.container-autre-formule-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}

 


.container-package-mira-title{
    width: 100%;
    height: 250px;

}


.container-package-mira-title img{
    width: 100%;
    height:2200px;
    object-fit: cover;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: 50px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
}





.container-formule-mira{
    width: 100%;
    height: 1400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: -80px;
}
.container-formule-mira-contenu-first{
    width: 100%;
    height:498px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}






.container-autre-formule-mira{
 
    width: 100%;
    height: 660px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 20px;
    padding: 45px;
    margin-top: 40px;
  
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height:780px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top:-20px ;
}
.container-autre-formule-mira-first{
   width: 75%;
   height: 300px;
 background-image: url('picture/discover.png');
 background-repeat: no-repeat;
 background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-mira-second{
    width: 75%;
    height: 300px;
    background-image: url('picture/night.png');
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-mira-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:2050px;
    object-fit: cover;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 10px;
display: inline-block;
margin-top: 50px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 1400px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
 
    width: 100%;
    height: 640px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 23px;
    padding: 15px;
    margin-top: 200px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 795px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-autre-formule-vip-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-vip-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-vip-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-vip-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }

 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:2010px;
    object-fit: cover;
  
}


.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 41px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: -60px;
}



.container-formule-bussiness{
    width: 100%;
    height: 1400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
}
.container-formule-bussiness-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;
 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
 
    width: 100%;
    height: 595px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 20px;
    padding: 40px;
    margin-top: 25px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}
.container-autre-formule-night-first{
   width: 75%;
   height: 300px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-night-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-night-second{
    width: 75%;
    height: 300px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-night-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
   background-repeat: no-repeat;
   background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
  
} 
.container-reservation-contenu{
    background-color:black;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 30px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 695px;
    margin-top: 80px;
    padding: 20px;
    border-radius: 15px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}
.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
    margin-left: 5px;
    width: 350px;

}
.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:10px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 85px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width:350px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left: 5px;
    height:60px;
}

.information{
  
    width:100%;
    height:1300px;
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: column;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.container-title-infos img{
    width: 100%;
    height:2000px;
    object-fit: cover;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:600px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 50px;
  margin-top: -180px;
  margin-left: -45px;
}

.information-first{
    width:100%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:100%;
      background-color: rgba(0,0,0,0.7);
    height:800px;
    margin-top:50px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p{
    font-size:18px;
    color: white;
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
  color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
  
   
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-second #submit{
    margin-left: 200px;
    margin-top: 10px;
}
.information-contenu-thirds-adultes{
    color:white;

   
}
.information-contenu-thirds-enfant{
    color:white;
  

   
}
.information-contenu-thirds-remise{
    color:white;

   
}
.nformation-contenu-thirds-remise{
    margin-left: -50px;
   
}
.information-contenu-second p:nth-child(1){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(2){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(3){
    font-size: 18px;
    color: white;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second input[type="text"],
.information-second input[type="email"] {
    width: 350px;
    margin-left: 20px;
}
.information-second label
{
   
    margin-left: 80px;
}

.information-second .row {
    flex-direction: column; 
    gap: 15px; 
}
.information-second #submit {
    margin-left: 70px;
}
}

@media  only screen and  (min-width: 400px) and (max-width: 413px){
    
   
    .modal-body label{
        margin-left:40px;
     }
       
 .container-evenementiel-contenu-title{
 
     width: 100%;
     height: 500px;
 }
 .container-evenementiel-contenu-title h1{
     text-align: center;
     margin-top: 50px;
     font-weight: 500;
       font-family: "Roboto", sans-serif;
   font-style: italic; 
   font-size:50px;
 }
 
 .container-evenementiel-title img{
     width: 100%;
     height: 600px;
    
 }
 .container-evenementiel-sitation {
     width: 100%;
     height: 300px;
     margin-top: -350px;
 }
 .container-evenementiel-sitation p {
    text-align: center;
    font-size: 15px;
 
 
 }
 
 .container-evenementiel-element{
     width: 100%;
     height: 3300px;
   
 }
 .container-mariages{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     flex-direction: column;
     margin-top: 300px;
 
 
 }
 .container-mariages-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-mariages-first h5{
 
 font-weight: 900;
 font-size: 35px;
 margin-top: 25px;
 
 }
 .container-mariages-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-mariages-second img{
      width: 95%;
      margin-left: 10px;
      height: 450px;
      object-fit: cover;
      margin-top: 20px;
     
 
 }
 .container-mariage-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-mariage-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 
 .container-anniversaire{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-anniversaire-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-anniversaire-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-anniversaire-first{
     width: 100%;
     height: 500px;
     background-color:black;
 
 
 }
 
 .container-anniversaire-first img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-anniversaire-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 
 .container-anniversaire-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 
 
 .container-bapteme{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 680px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-bapteme-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-bapteme-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-bapteme-second img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-bapteme-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-bapteme-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-bapteme-first h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 .container-affaires{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
 
 }
 .container-affaires-first{
     width: 100%;
     height: 500px;
     background-color: black;
 
 
 }
 .container-affaires-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 .container-affaires-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-affaires-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-affaires-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
     .container-affaires-first img{
         width: 95%;
         margin-left: 10px;
         height: 450px;
         object-fit: cover;
         margin-top: 20px;
        
     
     }
     .preste{
        margin-top: -80px;
    
     }

                                                    
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
text-transform: uppercase;
 font-size: 50px;
 margin-top: 200px;
}

.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1200px;
    margin-top: -200px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    margin-top: 200px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 100%;
    height:600px;
}
.container-disposition-first h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 100%;
    height: 380px;
}
.container-disposition-second img{
    width: 80%;
    height: 280px;
    margin-left: 40px;
    margin-top: 10px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 15px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 160px;
    display: flex;
    flex-direction: column-reverse;
}

.container-entreprise-first{
    background-color: black;
    width: 100%;
    height: 395px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 100%;
    height: 595px;
   
   
}

.container-entreprise-first img{
    width: 90%;
    height: 230px;
    margin-left: 20px;
    margin-top: 5px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 20px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 15px;
}
.container-entreprise-second h5{
    font-size: 20px;
    font-weight: 900;
    padding-top: 25px;
}



    
    .hrr{
        border: none;
         border-bottom: 10px solid #a8cedc;  
        width: 25%;
        margin:0 auto;
        margin-left: 35px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: 30px;
        margin-bottom: 50px;
    }

    .container-partenariat{

        width: 100%;
        height: 800px;
        margin-top: 100px;
   
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 100px;
        flex-direction: column;
        height: 800px;
        width:100%;
        gap: 25px;
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:80%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:80%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:80%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:80%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:80%;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:80%;
    }
    
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: 10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 680px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: contain;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        font-size: 25px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    .footer{
        width: 100%;
        height: 1400px;
        margin-top:250px;
        background-color:black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .container-footer-first{
    
        width: 100%;
        height: 300px;
        
    }
    
    .container-footer-first .fa-brands{
        font-size: 40px;
        margin-left: 50px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size: 18px;
        margin-top: 180px;
        padding: 15px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 33%;
        height: 300px;
    }
    .container-footer-third{
     
        width:75%;
        height: 300px;
        gap: 10px;
        margin-top: -75px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: 25px;
       margin-top: -30px;
       font-size: 18px;
       color: #a8cedc;
    }
    
    .container-footer-fourth{
      
        width: 60%;
        height: 300px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 15px;
        color: #a8cedc;
    }
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;

    }
    
    .container-footer-second a{
     text-decoration: none;
     color: #a8cedc;
     margin-left: 25px;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -150px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 20px;
        margin-left: -15px;
        line-height: 25px;
        margin-top: -5px;
       
      
    }
    #plan{
        color: #a8cedc;
        font-size: 18px;
        margin-left: -80px;
    }

    #menu a{
        color: #a8cedc;
        margin-left: 50px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
   
  
 
     .container-image{
        height: 850px;
        position: relative;
        width: 100%;
        margin-top: -50px;
       
         
    }
    .container-image img{
        width: 100%;
        height: 600px;
        object-fit: cover;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
        margin-top: -450px;
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 50px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:4000px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: column;
    }
    
    .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -10px;
        font-size: 45px;
        color: white;
       ;
    }
          .container-first{
      
            width: 100%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 490px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-third{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 100%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color:#a8cedc;
        width: 100%;
        height: 1300px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 50px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 1300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: column;
      
      
   
    }
    .container-formule-first{
        width:100%;
        height: 300px;
        background-image: url('compress/DSC_5115-min.jpg');
       
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 100%;
        height: 300px;
        background-image: url('picture/discover.png');
   
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 100%;
        height: 300px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 100%;
        height: 300px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left:120px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 600px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 50px;
      margin-top: -80px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 1000px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-a-propos-first{
   width:100%;
   height: 980px;
   background-color: #a8cedc;
   margin-top: -400px;
}
.container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 200px;
    vertical-align: center;
    float: right;
    margin-top: -30px;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 2.6; 

    
}
        .container-a-propos-first bold{
            font-weight: 800;
          }
.container-a-propos-second{
    width:100%;
    height: 100px;
    background-color: black;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 480px;
    object-fit: cover;
   
 }
 

.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1.1rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
}

.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 25px;
    font-size: 13px;
}

.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height:1000px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
     object-fit: cover;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height:600px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 1500px;
    margin-top: 800px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 1700px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: column-reverse;

    margin-top: 800px;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 100%;
    height: 500px;
}
.container-evenement-bapteme-contenu-right{

    width: 100%;
    height: 450px;
    background-color: black;
}
.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
}
.container-evenement-bapteme-contenu-left h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}
.container-evenement-bapteme-contenu-right img{
    height: 400px;
    margin-left: 38px;
    margin-top: 25;
}
.container-citation{
       
    width: 100%;
    height: 500px;


    
}
.container-citation p{
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -700px;
    position: relative;
    z-index: 2; 
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: 500px;
    height: 800px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 2.8rem;
 
}
.container-mariage{
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;

    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: -300px;
 
}

.container-mariage-right{
    width: 100%;
    height: 500px;
    background-color: black;
    margin-top: 50px;
}
.container-mariage-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 400px;
 

}
.container-aniversaire{
    width: 100%;
    height: 2000px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: 50px;
}
.container-aniversaire-left{
 
    width: 100%;
    height: 470px;
    background-color: black;
    margin-top: -100px;
}
.container-aniversaire-left img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;

}

.container-evenement-formulaire{
    width: 100%;
    height: 1500px;
    background-color: black;
    margin-top: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:100%;
    height: 200px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 300px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:-15px;
    font-weight: 900;
    font-size: 20px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 30px;
    color: white;
    margin-left: -50px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 1300px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 40px;
    margin-top: -50px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-evenement-contenu-detail-left{
    width: 100%;
    height: 500px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 2.8rem;
    font-weight: 900;
    padding: 15px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}
.container-evenement-contenu-detail-right{
  
    width: 100%;
    height: 470px;
    background-color:  black;
    margin-top: 50px;
}

.container-evenement-contenu-detail-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
  
}



.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 600px;
    margin-top: 50px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 700px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.container-lieu{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 1680px;

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 2000px;
    margin-top: -250px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 100%;
    height: 800px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
   margin-top: 200px;
}
.container-contact-contenu-suite-detail-right{
    width: 100%;
    margin-top:120px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 35px;
    margin-bottom: 20px;
    margin-top: -50px;
    width: 500px;
    margin-left: -15px;
    
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 340px;
    height: 50px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 340px;
    margin-left: -25px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 40px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
    margin-top: -25px;
}
#phone{
    height: 58px;
    width: 400px;

}


.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1795px;
    object-fit: cover;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: 35px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: column;
    gap: 5px;
    margin-top: 80px;
}
.container-formule-decouverte-contenu-first{
    width: 85%;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    height: 600px;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
 
    width: 100%;
    height: 670px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 22px;
    padding: 40px;
    margin-top: -70px;
   
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top: -15px;
}
.container-autre-formule-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
    
   
 }
 
.container-autre-formule-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}


 
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}

 
.container-package-mira-title{
    width: 100%;
    height: 250px;

}


.container-package-mira-title img{
    width: 100%;
    height:2200px;
    object-fit: cover;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 100px;
margin-top: 50px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
}





.container-formule-mira{
    width: 100%;
    height: 1400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-mira-contenu-first{
    width: 85%;
    height:498px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}






.container-autre-formule-mira{
 
    width: 100%;
    height: 660px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 20px;
    padding: 45px;
    margin-top: 40px;
  
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height:780px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top:-20px ;
}
.container-autre-formule-mira-first{
   width: 75%;
   height: 300px;
 background-image: url('picture/discover.png');
 background-repeat: no-repeat;
 background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-mira-second{
    width: 75%;
    height: 300px;
    background-image: url('picture/night.png');
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-mira-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:2050px;
    object-fit: cover;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 10px;
display: inline-block;
margin-top: 50px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 1400px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 85%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
 
    width: 100%;
    height: 550px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 23px;
    padding: 15px;
    margin-top: 200px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-autre-formule-vip-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-vip-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-vip-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-vip-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:2030px;
    object-fit: cover;
  
}


.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: -60px;
}



.container-formule-bussiness{
    width: 100%;
    height: 1400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
}
.container-formule-bussiness-contenu-first{
    width: 85%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;
 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
 
    width: 100%;
    height: 595px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 22px;
    padding: 40px;
    margin-top: 25px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}
.container-autre-formule-night-first{
   width: 75%;
   height: 300px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-night-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-night-second{
    width: 75%;
    height: 300px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-night-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
   background-repeat: no-repeat;
   background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
  
} 
.container-reservation-contenu{
    background-color:black;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 30px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 695px;
    margin-top: 80px;
    padding: 20px;
    border-radius: 15px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}
.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
    margin-left: 15px;
    width: 350px;

}
.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:10px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 100px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width:350px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left: 15px;
    height:60px;
}

.information{
  
    width:100%;
    height:1300px;
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: column;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.container-title-infos img{
    width: 100%;
    height:2000px;
    object-fit: cover;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:600px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 100px;
  margin-top: -180px;
}

.information-first{
    width:100%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:100%;
      background-color: rgba(0,0,0,0.7);
    height:800px;
    margin-top:50px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p{
    font-size:18px;
    color: white;
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
  color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
  
   
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-second #submit{
    margin-left: 200px;
    margin-top: 10px;
}
.information-contenu-thirds-adultes{
    color:white;

   
}
.information-contenu-thirds-enfant{
    color:white;
  

   
}
.information-contenu-thirds-remise{
    color:white;

   
}
.nformation-contenu-thirds-remise{
    margin-left: -50px;
   
}
.information-contenu-second p:nth-child(1){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(2){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(3){
    font-size: 18px;
    color: white;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second input[type="text"],
.information-second input[type="email"] {
    width: 350px;
    margin-left: 30px;
}
.information-second label
{
   
    margin-left: 80px;
}

.information-second .row {
    flex-direction: column; 
    gap: 15px; 
}
.information-second #submit {
    margin-left: 100px;
}
}


  @media  only screen and  (min-width: 414px) and (max-width: 428px)  {

    #logo{
        width: 50%;
        margin-left: 80px;
    }
    .modal-body label{
        margin-left:40px;
     }
       
 .container-evenementiel-contenu-title{
 
     width: 100%;
     height: 500px;
 }
 .container-evenementiel-contenu-title h1{
     text-align: center;
     margin-top: 50px;
     font-weight: 500;
       font-family: "Roboto", sans-serif;
   font-style: italic; 
   font-size:50px;
 }
 
 .container-evenementiel-title img{
     width: 100%;
     height: 600px;
    
 }
 .container-evenementiel-sitation {
     width: 100%;
     height: 300px;
     margin-top: -350px;
 }
 .container-evenementiel-sitation p {
    text-align: center;
    font-size: 15px;
 
 
 }
 
 .container-evenementiel-element{
     width: 100%;
     height: 3300px;
   
 }
 .container-mariages{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     flex-direction: column;
     margin-top: 300px;
 
 
 }
 .container-mariages-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-mariages-first h5{

 font-weight: 900;
 font-size: 35px;
 margin-top: 25px;
 
 }
 .container-mariages-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-mariages-second img{
      width: 95%;
      margin-left: 10px;
      height: 450px;
      object-fit: cover;
      margin-top: 20px;
     
 
 }
 .container-mariage-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-mariage-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 
 .container-anniversaire{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-anniversaire-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-anniversaire-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-anniversaire-first{
     width: 100%;
     height: 500px;
     background-color:black;
 
 
 }
 
 .container-anniversaire-first img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-anniversaire-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 
 .container-anniversaire-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 
 
 .container-bapteme{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 680px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-bapteme-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-bapteme-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-bapteme-second img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-bapteme-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-bapteme-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-bapteme-first h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 .container-affaires{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
 
 }
 .container-affaires-first{
     width: 100%;
     height: 500px;
     background-color: black;
 
 
 }
 .container-affaires-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 .container-affaires-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-affaires-descrip p{
      font-size: 24px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-affaires-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
     .container-affaires-first img{
         width: 95%;
         margin-left: 10px;
         height: 450px;
         object-fit: cover;
         margin-top: 20px;
        
     
     }
     .preste{
        margin-top: -80px;
    
     }

                                                
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
text-transform: uppercase;
 font-size: 50px;
 margin-top: 200px;
}

.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1200px;
    margin-top: -150px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    margin-top: 200px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 100%;
    height:600px;
}
.container-disposition-first h5{
    font-size: 25px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 100%;
    height: 380px;
}
.container-disposition-second img{
    width: 80%;
    height: 280px;
    margin-left: 40px;
    margin-top: 10px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 15px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 160px;
    display: flex;
    flex-direction: column-reverse;
}

.container-entreprise-first{
    background-color: black;
    width: 100%;
    height: 395px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 100%;
    height: 595px;
   
   
}

.container-entreprise-first img{
    width: 90%;
    height: 230px;
    margin-left: 20px;
    margin-top: 5px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 15px;
}
.container-entreprise-second h5{
    font-size: 25px;
    font-weight: 900;
    padding-top: 25px;
}



    
    .hrr{
        border: none;
         border-bottom: 10px solid #a8cedc;  
        width: 25%;
        margin:0 auto;
        margin-left: 35px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: 30px;
        margin-bottom: 50px;
    }

    .container-partenariat{

        width: 100%;
        height: 900px;
        margin-top: 100px;
   
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
        margin-top: -25px;
        padding-bottom: 15px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 100px;
        flex-direction: column;
        height: 800px;
        width:100%;
        gap: 25px;
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:80%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:80%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:80%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:80%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:80%;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:80%;
    }

    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: 10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 680px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: contain;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        font-size: 25px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    .footer{
        width: 100%;
        height: 1400px;
        margin-top:250px;
        background-color:black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .container-footer-first{
    
        width: 100%;
        height: 300px;
        
    }
    
    .container-footer-first .fa-brands{
        font-size: 40px;
        margin-left: 50px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size: 18px;
        margin-top: 180px;
        padding: 15px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 33%;
        height: 300px;
    }
    .container-footer-third{
     
        width:75%;
        height: 300px;
        gap: 10px;
        margin-top: -75px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: 25px;
       margin-top: -30px;
       font-size: 18px;
       color: #a8cedc;
    }
    
    .container-footer-fourth{
      
        width: 60%;
        height: 300px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 15px;
        color: #a8cedc;
    }
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;

    }
    
    .container-footer-second a{
     text-decoration: none;
     color: #a8cedc;
     margin-left: 25px;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -150px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 20px;
        margin-left: -15px;
        line-height: 25px;
        margin-top: -5px;
       
      
    }
    #plan{
        color: #a8cedc;
        font-size: 18px;
        margin-left: -80px;
    }

    #menu a{
        color: #a8cedc;
        margin-left: 50px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
   
  
 
    .container-image{
        height: 850px;
        position: relative;
        width: 100%;
        margin-top: -50px;
       
         
    }
    .container-image img{
        width: 100%;
        height: 600px;
        object-fit: cover;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
        margin-top: -450px;
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 50px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:4000px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: column;
    }
    
    .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -10px;
        font-size: 50px;
        color: white;
       ;
    }
          .container-first{
      
            width: 100%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 490px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-third{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 100%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color:#a8cedc;
        width: 100%;
        height: 1300px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 50px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 1300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: column;
      
      
   
    }
    .container-formule-first{
        width: 100%;
        height: 300px;
        background-image: url('compress/DSC_5115-min.jpg');
       
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 100%;
        height: 300px;
        background-image: url('picture/discover.png');
   
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 100%;
        height: 300px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 100%;
        height: 300px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left:120px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 600px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 50px;
      margin-top: -80px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 1000px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-a-propos-first{
   width:100%;
   height: 900px;
   background-color: #a8cedc;
   margin-top: -400px;
}
.container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 200px;
    vertical-align: center;
    float: right;
    margin-top: -30px;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 2.6; 
    
}
        .container-a-propos-first bold{
            font-weight: 800;
          }
.container-a-propos-second{
    width:100%;
    height: 100px;
    background-color: black;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 530px;
    object-fit: cover;
   
 }

.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
    margin-top: 15px;
}

.container-a-propos-first #rule{
    color: black;
    text-align: center;

    margin-top: 25px;
    font-size: 13px;
}

.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height:1000px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height:600px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 1500px;
    margin-top: 800px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 1700px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: column-reverse;

    margin-top: 800px;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 100%;
    height: 500px;
}
.container-evenement-bapteme-contenu-right{

    width: 100%;
    height: 450px;
    background-color: black;
}
.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
}
.container-evenement-bapteme-contenu-left h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}
.container-evenement-bapteme-contenu-right img{
    height: 400px;
    margin-left: 38px;
    margin-top: 25;
}
.container-citation{
       
    width: 100%;
    height: 500px;


    
}
.container-citation p{
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -700px;
    position: relative;
    z-index: 2; 
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: 500px;
    height: 800px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 2.8rem;
 
}
.container-mariage{
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;

    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: -300px;
 
}

.container-mariage-right{
    width: 100%;
    height: 500px;
    background-color: black;
    margin-top: 50px;
}
.container-mariage-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 400px;
 

}
.container-aniversaire{
    width: 100%;
    height: 2000px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: 50px;
}
.container-aniversaire-left{
 
    width: 100%;
    height: 470px;
    background-color: black;
    margin-top: -100px;
}
.container-aniversaire-left img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;

}

.container-evenement-formulaire{
    width: 100%;
    height: 1500px;
    background-color: black;
    margin-top: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:100%;
    height: 200px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 300px;
    width: 300px;
    font-size: 25px;
    margin-left: -20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:-15px;
    font-weight: 900;
    font-size: 20px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 30px;
    color: white;
    margin-left: -50px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 1300px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 40px;
    margin-top: -50px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-evenement-contenu-detail-left{
    width: 100%;
    height: 500px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 2.8rem;
    font-weight: 900;
    padding: 15px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}
.container-evenement-contenu-detail-right{
  
    width: 100%;
    height: 470px;
    background-color:  black;
    margin-top: 50px;
}

.container-evenement-contenu-detail-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
  
}



.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 600px;
    margin-top: 50px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 800px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
  
}

.container-lieu{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    margin-bottom: 20px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    margin-bottom: 20px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 1680px;

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 2100px;
    margin-top: -250px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 100%;
    height: 800px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
   margin-top: 130px;
}
.container-contact-contenu-suite-detail-right{
    width: 100%;
    margin-top:120px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 35px;
    margin-bottom: 20px;
    margin-top: -50px;
    width: 500px;
    margin-left: -15px;
    
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 340px;
    height: 50px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 340px;
    margin-left: -25px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 40px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
    margin-top: -25px;
}
#phone{
    height: 58px;
    width: 400px;

}


.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1795px;
    object-fit: cover;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: 35px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: column;
    gap: 5px;
    margin-top: 80px;
}
.container-formule-decouverte-contenu-first{
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    height: 600px;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
 
    width: 100%;
    height: 670px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 22px;
    padding: 40px;
    margin-top: -70px;
   
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top: -15px;
}
.container-autre-formule-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
    
   
 }
 
.container-autre-formule-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}

 
.container-package-mira-title{
    width: 100%;
    height: 250px;

}


.container-package-mira-title img{
    width: 100%;
    height:2200px;
    object-fit: cover;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 100px;
margin-top: 50px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
}





.container-formule-mira{
    width: 100%;
    height: 1400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-mira-contenu-first{
    width: 100%;
    height:498px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}






.container-autre-formule-mira{
 
    width: 100%;
    height: 660px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 22px;
    padding: 45px;
    margin-top: 40px;
  
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height:780px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top:-20px ;
}
.container-autre-formule-mira-first{
   width: 75%;
   height: 300px;
 background-image: url('picture/discover.png');
 background-repeat: no-repeat;
 background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-mira-second{
    width: 75%;
    height: 300px;
    background-image: url('picture/night.png');
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-mira-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:2050px;
    object-fit: cover;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 10px;
display: inline-block;
margin-top: 50px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 1400px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
 
    width: 100%;
    height: 550px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 23px;
    padding: 15px;
    margin-top: 200px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-autre-formule-vip-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-vip-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-vip-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-vip-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:2050px;
    object-fit: cover;
  
}

.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: -60px;
}



.container-formule-bussiness{
    width: 100%;
    height: 1400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
}
.container-formule-bussiness-contenu-first{
    width: 100%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;
 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
 
    width: 100%;
    height: 595px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 23px;
    padding: 40px;
    margin-top: 25px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}
.container-autre-formule-night-first{
   width: 75%;
   height: 300px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-night-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-night-second{
    width: 75%;
    height: 300px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-night-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
   background-repeat: no-repeat;
   background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
  
} 
.container-reservation-contenu{
    background-color:black;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 30px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 695px;
    margin-top: 80px;
    padding: 20px;
    border-radius: 15px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}
.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
    margin-left: 15px;
    width: 350px;

}
.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:10px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 100px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width:350px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left: 15px;
    height:60px;
}


.information{
  
    width:100%;
    height:1300px;
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: column;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.container-title-infos img{
    width: 100%;
    height:2000px;
    object-fit: cover;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:600px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 100px;
  margin-top: -180px;
}

.information-first{
    width:100%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:100%;
      background-color: rgba(0,0,0,0.7);
    height:800px;
    margin-top:50px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p{
    font-size:18px;
    color: white;
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
  color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
  
   
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-second #submit{
    margin-left: 200px;
    margin-top: 10px;
}
.information-contenu-thirds-adultes{
    color:white;

   
}
.information-contenu-thirds-enfant{
    color:white;
  

   
}
.information-contenu-thirds-remise{
    color:white;

   
}
.nformation-contenu-thirds-remise{
    margin-left: -50px;
   
}
.information-contenu-second p:nth-child(1){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(2){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(3){
    font-size: 18px;
    color: white;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second input[type="text"],
.information-second input[type="email"] {
    width: 350px;
    margin-left: 30px;
}
.information-second label
{
   
    margin-left: 80px;
}

.information-second .row {
    flex-direction: column; 
    gap: 20px; 
}
.information-second #submit {
    margin-left: 100px;
}
  }

  @media  only screen and  (min-width: 429px) and (max-width: 599px) {

    
    .modal-body label{
        margin-left:40px;
     }
       
 .container-evenementiel-contenu-title{
 
     width: 100%;
     height: 500px;
 }
 .container-evenementiel-contenu-title h1{
     text-align: center;
     margin-top: 50px;
     font-weight: 500;
       font-family: "Roboto", sans-serif;
   font-style: italic; 
   font-size:50px;
 }
 
 .container-evenementiel-title img{
     width: 100%;
     height: 600px;
    
 }
 .container-evenementiel-sitation {
     width: 100%;
     height: 300px;
     margin-top: -350px;
 }
 .container-evenementiel-sitation p {
    text-align: center;
    font-size: 15px;
 
 
 }
 
 .container-evenementiel-element{
     width: 100%;
     height: 3300px;
   
 }
 .container-mariages{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     flex-direction: column;
     margin-top: 300px;
 
 
 }
 .container-mariages-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-mariages-first h5{
 font-weight: 900;
 font-size: 35px;
 margin-top: 25px;
 
 }
 .container-mariages-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-mariages-second img{
      width: 95%;
      margin-left: 10px;
      height: 450px;
      object-fit: cover;
      margin-top: 20px;
     
 
 }
 .container-mariage-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-mariage-descrip p{
      font-size: 28px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 
 .container-anniversaire{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-anniversaire-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-anniversaire-descrip p{
      font-size: 28px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-anniversaire-first{
     width: 100%;
     height: 500px;
     background-color:black;
 
 
 }
 
 .container-anniversaire-first img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-anniversaire-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 
 .container-anniversaire-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 
 
 .container-bapteme{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 680px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-bapteme-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-bapteme-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-bapteme-second img{
     width: 95%;
     margin-left: 10px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-bapteme-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-bapteme-descrip p{
      font-size: 28px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-bapteme-first h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 .container-affaires{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
 
 }
 .container-affaires-first{
     width: 100%;
     height: 500px;
     background-color: black;
 
 
 }
 .container-affaires-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 .container-affaires-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-affaires-descrip p{
      font-size: 28px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-affaires-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
     .container-affaires-first img{
         width: 95%;
         margin-left: 10px;
         height: 450px;
         object-fit: cover;
         margin-top: 20px;
        
     
     }
                                            
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
text-transform: uppercase;
 font-size: 75px;
 margin-top: 200px;
}

.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1200px;
    margin-top: -150px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    margin-top: 200px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 100%;
    height:600px;
}
.container-disposition-first h5{
    font-size: 30px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 100%;
    height: 380px;
}
.container-disposition-second img{
    width: 80%;
    height: 280px;
    margin-left: 40px;
    margin-top: 10px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 15px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 160px;
    display: flex;
    flex-direction: column-reverse;
}

.container-entreprise-first{
    background-color: black;
    width: 100%;
    height: 395px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 100%;
    height: 595px;
   
   
}

.container-entreprise-first img{
    width: 90%;
    height: 230px;
    margin-left: 20px;
    margin-top: 5px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 15px;
}
.container-entreprise-second h5{
    font-size: 30px;
    font-weight: 900;
    padding-top: 25px;
}


    
    .hrr{
        border: none;
         border-bottom: 10px solid #a8cedc;  
        width: 25%;
        margin:0 auto;
        margin-left: 35px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: 30px;
        margin-bottom: 50px;
    }

    .container-partenariat{

        width: 100%;
        height: 900px;
        margin-top: 100px;
   
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
        padding-bottom: 25px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 100px;
        flex-direction: column;
        height: 800px;
        width:100%;
        gap: 25px;
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:80%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:80%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:80%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:80%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:80%;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:80%;
    }
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: 10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 680px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: contain;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        font-size: 25px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    .footer{
        width: 100%;
        height: 1400px;
        margin-top:250px;
        background-color:black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .container-footer-first{
    
        width: 100%;
        height: 300px;
        
    }
    
    .container-footer-first .fa-brands{
        font-size: 40px;
        margin-left: 50px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size: 18px;
        margin-top: 180px;
        padding: 15px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 33%;
        height: 300px;
    }
    .container-footer-third{
     
        width:75%;
        height: 300px;
        gap: 10px;
        margin-top: -75px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: 25px;
       margin-top: -30px;
       font-size: 18px;
       color: #a8cedc;
    }
    
    .container-footer-fourth{
      
        width: 60%;
        height: 300px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 15px;
        color: #a8cedc;
    }
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;

    }
    
    .container-footer-second a{
     text-decoration: none;
     color: #a8cedc;
     margin-left: 25px;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -150px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 20px;
        margin-left: -15px;
        line-height: 25px;
        margin-top: -5px;
       
      
    }
    #plan{
        color: #a8cedc;
        font-size: 18px;
        margin-left: -80px;
    }

    #menu a{
        color: #a8cedc;
        margin-left: 50px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
   
  
 
    .container-image{
        height: 850px;
        position: relative;
        width: 100%;
        margin-top: -50px;
       
         
    }
    .container-image img{
      
        width: 100%;
        height: 600px;
        object-fit: cover;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
        margin-top: -450px;
        position: relative;
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 50px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:4000px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: column;
    }
    
    .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -10px;
        font-size: 50px;
        color: white;
       ;
    }
          .container-first{
      
            width: 100%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 490px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-third{
               margin-top: 100px;
               width: 100%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 100%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color:#a8cedc;
        width: 100%;
        height: 1300px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 50px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 1300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: column;
      
      
   
    }
    .container-formule-first{
        width: 75%;
        height: 300px;
        background-image: url('compress/DSC_5115-min.jpg');
       
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 75%;
        height: 300px;
        background-image: url('picture/discover.png');
   
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 75%;
        height: 300px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 75%;
        height: 300px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
           background-color: black;
        opacity: 0.8;
        padding: 20px;
    
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left:120px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 600px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 50px;
      margin-top: -80px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 900px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-a-propos-first{
   width:100%;
   height: 900px;
   background-color: #a8cedc;
   margin-top: -400px;
}
.container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 200px;
    vertical-align: center;
    float: right;
    margin-top: -30px;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 2.6; 
    
}
        .container-a-propos-first bold{
            font-weight: 800;
          }
.container-a-propos-second{
    width:100%;
    height: 100px;
    background-color: black;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 480px;
    object-fit: cover;
   
 }
 
.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
    margin-top: 20px;
}

.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 25px;
    font-size: 13px;
}

.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
     object-fit: cover;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height:1000px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 600px;
     margin-top: 40px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:50px;
      margin-top: -100px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height:600px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 100%;
    height: 700px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 80%;
    height: auto;
    margin-left: 50px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 1500px;
    margin-top: 800px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 1700px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: column-reverse;

    margin-top: 800px;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 100%;
    height: 500px;
}
.container-evenement-bapteme-contenu-right{

    width: 100%;
    height: 450px;
    background-color: black;
}
.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
}
.container-evenement-bapteme-contenu-left h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}
.container-evenement-bapteme-contenu-right img{
    height: 400px;
    margin-left: 38px;
    margin-top: 25;
}
.container-citation{
       
    width: 100%;
    height: 500px;


    
}
.container-citation p{
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -700px;
    position: relative;
    z-index: 2; 
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: 500px;
    height: 800px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 2.8rem;
 
}
.container-mariage{
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;

    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: -300px;
 
}

.container-mariage-right{
    width: 100%;
    height: 500px;
    background-color: black;
    margin-top: 50px;
}
.container-mariage-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 400px;
 

}
.container-aniversaire{
    width: 100%;
    height: 2000px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 100%;
    height: 500px;
    margin-top: 50px;
}
.container-aniversaire-left{
 
    width: 100%;
    height: 470px;
    background-color: black;
    margin-top: -100px;
}
.container-aniversaire-left img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 2.8rem;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;

}
.container-evenement-formulaire{
    width: 100%;
    height: 1500px;
    background-color: black;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:100%;
    height: 200px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 300px;
    font-size: 20px;
    margin-left: -20px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 300px;
    width: 300px;
    font-size: 20px;
    margin-left: -20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:-15px;
    font-weight: 900;
    font-size: 20px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 30px;
    color: white;
    margin-left: -50px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 1300px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 40px;
    margin-top: -50px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-evenement-contenu-detail-left{
    width: 100%;
    height: 500px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 2.8rem;
    font-weight: 900;
    padding: 15px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}
.container-evenement-contenu-detail-right{
  
    width: 100%;
    height: 470px;
    background-color:  black;
    margin-top: 50px;
}

.container-evenement-contenu-detail-right img{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-left: 50px;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
  
}



.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 600px;
    margin-top: 50px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 700px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.container-lieu{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 1680px;

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 2100px;
    margin-top: -250px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 100%;
    height: 800px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
   margin-top: 200px;
}
.container-contact-contenu-suite-detail-right{
    width: 100%;
    margin-top:120px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 35px;
    margin-bottom: 20px;
    margin-top: -50px;
    width: 500px;
    margin-left: -15px;
    
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 340px;
    height: 50px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 340px;
    margin-left: -25px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 40px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
    margin-top: -25px;
}
#phone{
    height: 58px;
    width: 400px;

}

.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1795px;
    object-fit: cover;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: 35px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: column;
    gap: 5px;
    margin-top: 80px;
}
.container-formule-decouverte-contenu-first{
    width: 85%;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    height: 600px;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
 
    width: 100%;
    height: 670px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 22px;
    padding: 40px;
    margin-top: -70px;
   
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top: -15px;
}
.container-autre-formule-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
    
   
 }
 
.container-autre-formule-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}

 
.container-package-mira-title{
    width: 100%;
    height: 250px;

}


.container-package-mira-title img{
    width: 100%;
    height:2200px;
    object-fit: cover;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 100px;
margin-top: 50px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
}





.container-formule-mira{
    width: 100%;
    height: 1400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-mira-contenu-first{
    width: 85%;
    height:498px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}






.container-autre-formule-mira{
 
    width: 100%;
    height: 660px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 23px;
    padding: 45px;
    margin-top: 40px;
  
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height:780px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top:-20px ;
}
.container-autre-formule-mira-first{
   width: 75%;
   height: 300px;
 background-image: url('picture/discover.png');
 background-repeat: no-repeat;
 background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-mira-second{
    width: 75%;
    height: 300px;
    background-image: url('picture/night.png');
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-mira-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:2050px;
    object-fit: cover;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 10px;
display: inline-block;
margin-top: 50px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 1400px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 85%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
 
    width: 100%;
    height: 550px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 23px;
    padding: 15px;
    margin-top: 200px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-autre-formule-vip-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-vip-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-vip-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-vip-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:2050px;
    object-fit: cover;
  
}

.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 5px;
display: inline-block;
margin-top: -60px;
}



.container-formule-bussiness{
    width: 100%;
    height: 1400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
}
.container-formule-bussiness-contenu-first{
    width: 80%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;
 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
 
    width: 100%;
    height: 595px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 23px;
    padding: 40px;
    margin-top: 25px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}
.container-autre-formule-night-first{
   width: 75%;
   height: 300px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-night-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-night-second{
    width: 75%;
    height: 300px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-night-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
   background-repeat: no-repeat;
   background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
  
} 
.container-reservation-contenu{
    background-color:black;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 30px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 695px;
    margin-top: 80px;
    padding: 20px;
    border-radius: 15px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}
.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
    margin-left: 15px;
    width: 350px;

}
.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:10px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 95px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width:350px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left: 15px;
    height:60px;
}


.information{
  
    width:100%;
    height:1300px;
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: column;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.container-title-infos img{
    width: 100%;
    height:2000px;
    object-fit: cover;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:600px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 100px;
  margin-top: -180px;
}

.information-first{
    width:100%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:100%;
      background-color: rgba(0,0,0,0.7);
    height:800px;
    margin-top:50px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p{
    font-size:18px;
    color: white;
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
  color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
  
   
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-second #submit{
    margin-left: 200px;
    margin-top: 10px;
}
.information-contenu-thirds-adultes{
    color:white;

   
}
.information-contenu-thirds-enfant{
    color:white;
  

   
}
.information-contenu-thirds-remise{
    color:white;

   
}
.nformation-contenu-thirds-remise{
    margin-left: -50px;
   
}
.information-contenu-second p:nth-child(1){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(2){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(3){
    font-size: 18px;
    color: white;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second input[type="text"],
.information-second input[type="email"] {
    width: 350px;
    margin-left: 40px;
}
.information-second label
{
   
    margin-left: 80px;
}

.information-second .row {
    flex-direction: column; 
    gap: 20px; 
}
.information-second #submit {
    margin-left: 95px;
}
  }


@media  only screen and  (min-width: 600px) and (max-width: 767px) {
  
    #logo{
        width: 50%;
        margin-left: 150px;
        
    }
    .modal-body label{
        margin-left:40px;
     }
       
 .container-evenementiel-contenu-title{
 
     width: 100%;
     height: 500px;
 }
 .container-evenementiel-contenu-title h1{
     text-align: center;
     margin-top: 50px;
     font-weight: 500;
       font-family: "Roboto", sans-serif;
   font-style: italic; 
   font-size:50px;
 }
 
 .container-evenementiel-title img{
     width: 100%;
     height: 600px;
    
 }
 .container-evenementiel-sitation {
     width: 100%;
     height: 300px;
     margin-top: -350px;
 }
 .container-evenementiel-sitation p {
    text-align: center;
    font-size: 18px;
 
 
 }
 
 .container-evenementiel-element{
     width: 100%;
     height: 3300px;
   
 }
 .container-mariages{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     flex-direction: column;
     margin-top: 300px;
 
 
 }
 .container-mariages-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-mariages-first h5{
  
 font-weight: 900;
 font-size: 35px;
 margin-top: 25px;
 
 }
 .container-mariages-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-mariages-second img{
      width: 95%;
      margin-left: 20px;
      height: 450px;
      object-fit: cover;
      margin-top: 20px;
     
 
 }
 .container-mariage-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-mariage-descrip p{
      font-size: 28px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 
 .container-anniversaire{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-anniversaire-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-anniversaire-descrip p{
      font-size: 28px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-anniversaire-first{
     width: 100%;
     height: 500px;
     background-color:black;
 
 
 }
 
 .container-anniversaire-first img{
     width: 95%;
     margin-left: 20px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-anniversaire-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 
 .container-anniversaire-second h5{

     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 
 
 .container-bapteme{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 680px;
     gap: 10px;
     flex-direction: column;
     
 
 }
 .container-bapteme-first{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 
 
 }
 .container-bapteme-second{
     width: 100%;
     height: 500px;
     background-color: black;
   
 
 }
 .container-bapteme-second img{
     width: 95%;
     margin-left: 20px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    
 
 }
 .container-bapteme-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-bapteme-descrip p{
      font-size: 28px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-bapteme-first h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
 .container-affaires{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 660px;
     gap: 10px;
     flex-direction: column;
 
 }
 .container-affaires-first{
     width: 100%;
     height: 500px;
     background-color: black;
 
 
 }
 .container-affaires-second{
     width: 100%;
     height: 500px;
     background-color: #a8cedc;
 }
 .container-affaires-descrip{
     
     width: 100%;
     height: 300px;
 }
 .container-affaires-descrip p{
      font-size: 28px;
      margin-top: 50px;
      margin-left: 15px;
      
 }
 .container-affaires-second h5{
     font-weight: 900;
     font-size: 35px;
     margin-top: 25px;
     
     }
     .container-affaires-first img{
         width: 95%;
         margin-left: 20px;
         height: 450px;
         object-fit: cover;
         margin-top: 20px;
        
     
     }
                                     
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
text-transform: uppercase;
 font-size: 75px;
 margin-top: 200px;
}

.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1200px;
    margin-top: -150px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    margin-top: 200px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 100%;
    height:600px;
}
.container-disposition-first h5{
    font-size: 35px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 100%;
    height: 380px;
}
.container-disposition-second img{
    width: 80%;
    height: 280px;
    margin-left: 60px;
    margin-top: 10px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 30px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 15px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 160px;
    display: flex;
    flex-direction: column-reverse;
}

.container-entreprise-first{
    background-color: black;
    width: 100%;
    height: 395px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 100%;
    height: 595px;
   
   
}

.container-entreprise-first img{
    width: 90%;
    height: 230px;
    margin-left: 25px;
    margin-top: 5px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 30px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 15px;
}
.container-entreprise-second h5{
    font-size: 35px;
    font-weight: 900;
    padding-top: 25px;
}



    .hr{
        border: none;
       border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: -50px;
        margin-bottom: 50px;
    }
    
    .hrr{
        border: none;
        border-bottom: 10px solid #a8cedc;  
        width: 25%;
        margin:0 auto;
        margin-left: -5px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
         border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: -65px;
        margin-bottom: 50px;
    }
    .container-partenariat{

        width: 100%;
        height: 1480px;
        margin-top: 400px;
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 60px;
        margin-top: -300px;
        margin-bottom: 15px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 80px;
        flex-direction: column;
        width: 100%;
        height: 1500px;
        gap: 15px;
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:75%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:75%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:75%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:75%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:75%;
        margin-top: 25px;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:75%;
    }
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: 10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 800px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: contain;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        font-size: 25px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    .footer{
        width: 100%;
        height: 1400px;
        margin-top:250px;
        background-color:black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .container-footer-first{
    
        width: 70%;
        height: 300px;
        margin-top: -35px;
    }

    .container-footer-third p:nth-child(1){
        margin-left: -55px;
        font-size: 20px;
    }
    
    .container-footer-first .fa-brands{
        font-size: 20px;
        margin-left: 15px;
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size:18px;
        margin-top: 180px;
        padding: 15px;
        margin-left: -95px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 33%;
        height: 300px;
    }
    .container-footer-third{
     
        width:60%;
        height: 250px;
       
        
    }

    #plan{
        color: #a8cedc;
        font-size: 18px;
        margin-left: -160px;
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
        color:#a8cedc;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: -15px;
       margin-top: -30px;
       font-size: 18px;
       color: #a8cedc;
    }
    
    .container-footer-fourth{
      
        width: 55%;
        height: 300px;
    }
    
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: #a8cedc;
        font-size: 18px;
    }
    .container-footer-second a{
     text-decoration: none;
     color: #a8cedc;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -200px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
        font-size: 18px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 20px;
        margin-left: -50px;
        line-height: 25px;
        margin-top: 5px;
       
      
    }

    #menu a{
        color: #a8cedc;
        margin-left: 10px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
 
 
    .container-image{
        height: 600px;
        position: relative;
        width: 100%;
        margin-top: -50px;
       
         
    }
    .container-image img{
      
        width: 100%;
        height: 600px;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
        margin-top: -195px;
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 50px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:4300px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: column;
    }
    
    .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 35px;
        font-size: 75px;
        color: white;
       ;
    }
          .container-first{
      
            width: 95%;
            height: 900px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 680px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 95%;
               height: 900px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 680px;
           }
           .container-third{
               margin-top: 100px;
               width: 95%;
               height: 900px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 680px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 95%;
               height:900px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
           .container-fourth img {
            width: 100%;
            object-fit: cover;
            height: 680px;
        }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
      
        background-color:#a8cedc;
        width: 100%;
        height: 1300px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 80px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 1300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: column;
      
      
   
    }
    .container-formule-first{
        width: 75%;
        height: 300px;
        background-image: url('compress/DSC_5115-min.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 75%;
        height: 300px;
        background-image: url('picture/discover.png');
       
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 75%;
        height: 300px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 75%;
        height: 300px;
    
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 85px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left:170px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 500px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 75px;
      margin-top: -130px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 1300px;
    margin-top: -150px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-a-propos-first{
   width:100%;
   height: 1000px;
   background-color: #a8cedc;
}
.container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 130px;
    vertical-align: center;
    float: right;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 2.6; 
    
}
        .container-a-propos-first bold{
            font-weight: 800;
          }
.container-a-propos-second{
    width:100%;
    height: 30px;
    background-color: black;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 400px;
    object-fit: cover;
   
 }

.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
    margin-top: 5px;
}
.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 25px;
    font-size: 15px;
}

.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 950px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:75px;
      margin-top: 200px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height:1000px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 100%;
    height: 500px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 85%;
    height: 500PX;
    margin-left: 50px;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 615px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:75px;
      margin-top: -100px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height:800px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 100%;
    height: 500px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 85%;
    height: 500PX;
    margin-left: 50px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}


.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 700px;
    margin-top: -650px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 1500px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: row;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 50%;
    height: 580px;
}
.container-evenement-bapteme-contenu-right{
    width: 50%;
    height: 380px;
    background-color: black;
    margin-top: -95px;
}
.container-evenement-bapteme-contenu-right img{
    width: 80%;
   margin-top: 18px;
    height:300px;
    margin-left: 37px;
}
.container-evenement-bapteme-contenu-left h5{
    font-size: 3rem;
    font-weight: 900;
    padding: 25px;
}

.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
}

.container-citation{
       
    width: 100%;
    height: 1000px;
    margin-top: -500px;

    
}
.container-citation p{
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -px;
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: -300px;
    height: 800px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 3rem;
 
}
.container-mariage{
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
    margin-top: -1100px;
    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 50%;
    height:580px;
    margin-top: -100px;
 
}
.container-mariage-right{
    width: 50%;
    height: 385px;
    background-color: black;
    margin-top: -200px;
}
.container-mariage-right img{
    width: 80%;
  
    height: auto;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 400px;
 

}
.container-aniversaire{
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 50%;
    height: 640px;
    margin-top: -10px;
}
.container-aniversaire-left{
 
    width: 50%;
    height: 385px;
    background-color: black;
    margin-top: -100px;
    margin-left: 20px;
}
.container-aniversaire-left img{
    width: 80%;
    height: auto;
    margin-left: 30px;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 3rem;
    margin-top: 50px;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
    margin-left: 15px;
    


}
.container-evenement-formulaire{
    width: 100%;
    height: 1300px;
    background-color: black;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:100%;
    height: 500px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 400px;
    font-size: 25px;
    margin-left: -20px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 300px;
    width: 400px;
    font-size: 35px;
    margin-left: -20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
    margin-left: -20px;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 18px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:30px;
    font-weight: 900;
    font-size: 20px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 35px;
    color: white;
    margin-left: -50px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 80px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 40px;
    margin-top:300px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: row;
}
.container-evenement-contenu-detail-left{
    width: 50%;
    height: 700px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 3rem;
    font-weight: 900;
    padding: 15px;
    margin-top: 50px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
    margin-top: 80px;
}
.container-evenement-contenu-detail-right{
    width: 50%;
    height: 400px;
    background-color: black;
    margin-top: 300px;
}

.container-evenement-contenu-detail-right img{
    width: 80%;
    height: auto;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
  
}




.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 600px;
    margin-top: 15px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 margin-top: -15px;
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 700px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.container-lieu{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 80%;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 1680px;

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 2100px;
    margin-top: -250px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 100%;
    height: 800px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
   margin-top: 200px;
}
.container-contact-contenu-suite-detail-right{
    width: 100%;
    margin-top:120px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 35px;
    margin-bottom: 20px;
    margin-top: -50px;
    width: 500px;
    margin-left: -15px;
    
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
    margin-left: 95px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 340px;
    height: 50px;
    margin-left: 95px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 340px;
    margin-left: 95px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 180px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
    margin-top: -25px;
}
#phone{
    height: 58px;
    width: 400px;

}


.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1795px;
    object-fit: cover;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 15px;
display: inline-block;
margin-top: 35px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: column;
    gap: 5px;
    margin-top: 80px;
}
.container-formule-decouverte-contenu-first{
    width: 85%;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    height: 600px;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
 
    width: 100%;
    height: 700px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 30px;
    padding: 50px;
    margin-top: -70px;
   
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top: -15px;
}
.container-autre-formule-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
    
   
 }
 
.container-autre-formule-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}
 

 .container-package-mira-title{
    width: 100%;
    height: 250px;

}


.container-package-mira-title img{
    width: 100%;
    height:2200px;
    object-fit: cover;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 100px;
margin-top: 50px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 35px;
display: inline-block;
}





.container-formule-mira{
    width: 100%;
    height: 1400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-mira-contenu-first{
    width: 85%;
    height:498px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}






.container-autre-formule-mira{
 
    width: 100%;
    height: 660px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 30px;
    padding: 45px;
    margin-top: 40px;
  
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height:780px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top:-20px ;
}
.container-autre-formule-mira-first{
   width: 75%;
   height: 300px;
 background-image: url('picture/discover.png');
 background-repeat: no-repeat;
 background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-mira-second{
    width: 75%;
    height: 300px;
    background-image: url('picture/night.png');
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-mira-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }

 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:2050px;
    object-fit: cover;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 40px;
display: inline-block;
margin-top: 50px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 1400px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 85%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
 
    width: 100%;
    height: 550px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 35px;
    padding: 15px;
    margin-top: 100px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-autre-formule-vip-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-vip-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-vip-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-vip-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }


 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:2150px;
    object-fit: cover;
  
}

.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -60px;
}



.container-formule-bussiness{
    width: 100%;
    height: 1400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: 15px;
}
.container-formule-bussiness-contenu-first{
    width: 80%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;
 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
 
    width: 100%;
    height: 595px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 30px;
    padding: 40px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}
.container-autre-formule-night-first{
   width: 75%;
   height: 300px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-night-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-night-second{
    width: 75%;
    height: 300px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-night-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
   background-repeat: no-repeat;
   background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
  
} 
.container-reservation-contenu{
    background-color:black;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 30px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 670px;
    margin-top: 80px;
    padding: 20px;
    border-radius: 15px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}
.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
    margin-left: 180px;
    width: 350px;

}
.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:10px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 250px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width:350px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left: 180px;
    height:60px;
}

.information{
  
    width:100%;
    height:1300px;
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: column;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.container-title-infos img{
    width: 100%;
    height:2000px;
    object-fit: cover;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;

margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:600px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 75px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 100px;
  margin-top: -180px;
}

.information-first{
    width:100%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:100%;
      background-color: rgba(0,0,0,0.7);
    height:800px;
    margin-top:50px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    font-weight:900;
    padding: 10px;
    color: white;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p{
    font-size:18px;
    color: white;
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
  color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
  
   
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-second #submit{
    margin-left: 200px;
    margin-top: 10px;
}
.information-contenu-thirds-adultes{
    color:white;

   
}
.information-contenu-thirds-enfant{
    color:white;
  

   
}
.information-contenu-thirds-remise{
    color:white;

   
}
.nformation-contenu-thirds-remise{
    margin-left: -50px;
   
}
.information-contenu-second p:nth-child(1){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(2){
    font-size: 18px;
    color: white;
}
.information-contenu-second p:nth-child(3){
    font-size: 18px;
    color: white;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second input[type="text"],
.information-second input[type="email"] {
    width: 400px;
    margin-left: 155px;
}
.information-second label
{
   
    margin-left: 185px;
}

.information-second .row {
    flex-direction: column; 
    gap: 20px; 
}
.information-second #submit {
    margin-left: 230px;
}
}
  @media  only screen and  (min-width: 768px) and (max-width: 991px){

    #logo{
        height: 70px;
        margin-left: -50px;
        width: 50%;
        font-size: 500px;
    }
  
    .modal-body label{
       margin-left:40px;
    }
      
.container-evenementiel-contenu-title{

    width: 100%;
    height: 500px;
}
.container-evenementiel-contenu-title h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:50px;
}

.container-evenementiel-title img{
    width: 100%;
    height: 800px;
   
}
.container-evenementiel-sitation {
    width: 100%;
    height: 300px;
    margin-top: -350px;
}
.container-evenementiel-sitation p {
   text-align: center;
   font-size: 18px;


}

.container-evenementiel-element{
    width: 100%;
    height: 3300px;
  
}
.container-mariages{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    margin-top: 300px;


}
.container-mariages-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-mariages-first h5{
font-weight: 900;
font-size: 35px;
margin-top: 25px;

}
.container-mariages-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-mariages-second img{
     width: 95%;
     margin-left: 20px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    

}
.container-mariage-descrip{
    
    width: 100%;
    height: 300px;
}
.container-mariage-descrip p{
     font-size: 28px;
     margin-top: 50px;
     margin-left: 15px;
     
}

.container-anniversaire{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 660px;
    gap: 10px;
    flex-direction: column;
    

}
.container-anniversaire-descrip{
    
    width: 100%;
    height: 300px;
}
.container-anniversaire-descrip p{
     font-size: 28px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-anniversaire-first{
    width: 100%;
    height: 500px;
    background-color:black;


}

.container-anniversaire-first img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-anniversaire-second{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;
}

.container-anniversaire-second h5{
    font-weight: 900;
    font-size: 35px;
    margin-top: 25px;
    
    }


.container-bapteme{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 680px;
    gap: 10px;
    flex-direction: column;
    

}
.container-bapteme-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-bapteme-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-bapteme-second img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-bapteme-descrip{
    
    width: 100%;
    height: 300px;
}
.container-bapteme-descrip p{
     font-size: 28px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-bapteme-first h5{
    font-weight: 900;
    font-size: 35px;
    margin-top: 25px;
    
    }
.container-affaires{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 660px;
    gap: 10px;
    flex-direction: column;

}
.container-affaires-first{
    width: 100%;
    height: 500px;
    background-color: black;


}
.container-affaires-second{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;
}
.container-affaires-descrip{
    
    width: 100%;
    height: 300px;
}
.container-affaires-descrip p{
     font-size: 28px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-affaires-second h5{

    font-weight: 900;
    font-size: 35px;
    margin-top: 25px;
    
    }
    .container-affaires-first img{
        width: 95%;
        margin-left: 20px;
        height: 450px;
        object-fit: cover;
        margin-top: 20px;
       
    
    }
          
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
text-transform: uppercase;
 font-size: 75px;
 margin-top: 200px;
}


.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1540px;
    margin-top: -35px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    margin-top: 140px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 100%;
    height:600px;
}
.container-disposition-first h5{
    font-size: 40px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 100%;
    height: 600px;
}
.container-disposition-second img{
    width: 80%;
    height: 580px;
    margin-left: 80px;
    margin-top: 10px;
    object-fit: contain;
 
}

.container-disposition-first ul{
    font-size: 30px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 15px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 400px;
    display: flex;
    flex-direction: column-reverse;
}

.container-entreprise-first{
    background-color: black;
    width: 100%;
    height: 500px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 100%;
    height: 500px;
   
   
}

.container-entreprise-first img{
    width: 90%;
    height: 395px;
    margin-left: 25px;
    margin-top: 30px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 30px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 15px;
}
.container-entreprise-second h5{
    font-size: 40px;
    font-weight: 900;
    padding-top: 25px;
}



    .hr{
        border: none;
           border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: -50px;
        margin-bottom: 50px;
    }
    
    .hrr{
        border: none;
        border-bottom: 10px solid #a8cedc;  
        width: 25%;
        margin:0 auto;
        margin-left: -5px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
         border-bottom: 10px solid #a8cedc;  
        width: 20%;
        margin:0 auto;
        margin-left: -65px;
        margin-bottom: 80px;
    }
    .container-title-title{
  
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
     
         position: relative;
    
    }
    
    .container-title-title, h3{
      
      position: relative;
      width: 100%;
      text-align: center;
    
     margin-left: 25px;
    
    
    
    }
   
    .container-partenariat{

        width: 100%;
        height: 100px;
        margin-top: 100px;
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 50px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 100px;
        flex-direction: row;
        gap: 25px;
    
       
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:100%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:100%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:100%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:100%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:100%;
        margin-top:10px;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:100%;
    }
    
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: -10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 800px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: contain;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
        font-size: 25px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    .footer{
        width: 100%;
        height: 1300px;
        margin-top:250px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
        gap: 20px;
    }
    .container-footer-first{
    
        width: 75%;
        height: 300px;
    }
    
    .container-footer-first .fa-brands{
        font-size: 20px;
        margin-left: 50px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
       
    }
    .container-footer-first p{
        color: white;
        font-size: 18px;
        margin-top: 200px;
        padding: 15px;
        margin-left: -80px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 33%;
        height: 300px;
    }
    .container-footer-third{
     
        width:60%;
        height: 300px;
        
       
    }
    .container-footer-third p:nth-child(1){
        margin-left: -80px;
        color: #a8cedc;
        font-size: 18px;
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: -15px;
       margin-top: -25px;
       font-size: 18px;
       color: #a8cedc;
    }
    
    .container-footer-fourth{
      
        width: 55%;
        height: 300px;
    }
    
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;

    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 18px;
        color: #a8cedc;
    }
    .container-footer-second a{
     text-decoration: none;
     color: white;
     color: #a8cedc;
      font-size: 18px;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -200px;

    }
    .container-footer-second li{
        margin-bottom: 50px;
       
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size:20px;
        margin-left: -75px;
        line-height: 25px;
        margin-top: 5px;
    }
    #plan{
        color:#a8cedc;
        font-size: 18px;
        margin-left: -180px;
       
    }

    #menu a{
        color: #a8cedc;
        margin-left: 30px;
        font-size: 15px;
        padding: 15px;
    }
    #menu ul li{
      padding:5px;
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
 
  
    .container-image{
        height: 850px;
        position: relative;
        width: 100%;
        margin-top: -50px;
       
         
    }
    .container-image img{
      
        width: 100%;
        height: 950px;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
    
        margin-top: -120px;
       
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 50px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:4000px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: column;
    }
    
    .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 35px;
        font-size: 75px;
        color: white;
        padding-bottom: 400px
       ;
    }
          .container-first{
      
            width: 60%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 500px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 60%;
               height: 950px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 650px;
           }
           .container-third{
               margin-top: 100px;
               width: 60%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 490px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 60%;
               height: 950px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 650px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
   
        background-color:#a8cedc;
        width: 100%;
        height: 1300px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 80px;
        color: white;
        padding: 40px;
        color: black;
    }
    
    .container-formule-contenu{
    
        width: 100%;
        height: 1300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: column;
      
      
   
    }
    .container-formule-first{
        width: 75%;
        height: 300px;
        background-image: url('compress/DSC_5115-min.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 25px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 75%;
        height: 300px;
        background-image: url('picture/discover.png');
       
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 25px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 75%;
        height: 300px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 25px;
        text-align: center;
        margin-top: 85px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 75%;
        height: 300px;
    
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 25px;
        text-align: center;
        margin-top: 85px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left:250px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 950px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 75px;
      margin-top: 200px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 1200px;
    margin-top: -100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: column;
}
.container-a-propos-first{
   width:100%;
   height: 900px;
   background-color: #a8cedc;
   margin-top: -250px;
}
.container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 180px;
    vertical-align: center;
    float: right;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 2.6; 
    
}
        .container-a-propos-first bold{
            font-weight: 800;
          }
.container-a-propos-second{
    width:100%;
    height: 50px;
    background-color: black;
 }

 
 .container-a-propos-second img{
    width: 100%;
    height: 495px;
    object-fit: cover;
   
 }

.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
    margin-top: 5px;
}
.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 25px;
    font-size: 20px;
}


.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 950px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:75px;
      margin-top: 200px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height:900px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 100%;
    height: 500px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 85%;
    height: 500PX;
    margin-left: 50px;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 950px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:75px;
      margin-top: 200px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height:700px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 100%;
    height: 1100px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 100%;
    height: 500px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 85%;
    height: 500PX;
    margin-left: 50px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}


.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 700px;
    margin-top: -650px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 1500px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: row;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 50%;
    height: 580px;
}
.container-evenement-bapteme-contenu-right{
    width: 50%;
    height: 380px;
    background-color: black;
    margin-top: -95px;
}
.container-evenement-bapteme-contenu-right img{
    width: 80%;
   margin-top: 18px;
    height:300px;
    margin-left: 37px;
}
.container-evenement-bapteme-contenu-left h5{
    font-size: 3rem;
    font-weight: 900;
    padding: 25px;
}

.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
}

.container-citation{
       
    width: 100%;
    height: 1000px;
    margin-top: -500px;

    
}
.container-citation p{
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -25px;
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: -300px;
    height: 800px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 3rem;
 
}
.container-mariage{
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
    margin-top: -1100px;
    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 50%;
    height:580px;
    margin-top: -100px;
 
}
.container-mariage-right{
    width: 50%;
    height: 385px;
    background-color: black;
    margin-top: -200px;
}
.container-mariage-right img{
    width: 80%;
  
    height: auto;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 400px;
 

}
.container-aniversaire{
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 50%;
    height: 580px;
    margin-top: -10px;
}
.container-aniversaire-left{
 
    width: 50%;
    height: 385px;
    background-color: black;
    margin-top: -100px;
    margin-left: 20px;
}
.container-aniversaire-left img{
    width: 80%;
    height: auto;
    margin-left: 30px;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 3rem;
    margin-top: 50px;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
    margin-left: 15px;
    


}
.container-evenement-formulaire{
    width: 100%;
    height: 1500px;
    background-color: black;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:100%;
    height: 500px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 500px;
    font-size: 25px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 300px;
    width: 500px;
    font-size: 35px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:100px;
    font-weight: 900;
    font-size: 25px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 58px;
    color: white;
    margin-left: -50px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 80px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 40px;
    margin-top:300px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: row;
}
.container-evenement-contenu-detail-left{
    width: 50%;
    height: 580px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 3rem;
    font-weight: 900;
    padding: 15px;
    margin-top: 50px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
    margin-top: 80px;
}
.container-evenement-contenu-detail-right{
    width: 50%;
    height: 400px;
    background-color: black;
    margin-top: 300px;
}

.container-evenement-contenu-detail-right img{
    width: 80%;
    height: auto;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
  
}


.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 780px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 400px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}

.container-lieu{
    background-color: #a8cedc;
    width: 33%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 33%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 33%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 500px;
  

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
    height: 600px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 60%;
    height: 780px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
}
.container-contact-contenu-suite-detail-right{
    width: 55%;
    margin-top:120px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{

    font-size: 30px;
    margin-bottom: 20px;
    margin-top: -50px;
    display: flex;
    justify-content: center;
    margin-left: -150px;
    width: 400px;
    white-space: nowrap;
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
    margin-left: -25px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 340px;
    height: 50px;
    margin-left: -30px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 340px;
    margin-left: -30px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 50px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
}
#phone{
    height: 58px;
    width: 400px;

}
.container-package-titles{
    width: 100%;
    height: 100px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1700px;
    object-fit: cover;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 18px;
display: inline-block;
margin-top: 50px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: column;
    gap: 5px;
    margin-top: 80px;
}
.container-formule-decouverte-contenu-first{
    width: 55%;
    height:450px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}


.container-autre-formule{
 
    width: 100%;
    height: 730px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 40px;
    padding: 50px;
    margin-top: -70px;
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top: -35px;
}
.container-autre-formule-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
    
   
 }
 
.container-autre-formule-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .formule-decouverte-first-anchor{
    background-color: black;
    padding: 15px;
    margin: 15px;
    color: black;
    background-color: #a8cedc;

}
.formule-decouverte-second-anchor{
    background-color: black;
    padding: 15px;
    margin: 15px;
    color: black;
    background-color: #a8cedc;
}
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}
 
 
 .container-package-mira-title{
    width: 100%;
    height: 250px;

}


.container-package-mira-title img{
    width: 100%;
    height:1950px;
    object-fit: cover;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 35px;
display: inline-block;
margin-top: -300px;
}





.container-formule-mira{
    width: 100%;
    height: 1400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: -249px;
}
.container-formule-mira-contenu-first{
    width: 55%;
    height:498px;

    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}


.container-autre-formule-mira{
 
    width: 100%;
    height: 585px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 40px;
    padding: 25px;
    margin-top: -230px;
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height:700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}
.container-autre-formule-mira-first{
   width: 75%;
   height: 300px;
 background-image: url('picture/discover.png');
 background-repeat: no-repeat;
 background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-mira-second{
    width: 75%;
    height: 300px;
    background-image: url('picture/night.png');
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-mira-third{
    width: 75%;
    height: 300px;
    background-image: url('picture/voiture.jpg');
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:2080px;
    object-fit: cover;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -45px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 1500px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 1600px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: -40px;
}
.container-formule-vip-contenu-first{
    width: 55%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
 
    width: 100%;
    height: 550px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 35px;
    padding: 15px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.container-autre-formule-vip-first{
   width: 75%;
   height: 300px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-vip-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-vip-second{
    width: 75%;
    height: 300px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-vip-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:2000px;
    object-fit: cover;
  
}
.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -170px;

}



.container-formule-bussiness{
    width: 100%;
    height: 1400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 1500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    margin-top: 30px;
}
.container-formule-bussiness-contenu-first{
    width: 55%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.2rem;
    color:white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;
 
 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;
  
 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 

 .container-autre-formule-night{
 
    width: 100%;
    height: 630px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 40px;
    padding: 50px;
    margin-top: 200px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    margin-top: -25px;
}
.container-autre-formule-night-first{
   width: 75%;
   height: 300px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-night-first h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
.container-autre-formule-night-second{
    width: 75%;
    height: 300px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 .container-autre-formule-night-third{
    width: 75%;
    height: 300px;
    background-image: url("picture/voiture.jpg");
   background-repeat: no-repeat;
   background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 5px;
    margin-top: 80px;
    color: white;
    font-size: 35px;
    background-color: rgba(0,0,0,0.7);
     margin-bottom: 25px;
 }
 
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
} 
.container-reservation-contenu{
    background-color:black;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 30px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
  
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 650px;
    margin-top: 50px;
    padding: 20px;
    border-radius: 15px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}
.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;

}
.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:40px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 200px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color:#a8cedc;
    width:275px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left:15px;
    height:60px;
}

.information{
  
    width:100%;
    height:1300px;
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: column;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}


.container-title-infos img{
    width: 100%;
    height:2000px;
    object-fit: cover;
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }
.container-title-contenu-infos h1{
    text-align: center;
    font-size: 50px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;

margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:780px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 75px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 100px;
  margin-top: -80px;
}

.information-first{
    width:80%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:80%;
      background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    color: white;
    font-weight:900;
    padding: 10px;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    color: white;
    font-weight:900;
    padding: 10px;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p{
    font-size:18px;
    color: white;
    padding: 15px;
  
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
    padding: 15px;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
    padding: 15px;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
  color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:98%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:-50px;
    margin-left: 15px;
   
}
.information-contenu-thirds p{
   padding: 15px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-second #submit{
    margin-left: 200px;
    margin-top: 10px;
}
.information-contenu-thirds-adultes{
    color:white;

   
}
.information-contenu-thirds-enfant{
    color:white;
  

   
}
.information-contenu-thirds-remise{
    color:white;

   
}
.nformation-contenu-thirds-remise{
    margin-left: -50px;
}
.information-contenu-second p:nth-child(1){
    font-size: 18px;
   
}
.information-contenu-second p:nth-child(2){
    font-size: 18px;
}
.information-contenu-second p:nth-child(3){
    font-size: 18px;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.container-second .form-floating, input  {
    width:230px;
  
    
   
  
   
  }
  .container-second .form-floating,  label{
   margin-left: 25px;

   width: 200px;
 
   
  
   
  }
  }

  @media  only screen and  (min-width: 992px) and (max-width: 1199px){


 
#logo{
    margin-left: -80px;
    width: 50%;
}
    
.container-evenementiel-contenu-title{

    width: 100%;
    height: 500px;
}

.container-evenementiel-contenu-title h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:50px;
  
}

.container-evenementiel-title img{
    width: 100%;
    height: 800px;
   
}
.container-evenementiel-sitation {
    width: 100%;
    height: 300px;
    margin-top: -350px;
}
.container-evenementiel-sitation p {
   text-align: center;
   font-size: 25px;


}

.container-evenementiel-element{
    width: 100%;
    height: 1950px;
  
}
.container-mariages{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;


}
.container-mariages-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-mariages-first h5{
font-weight: 900;
font-size: 35px;
margin-top: 25px;

}
.container-mariages-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-mariages-second img{
     width: 95%;
     margin-left: 20px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    

}
.container-mariage-descrip{
    
    width: 100%;
    height: 300px;
}
.container-mariage-descrip p{
     font-size: 28px;
     margin-top: 50px;
     margin-left: 15px;
     
}

.container-anniversaire{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-anniversaire-descrip{
    
    width: 100%;
    height: 300px;
}
.container-anniversaire-descrip p{
     font-size: 28px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-anniversaire-first{
    width: 100%;
    height: 500px;
    background-color:black;


}

.container-anniversaire-first img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-anniversaire-second{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;
}

.container-anniversaire-second h5{
    font-weight: 900;
    font-size: 35px;
    margin-top: 25px;
    
    }


.container-bapteme{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-bapteme-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-bapteme-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-bapteme-second img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-bapteme-descrip{
    
    width: 100%;
    height: 300px;
}
.container-bapteme-descrip p{
     font-size: 28px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-bapteme-first h5{
    font-weight: 900;
    font-size: 35px;
    margin-top: 25px;
    
    }
.container-affaires{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;

}
.container-affaires-first{
    width: 100%;
    height: 500px;
    background-color: black;


}
.container-affaires-second{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;
}
.container-affaires-descrip{
    
    width: 100%;
    height: 300px;
}
.container-affaires-descrip p{
     font-size: 28px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-affaires-second h5{
    font-weight: 900;
    font-size: 35px;
    margin-top: 25px;
    
    }
    .container-affaires-first img{
        width: 95%;
        margin-left: 20px;
        height: 450px;
        object-fit: cover;
        margin-top: 20px;
       
    
    }
       
    
          
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-size: 95px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;

}


.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1200px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: -50px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 50%;
    height:650px;
}
.container-disposition-first h5{
    font-size: 30px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 50%;
    height: 500px;
}
.container-disposition-second img{
    width:95%;
    height: 460px;
    margin-left: 15px;
    margin-top: 20px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 40px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 120px;
}

.container-entreprise-first{
    background-color: black;
    width: 50%;
    height: 500px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 50%;
    height:650px;
   
}

.container-entreprise-first img{
    width:95%;
    height:460px;
    margin-left: 15px;
    margin-top: 20px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 35px;
}
.container-entreprise-second h5{
    font-size: 30px;
    font-weight: 900;
    padding-top: 25px;
}





    .container-image{
        margin-top: -50px;
    }
    .hr{
        border: none;
        border-bottom: 10px solid #a8cedc;
        width: 20%;
        margin:0 auto;
        margin-left: 25px;
        margin-top: -10px;
        margin-bottom: 35px;
    }
    
    .hrr{
        border: none;
        border-bottom: 10px solid #a8cedc;
        width: 25%;
        margin:0 auto;
        margin-left: -5px;
        margin-bottom: 40px;
    }
        .hrrr{
        border: none;
        border-bottom: 10px solid #a8cedc;
        width: 20%;
        margin:0 auto;
        margin-left: -25px;
        margin-bottom: 20px;
        
    }

    .container-partenariat{

        width: 100%;
        height: 100px;
        margin-top: 100px;
      
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 50px;
        margin-top: -50px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 60px;
        flex-direction: row;
        
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:80%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:80%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:80%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:80%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:80%;
        margin-top: 20px;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:80%;
    }
    
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: -10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 1300px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    .footer{
        width: 100%;
        height: 500px;
        margin-top:250px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .container-footer-first{
    
        width: 65%;
        height: 300px;
    }
    
    .container-footer-first .fa-brands{
        font-size: 20px;
        margin-left: 25px;
      
        color: #a8cedc;
    
    
    }
 

    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size: 15px;
        margin-top: -15px;
        padding: 15px; 
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 45%;
        height: 300px;
    }
    .container-footer-third{
     
        width: 33%;
        height: 300px;
        gap: 10px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: 30px;
       margin-top: -30px;
       font-size: 15px;
       color: #a8cedc;
    }

    #plan{
        color: #a8cedc;
        margin-top: 10px;
    }
    .container-footer-third p:nth-child(1){

        color: #a8cedc;
        margin-left:-35px;
        margin-top: 10px;
    }
  
    .container-footer-fourth{
      
        width: 35%;
        height: 300px;
    }
    
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color:black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 18px;
        color: #a8cedc;
    }
 
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -25px;

    }
    .container-footer-second a{
        color: #a8cedc;
        font-size: 15px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
        font-size: 18px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 20px;
        margin-left: -15px;
        line-height: 40px;
        margin-top: 25px;
       
      
    }

    #menu a{
        color: #a8cedc;
        margin-left: 10px;
        font-size: 18px;
        white-space: nowrap;
        padding: 15px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
  
    .container-image{
        height: 850px;
        position: relative;
        width: 100%;
       
         
    }
    .container-image img{
      
        width: 100%;
        height: 950px;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
   
        margin-top: -120px;
       
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 50px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:1200px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: fill;
        background-position: center;
        background-attachment: scroll;
         flex-direction: row;
    }
    
    .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 35px;
        font-size: 75px;
        color: white;
       ;
    }
          .container-first{
      
            width: 60%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 450px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 60%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 450px;
           }
           .container-third{
               margin-top: 100px;
               width: 60%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 450px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 60%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 450px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
   
        background-color:#a8cedc;
        width: 100%;
        height: 500px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 80px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 485px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: black;
        flex-direction: row;
        background-color: transparent;
   
    }

    
    .container-formule-first{
        width: 50%;
        height: 380px;
        background-image: url('compress/DSC_5115-min.jpg');
      
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding:10px
    }
    .container-formule-second{
        width: 50%;
        height: 380px;
        background-image: url('picture/discover.png');
     
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top:180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding:10px
    }
    .container-formule-third{
        width: 50%;
        height: 380px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding:10px
    }
    .container-formule-fourth{
        width: 50%;
        height: 380px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size:20px;
        text-align: center;
        margin-top: 180px;
    
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding:10px
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left: 80px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 950px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 75px;
      margin-top: 200px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 600px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
}
.container-a-propos-first{
   width:70%;
   height: 980px;
   background-color: #a8cedc;
   margin-top: 100px;
}
.container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 80px;
    vertical-align: center;
    float: right;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 2rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 2.6; 
    
}
    
.container-a-propos-second{
    width:50%;
    height: 300px;
    background-color: black;
    margin-top:-300px;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 800px;
    object-fit: cover;
   
 }
 

.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
    margin-top: 5px;
}
.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: -5px;
    font-size: 15px;
}


.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 950px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:75px;
      margin-top: 200px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height: 500px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 50%;
    height: 680px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 45%;
    height: 300px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 100%;
    height: auto;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.3rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 950px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:75px;
      margin-top: 200px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height: 500px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 50%;
    height: 680px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 45%;
    height: 450px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 100%;
    height: 400px;
    margin-top: 20px;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.3rem;
}


.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 500px;
    margin-top: -200px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: row;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 50%;
    height: 700px;
}


.container-evenement-bapteme-contenu-right{
    width: 50%;
    height: 480px;
    background-color: black;
    margin-top:80px;
}
.container-evenement-bapteme-contenu-right img{
    width: 89%;
  
    height: auto;
}
.container-evenement-bapteme-contenu-left h5{
    font-size: 3rem;
    font-weight: 900;
    padding: 25px;
    margin-top: 50px;
}
.container-citation{
       
    width: 100%;
    height: 500px;
    margin-top: -500px;
    
}
.container-citation p{
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
}
.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
    margin-top: 80px;
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: -300px;
    height: 500px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 3rem;
   margin-top: 50px;
 
}
.container-mariage{
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
    margin-top: 400px;
    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 50%;
    height: 700px;
  margin-top: -80px;
}
.container-mariage-right{
    width: 50%;
    height: 500px;
    background-color: black;
    margin-top: -200px;
}
.container-mariage-right img{
    width: 89%;
  
    height: auto;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
    margin-top: 80px;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 400px;
 

}
.container-aniversaire{
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 50%;
    height: 600px;
}
.container-aniversaire-left{
 
    width: 50%;
    height: 480px;
    background-color: black;
    margin-top: 80px;
}
.container-aniversaire-left img{
    width: 89%;
    height: auto;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 3rem;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
 

}
.container-evenement-formulaire{
    width: 100%;
    height: 1400px;
    background-color: black;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:100%;
    height: 500px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 500px;
    font-size: 20px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 300px;
    width: 500px;
    font-size: 20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:100px;
    font-weight: 900;
    font-size: 25px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 58px;
    color: white;
    margin-left: -70px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: -100px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 65px;
    color: black;
    margin-top: -100px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: row;
}
.container-evenement-contenu-detail-left{
    width: 50%;
    height: 600px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 3rem;
    font-weight: 900;
    padding: 15px;
    margin-top: 50px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 80px;
    font-size: 1.5rem;
}
.container-evenement-contenu-detail-right{
    width: 50%;
    height: 480px;
    background-color: black;
    margin-top: 400px;
}

.container-evenement-contenu-detail-right img{
    width: 95%;
    height: auto;
    margin-left: 12px;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
  
}


.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 780px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 400px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}

.container-lieu{
    background-color:#a8cedc;
    width: 28%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 28%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 28%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 500px;
  

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
    height: 600px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 60%;
    height: 780px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
}
.container-contact-contenu-suite-detail-right{
    width: 55%;
    margin-top: 133px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 45px;
    margin-bottom: 20px;
    margin-top: -50px;
    margin-left: -80px;
    white-space: nowrap;
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 450px;
    height: 50px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 450px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 100px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
    margin-top:-4px;
}
#phone{
    height: 58px;
    width: 400px;

}
.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height:1000px;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 40px;
display: inline-block;
margin-top: -50px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: row;
    gap: 5px;
}
.container-formule-decouverte-contenu-first{
    width: 50%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    margin-top: 50px;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.3rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
     
    width: 100%;
    height: 700px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: -25px;

    
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
    margin-top: -35px;
}
.container-autre-formule-first{
   width: 50%;
   height: 450px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 
.container-autre-formule-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 
 }
 .container-autre-formule-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 40px;
    margin-top: 25px;
    font-size:30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}
 
 .container-package-mira-title{
    width: 100%;
    height: 150px;

}


.container-package-mira-title img{
    width: 100%;
    height:1180px;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 40px;
background-color: rgba(0,0,0,0.7);
color: white;
display: inline-block;
margin-top: 80px;
}





.container-formule-mira{
    width: 100%;
    height: 400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}
.container-formule-mira-contenu-first{
    width: 50%;
    height:630px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    margin-top:80px
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.5rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}





.container-autre-formule-mira{
     
    width: 100%;
    height: 650px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: 230px;
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
    margin-top: -50px;
}

.container-autre-formule-mira-first{
   width: 50%;
   height: 450px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-mira-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-mira-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:1080px;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -95px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 450px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: 100px;
}
.container-formule-vip-contenu-first{
    width: 50%;
    height:600px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.5rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}


.container-autre-formule-vip{
     
    width: 100%;
    height: 780px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: 195px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: -35px;
}

.container-autre-formule-vip-first{
   width: 50%;
   height: 450px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-vip-first h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-vip-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-vip-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:1050px;
  
}
.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -80px;
}



.container-formule-bussiness{
    width: 100%;
    height: 400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: 80px;
}
.container-formule-bussiness-contenu-first{
    width: 50%;
    height:550px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.3rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
     
    width: 100%;
    height: 700px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height:700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
    margin-top: -35px;
}
.container-autre-formule-night-first{
   width: 50%;
   height: 450px;
   background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;

}
.container-autre-formule-night-first h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-night-second{
    width: 50%;
    height: 450px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-night-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
  
} 
.container-reservation-contenu{

    width: 100%;
    height: 700px;
    margin-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 30px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 600px;
    margin-top: 80px;
    padding: 20px;
    border-radius: 15px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
}



.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
   
}

.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:40px;
    padding: 10px;
    border: 2px solid white;
    margin-left:200px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width:275px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left:15px;
    height:60px;
}

.information{
  
    width:100%;
    height:500px;
    margin-top:80px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: row;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.container-title-infos img{
    width: 100%;
    height:1300px;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 80px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;

margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:780px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 75px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 100px;
  margin-top: -80px;
}


.information-first{
    width:40%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:60%;
      background-color: rgba(0,0,0,0.7);
    height:635px;
  
    margin-top:88px;
    margin-left: -10px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:16px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    font-weight:900;
    color: white;
    padding: 10px;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    font-weight:900;
    color: white;
    padding: 10px;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p:nth-child(1){
    font-size:18px;
    color: white;
  
}
.information-contenu-second p:nth-child(2){
    font-size:18px;
    color: white;
  
}
.information-contenu-second p:nth-child(3){
    font-size:18px;
    color: white;
  
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
   color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
  
    gap: 115px;
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}
.information-contenu-thirds-adultes{
       
    width: 100px;
    height: 80px;
    font-size: 18px;
  color: white;
    margin-left: 80px;
}


.information-contenu-thirds-enfant{
   color: white;
    width: 100px;
    height: 80px;
    margin-left: -95px;
    font-size: 18px;
}
.information-second #submit{
    margin-left: 240px;
}
.information-contenu-second p:nth-child(1){
    font-size: 18px;
}
.information-contenu-second p:nth-child(2){
    font-size: 18px;
}

.information-contenu-second p:nth-child(3){
    font-size: 18px;
}


.information-contenu-thirds-remise{
  
    width: 100px;
    height: 80px;
    margin-left: -95px;
    font-size: 18px;
    color: white;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second .form-floating input{
    width:260px;
 
   
}
.information-second .form-floating label{
    margin-left:35px;
}
  }

  @media  only screen and  (min-width: 1200px) and (max-width: 1399px) {

    
.marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 300px;
    white-space: nowrap;
}

.marquee h1 {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
      text-transform: uppercase;
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

      
.container-evenementiel-contenu-title{

    width: 100%;
    height: 500px;
}
.container-evenementiel-contenu-title h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:95px;
}

.container-evenementiel-title img{
    width: 100%;
    height: 800px;
   
}
.container-evenementiel-sitation {
    width: 100%;
    height: 300px;
    margin-top: -350px;
}
.container-evenementiel-sitation p {
   text-align: center;
   font-size: 20px;


}

.container-evenementiel-element{
    width: 100%;
    height: 1950px;
  
}
.container-mariages{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;


}
.container-mariages-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-mariages-first h5{
font-weight: 900;
font-size: 45px;
margin-top: 25px;

}
.container-mariages-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-mariages-second img{
     width: 95%;
     margin-left: 20px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    

}
.container-mariage-descrip{
    
    width: 100%;
    height: 300px;
}
.container-mariage-descrip p{
     font-size: 23px;
     margin-top: 50px;
     margin-left: 15px;
     
}

.container-anniversaire{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-anniversaire-descrip{
    
    width: 100%;
    height: 300px;
}
.container-anniversaire-descrip p{
     font-size: 23px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-anniversaire-first{
    width: 100%;
    height: 500px;
    background-color:black;


}

.container-anniversaire-first img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-anniversaire-second{
    width: 100%;
    height: 500px;
    background-color:#a8cedc;
}

.container-anniversaire-second h5{

    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }


.container-bapteme{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-bapteme-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-bapteme-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-bapteme-second img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-bapteme-descrip{
    
    width: 100%;
    height: 300px;
}
.container-bapteme-descrip p{
     font-size: 23px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-bapteme-first h5{
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }
.container-affaires{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;

}
.container-affaires-first{
    width: 100%;
    height: 500px;
    background-color: black;


}
.container-affaires-second{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;
}
.container-affaires-descrip{
    
    width: 100%;
    height: 300px;
}
.container-affaires-descrip p{
     font-size: 23px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-affaires-second h5{
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }
    .container-affaires-first img{
        width: 95%;
        margin-left: 20px;
        height: 450px;
        object-fit: cover;
        margin-top: 20px;
       
    
    }
    .preste{
        background-color: black;
        color: white;
        margin-left: 25px;
        padding:15px;
    }
         
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-size: 95px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;

}


.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1200px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: -50px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 50%;
    height:650px;
}
.container-disposition-first h5{
    font-size: 35px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 50%;
    height: 500px;
}
.container-disposition-second img{
    width:95%;
    height: 460px;
    margin-left: 15px;
    margin-top: 20px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 40px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 120px;
}

.container-entreprise-first{
    background-color: black;
    width: 50%;
    height: 500px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 50%;
    height:650px;
   
}

.container-entreprise-first img{
    width:95%;
    height:460px;
    margin-left: 15px;
    margin-top: 20px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 40px;
}
.container-entreprise-second h5{
    font-size: 35px;
    font-weight: 900;
    padding-top: 25px;
}



    .container-image{
        margin-top: -50px;
    }
    .hr{
        border: none;
          border-bottom: 10px solid #a8cedc;                          
        width: 20%;
        margin:0 auto;
        margin-left: 25px;
        margin-bottom: 40px;
    }
    
    .hrr{
        border: none;
          border-bottom: 10px solid #a8cedc;          
        width: 25%;
        margin:0 auto;
        margin-left: -5px;
        margin-bottom: 40px;
        margin-top: 35px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;
        width: 25%;
        margin:0 auto;
        margin-left: -125px;
        background-color: #a8cedc;
        margin-bottom: 18px;
        margin-top: 30px;
    }
    .footer{
        width: 100%;
        height: 680px;
        margin-top:250px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .container-footer-first{
    
        width: 70%;
        height: 300px;
    }
    
    .container-footer-first .fa-brands{
        font-size: 35px;
        margin-left: 25px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
       
        font-size:18px;
        margin-top: -15px;
        padding: 15px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 75%;
        height: 300px;
    }
    .container-footer-third{
     
        width: 33%;
        height: 300px;
        gap: 10px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -83px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: -80px;
       margin-top: -30px;
       font-size: 18px;
       color:#a8cedc;
    }
    #plan{
        font-size: 18px;
        color: #a8cedc;
    }
    .container-footer-third p:nth-child(1){
        margin-top: 5px;
        margin-left: -125px;
        font-size: 18px;
    }
    
    .container-footer-second a{
     text-decoration: none;
     color: white;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -50px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
        font-size: 18px;
    }
    .container-footer-second  a{
        color: #a8cedc;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 25px;
        margin-left: -125px;
        line-height: 25px;
        margin-top: 25px;
       
      
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 18px;
        color: #a8cedc;
    }
    .container-title-title{
  
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
     
         position: relative;
    
    }
    
    .container-title-title, h3{
      
      position: relative;
      width: 100%;
      text-align: center;
    
     margin-left: -40px;
    
    
    
    }
    .information-second .form-floating label{
        margin-left:35px;
    }

    
    .container-partenariat{

        width: 100%;
        height: 200px;
        
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 75px;
        margin-top: -180px;
        margin-bottom: 25px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -180px;
        flex-direction: row;
        width: 100%;
        height: 800px;
        gap: 25px;

    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:100%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:100%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:100%;
    
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:100%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:100%;
        margin-top: 15px;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:100%;
    }
    
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: -10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }

    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 1300px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
  
    

    #menu a{
        color: #a8cedc;
        margin-left: 10px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 300px;
     }
  
   
  
    .container-image{
        height: 850px;
        position: relative;
        width: 100%;
       
         
    }
    .container-image img{
      
        width: 100%;
        height: 950px;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
      
        margin-top: -120px;
       
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 50px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:1200px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: row;
    }
    
    .container-service .valeur{
  
        width: 95%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 35px;
        font-size: 75px;
        color: white;
       ;
    }
          .container-first{
      
            width: 60%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 450px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 60%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 450px;
           }
           .container-third{
               margin-top: 100px;
               width: 60%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 450px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 60%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 450px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color:#a8cedc;
        margin-top: 80px;
        width: 100%;
        height: 600px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 80px;
        color: black;
        padding: 40px;
    }
  

    .container-formule-contenu{
    
        width: 100%;
        height: 600px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: -100px;
        background-color: transparent;
        flex-direction: row;
      
      
   
    }
    .container-formule-first{
        width: 50%;
        height: 380px;
        background-image: url('compress/DSC_4757-min.jpg');
       
        background-color: transparent;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 25px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding:15px
    }
    .container-formule-second{
        width: 50%;
        height: 380px;
       
        background-image: url('picture/discover.png');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 25px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding:15px
    }
    .container-formule-third{
        width: 50%;
        height: 380px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 25px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding:15px
    }
    .container-formule-fourth{
        width: 50%;
        height: 380px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 25px;
        text-align: center;
        margin-top: 180px;
        background-color: black;
        opacity: 0.8;
        padding:15px;
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left: 125px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 950px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 75px;
      margin-top: 200px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 780px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
}
.container-a-propos-first{
   width:70%;
   height: 1100px;
   background-color: #a8cedc;
   margin-top: -50px;
   
}
.container-a-propos-first bold{
    font-weight: 800;
  }
  .container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 75px;
    vertical-align: center;
    float: right;
        }
.container-a-propos-first h5{
    padding: 5px;
    font-weight: 900;
    font-size: 3rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 1.9; 
    
}
.container-a-propos-second{
    width:50%;
    height: 300px;
    background-color: black;
    margin-top: -400px;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 800px;
    object-fit: cover;
   
 }
 

.container-a-propos-first h5 ~ p{
    
    margin-left: 15px;
    justify-content: center;
    font-size: 1.4rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
    margin-top: 5px;
}
.container-a-propos-first #rule{
    color: black;
    text-align: center;
 
    margin-top: 25px;
    font-size: 20px;
}


.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 950px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:75px;
      margin-top: 200px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height: 500px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 50%;
    height: 750px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 45%;
    height: 300px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 100%;
    height: auto;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 950px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:75px;
      margin-top: 200px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height: 500px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 50%;
    height: 680px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 45%;
    height: 520px;
    position: relative;
    margin-top: 60px;
}
.container-service-shopper-detail-second img{
  width: 100%;
  height: 495px;
    margin-top: 10px;
    object-fit: cover;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 500px;
    margin-top: 500px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: row;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 55%;
    height: 650px;
}

.container-evenement-bapteme-contenu-right img{
    width: 89%;
    height: auto;
}
.container-evenement-bapteme-contenu-left h5{
    font-size: 3rem;
    font-weight: 900;
    padding: 25px;
    margin-top: 50px;
}

.container-evenement-bapteme-contenu-left p{
    font-size: 1.5rem;
    padding: 15px;
    margin-top: 80px;
}
.container-evenement-bapteme-contenu-right{
    width: 50%;
    height: 480px;
    background-color: black;
    margin-top: -100px;
}
.container-citation{
       
    width: 100%;
    height: 500px;
    margin-top: -500px;
    
}
.container-citation p{
    font-size: 30px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
  
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: -300px;
    height: 800px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 3rem;
   margin-top: 50px;
 
}
.container-mariage{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
    margin-top: 200px;
    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 50%;
    height: 650px;
    margin-top: -50px;
 
}
.container-mariage-right{
    width: 50%;
    height: 500px;
    background-color: black;
    margin-top: -200px;
}
.container-mariage-right img{
    width: 89%;
  
    height: auto;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
    margin-top: 80px;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 100px;
 

}
.container-aniversaire{
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 50%;
    height: 650px;
 
}
.container-aniversaire-left{
 
    width: 50%;
    height: 480px;
    background-color: black;
    margin-top: -100px;
}
.container-aniversaire-left img{
    width: 89%;
    height: auto;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 3rem;
    margin-top: 50px;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
    margin-top: 80px;

}
.container-evenement-formulaire{
    width: 100%;
    height: 1400px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:100%;
    height: 500px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 50px;
    width: 500px;
    font-size: 20px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 200px;
    width: 500px;
    font-size: 20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 5px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:100px;
    font-weight: 900;
    font-size: 25px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 58px;
    color: white;
    margin-left: -70px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 75px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 75px;
    margin-top: 80px;

}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: row;
}
.container-evenement-contenu-detail-left{
    width: 50%;
    height: 650px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 3rem;
    font-weight: 900;
    padding: 15px;
    margin-top: 50px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 1.5rem;
    margin-top: 80px;
}
.container-evenement-contenu-detail-right{
    width: 50%;
    height: 500px;
    background-color: black;
    margin-top: 100px;
}

.container-evenement-contenu-detail-right img{
    width: 95%;
    height: auto;
    margin-top: 45px;
    margin-left: 15px;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
    font-size: 25px;
  
}


.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 780px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 400px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}

.container-lieu{
    background-color: #a8cedc;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 500px;
  

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
    height: 600px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 60%;
    height: 780px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
}
.container-contact-contenu-suite-detail-right{
    width: 55%;
    margin-top: 125px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 45px;
    margin-bottom: 20px;
    margin-top: -50px;
    white-space: nowrap;
    margin-left: -100px;
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 450px;
    height: 50px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 450px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 115px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
}
#phone{
    height: 58px;
    width: 400px;

}
.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1000px;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
 margin-top: -50px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: row;
    gap: 5px;
}
.container-formule-decouverte-contenu-first{
    width: 50%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.3rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
     
    width: 100%;
    height: 700px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: -25px;
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
    margin-top: -30px;
}
.container-autre-formule-first{
   width: 50%;
   height: 450px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 
.container-autre-formule-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 
 }
 .container-autre-formule-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.container-sous-titre-autre a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 10px;
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; 
}

 
 .container-package-mira-title{
    width: 100%;
    height: 200px;

}


.container-package-mira-title img{
    width: 100%;
    height:1200px;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 50px;
background-color: rgba(0,0,0,0.7);
color: white;
display: inline-block;
}





.container-formule-mira{
    width: 100%;
    height: 400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}
.container-formule-mira-contenu-first{
    width: 50%;
    height:550px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    margin-top: 80px;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.5rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;
    margin-top: 300px;


}







.container-autre-formule-mira{
     
    width: 100%;
    height: 650px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: 200px;
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
    margin-top: -50px;
}

.container-autre-formule-mira-first{
   width: 50%;
   height: 450px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-mira-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-mira-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-package-vip-title{
    width: 100%;
    height: 300px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:1100px;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -80px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 650px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: 100px;
}
.container-formule-vip-contenu-first{
    width: 50%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.5rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color:black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
     
    width: 100%;
    height: 780px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: -200px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: -35px;
}

.container-autre-formule-vip-first{
   width: 50%;
   height: 450px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-vip-first h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-vip-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-vip-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 
 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:1050px;
  
}
.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -80px;
}



.container-formule-bussiness{
    width: 100%;
    height: 400px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: 80px;
}
.container-formule-bussiness-contenu-first{
    width: 50%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.3rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
     
    width: 100%;
    height: 700px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height:700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
    margin-top: -35px;
}
.container-autre-formule-night-first{
   width: 50%;
   height: 450px;
   background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;

}
.container-autre-formule-night-first h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-night-second{
    width: 50%;
    height: 450px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-night-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-package-reservation-title{
    width: 100%;
    height: 850x;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
    object-fit: cover;
  
} 
.container-reservation-contenu{
 
    width: 100%;
    height: 700px;
    margin-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 40px;
display: inline-block;
margin-top: -80px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 110%;
    height: 650px;
    margin-top: 80px;
    margin-left: -50px;
    border-radius: 15px;
    padding: 20px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
    padding: 20px;
    font-size: 2.5rem;
}


.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
    width:350px;
 
}

.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:40px;
    padding: 10px;
    border: 2px solid white;
    margin-left:300px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width:350px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left:15px;
    height:60px;
}

.information{
  
    width:100%;
    height:500px;
    margin-top:80px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: row;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }

.container-title-infos img{
    width: 100%;
    height:1400px;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 80px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:780px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 75px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 100px;
  margin-top: -80px;
}

.information-first{
    width:35%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:50%;
      background-color: rgba(0,0,0,0.7);
    height:630px;
    margin-top:80px;
    margin-left: -10px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:15px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:25px;
    font-weight:900;
    padding: 10px;
    color: white;
}
.information-contenu-first p:nth-child(2){
    font-size:25px;
    font-weight:900;
    padding: 10px;
    color: white;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p:nth-child(1){
    font-size:18px;
  color: white;
}
.information-contenu-second p:nth-child(2){
    font-size:18px;
  color: white;
}
.information-contenu-second p:nth-child(3){
    font-size:18px;
  color: white;
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
    
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
    
}

.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-sixth p{
    font-size:20px;
    color: white;
  
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
  
    gap: 115px;
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-contenu-thirds-adultes{
       color: white;
    width: 100px;
    height: 80px;
    font-size: 18px;
 
    margin-left: 60px;
}
.information-contenu-thirds-remise{
    color: white;
 width: 100px;
 height: 80px;
 font-size: 18px;

 margin-left: 60px;
}
.information-contenu-thirds-enfant{
   color: white;
    width: 100px;
    height: 80px;
    margin-left: -95px;
    font-size: 18px;
}
.information-second #submit{
    margin-left: 240px;
}
.information-contenu-second p:nth-child(1){
    font-size: 18px;
}
.information-contenu-second p:nth-child(2){
    font-size: 18px;
}

.information-contenu-second p:nth-child(3){
    font-size: 18px;
}
.information-contenu-thirds-remise{
  
    width: 100px;
    height: 80px;
    margin-left: -95px;
    font-size: 18px;
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.form-floating input, label{
    width:280px;
    margin-left:10px;
}
  }

@media only screen and (min-width: 1440px) and (max-width:1599px){
  
    .container-evenementiel-contenu-title{

        width: 100%;
        height: 500px;
    }
    .container-evenementiel-contenu-title h1{
        text-align: center;
        margin-top: 50px;
        font-weight: 500;
          font-family: "Roboto", sans-serif;
      font-style: italic; 
      font-size:95px;
    }
    
    .container-evenementiel-title img{
        width: 100%;
        height: 800px;
       
    }
    .container-evenementiel-sitation {
        width: 100%;
        height: 300px;
        margin-top: -350px;
    }
    .container-evenementiel-sitation p {
       text-align: center;
       font-size: 25px;
    
    
    }
    
    .container-evenementiel-element{
        width: 100%;
        height: 1950px;
      
    }
    .container-mariages{
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    
    
    }
    .container-mariages-first{
        width: 100%;
        height: 500px;
        background-color: #a8cedc;
    
    
    }
    .container-mariages-first h5{
    
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }
    .container-mariages-second{
        width: 100%;
        height: 500px;
        background-color: black;
      
    
    }
    .container-mariages-second img{
         width: 95%;
         margin-left: 20px;
         height: 450px;
         object-fit: cover;
         margin-top: 20px;
        
    
    }
    .container-mariage-descrip{
        
        width: 100%;
        height: 300px;
    }
    .container-mariage-descrip p{
         font-size: 25px;
         margin-top: 50px;
         margin-left: 15px;
         
    }
    
    .container-anniversaire{
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 250px;
        gap: 10px;
        
    
    }
    .container-anniversaire-descrip{
        
        width: 100%;
        height: 300px;
    }
    .container-anniversaire-descrip p{
         font-size: 25px;
         margin-top: 50px;
         margin-left: 15px;
         
    }
    .container-anniversaire-first{
        width: 100%;
        height: 500px;
        background-color:black;
    
    
    }
    
    .container-anniversaire-first img{
        width: 95%;
        margin-left: 20px;
        height: 450px;
        object-fit: cover;
        margin-top: 20px;
       
    
    }
    .container-anniversaire-second{
        width: 100%;
        height: 500px;
        background-color: #a8cedc;
    }
    
    .container-anniversaire-second h5{
        font-weight: 900;
        font-size: 45px;
        margin-top: 25px;
        
        }
    
    
    .container-bapteme{
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 250px;
        gap: 10px;
        
    
    }
    .container-bapteme-first{
        width: 100%;
        height: 500px;
        background-color: #a8cedc;
    
    
    }
    .container-bapteme-second{
        width: 100%;
        height: 500px;
        background-color: black;
      
    
    }
    .container-bapteme-second img{
        width: 95%;
        margin-left: 20px;
        height: 450px;
        object-fit: cover;
        margin-top: 20px;
       
    
    }
    .container-bapteme-descrip{
        
        width: 100%;
        height: 300px;
    }
    .container-bapteme-descrip p{
         font-size: 25px;
         margin-top: 50px;
         margin-left: 15px;
         
    }
    .container-bapteme-first h5{
        font-weight: 900;
        font-size: 45px;
        margin-top: 25px;
        
        }
    .container-affaires{
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 250px;
        gap: 10px;
    
    }
    .container-affaires-first{
        width: 100%;
        height: 500px;
        background-color: black;
    
    
    }
    .container-affaires-second{
        width: 100%;
        height: 500px;
        background-color: #a8cedc;
    }
    .container-affaires-descrip{
        
        width: 100%;
        height: 300px;
    }
    .container-affaires-descrip p{
         font-size: 25px;
         margin-top: 50px;
         margin-left: 15px;
         
    }
    .container-affaires-second h5{

        font-weight: 900;
        font-size: 45px;
        margin-top: 25px;
        
        }
        .container-affaires-first img{
            width: 95%;
            margin-left: 20px;
            height: 450px;
            object-fit: cover;
            margin-top: 20px;
           
        
        }
        .preste{
            background-color: black;
            color: white;
            margin-left: 25px;
            padding:15px;
        }
   
         
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-size: 95px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;

}


.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1200px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: -50px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 50%;
    height:650px;
}
.container-disposition-first h5{
    font-size: 40px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 50%;
    height: 500px;
}
.container-disposition-second img{
    width:95%;
    height: 460px;
    margin-left: 20px;
    margin-top: 20px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 40px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 120px;
}

.container-entreprise-first{
    background-color: black;
    width: 50%;
    height: 500px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 50%;
    height:650px;
   
}

.container-entreprise-first img{
    width:95%;
    height:460px;
    margin-left: 20px;
    margin-top: 20px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 40px;
}
.container-entreprise-second h5{
    font-size: 40px;
    font-weight: 900;
    padding-top: 25px;
}


    .container-image{
        margin-top: -50px;
    }
    .hr{
        border: none;
          border-bottom: 10px solid #a8cedc;
        width: 20%;
        margin:0 auto;
        margin-left: 25px;
        margin-bottom: 50px;
    }
    
    .hrr{
        border: none;
          border-bottom: 10px solid #a8cedc;
        width: 25%;
        margin:0 auto;
        margin-left: -5px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;
        width: 20%;
        margin:0 auto;
        margin-left: -75px;
        margin-bottom: 50px;
    }
    .container-title-title{
  
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
     
         position: relative;
    
    }
    
    .container-title-title, h3{
      
      position: relative;
      width: 100%;
      text-align: center;
    
     margin-left: -60px;
    
    
    
    }

    .container-partenariat{

        width: 100%;
        height: 200px;
        
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 80px;
        margin-top: -180px;
        margin-bottom: 25px;
      
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -180px;
        flex-direction: row;
        width: 100%;
        height: 800px;
        gap: 25px;
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:100%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:100%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:100%;
        
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:100%;
        margin-top: -10px;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:100%;
        margin-top: 15px;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:100%;
    }

    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: -10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }

    .information-contenu-second p:nth-child(1){
      
        font-size: 18px;
    }
    .container-reservations{

        display: flex;
    }

    .container-login{
        width: 100%;
        height: 1500px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }

    .footer{
        width: 100%;
        height: 700px;
        margin-top:250px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .container-footer-first{
    
        width: 100%;
        height: 300px;
    }
    
    .container-footer-first .fa-brands{
        font-size: 35px;
        margin-left: 25px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size:18px;
        margin-top: -15px;
        padding: 15px;
        color:#a8cedc;
    }
    .container-footer-second{
    
        width: 75%;
        height: 300px;
    }
    .container-footer-third{
     
        width: 40%;
        height: 300px;
        gap: 10px;
        
    }

    #plan{
        font-size: 18px;
        color: #a8cedc;
        margin-top: 15px;
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 18px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: -50px;
       margin-top: -30px;
       font-size: 18px;
       color:#a8cedc;
    }
    .container-footer-third p:nth-child(1){
        margin-top: 20px;
        color:#a8cedc;
        margin-left: -80px;
        font-size: 18px;
    }
    .container-footer-fourth{
      
        width: 35%;
        height: 300px;
    }
    
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;
        color:#a8cedc;
    }
    
    .container-footer-second a{
     text-decoration: none;
     color: white;
     color:#a8cedc;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 18px;
        list-style-type: none;
        margin-left: -40px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
        font-size: 18px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
    
        font-size: 20px;
        margin-left: -85px;
        line-height: 25px;
       
      
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 18px;
        color:#a8cedc;
    }
    #menu a{
        color: #a8cedc;
        margin-left: 10px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
 
  

    .container-image{
        height: 850px;
        position: relative;
        width: 100%;
       
         
    }
    .container-image img{
      
        width: 100%;
        height: 950px;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
     
        margin-top: -120px;
       
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 50px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:1200px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: row;
    }
    
    .container-service .valeur{
  
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 35px;
        font-size: 75px;
        color: white;
       ;
    }
          .container-first{
      
            width: 60%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 450px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 60%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 450px;
           }
           .container-third{
               margin-top: 100px;
               width: 60%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 450px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 60%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 450px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color:#a8cedc;
        width: 100%;
        height:500px;
     
    }
    .container-formule h6{
        text-align: center;
        font-size: 80px;
        color: black;
        padding: 40px;
    }
    
    .container-formule-contenu{
    
        width: 100%;
        height: 485px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: row;
      
      
   
    }
    .container-formule-first{
        width: 50%;
        height: 380px;
      
        background-image: url('compress/DSC_4757-min.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 30px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 50%;
        height: 380px;
      
        background-image: url('picture/discover.png');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 30px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 50%;
        height: 380px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 30px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 50%;
        height: 380px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 30px;
        text-align: center;
        margin-top: 180px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left: 150px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 700px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 75px;
      margin-top: -75px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 600px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: row;
}
.container-a-propos-first{
   width:82%;
   height: 985px;
   background-color: #a8cedc;
   margin-top: 100px;
}
.container-a-propos-first bold{
    font-weight: 800;
  }
  .container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 85px;
    vertical-align: center;
    float: right;
        }
.container-a-propos-first h5{
    padding: 20px;
    font-weight: 900;
    font-size: 4rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 1.5; 
    
}
.container-a-propos-second{
    width:50%;
    height: 300px;
    background-color: black;
    margin-top: -395px;
 }


 .container-a-propos-second img{
    width: 100%;
    height: 800px;
    object-fit: fill;
   
 }
 
.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1.4rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
    margin-top: 15px;
}
.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 25px;
    font-size: 20px;
}

.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title #img{
    width: 100%;
     height: 800px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:75px;
      margin-top: -45px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height: 500px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 50%;
    height: 680px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 45%;
    height: 300px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 100%;
    height: auto;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}

.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 800px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:75px;
      margin-top: 50px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height: 500px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 50%;
    height: 680px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 45%;
    height: 550px;
    position: relative;
    margin-top: 50px;
}
.container-service-shopper-detail-second img{
  width: 95%;
    height: 500px;
    margin-top: 25px;
    object-fit: cover;
   
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 700px;
    margin-top: 500px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: row;
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 50%;
    height: 1100px;
}
.container-evenement-bapteme-contenu-right{

    width: 50%;
    height: 700px;
    background-color: black;
}
.container-evenement-bapteme-contenu-right img{
    width: 95%;
  
    height: 600px;
    margin-top: 25px;
}
.container-evenement-bapteme-contenu-left h5{
    font-size: 5rem;
    font-weight: 900;
    padding: 25px;
    margin-top: 50px;
}

.container-evenement-bapteme-contenu-left p{
    font-size: 3rem;
    padding: 15px;
    margin-top: 80px;
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: -300px;
    height: 900px;
   
   
}
.container-citation{
       
    width: 100%;
    height: 500px;
    
}
.container-citation p{
    font-size: 50px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
}
.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 5rem;
   margin-top: 50px;
 
}
.container-mariage{
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
    margin-top: 700px;
    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 50%;
    height: 1200px;
 
}
.container-mariage-right{
    width: 50%;
    height: 600px;
    background-color: black;
    margin-top: 50px;
}
.container-mariage-right img{
    width: 93%;
    margin-top: 50px;
    height: auto;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 80px;
    font-size: 3rem;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 500px;
 

}
.container-aniversaire{
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 50%;
    height: 1100px;
}
.container-aniversaire-left{
 
    width: 50%;
    height: 550px;
    background-color: black;
    margin-top: 50px;
}
.container-aniversaire-left img{
    width: 93%;
    height: auto;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 5rem;
    margin-top: 50px;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 3rem;
    margin-top: 80px;

}
.container-evenement-formulaire{
    width: 100%;
    height: 1500px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:100%;
    height: 500px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 65px;
    width: 600px;
    font-size: 20px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 200px;
    width: 600px;
    font-size: 20px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:140px;
    font-weight: 900;
    font-size: 25px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 58px;
    color: white;
    margin-left: -80px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: -100px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 75px;
    margin-top: 70px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: row;
}
.container-evenement-contenu-detail-left{
    width: 50%;
    height: 1100px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 5rem;
    font-weight: 900;
    padding: 15px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 3rem;
}
.container-evenement-contenu-detail-right{
    width: 50%;
    height: 550px;
    background-color: black;
    margin-top: 100px;
}

.container-evenement-contenu-detail-right img{
    width: 93%;
    height: auto;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
    font-size: 35px;
  
}


.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 780px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 400px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}

.container-lieu{
    background-color: #a8cedc;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 500px;
  

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
    height: 600px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 60%;
    height: 780px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
}
.container-contact-contenu-suite-detail-right{
    width: 55%;
    margin-top: 125px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 50px;
    margin-bottom: 20px;
    margin-top: -50px;
    margin-left: -50px;
    white-space: nowrap;
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 450px;
    height: 50px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 450px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 100px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
}
#phone{
    height: 58px;
    width: 450px;

}
.container-package-titles{
    width: 100%;
    height: 200px;

  
}


.container-package-titles img{
    width: 100%;
    height: 980px;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -50px;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: row;
    gap: 5px;
}
.container-formule-decouverte-contenu-first{
    width: 50%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color:white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.3rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}



.container-autre-formule{
     
    width: 100%;
    height: 700px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: -50px;
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
    margin-top: -50px;
}
.container-autre-formule-first{
   width: 50%;
   height: 450px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 
.container-autre-formule-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 
 }
 .container-autre-formule-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.container-sous-titre-autre a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 15px 30px; /* Moins de padding pour une taille plus petite */
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; /* Réduction de la taille de la police */
    width: 200px; /* Largeur fixe du bouton */
    margin: 0 auto; /* Centre le bouton horizontalement */
}
  
 
 .container-package-mira-title{
    width: 100%;
    height: 200px;

}


.container-package-mira-title img{
    width: 100%;
    height:1300px;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: 50px;
}





.container-formule-mira{
    width: 100%;
    height: 500px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: 100px;
}
.container-formule-mira-contenu-first{
    width: 50%;
    height:570px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
     margin-top: 80px;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.5rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}






.container-autre-formule-mira{
     
    width: 100%;
    height: 650px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: 200px;
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
    margin-top: -40px;
}

.container-autre-formule-mira-first{
   width: 50%;
   height: 450px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-mira-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-mira-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:995px;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -50px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 400px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 50%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    margin-top: 100px;
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.5rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}


.container-autre-formule-vip{
     
    width: 100%;
    height: 780px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: -35px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: -50px;
}

.container-autre-formule-vip-first{
   width: 50%;
   height: 450px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-vip-first h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-vip-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-vip-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}
.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-package-title img{
    width: 100%;
    height:1100px;
  
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -50px;
}



.container-formule-bussiness{
    width: 100%;
    height: 480px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: 85px;
}
.container-formule-bussiness-contenu-first{
    width: 50%;
    height:480px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.3rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color:black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
     
    width: 100%;
    height: 700px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: -55px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height:700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
    margin-top: -35px;
}
.container-autre-formule-night-first{
   width: 50%;
   height: 450px;
   background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;

}
.container-autre-formule-night-first h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-night-second{
    width: 50%;
    height: 450px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-night-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-package-reservation-title{
    width: 100%;
    height: 300px;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1600px;
  
} 
.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-reservation-contenu{
 
    width: 100%;
    height: 700px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: 35px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 500px;
    margin-top: -200px;
    border-radius: 15px;
    padding: 5px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
    font-size: 2.5rem;
}

.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    color: black;
    width: 350px;

}
.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:40px;
    padding: 10px;
    border: 2px solid white;
    margin-left:280px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width:350px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left:15px;
    height:60px;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}


.container-title-infos img{
    width: 100%;
    height:1400px;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 80px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.information{
  
    width:100%;
    height:500px;
    margin-top:80px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: row;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}


.container-title-info img{
    width: 100%;
    height:780px;
  
}
.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }
.container-title-contenu-info h1{
    text-align: center;
    font-size: 75px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 100px;
  margin-top: -80px;
}

.information-first{
    width:35%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:45%;
      background-color: rgba(0,0,0,0.7);
    height:630px;
    margin-top:80px;
    margin-left: -12px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:17px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:20px;
    padding: 10px;
    font-weight:900;
    color: white;
}
.information-contenu-first p:nth-child(2){
    font-size:20px;
    padding: 10px;
    font-weight:900;
    color: white;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p:nth-child(1){
    font-size:18px;
    color: white;
  
}
.information-contenu-second p:nth-child(2){
    font-size:18px;
    color: white;
  
}
.information-contenu-second p:nth-child(3){
    font-size:18px;
    color: white;
  
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
    
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:500px;
    margin-top:-50px;
   
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}
.information-contenu-thirds-adultes{
       
    width: 100px;
    height: 80px;
    font-size: 17px;
    margin-left: 95px;
    color: white;
}
.information-contenu-thirds-enfant{
   
    width: 100px;
    height: 80px;
    margin-left: -95px;
    font-size: 17px;
    color: white;
}
.information-contenu-thirds-remise{
  
    width: 100px;
    height: 80px;
    margin-left: -95px;
    font-size: 17px;
    color: white;
}
.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
    
}
.information-contenu-sixth p{
    font-size:20px;
  color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;

}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;

    gap: 140px;
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second .form-floating label{
    margin-left:20px;
}
.information-second #submit{
    margin-left: 200px;
}
.information-second .form-floating input {
    width:280px;
    margin-left:10px;
}
}



@media only screen and (min-width: 1600px) and (max-width: 1799px){
      
.container-evenementiel-contenu-title{

    width: 100%;
    height: 500px;
}
.container-evenementiel-contenu-title h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:95px;
}

.container-evenementiel-title img{
    width: 100%;
    height: 800px;
   
}
.container-evenementiel-sitation {
    width: 100%;
    height: 300px;
    margin-top: -350px;
}
.container-evenementiel-sitation p {
   text-align: center;
   font-size: 35px;


}

.container-evenementiel-element{
    width: 100%;
    height: 1950px;
  
}
.container-mariages{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;


}
.container-mariages-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-mariages-first h5{

font-weight: 900;
font-size: 45px;
margin-top: 25px;

}
.container-mariages-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-mariages-second img{
     width: 95%;
     margin-left: 20px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    

}
.container-mariage-descrip{
    
    width: 100%;
    height: 300px;
}
.container-mariage-descrip p{
     font-size: 25px;
     margin-top: 50px;
     margin-left: 15px;
     
}

.container-anniversaire{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-anniversaire-descrip{
    
    width: 100%;
    height: 300px;
}
.container-anniversaire-descrip p{
     font-size: 25px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-anniversaire-first{
    width: 100%;
    height: 500px;
    background-color:black;


}

.container-anniversaire-first img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-anniversaire-second{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;
}

.container-anniversaire-second h5{
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }


.container-bapteme{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-bapteme-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-bapteme-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-bapteme-second img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-bapteme-descrip{
    
    width: 100%;
    height: 300px;
}
.container-bapteme-descrip p{
     font-size: 25px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-bapteme-first h5{
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }
.container-affaires{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;

}
.container-affaires-first{
    width: 100%;
    height: 500px;
    background-color: black;


}
.container-affaires-second{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;
}
.container-affaires-descrip{
    
    width: 100%;
    height: 300px;
}
.container-affaires-descrip p{
     font-size: 25px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-affaires-second h5{
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }
    .container-affaires-first img{
        width: 95%;
        margin-left: 20px;
        height: 450px;
        object-fit: cover;
        margin-top: 20px;
       
    
    }
    .preste{
        background-color: black;
        color: white;
        margin-left: 25px;
        padding:15px;
    }
   
       
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-size: 95px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;

}


.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1200px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: -50px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 50%;
    height:650px;
}
.container-disposition-first h5{
    font-size: 40px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 50%;
    height: 650px;
}
.container-disposition-second img{
    width:95%;
    height:auto;
    margin-left: 20px;
    margin-top: 70px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 50px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 120px;
}

.container-entreprise-first{
    background-color: black;
    width: 50%;
    height: 650px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 50%;
    height:650px;
   
}

.container-entreprise-first img{
    width:95%;
    height:auto;
    margin-left: 20px;
    margin-top: 70px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 25px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 50px;
}
.container-entreprise-second h5{
    font-size: 40px;
    font-weight: 900;
    padding-top: 25px;
}
    .container-image{
        margin-top: -50px;
    }
    .hr{
        border: none;
          border-bottom: 10px solid #a8cedc;
        width: 20%;
        margin:0 auto;
        margin-left: 25px;
        margin-bottom: 50px;
    }
    
    .hrr{
        border: none;
          border-bottom: 10px solid #a8cedc;
        width: 25%;
        margin:0 auto;
        margin-left: -5px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;
        width: 20%;
        margin:0 auto;
        margin-left: -25px;
        margin-bottom: 50px;
    }
        .container-title-title{
  
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
     
         position: relative;
    
    }
    
    .container-title-title, h3{
      
      position: relative;
      width: 100%;
      text-align: center;
    
     margin-left: -60px;
    
    
    
    }

    .container-partenariat{

        width: 100%;
        height: 400px;
        
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 80px;
        margin-top: -170px;
        margin-bottom: 25px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -95px;
        flex-direction: row;
        width: 100%;
        height: 800px;
        gap: 25px;

    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:100%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:100%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:100%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:100%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:100%;
        margin-top: 50px;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:100%;
    }
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: -10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        

    }

    .information-contenu-second p:nth-child(1){
      
        font-size: 18px;
    }
    .information-contenu-second #submit{
        margin-left: 100px;
    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 1500px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }

    .footer{
        width: 100%;
        height: 800px;
        margin-top:250px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .container-footer-first{
    
        width: 75%;
        height: 300px;

    }
    
    .container-footer-first .fa-brands{
        font-size: 35px;
        margin-left: 50px;
      
        color: #a8cedc;
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size: 25px;
        margin-top: -25px;
        padding: 15px;
        color: #a8cedc;
    }
    #plan{
        font-size: 25px;
        color: #a8cedc;
        margin-left: 60px;
    }
    .container-footer-second{
    
        width: 70%;
        height: 300px;

    }
    .container-footer-third{
     
        width: 33%;
        height: 300px;
        gap: 10px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 15px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    .container-footer-third p{
       color: white;
       margin-left: 30px;
       margin-top: -30px;
       font-size: 20px;
       color: #a8cedc;
    }
    .container-footer-third p:nth-child(1){
        margin-top: 15px;
        font-size: 25px;
        color: #a8cedc;
        margin-left: -25px;
    }
    .container-footer-fourth{
      
        width: 35%;
        height: 300px;
    }
    .container-footer-fourth{
  
        width: 50%;
        height: 300px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 25px;
        color: #a8cedc;
    }
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;
    }
    
    .container-footer-second a{
     text-decoration: none;
     color: white;
   
    }
    .container-footer-second ul{
        color: white;
        font-size: 35px;
        list-style-type: none;
        margin-left: 50px;

    }
    .container-footer-second li{
        margin-bottom: 25px;
        font-size: 25px;
    }
    .container-footer-second a{
        color: #a8cedc;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 30px;
        margin-left: -15px;
        line-height: 25px;
        
       
      
    }

    #menu a{
        color: #a8cedc;
        margin-left: 10px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  
  
  
 
    .container-image{
        height: 850px;
        position: relative;
        width: 100%;
       
         
    }
    .container-image img{
      
        width: 100%;
        height: 950px;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        margin-top: -120px;
       
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 50px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:1200px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: row;
    }
    
    .container-service .valeur{
  
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 35px;
        font-size: 75px;
        color: white;
       ;
    }
          .container-first{
      
            width: 60%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 450px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 60%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 450px;
           }
           .container-third{
               margin-top: 100px;
               width: 60%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 450px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 60%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 450px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color:#a8cedc;
        width: 100%;
        height:500px;
    }
    .container-formule h6{
        text-align: center;
        font-size: 80px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 500px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 50px;
        background-color: transparent;
        flex-direction: row;
      
      
   
    }
    .container-formule-first{
        width: 50%;
        height: 380px;
        background-image: url('compress/DSC_4757-min.jpg');
      
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 30px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 50%;
        height: 380px;
       
        background-image: url('picture/discover.png');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 30px;
        text-align: center;
        margin-top: 180px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
        margin-bottom: 50px;
    }
    .container-formule-third{
        width: 50%;
        height: 380px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 30px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 50%;
        height: 380px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 30px;
        text-align: center;
        margin-top: 180px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
        margin-bottom: 50px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left: 150px;
        padding: 15px;
      
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 700px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 75px;
      margin-top: -40px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 600px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
}
.container-a-propos-first{
   width:80%;
   height: 980px;
   background-color: #a8cedc;
   margin-top: 100px;
}
.container-a-propos-first bold{
    font-weight: 800;
  }
  .container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 135px;
    vertical-align: center;
    float: right;
        }
.container-a-propos-first h5{
    padding: 20px;
    font-weight: 900;
    font-size: 4rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 1.5; 
    
}
.container-a-propos-second{
    width:50%;
    height: 300px;
    background-color: black;
    margin-top: -400px;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 800px;
    object-fit: fill;
   
 }
 

.container-a-propos-first h5 ~ p{
    margin-left: 15px;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 1em;
    line-height: 1.2;
    word-spacing: normal;
    padding: 3px;
    margin-top: 15px;
}
.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 25px;
    font-size: 20px;
}


.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 950px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:75px;
      margin-top: 200px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height: 500px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 50%;
    height: 680px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 45%;
    height: 540px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 95%;
    height: auto;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}

.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 950px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:95px;
      margin-top: 200px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height: 500px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 50%;
    height: 680px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 45%;
    height: 515px;
    position: relative;
    margin-top: 70px;
}
.container-service-shopper-detail-second img{
  width: 95%;
    height: auto;
    margin-top: 25px;
    object-fit: cover;
   
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:75px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: -300px;
    height: 900px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 5rem;
   margin-top: 75px;
 
}
.container-mariage{
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
    margin-top: 700px;
    
}
.container-citation p{
    font-size: 60px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -500px;
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: -700px;
    height: 900px;
   
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 700px;
    margin-top: 500px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 800px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: row;

}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 50%;
    height: 1100px;
}
.container-evenement-bapteme-contenu-right{

    width: 50%;
    height: 700px;
    background-color: black;
}
.container-mariage-left{
    background-color: #e5e6eb;
    width: 50%;
    height: 1300px;
 
}
.container-evenement-bapteme-contenu-right img{
    width: 95%;
  
    height: 600px;
    margin-top: 25px;
}
.container-evenement-bapteme-contenu-left h5{
    font-size: 5rem;
    font-weight: 900;
    padding: 25px;
    margin-top: 75px;
}

.container-evenement-bapteme-contenu-left p{
    font-size:3.7rem;
    padding: 15px;
    text-wrap: wrap;
}
.container-mariage-right{
    width: 50%;
    height: 650px;
    background-color: black;
    margin-top: -70px;
}
.container-mariage-right img{
    width: 95%;
  
    height: auto;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 3.7rem;
    margin-top: 95px;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 500px;
 

}
.container-aniversaire{
    width: 100%;
    height: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 50%;
    height: 750px;
    height: 1100px;
}
.container-aniversaire-left{
    width: 50%;
    height: 650px;
    background-color: black;
    margin-top: 300px;
}
.container-aniversaire-left img{
    width: 95%;
    height: auto;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 5rem;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 3.7rem;

}
.container-evenement-formulaire{
    width: 100%;
    height: 1300px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:100%;
    height: 500px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 60px;
    width: 600px;
    font-size: 25px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 200px;
    width: 600px;
    font-size: 25px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:150px;
    font-weight: 900;
    font-size: 25px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 58px;
    color: white;
    margin-left: -80px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 700px;
 margin-top: 250px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 65px;
    margin-top: 300px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 1300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: row;
}
.container-evenement-contenu-detail-left{
    width: 50%;
    height: 1200px;
   background-color: #e5e6eb;;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 5rem;
    font-weight: 900;
    padding: 15px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 3.7rem;
}
.container-evenement-contenu-detail-right{
    width: 50%;
    height:650px;
    background-color: black;
    margin-top: 280px;
}

.container-evenement-contenu-detail-right img{
    width: 95%;
    height: auto;
}

.prest{
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
    font-size: 35px;
  
}


.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 780px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 400px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}

.container-lieu{
    background-color: #a8cedc;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cddb;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color: black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 500px;
  

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
    height: 600px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 60%;
    height: 780px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
  
   margin-left: 40px;
}
.container-contact-contenu-suite-detail-right{
    width: 55%;
    margin-top: 125px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 50px;
    margin-bottom: 20px;
    margin-top: -50px;
    margin-left: -150px;
    white-space: nowrap;
   
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 450px;
    height: 50px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 450px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 100px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
}
#phone{
    height: 58px;
    width: 450px;

}
.container-package-titles{
    width: 100%;
    height: 300px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1100px;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
margin-top: -80px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: row;
    gap: 5px;
}
.container-formule-decouverte-contenu-first{
    width: 50%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.3rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
     
    width: 100%;
    height: 700px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: 80px;
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
}
.container-autre-formule-first{
   width: 50%;
   height: 450px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 
.container-autre-formule-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 
 }
 .container-autre-formule-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }

 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;

}
.container-reservation{

    display: flex;
}
.container-sous-titre-autre a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 15px 30px; /* Moins de padding pour une taille plus petite */
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; /* Réduction de la taille de la police */
    width: 200px; /* Largeur fixe du bouton */
    margin: 0 auto; /* Centre le bouton horizontalement */
}
  
 .container-package-mira-title{
    width: 100%;
    height: 200px;

}


.container-package-mira-title img{
    width: 100%;
    height:1200px;
  
}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 100px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: 50px;

}





.container-formule-mira{
    width: 100%;
    height: 400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: 100px;
}
.container-formule-mira-contenu-first{
    width: 50%;
    height:550px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.5rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}





.container-autre-formule-mira{
     
    width: 100%;
    height: 650px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: 200px;
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
}

.container-autre-formule-mira-first{
   width: 50%;
   height: 450px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-mira-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-mira-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 
 .container-package-vip-title{
    width: 100%;
    height: 300px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:1130px;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -100px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 550px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: 100px;
}
.container-formule-vip-contenu-first{
    width: 50%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.5rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color:black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}


.container-autre-formule-vip{
     
    width: 100%;
    height: 780px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: -50px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}

.container-autre-formule-vip-first{
   width: 50%;
   height: 450px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-vip-first h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-vip-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-vip-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:1200px;
  
}
.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -50px;
}



.container-formule-bussiness{
    width: 100%;
    height: 600px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: 150px;
}
.container-formule-bussiness-contenu-first{
    width: 50%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.3rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color:black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
     
    width: 100%;
    height: 700px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 50px;
    padding: 50px;
    margin-top: -80px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height:700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
}
.container-autre-formule-night-first{
   width: 50%;
   height: 450px;
   background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;

}
.container-autre-formule-night-first h5{

    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-night-second{
    width: 50%;
    height: 450px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-night-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-package-reservation-title{
    width: 100%;
    height: 250px;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1500px;
  
} 
.container-reservation-contenu{
 
    width: 100%;
    height: 700px;
    margin-top: -100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}

.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: 50px;
margin-left: -50px;
}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;

    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 105%;
    height: 500px;
    margin-top: 150px;
    margin-left:-30px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
    font-size: 2rem;
    padding: 15px;
}
.container-reservation-contenu-second .form-floating input{
    width: 350px;
   background-color: #a8cedc;

}
.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:40px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 300px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width:350px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left:15px;
    height:60px;
}

.information{
  
    width:100%;
    height:500px;
    margin-top:80px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: row;
}


.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}


.container-title-infos img{
    width: 100%;
    height:1400px;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 90px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;

margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 25px;
display: inline-block;
margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}

.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }
.container-title-info img{
    width: 100%;
    height:780px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 75px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 100px;
  margin-top: -80px;
}

.information-first{
    width:35%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:38%;
      background-color: rgba(0,0,0,0.7);
    height:633px;
    margin-top:80px;
    margin-left: -10px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:18px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}
.information-contenu-first p:nth-child(1){
    font-size:25px;
    font-weight:900;
    color: white;
    padding: 5px;
}
.information-contenu-first p:nth-child(2){
    font-size:25px;
    font-weight:900;
    color: white;
    padding: 5px;
}

.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p:nth-child(1){
    font-size:18px;
    color: white;
  
}
.information-contenu-second p:nth-child(2){
    font-size:18px;
    color: white;
  
}
.information-contenu-second p:nth-child(3){
    font-size:18px;
    color: white;
  
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:18px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
    
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
    
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:500px;
    margin-top:-50px;
   
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
}
.information-contenu-thirds-adultes{
       color: white;
    width: 100px;
    height: 80px;
    font-size: 17px;
 
    margin-left: 95px;
}
.information-contenu-thirds-enfant{
   color: white;
    width: 100px;
    height: 80px;
    margin-left: -95px;
    font-size: 17px;
}
.information-contenu-thirds-remise{
  color: white;
    width: 100px;
    height: 80px;
    margin-left: -95px;
    font-size: 17px;
}


.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;

    
}
.information-contenu-sixth p{
    font-size:20px;
    color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;

}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;

    gap: 140px;
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second #submit{
    margin-left: 200px;
}

.information-second .form-floating input, label{
    width:280px;
    margin-left:10px;
}
.information-second .form-floating label{
   
    margin-left:10px;
}
}




@media only screen and (min-width: 1800px) and (max-width: 1999px){

      
.container-evenementiel-contenu-title{

    width: 100%;
    height: 500px;
}
.container-evenementiel-contenu-title h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:95px;
}

.container-evenementiel-title img{
    width: 100%;
    height: 800px;
   
}
.container-evenementiel-sitation {
    width: 100%;
    height: 300px;
    margin-top: -350px;
}
.container-evenementiel-sitation p {
   text-align: center;
   font-size: 35px;


}

.container-evenementiel-element{
    width: 100%;
    height: 1950px;
  
}
.container-mariages{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;


}
.container-mariages-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-mariages-first h5{
font-weight: 900;
font-size: 45px;
margin-top: 25px;

}
.container-mariages-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-mariages-second img{
     width: 95%;
     margin-left: 20px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    

}
.container-mariage-descrip{
    
    width: 100%;
    height: 300px;
}
.container-mariage-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}

.container-anniversaire{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-anniversaire-descrip{
    
    width: 100%;
    height: 300px;
}
.container-anniversaire-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-anniversaire-first{
    width: 100%;
    height: 500px;
    background-color:black;


}

.container-anniversaire-first img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-anniversaire-second{
    width: 100%;
    height: 500px;
    background-color:#a8cedc;
}

.container-anniversaire-second h5{
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }


.container-bapteme{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-bapteme-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-bapteme-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-bapteme-second img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-bapteme-descrip{
    
    width: 100%;
    height: 300px;
}
.container-bapteme-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-bapteme-first h5{
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }
.container-affaires{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;

}
.container-affaires-first{
    width: 100%;
    height: 500px;
    background-color: black;


}
.container-affaires-second{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;
}
.container-affaires-descrip{
    
    width: 100%;
    height: 300px;
}
.container-affaires-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-affaires-second h5{
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }
    .container-affaires-first img{
        width: 95%;
        margin-left: 20px;
        height: 450px;
        object-fit: cover;
        margin-top: 20px;
       
    
    }
    .preste{
        background-color: black;
        color: white;
        margin-left: 25px;
        padding:15px;
    }
  
       
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-size: 95px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;

}


.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1300px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: -50px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 50%;
    height:720px;
}
.container-disposition-first h5{
    font-size: 50px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 50%;
    height: 720px;
}
.container-disposition-second img{
    width:95%;
    height:auto;
    margin-left: 30px;
    margin-top: 70px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 30px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 50px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 200px;
}

.container-entreprise-first{
    background-color: black;
    width: 50%;
    height: 720px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 50%;
    height:720px;
   
}

.container-entreprise-first img{
    width:95%;
    height:auto;
    margin-left: 30px;
    margin-top: 70px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 30px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 50px;
}
.container-entreprise-second h5{
    font-size: 50px;
    font-weight: 900;
    padding-top: 25px;
}


    .container-image{
        margin-top: -50px;
    }
    .hr{
        border: none;
          border-bottom: 10px solid #a8cedc;
        width: 20%;
        margin:0 auto;
        margin-left: 25px;
        margin-bottom: 50px;
    }
    
    .hrr{
        border: none;
          border-bottom: 10px solid #a8cedc;
        width: 20%;
        margin:0 auto;
        margin-left: -5px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
          border-bottom: 10px solid #a8cedc;
        width: 20%;
        margin:0 auto;
        margin-left: -25px;
        margin-bottom: 50px;
      
    }
.container-title-title{
  
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
 
     position: relative;

}

.container-title-title, h3{
  
  position: relative;
  width: 100%;
  text-align: center;

 margin-left: -100px;



}
    .container-partenariat{

        width: 100%;
        height: 400px;
        margin-top: 200px;
       
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 95px;
        font-family: "Roboto", sans-serif;
   font-weight: 500;
   margin-top: -80px;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 80px;
        flex-direction: row;
        width: 100%;
        height: 500px;
        gap: 25px;
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:100%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:100%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:100%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fourth img{
        width:100%;
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-fifth img{
        width:100%;
        margin-top: 50px;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:100%;
    }
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: 10px;
    }
    .container-partenariat-heighteen{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-heighteen img{
        width:75%;
        margin-top: 15px;

    }
    .information-contenu-second p:nth-child(1){
        font-size: 18px;
    }

    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 1500px;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }

    .footer{
        width: 100%;
        height: 700px;
        margin-top:250px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .container-footer-first{
    
        width: 80%;
        height: 300px;
    }
    
    .container-footer-first .fa-brands{
        font-size: 35px;
        margin-left: 25px;
      
        color: #a8cedc;
      
    
    
    }
    .container-footer-first h4{
        color: white;
        font-size: 15px;
        padding: 15px;
    }
    .container-footer-first p{
        color: white;
        font-size: 25px;
        margin-top: -25px;
        padding: 15px;
        color: #a8cedc;
    }
    .container-footer-second{
    
        width: 33%;
        height: 300px;
    }
    .container-footer-third{
     
        width: 70%;
        height: 300px;
        gap: 10px;
        
    }
    
    .container-footer-thrid-logo{
      
        width: 200px;
        height: 100px;
      
    }
    .container-footer-third-logo p{
        font-size: 25px;
        color: white;
        margin-top: -80px;
        margin-left: 25px;
    
      
    }
    #plan{
        font-size: 25px;
        margin-left: -100px;
        color: #a8cedc;
        margin-top: 25px;
    }
    .container-footer-third p{
       color: white;
       margin-left: 30px;
       margin-top: -37px;
       font-size: 25px;
       color: #a8cedc;
    }
    .container-footer-third p:nth-child(1){
    
        margin-top: 25px;
        color: #a8cedc;
        margin-left: -45px;
    }
    .container-footer-fourth{
      
        width: 35%;
        height: 300px;
    }
    
    .container-footer-fourth a{
        text-decoration: none;
        margin-top: 50px;
    }
    .container-footer-copyright{
        width: 100%;
        height: 100px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-footer-copyright p{
        color: white;
        font-size: 25px;
        color: #a8cedc;
    }
    .container-footer-second a{
     text-decoration: none;
     color: white;
    
    }
    .container-footer-second ul{
        color: white;
        font-size: 20px;
        list-style-type: none;
        margin-left: -125px;

    }
    .container-footer-second a{
        color: #a8cedc;
        font-size: 25px;
    }
    .container-footer-second li{
        margin-bottom: 20px;
        font-size: 20px;
    }
    .container-footer-third .fa-solid{
        color: #a8cedc;
        font-size: 30px;
        margin-left: -15px;
        line-height: 15px;
       
      
    }

    #menu a{
        color: #a8cedc;
        margin-left: 10px;
        font-size: 18px;
        
    }
    #dropdown {
        background-color:black;
        width: 350px;
     }
  

    .container-image{
        height: 850px;
        position: relative;
        width: 100%;
       
         
    }
    .container-image img{
      
        width: 100%;
        height: 950px;
       
    }
    .container-title{
        height: 200px;
        width: 100%;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        margin-top: -120px;
       
        position: relative;
    
    
    }
    .container-title h1{
        text-align: center;
       padding: 75px;
        font-size: 50px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
    }
    .container-title h2{
        text-align: center;
       padding: 5px;
        font-size: 25px;
         font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
        margin-top: -75px;
       
    }
    .container-title p{
        margin-top: 50px;
        font-size: 20px;
        padding: 10px;
        text-align: center;
        margin-top:50px;
    }
    
    .container-rubrique{
        height:1200px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: row;
    }
    
    .container-service .valeur{
  
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 35px;
        font-size: 75px;
        color: white;
       ;
    }
          .container-first{
      
            width: 60%;
            height: 800px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 600px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 60%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 600px;
           }
           .container-third{
               margin-top: 100px;
               width: 60%;
               height: 800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 600px;
           }
           .container-fourth{
               margin-top: 100px;
               width: 60%;
               height:800px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 600px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 20px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 20px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 20px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 18px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 20px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 20px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 20px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
   
        width: 100%;
        height: 500px;
        background-color:#a8cedc;
    }
    .container-formule h6{
        text-align: center;
        font-size: 80px;
        color: black;
        padding: 40px;
    }
    .container-formule-contenu{
    
        width: 100%;
        height: 500px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 80px;
        background-color: transparent;
        flex-direction: row;
      
      
   
    }
    .container-formule-first{
        width: 50%;
        height: 380px;
     
        background-image: url('compress/DSC_5115-min.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 900;
        font-size: 35px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 50%;
        height: 380px;
        background-image: url('picture/discover.png');
      
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 900;
        font-size: 30px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-third{
        width: 50%;
        height: 380px;
        background-image: url('picture/voiture.jpg');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
        font-weight: 900;
        font-size: 30px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 50%;
        height: 380px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 900;
        font-size: 30px;
        text-align: center;
        margin-top: 180px;
    
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left: 180px;
        padding: 15px;
         
        font-weight: 900;
       
    }
    .container-a-propos-title{
    width: 100%;
    height: 850px;
 
 }
 .container-a-propos-title img{
    width: 100%;
     height: 700px;
  
  
 
 }
 .container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 95px;
      margin-top: 45px;
 }

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 900px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
}
.container-a-propos-first{
   width:78%;
   height: 1200px;
   background-color: #a8cedc;
   margin-top: -80px;
}
.container-a-propos-first bold{
    font-weight: 800;
  }
   .container-a-propos-first img{
        width: 50px; 
        height: 50px; 
        border-radius: 50%; 
        object-fit: cover;
        image-rendering: -webkit-optimize-contrast; 
        image-rendering: crisp-edges; 
        margin-right: 195px;
        vertical-align: center;
        float: right;
            }
    .container-a-propos-first h5{
        padding: 20px;
        font-weight: 900;
        font-size: 4rem;
        margin-top: 25px;
        padding-bottom: 15px;
        line-height: 1.5; 
        
    }
.container-a-propos-second{
    width:50%;
    height: 300px;
    background-color: black;
    margin-top: -300px;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 800px;
    object-fit: cover;
   
 }

.container-a-propos-first h5 ~ p{
    margin-left: 25px;
    justify-content: center;
    font-size:1.5rem;
    line-height: 1.8;
    word-spacing: normal;
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 0.5rem;

}
.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top:80px;
    font-size: 30px;
}


.container-service-conciergerie-title{
    width: 100%;
    height: 850px;
    
}
.container-service-conciergerie-title img{
    width: 100%;
     height: 950px;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}
.container-service-conciergerie-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:95px;
      margin-top: 200px;
}


.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height: 500px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 50%;
    height: 680px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 45%;
    height: 600px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 95%;
    height: auto;
    margin-top: 25px;
   
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}


.container-service-shopper-title{
    width: 100%;
    height: 850px;
    
}
.container-service-shopper-title img{
    width: 100%;
     height: 950px;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
    margin-top: 50px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:95px;
      margin-top: 200px;
}


.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height: 500px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 50%;
    height: 680px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 45%;
    height: 570px;
    position: relative;
}
.container-service-shopper-detail-second img{
  width: 95%;
    height: auto;
    margin-top: 25px;
    object-fit: cover;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 15px;
    margin-top:50px;
    font-size: 1.5rem;
}
.container-evenemnt-contenu{

    width: 100%;
    height: 850px;
}
.container-evenemnt-contenu h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:95px;
  margin-top: 200px;
}

.container-evenemnt-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-evenement-bapteme{
    width: 100%;
    height: 700px;
    margin-top: 500px;

}
.container-evenement-bapteme-contenu{
   
    width: 100%;
    height: 400px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: row;
}
.container-citation{
       
    width: 100%;
    height: 500px;
    margin-top: -100px;
    
}
.container-citation p{
    font-size: 75px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-top: -300px;
    
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: -300px;
    height: 900px;
   
   
}
.container-evenement-bapteme-contenu-left{
    background-color: #e5e6eb;;
    width: 50%;
    height: 1100px;
}
.container-evenement-bapteme-contenu-right{

    width: 50%;
    height: 700px;
    background-color: black;
}
.container-evenement-bapteme-contenu-right img{
    width: 95%;
  
    height: 600px;
    margin-top: 25px;
}
.container-evenement-bapteme-contenu-left h5{
    font-size: 5rem;
    font-weight: 900;
    padding: 25px;
    margin-top: 50px;
}

.container-evenement-bapteme-contenu-left p{
    font-size:3rem;
    padding: 15px;
    margin-top: 80px;
}
.container-evenement-contenu-detail{

    width: 100%;
    margin-top: -300px;
    height: 1000px;
   
   
}

.container-evenement-contenu-detail h5{
    text-align: center;
   font-weight: 900;
   padding: 30px;
   font-size: 5rem;
   margin-top: 50px;
 
}
.container-mariage{
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
    margin-top: 600px;
    
}

.container-mariage-left{
    background-color: #e5e6eb;
    width: 50%;
    height: 1100px;
 
}
.container-mariage-right{
    width: 50%;
    height: 750px;
    background-color:black;
    margin-top: 80px;
}
.container-mariage-right img{
    width: 95%;
  
    height: 650px;
}
.container-mariage-left p{
    padding: 15px;
    margin-top: 50px;
    font-size:3rem;
    margin-top: 80px;
}

.container-evenement-contenu-detail-seconde{
    width: 100%;
    margin-top: -60px;
    height: 500px;
 

}

.container-aniversaire{
    width: 100%;
    height: 900px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: row;
}
.container-aniversaire-right{
    background-color: #e5e6eb;
    width: 50%;
    height: 1100px;
}
.container-aniversaire-left{
 
    width: 50%;
    height: 750px;
    background-color: black;
    margin-top: 150px;
}
.container-aniversaire-left img{
    width: 95%;
    height: auto;
}

.container-aniversaire-right h5{
    text-align: center;
    font-weight: 900;
    padding: 30px;
    font-size: 5rem;
}

.container-aniversaire-right p{
    
    padding: 15px;
    margin-top: 50px;
    font-size: 3rem;

}
.container-evenement-formulaire{
    width: 100%;
    height: 1500px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
.container-evenement-formulaire-contenu{
    width:100%;
    height: 780px;
    margin-top:-100px;
    margin-left: 40px;
  
 
    
 
   
}

.container-evenement-formulaire-contenu input{
    height: 80px;
    width: 600px;
    font-size: 30px;
   
}
.container-evenement-formulaire-contenu textarea{
    height: 300px;
    width: 600px;
    font-size: 30px;
}
.container-evenement-formulaire-contenu label{
    font-size: 35px;
    color: white;
    font-weight: 500;
}
#envoyer{
    background-color: black;
    width: 300px;
    padding: 15px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:150px;
    font-weight: 900;
    font-size: 25px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 58px;
    color: white;
    margin-left: -80px;
    margin-top: -600px;
}
.container-evenement-contenu-detail-third{
 width: 100%;
 height: 1000px;
 margin-top: 280px;
 display: flex;
 justify-content: center;
 align-items: center;
 background-image: url('picture/mentiel.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 gap: 15px;
}

.container-evenement-contenu-detail-fourth{
    width: 100%;
    height: 200px;
 
}
.container-evenement-contenu-detail-fourth h2{
    text-align: center;
    padding: 85px;
    font-size: 75px;
    margin-top: 100px;
}
.container-evenement-contenu-detail-fifth{
    width: 100%;
    height: 1300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-direction: row;
}
.container-evenement-contenu-detail-left{
    width: 50%;
    height: 1200px;
   background-color: #e5e6eb;
   margin-top:280px;

}
.container-evenement-contenu-detail-left h5{
    font-size: 5rem;
    font-weight: 900;
    padding: 15px;
    margin-top: 50px;
}

.container-evenement-contenu-detail-left p{
    padding: 15px;
    margin-top: 50px;
    font-size: 3rem;
    margin-top: 80px;
}
.container-evenement-contenu-detail-right{
    width: 50%;
    height: 750px;
    background-color: black;
    margin-top:300px;
}

.container-evenement-contenu-detail-right img{
    width: 95%;
    height: auto;
}

.prest{
    background-color: black;
    color: white;
    padding: 30px;
    margin-right: 25px;
    float: right;
    border-radius: 10px;
    font-size: 50px;
  
}


.container-contact-title{
    width: 100%;
    height: 850px;
}
.container-contact-title img{
    width: 100%;
    height: 780px;

 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 75px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}

.container-contact-detail{
    width: 100%;
    height: 400px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}

.container-lieu{
    background-color: #a8cedc;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 285px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 25%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 280px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;

   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 20px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none;
    color:black;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 500px;
  

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
    height: 600px;
  
}

.container-contact-contenu-suite-detail-left{
    width: 50%;
    height: 780px;
    background-color: black;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
   margin-left: 200px;
}
.container-contact-contenu-suite-detail-right{
    width: 55%;
    margin-top: 128px;
    height: 700px;
  
}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 50px;
    margin-bottom: 20px;
    margin-top: -50px;
    margin-left: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    font-size: 20px;
}
.container-contact-contenu-suite-detail-left-contenu input {
    width: 450px;
    height: 50px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    width: 450px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 100px;
    width: 200px;
    margin-top:-80px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 780px;
    
}
#phone{
    height: 58px;
    width: 450px;

}
.container-package-titles{
    width: 100%;
    height: 250px;

  
}


.container-package-titles img{
    width: 100%;
    height: 1000px;
  
}
.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-decouverte h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
 margin-top: -1000px;
 background-color: rgba(0,0,0,0.7);
 color: white;
 padding: 50px;
 display: inline-block;
 margin-left: 595px;
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 margin: 0;
 height: 100%;

}


.container-package-decouverte {
    width: 100%;
    height: 200px;
    
}
.container-package-decouverte-detail{
    width: 100%;
  margin-top: 80px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}
.container-package-decouverte-left{
     width: 50%;
     height: 500px;
     background-color: #e5e6eb;
}
.container-package-decouverte-right{
    width: 50%;
    height: 400px;
    background-color: black;
}
.container-package-decouverte-right img{
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.container-package-decouverte-left h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}


.container-formule-decouverte{
    width: 100%;
    height: 400px;
   
}

.container-formule-decouverte h3{
    text-align: center;
}

.container-formule-decouverte-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
     flex-direction: row;
    gap: 5px;
}
.container-formule-decouverte-contenu-first{
    width: 50%;
    height:420px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}

.container-formule-decouverte-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-decouverte-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-decouverte-contenu-first ul li{
    padding: 5px;
    font-size: 1.3rem;
    color: white;
}
.container-formule-decouverte-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-decouverte-contenu-second{
    width: 50%;
    height:450px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-decouverte-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}

.container-formule-decouverte-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-decouverte-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-decouverte-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 25px;


}



.table th{
    font-weight: 800;
    font-size: 25px;
    text-align: center;
}
.table .total{
    font-weight: 900;
    font-size: 23px;
}

.container-autre-formule{
     
    width: 100%;
    height: 700px;
 
    margin-top: 150px;
}

.container-autre-formule h5{
    text-align: center;
    font-size: 75px;
    padding: 50px;
    margin-top: -80px;
}
.container-autre-formule-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
    margin-top: -28px;
}

.container-autre-formule-first{
   width: 50%;
   height: 450px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-first h5{
    padding: 30px;
    margin-top: 25px;
    font-size: 50px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 
.container-autre-formule-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }

 .container-autre-formule-second h5{
    padding: 30px;
    margin-top: 25px;
    font-size: 50px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 
 }
 .container-autre-formule-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-third h5{
    padding: 30px;
    margin-top: 25px;
    font-size: 50px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }

 .container-sous-titre-autre a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: black;
    padding: 15px 30px; /* Moins de padding pour une taille plus petite */
    text-decoration: none;
    font-weight: 900;
    font-size: 20px; /* Réduction de la taille de la police */
    width: 200px; /* Largeur fixe du bouton */
    margin: 0 auto; /* Centre le bouton horizontalement */
}
 .formule-decouverte-first-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
    font-size:25px;
   
    text-decoration: none;
}
.formule-decouverte-second-anchor{
    background-color: #a8cedc;
    padding: 20px;
    margin: 20px;
    color: black;
    font-size:25px;
    position: relative;
}

 
 .container-package-mira-title{
    width: 100%;
    height: 200px;

}


.container-package-mira-title img{
    width: 100%;
    height:1200px;

}
.container-sous-titre-mira{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-mira h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
padding: 100px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: 50px;
}





.container-formule-mira{
    width: 100%;
    height: 400px;
   
}

.container-formule-mira h3{
    text-align: center;
}

.container-formule-mira-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}
.container-formule-mira-contenu-first{
    width: 50%;
    height:600px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
    margin-top: 80px;
}

.container-formule-mira-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-mira-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-mira-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 35px;

}
.container-formule-mira-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
 
}

.container-formule-mira-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}
.container-formule-mira-contenu-first ul li{
    padding: 5px;
    font-size: 1.5rem;
    color: white;
}
.container-formule-mira-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-mira-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-mira-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}





.container-autre-formule-mira{
     
    width: 100%;
    height: 650px;
 
    margin-top: 150px;
}

.container-autre-formule-mira h5{
    text-align: center;
    font-size: 75px;
    padding: 25px;
    margin-top: 200px;
  
}
.container-autre-formule-mira-contenu{
    background-color: black;
    width: 100%;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
}

.container-autre-formule-mira-first{
   width: 50%;
   height: 450px;
   background-image: url("picture/discover.png");
   background-repeat: no-repeat;
   background-size: cover;

}
.container-autre-formule-mira-first h5{
    padding: 30px;
    margin-top: 25px;
    font-size: 50px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-mira-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-second h5{
    padding: 30px;
    margin-top: 25px;
    font-size: 50px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-mira-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-mira-third h5{
    padding: 30px;
    margin-top: 25px;
    font-size: 50px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-package-vip-title{
    width: 100%;
    height: 250px;

  
}


.container-package-vip-title img{
    width: 100%;
    height:1100px;
  
}
.container-sous-titre-vip{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-vip h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -80px;
}
.container-package-vip img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}

.container-formule-vip{
    width: 100%;
    height: 600px;
   
}

.container-formule-vip h3{
    text-align: center;
}

.container-formule-vip-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}
.container-formule-vip-contenu-first{
    width: 50%;
    height:500px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    margin-top: 100px;
    
    
}
.container-formule-vip-contenu-first ul li{
    padding: 5px;
    font-size: 1.5rem;
    color: white;
}
.container-formule-vip-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-vip-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-vip-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-vip-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-vip-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-vip-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-vip-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}
.table th{
    width: 50px;
    
}



.container-autre-formule-vip{
     
    width: 100%;
    height: 780px;
 
    margin-top: 150px;
}

.container-autre-formule-vip h5{
    text-align: center;
    font-size: 75px;
    padding: 50px;
    margin-top:-108px;
}
.container-autre-formule-vip-contenu{
    background-color: black;
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: -50px;
}

.container-autre-formule-vip-first{
   width: 50%;
   height: 450px;
   background-image: url("compress/DSC_4757-min.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}
.container-autre-formule-vip-first h5{

    padding: 30px;
    margin-top: 25px;
    font-size: 50px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-vip-second{
    width: 50%;
    height: 450px;
    background-image: url("picture/night.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-second h5{

    padding: 30px;
    margin-top: 25px;
    font-size: 50px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-vip-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-vip-third h5{

    padding: 30px;
    margin-top: 25px;
    font-size: 50px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 
 .container-package-bussiness-title{
    width: 100%;
    height: 350px;
    margin-top: -25px;
  
}


.container-package-title img{
    width: 100%;
    height:1200px;
  
}
.container-sous-titre-bussiness{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-bussiness h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: -50px;
}



.container-formule-bussiness{
    width: 100%;
    height: 705px;
   
}

.container-formule-bussiness h3{
    text-align: center;
}

.container-formule-bussiness-contenu{
 
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    margin-top: 100px;
}
.container-formule-bussiness-contenu-first{
    width: 50%;
    height:480px;
    background-color: rgba(0,0,0,0.7);
    border-bottom: 5px solid #a8cedc;
    transition: transform .2s;
    margin: 0 auto;
}
.container-formule-bussiness-contenu-first ul li{
    padding: 5px;
    font-size: 1.3rem;
    color: white;
}
.container-formule-bussiness-contenu-first h5{
    background-color: #a8cedc;
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;
  

}
.container-formule-bussiness-contenu-first h6{
 
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}

.container-formule-bussiness-contenu-second h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}
.container-formule-bussiness-contenu-second{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}

.container-formule-bussiness-contenu-second h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 23px;


}

.container-formule-bussiness-contenu-third{
    width: 50%;
    height:400px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 5px solid black;
}
.container-formule-bussiness-contenu-third h5{
    background-color: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-weight: 500;
    font-size: 25px;

}

.container-formule-bussiness-contenu-third h6{
 
    text-align: center;
    color: black;
    padding: 15px;
    font-weight: 700;
    font-size: 35px;


}


.container-autre-formule-bussiness{
 
    width: 100%;
    height: 400px;
 
    margin-top: 150px;
}

.container-autre-formule-bussiness h5{
    text-align: center;
    font-size: 50px;
}
.container-autre-formule-bussiness-contenu{
    background-color: black;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-autre-formule-bussiness-first{
   width: 50%;
   height: 300px;


}
.container-autre-formule-bussiness-first h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 28px;
    font-weight: 800;
 }
.container-autre-formule-bussiness-second{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-second h5{
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }
 .container-autre-formule-bussiness-third{
    width: 50%;
    height: 300px;

 }
 .container-autre-formule-bussiness-third h5{
    color: white;
    padding: 40px;
    margin-top: 25px;
    font-size: 30px;
    font-weight: 800;
 }



 
 .container-autre-formule-night{
     
    width: 100%;
    height: 700px;
 
    margin-top: 150px;
}

.container-autre-formule-night h5{
    text-align: center;
    font-size: 75px;
    padding: 50px;
    margin-top: -200px;
}
.container-autre-formule-night-contenu{
    background-color: black;
    width: 100%;
    height:700px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
    margin-top: -50px;
}
.container-autre-formule-night-first{
   width: 50%;
   height: 450px;
   background-image: url("picture/discover.png");
    background-repeat: no-repeat;
    background-size: cover;

}
.container-autre-formule-night-first h5{

    padding: 30px;
    margin-top: 25px;
    font-size: 50px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
.container-autre-formule-night-second{
    width: 50%;
    height: 450px;
    background-image: url("compress/DSC_4757-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-second h5{
    padding: 30px;
    margin-top: 25px;
    font-size: 50px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 .container-autre-formule-night-third{
    width: 50%;
    height: 450px;
    background-image: url("picture/voiture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
 }
 .container-autre-formule-night-third h5{
    padding: 30px;
    margin-top: 25px;
    font-size: 50px;
    font-weight: 800;
    color: white;
    margin-top: 180px;
    margin-bottom: 50px;
    background-color: black;
    opacity: 0.8;
    padding: 5px;
 }
 
 .container-package-reservation-title{
    width: 100%;
    height: 250px;
  
  
}


.container-package-reservation-title img{
    width: 100%;
    height:1580px;
  
} 
.container-reservation-contenu{

    width: 100%;
    height: 700px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}

.container-sous-titre-reservation{
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-package-reservation h1{
    text-align: center;
    font-size: 60px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: 100px;

}
.container-package-reservation img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-reservation-contenu-first{
   
    width: 50%;
    height: 500px;
}

.container-reservation-contenu-first img{
    width: 100%;
    height: 500px;
}
.container-reservation-contenu-second{
    background-color: rgba(0,0,0,0.7);
    width: 110%;
    height: 750px;
    margin-top: 150px;
    border-radius: 10px;
    margin-left: -40px;
    padding: 15px;
}
.container-reservation-contenu-second h1{
    text-align: center;
    color: white;
    margin-bottom: 50px;
    padding: 35px;
    font-size: 3rem;
}
.container-reservation-contenu-second .form-floating input{
    background-color: #a8cedc;
    width: 350px;

}
.container-reservation-contenu-second .form-floating .MyInput{
    background-color: #a8cedc;
    color: black;
    border: none;
    text-align: center;
    margin-top:40px;
    padding: 10px;
    border: 2px solid white;
    margin-left: 300px;
    font-weight: 900;
    width: 200px;
}


#price{
    background-color: #a8cedc;
    width:350px;
    padding:16px;
    font-size:23px;
    font-weight:900;
    border-radius:5px;
    margin-left:15px;
    height:60px;
}

.information{
  
    width:100%;
    height:500px;
    margin-top:80px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-direction: row;
}

.container-title-infos{
    width: 100%;
    height: 350px;
   
  
}


.container-title-infos img{
    width: 100%;
    height:1400px;
  
}

.container-title-contenu-infos h1{
    text-align: center;
    font-size: 95px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;

margin-top: -800px;
background-color: rgba(0,0,0,0.7);
color: white;
padding: 35px;
display: inline-block;

margin-top: -80px;
}
.selection{
    background-color:black;
    color:white;
    width:150px;
    margin-left:50px;
}

.container-title-info{
    width: 100%;
    height: 850px;
   
  
}

.container-sous-titre-infos{
    display: flex;
    justify-content: center;
    align-items: center;
 }
.container-title-info img{
    width: 100%;
    height:780px;
  
}

.container-title-contenu-info h1{
    text-align: center;
    font-size: 75px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
  padding: 100px;
  margin-top: -80px;
}

.information-first{
    width:35%;
    background-color: rgba(0,0,0,0.7);
    height:600px;
    margin-top:50px;
}
.information-second{
      width:33%;
      background-color: rgba(0,0,0,0.7);
    height:635px;
    margin-top:80px;
    margin-left: -10px;
}

.information-second h1{
    text-align:center;
    font-size:23px;
    padding:18px;
    background-color:black;
    color:white;
    border-top:4px solid black;
     border-left:4px solid black;
      border-right:4px solid black;
}
.information-first h1{
    text-align:center;
    font-size:23px;
    padding:20px;
    background-color:black;
    color:white;
}
.information-contenu-first{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5px
}

.information-contenu-first p:nth-child(1){
    font-size:25px;
    font-weight:900;
    color: white;
    padding: 5px;
}
.information-contenu-first p:nth-child(2){
    font-size:25px;
    font-weight:900;
    color: white;
    padding: 15px;
}
.information-contenu-first p:nth-child(3){
    font-size:25px;
    font-weight:900;
    color: white;
}
.information-contenu-second{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
  
}
.information-contenu-second p:nth-child(1){
    font-size:18px;
    color: white;
  
}
.information-contenu-second p:nth-child(2){
    font-size:18px;
    color: white;
  
}
.information-contenu-second p:nth-child(3){
    font-size:18px;
    color: white;
  
}

.information-contenu-third{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:35px;
    margin-top:-50px;
}
.information-contenu-third p{
    font-size:20px;
    font-weight:900;
    color: white;
}

.information-contenu-fourth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
    
}
.information-contenu-fourth p{
    font-size:25px;
    color: white;
}

.information-contenu-fifth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:500px;
    margin-top:-50px;
   
}
.information-contenu-fifth p{
    font-size:20px;
    font-weight:800;
    color: white;
    
}
.information-contenu-thirds-adultes{
       
    width: 100px;
    height: 80px;
    font-size: 18px;
 color: white;
    margin-left: 65px;
}
.information-contenu-thirds-enfant{
   color: white;
    width: 100px;
    height: 80px;
    margin-left: -95px;
    font-size: 18px;
}
.information-contenu-thirds-remise{
  color: white;
    width: 100px;
    height: 80px;
    margin-left: -95px;
    font-size: 18px;
}
.information-contenu-sixth{
    
    width:100%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;
    
}
.information-contenu-sixth p{
    font-size:20px;
    color: white;
   
}

.information-contenu-premier{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
    margin-top:-50px;

}
.information-contenu-premier p{
    font-size:15px;
    font-weight:900;
    background-color:black;
    color:white;
    padding:15px;
  
   
}

.information-contenu-thirds{
    
    width:105%;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;

    gap: 140px;
    margin-top:-50px;
   
}
.information-contenu-fourths{
    
    width:100%;
    height:60px;
    background-color:black;
    color:white;
   
}

.information-contenu-fourths P{
    text-align:center;
    font-weight:900;
    font-size:30px;
   
}
.information-second .form-floating input{
    width:280px;
    margin-left:10px;
}
.information-second #submit{
 margin-left: 200px;
}
.information-second .form-floating label{
    margin-left:28px;
}
}




@media only screen and (min-width: 2000px) and (max-width: 2559px){

      
.container-evenementiel-contenu-title{

    width: 100%;
    height: 500px;
}
.container-evenementiel-contenu-title h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:95px;
}

.container-evenementiel-title img{
    width: 100%;
    height: 800px;
   
}
.container-evenementiel-sitation {
    width: 100%;
    height: 300px;
    margin-top: -350px;
}
.container-evenementiel-sitation p {
   text-align: center;
   font-size: 35px;


}

.container-evenementiel-element{
    width: 100%;
    height: 1950px;
  
}
.container-mariages{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;


}
.container-mariages-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-mariages-first h5{
font-weight: 900;
font-size: 45px;
margin-top: 25px;

}
.container-mariages-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-mariages-second img{
     width: 95%;
     margin-left: 20px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    

}
.container-mariage-descrip{
    
    width: 100%;
    height: 300px;
}
.container-mariage-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}

.container-anniversaire{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-anniversaire-descrip{
    
    width: 100%;
    height: 300px;
}
.container-anniversaire-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-anniversaire-first{
    width: 100%;
    height: 500px;
    background-color:black;


}

.container-anniversaire-first img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-anniversaire-second{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;
}

.container-anniversaire-second h5{
  
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }


.container-bapteme{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-bapteme-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-bapteme-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-bapteme-second img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-bapteme-descrip{
    
    width: 100%;
    height: 300px;
}
.container-bapteme-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-bapteme-first h5{
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }
.container-affaires{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;

}
.container-affaires-first{
    width: 100%;
    height: 500px;
    background-color: black;


}
.container-affaires-second{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;
}
.container-affaires-descrip{
    
    width: 100%;
    height: 300px;
}
.container-affaires-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-affaires-second h5{
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }
    .container-affaires-first img{
        width: 95%;
        margin-left: 20px;
        height: 450px;
        object-fit: cover;
        margin-top: 20px;
       
    
    }
    .preste{
        background-color: black;
        color: white;
        margin-left: 25px;
        padding:15px;
    }
      
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-size: 95px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;

}


.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1300px;
  
}

.container-disposition{
    width: 100%;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: -50px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 50%;
    height:720px;
}
.container-disposition-first h5{
    font-size: 50px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 50%;
    height: 720px;
}
.container-disposition-second img{
    width:95%;
    height:auto;
    margin-left: 30px;
    margin-top: 50px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 30px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 50px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 200px;
}

.container-entreprise-first{
    background-color: black;
    width: 50%;
    height: 720px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 50%;
    height:720px;
   
}

.container-entreprise-first img{
    width:95%;
    height:auto;
    margin-left: 30px;
    margin-top: 50px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 30px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 50px;
}
.container-entreprise-second h5{
    font-size: 50px;
    font-weight: 900;
    padding-top: 25px;
}

    
 

        .container-image{
            margin-top: -50px;
        }
        .hr{
            border: none;
              border-bottom: 10px solid #a8cedc;
            width: 20%;
            margin:0 auto;
            margin-left: 25px;
            margin-bottom: 50px;
        }
        
        .hrr{
            border: none;
              border-bottom: 10px solid #a8cedc;
            width: 20%;
            margin:0 auto;
            margin-left: -5px;
            margin-bottom: 50px;
        }
            .hrrr{
            border: none;
              border-bottom: 10px solid #a8cedc;
            width: 20%;
            margin:0 auto;
            margin-left: -25px;
            margin-bottom: 50px;
          
        }
    .container-title-title{
      
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
     
         position: relative;
    
    }
    
    .container-title-title, h3{
      
      position: relative;
      width: 100%;
      text-align: center;
    
     margin-left: -100px;
    
    
    
    }
        .container-partenariat{
    
            width: 100%;
            height: 400px;
            margin-top: 200px;
           
           
        }
        .container-partenariat-title h1{
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 95px;
            font-family: "Roboto", sans-serif;
       font-weight: 500;
       margin-top: -80px;
        }
        
        .container-partenariat-contenu{
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 60px;
            flex-direction: row;
            width: 100%;
            height: 500px;
            gap: 25px;
        }
        
        .container-partenariat-first{
            width: 50%;
         
            height: 300px;
        }
        
        .container-partenariat-first img{
            width:100%;
            
        }
        .container-partenariat-second{
            width: 50%;
          
            height: 300px;
        }
        .container-partenariat-second img{
            width:100%;
           
           
        }
        .container-partenariat-third{
            width: 50%;
        
            height: 300px;
        }
        .container-partenariat-third img{
            width:100%;
         
        }
        .container-partenariat-fourth{
            width: 50%;
        
        }
        .container-partenariat-fourth img{
            width:100%;
        }
        .container-partenariat-fifth{
            width: 50%;
            height: 300px;
        }
        .container-partenariat-fifth img{
            width:100%;
            margin-top: 50px;
        }
        .container-partenariat-six{
            width: 50%;
            height: 300px;
        }
        .container-partenariat-six img{
            width:100%;
        }
        .container-partenariat-seven{
            width: 50%;
            height: 300px;
        }
        .container-partenariat-seven img{
            width:75%;
           margin-top: 10px;
        }
        .container-partenariat-heighteen{
            width: 50%;
            height: 300px;
        }
        .container-partenariat-heighteen img{
            width:75%;
            margin-top: 20px;
    
        }
        .information-contenu-second p:nth-child(1){
            font-size: 18px;
        }
    
        .container-reservations{
    
            display: flex;
        }
        .container-login{
            width: 100%;
            height: 1500px;
            background-image: url("picture/DSC_4857.jpg");
            background-repeat: no-repeat;
            background-size: cover;
        }
        .container-login h2{
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
           
        }
        .container-login-form{
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 200px;
        }
        
        .container-login-form label{
            color: white;
            font-size: 25px;
        
        }
         .maint{
            color: white;
            margin-left: 25px;
            margin-top: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 80px;
        }
        .submit{
            background-color: black;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: 50px;
            font-size: 20px;
            width: 200px;
         
        }
    
        .footer{
            width: 100%;
            height: 700px;
            margin-top:250px;
            background-color: black;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
        }
        .container-footer-first{
        
            width: 80%;
            height: 300px;
        }
        
        .container-footer-first .fa-brands{
            font-size: 35px;
            margin-left: 25px;
          
            color: #a8cedc;
          
        
        
        }
        .container-footer-first h4{
            color: white;
            font-size: 15px;
            padding: 15px;
        }
        .container-footer-first p{
            color: white;
            font-size: 25px;
            margin-top: -25px;
            padding: 15px;
            color: #a8cedc;
        }
        .container-footer-second{
        
            width: 33%;
            height: 300px;
        }
        .container-footer-third{
         
            width: 70%;
            height: 300px;
            gap: 10px;
            
        }
        
        .container-footer-thrid-logo{
          
            width: 200px;
            height: 100px;
          
        }
        .container-footer-third-logo p{
            font-size: 25px;
            color: white;
            margin-top: -80px;
            margin-left: 25px;
        
          
        }
        #plan{
            font-size: 25px;
            color: #a8cedc;
            margin-top: 25px;
            margin-left: -95px;
        }
        .container-footer-third p{
           color: white;
           margin-left: 30px;
           margin-top: -37px;
           font-size: 25px;
           color: #a8cedc;
        }
        .container-footer-third p:nth-child(1){
        
            margin-top: 25px;
            color: #a8cedc;
            margin-left: -45px;
        }
        .container-footer-fourth{
          
            width: 35%;
            height: 300px;
        }
        
        .container-footer-fourth a{
            text-decoration: none;
            margin-top: 50px;
        }
        .container-footer-copyright{
            width: 100%;
            height: 100px;
            background-color: black;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .container-footer-copyright p{
            color: white;
            font-size: 25px;
            color: #a8cedc;
        }
        .container-footer-second a{
         text-decoration: none;
         color: white;
        
        }
        .container-footer-second ul{
            color: white;
            font-size: 20px;
            list-style-type: none;
            margin-left: -125px;
    
        }
        .container-footer-second a{
            color: #a8cedc;
            font-size: 25px;
        }
        .container-footer-second li{
            margin-bottom: 20px;
            font-size: 20px;
        }
        .container-footer-third .fa-solid{
            color: #a8cedc;
            font-size: 30px;
            margin-left: -15px;
            line-height: 15px;
           
          
        }
    
        #menu a{
            color: #a8cedc;
            margin-left: 10px;
            font-size: 18px;
            
        }
        #dropdown {
            background-color:black;
            width: 350px;
         }
      
    
        .container-image{
            height: 850px;
            position: relative;
            width: 100%;
           
             
        }
        .container-image img{
          
            width: 100%;
            height: 950px;
           
        }
        .container-title{
            height: 200px;
            width: 100%;
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
            margin-top: -120px;
           
            position: relative;
        
        
        }
        .container-title h1{
            text-align: center;
           padding: 75px;
            font-size: 50px;
             font-family: "Roboto", sans-serif;
          font-weight: 500;
          font-style: italic;
            text-transform: uppercase;
        }
        .container-title h2{
            text-align: center;
           padding: 5px;
            font-size: 25px;
             font-family: "Roboto", sans-serif;
          font-weight: 500;
          font-style: italic;
            text-transform: uppercase;
            margin-top: -75px;
           
        }
        .container-title p{
            margin-top: 50px;
            font-size: 20px;
            padding: 10px;
            text-align: center;
            margin-top:50px;
        }
        
        .container-rubrique{
            height:1200px;
            width: 100%;
           text-align: center;
            margin-top: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 5px;
            background-image: url('picture/LogoMockup.jpg');
            background-repeat: no-repeat;
            background-size: cover;
             flex-direction: row;
        }
        
        .container-service .valeur{
      
            width: 100%;
            height: 200px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: 35px;
            font-size: 75px;
            color: white;
           ;
        }
              .container-first{
          
                width: 60%;
                height: 800px;
                box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
                color: white;
                background-color: black;
               margin-top: 100px;
               border-bottom: 3px solid white;
               padding: 5px;
               }
               .container-first:hover{
                   background-color: white;
                   color: black;
               }
               .container-first img{
                   width: 100%;
                   object-fit: cover;
                   height: 600px;
                  
               }
               .container-second{
                   margin-top: 100px;
                   width: 60%;
                   height: 800px;
                   box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
                   color: white;
                   background-color:black;
                   border-bottom: 3px solid white;
                   padding: 5px;
                  }
                  .container-second:hover{
                   background-color: white;
                   color: black;
                   border-bottom: 3px solid black;
               }
                  .container-second img{
                   width: 100%;
                   object-fit: cover;
                   height: 600px;
               }
               .container-third{
                   margin-top: 100px;
                   width: 60%;
                   height: 800px;
                   box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
                   color: white;
                   background-color:black;
                   border-bottom: 3px solid white;
                 
                   padding: 5px;
                  }
                  .container-third:hover{
                   background-color: white;
                   color: black;
               }
                  .container-third img{
                   width: 100%;
                   object-fit: cover;
                   height: 600px;
               }
               .container-fourth{
                   margin-top: 100px;
                   width: 60%;
                   height:800px;
                   box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
                   color: white;
                   background-color:black;
                   border-bottom: 3px solid white;
                 
                   padding: 5px;
                  }
                  .container-fourth:hover{
                   background-color: white;
                   color: black;
               }
                  .container-fourth img{
                   width: 100%;
                   object-fit: cover;
                   height: 600px;
               }
                   .container-first p{
                      margin-top: 40px;
                      font-size: 20px;
                      margin-left:25px;
                  
                   }
                   .container-first h6{
                       margin-top: 60px;
                       font-size: 20px;
                     
                      text-transform: uppercase;
                   
                     
                    }
                    .container-second p{
                       margin-top: 40px;
                       font-size: 18px;
                       margin-left: 25px;
                       
                    }
                    .container-second h6{
                       margin-top: 60px;
                       font-size: 20px;
                       margin-left: 25px;
                      text-transform: uppercase;
                       
                     }
                     .container-third p{
                       margin-top: 40px;
                       font-size: 18px;
                       margin-left: 25px;
                  
                    }
                    .container-third h6{
                       margin-top: 60px;
                       font-size: 20px;
                      margin-left: 28px;
                      text-transform: uppercase;
                        
                     }
                     .container-fourth p{
                       margin-top: 40px;
                       font-size: 20px;
                       margin-left: 25px;
                      
                    }
                    .container-fourth h6{
                        margin-top: 60px;
                        font-size: 20px;
                        margin-left: 80px;
                        text-transform: uppercase;
                        margin-left: 25px;
                     }
                      
        .container-formule{
       
            width: 100%;
            height: 500px;
            background-color:#a8cedc;
        }
        .container-formule h6{
            text-align: center;
            font-size: 80px;
            color: black;
            padding: 40px;
        }
        .container-formule-contenu{
        
            width: 100%;
            height: 500px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 5px;
            margin-top: 80px;
            background-color: transparent;
            flex-direction: row;
          
          
       
        }
        .container-formule-first{
            width: 50%;
            height: 380px;
            background-image: url('compress/DSC_5115-min.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        }
    
        .container-formule-first h5{
            color: white;
            font-weight: 900;
            font-size: 30px;
            text-align: center;
            margin-top: 180px;
            margin-bottom: 50px;
            background-color: black;
            opacity: 0.8;
            padding: 20px;
        }
        .container-formule-second{
            width: 50%;
            height: 380px;
            background-image: url('picture/discover.png');
          
           background-repeat: no-repeat;
           background-size: cover;
        }
    
        .container-formule-second h5{
            color: white;
            font-weight: 900;
            font-size: 30px;
            text-align: center;
            margin-top: 180px;
            margin-bottom: 50px;
            background-color: black;
            opacity: 0.8;
            padding: 20px;
        }
        .container-formule-third{
            width: 50%;
            height: 380px;
            background-image: url('picture/voiture.jpg');
          
           background-repeat: no-repeat;
           background-size: cover;
        }
    
        .container-formule-third h5{
           color: white;
            font-weight: 900;
            font-size: 30px;
            text-align: center;
            margin-top: 180px;
            margin-bottom: 50px;
            background-color: black;
            opacity: 0.8;
            padding: 20px;
        }
        .container-formule-fourth{
            width: 50%;
            height: 380px;
            background-image: url('picture/night.png');
            background-repeat: no-repeat;
            background-size: cover;
        }
        .container-formule-fourth h5{
            color: white;
            font-weight: 900;
            font-size: 30px;
            text-align: center;
            margin-top: 180px;
        
            margin-bottom: 50px;
            background-color: black;
            opacity: 0.8;
            padding: 20px;
        }
        .formule{
            text-decoration: none;
            background-color: black;
            color: white;
            margin-left: 180px;
            padding: 15px;
             
            font-weight: 900;
           
        }
        .container-a-propos-title{
        width: 100%;
        height: 850px;
     
     }
     .container-a-propos-title img{
        width: 100%;
         height: 950px;
      
      
     
     }
     .container-a-propos-contenu h1{
        text-align: center;
             font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
        text-transform: uppercase;
          font-size: 95px;
          margin-top: 200px;
     }
    
    .container-a-propos-contenu img{
        width: 100px;
        border-radius: 60%;
        margin-left: 450px;
        margin-top: 25px;
    }
    .container-a-propos-detail{
        width: 100%;
        height: 1200px;
        margin-top: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex-direction: row;
    }
    .container-a-propos-first{
       width:85%;
       height: 1400px;
       background-color: #a8cedc;
       margin-top: 100px;
       overflow: hidden;
    }
    .container-a-propos-first bold{
        font-weight: 800;
      }
   
    .container-a-propos-second{
        width:50%;
        height: 300px;
        background-color: black;
        margin-top: -400px;
     }
    
     .container-a-propos-second img{
        width: 100%;
        height: 800px;
        object-fit: cover;
       
     }
     .container-a-propos-first img{
        width: 50px; 
        height: 50px; 
        border-radius: 50%; 
        object-fit: cover;
        image-rendering: -webkit-optimize-contrast; 
        image-rendering: crisp-edges; 
        margin-right: 260px;
        vertical-align: center;
        float: right;
            }
    .container-a-propos-first h5{
        padding: 20px;
        font-weight: 900;
        font-size: 4rem;
        margin-top: 25px;
        padding-bottom: 15px;
        line-height: 1.5; 
        
    }
    .container-a-propos-first h5 ~ p{
        margin-left: 25px;
        justify-content: center;
        font-size: 2rem;
        margin-bottom: 1em;
        line-height: 1.6;
        word-spacing: normal;
        padding: 5px;
        margin-top: 10px;
    }
    .container-a-propos-first #rule{
        color: black;
        text-align: center;
        margin-top: 25px;
        font-size: 30px;
    }
    
    
    .container-service-conciergerie-title{
        width: 100%;
        height: 850px;
        
    }
    .container-service-conciergerie-title img{
        width: 100%;
         height: 950px;
    }
    .container-service-conciergerie-title h6{
        padding: 15px;
        font-size: 20px;
    }
    
    .container-service-conciergerie-contenu{
    
        width: 100%;
        height: 500px;
    }
    .container-service-conciergerie-contenu h1{
        text-align: center;
        margin-top: 50px;
          font-family: "Roboto", sans-serif;
         font-weight: 500;
        font-style: italic;
        font-size:95px;
          margin-top: 200px;
    }
    
    
    .container-service-conciergerie-detail{
        width: 100%;
        gap: 35px;
        height: 500px;
        margin-top: -200px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .container-service-conciergerie-detail-first{
       background-color: #e5e6eb;
        width: 50%;
        height: 680px;
        margin-top: 80px;
    }
    .container-service-conciergerie-detail-second{
        background-color: #444444;
        width: 45%;
        height: 600px;
        position: relative;
    }
    .container-service-conciergerie-detail-second img{
      width: 95%;
        height: auto;
        margin-top: 25px;
       
    }
    .container-service-conciergerie-detail-first h2{
        text-align: center;
        padding: 35px;
        font-weight: 900;
    }
    .container-service-conciergerie-detail-first li{
        padding: 15px;
        margin-top:50px;
        font-size: 1.5rem;
    }

     
    .container-service-shopper-title{
        width: 100%;
        height: 850px;
        
    }
    .container-service-shopper-title img{
        width: 100%;
         height: 950px;
    }
    .container-service-shopper-title h6{
        padding: 15px;
        font-size: 20px;
    }
    
    .container-service-shopper-contenu{
    
        width: 100%;
        height: 500px;
    }
    .container-service-shopper-contenu h1{
        text-align: center;
        margin-top: 50px;
          font-family: "Roboto", sans-serif;
         font-weight: 500;
        font-style: italic;
        font-size:95px;
          margin-top: 200px;
    }
    
    
    .container-service-shopper-detail{
        width: 100%;
        gap: 35px;
        height: 500px;
        margin-top: -200px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .container-service-shopper-detail-first{
       background-color: #a8cedc;
        width: 50%;
        height: 680px;
        margin-top: 80px;
    }
    .container-service-shopper-detail-second{
        background-color: black;
        width: 45%;
        height: 630px;
        position: relative;
    }
    .container-service-shopper-detail-second img{
      width: 95%;
        height: auto;
        margin-top: 25px;
        object-fit: cover;
       
    }
    .container-service-shopper-detail-first h2{
        text-align: center;
        padding: 35px;
        font-weight: 900;
    }
    .container-service-shopper-detail-first li{
        padding: 15px;
        margin-top:50px;
        font-size: 1.5rem;
    }
    .container-evenemnt-contenu{
    
        width: 100%;
        height: 850px;
    }
    .container-evenemnt-contenu h1{
        text-align: center;
        margin-top: 50px;
        font-weight: 500;
          font-family: "Roboto", sans-serif;
      font-style: italic; 
      font-size:95px;
      margin-top: 200px;
    }
    
    .container-evenemnt-contenu img{
        width: 100px;
        border-radius: 60%;
        margin-left: 450px;
        margin-top: 25px;
       
    }
    .container-evenement-bapteme{
        width: 100%;
        height: 700px;
        margin-top: 500px;
    
    }
    .container-evenement-bapteme-contenu{
       
        width: 100%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 50px;
        flex-direction: row;
    }
    .container-citation{
           
        width: 100%;
        height: 500px;
        margin-top: -100px;
        
    }
    .container-citation p{
        font-size: 75px;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-style: italic;
        text-align: center;
        margin-top: -300px;
        
    }
    .container-evenement-contenu-detail{
    
        width: 100%;
        margin-top: -300px;
        height: 900px;
       
       
    }
    .container-evenement-bapteme-contenu-left{
        background-color: #e5e6eb;;
        width: 50%;
        height: 1100px;
    }
    .container-evenement-bapteme-contenu-right{
    
        width: 50%;
        height: 700px;
        background-color: black;
    }
    .container-evenement-bapteme-contenu-right img{
        width: 95%;
      
        height: 600px;
        margin-top: 25px;
    }
    .container-evenement-bapteme-contenu-left h5{
        font-size: 5rem;
        font-weight: 900;
        padding: 25px;
        margin-top: 50px;
    }
    
    .container-evenement-bapteme-contenu-left p{
        font-size:3rem;
        padding: 15px;
        margin-top: 80px;
    }
    .container-evenement-contenu-detail{
    
        width: 100%;
        margin-top: -300px;
        height: 1000px;
       
       
    }
    
    .container-evenement-contenu-detail h5{
        text-align: center;
       font-weight: 900;
       padding: 30px;
       font-size: 5rem;
       margin-top: 50px;
     
    }
    .container-mariage{
        width: 100%;
        height: 500px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
        flex-direction: row;
        margin-top: 600px;
        
    }
    
    .container-mariage-left{
        background-color: #e5e6eb;
        width: 50%;
        height: 1100px;
     
    }
    .container-mariage-right{
        width: 50%;
        height: 750px;
        background-color:black;
        margin-top: 80px;
    }
    .container-mariage-right img{
        width: 95%;
      
        height: 650px;
    }
    .container-mariage-left p{
        padding: 15px;
        margin-top: 50px;
        font-size:3rem;
        margin-top: 80px;
    }
    
    .container-evenement-contenu-detail-seconde{
        width: 100%;
        margin-top: -60px;
        height: 500px;
     
    
    }
    
    .container-aniversaire{
        width: 100%;
        height: 900px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
        flex-direction: row;
    }
    .container-aniversaire-right{
        background-color: #e5e6eb;
        width: 50%;
        height: 1100px;
    }
    .container-aniversaire-left{
     
        width: 50%;
        height: 750px;
        background-color: black;
        margin-top: 150px;
    }
    .container-aniversaire-left img{
        width: 95%;
        height: auto;
    }
    
    .container-aniversaire-right h5{
        text-align: center;
        font-weight: 900;
        padding: 30px;
        font-size: 5rem;
    }
    
    .container-aniversaire-right p{
        
        padding: 15px;
        margin-top: 50px;
        font-size: 3rem;
    
    }
    .container-evenement-formulaire{
        width: 100%;
        height: 1500px;
        background-color: black;
        margin-top: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
     
    }
    .container-evenement-formulaire-contenu{
        width:100%;
        height: 780px;
        margin-top:-100px;
        margin-left: 40px;
      
     
        
     
       
    }
    
    .container-evenement-formulaire-contenu input{
        height: 80px;
        width: 600px;
        font-size: 30px;
       
    }
    .container-evenement-formulaire-contenu textarea{
        height: 300px;
        width: 600px;
        font-size: 30px;
    }
    .container-evenement-formulaire-contenu label{
        font-size: 35px;
        color: white;
        font-weight: 500;
    }
    #envoyer{
        background-color: black;
        width: 300px;
        padding: 15px;
        color: white;
        border: 2px solid white;
        margin-top:30px;
        margin-left:150px;
        font-weight: 900;
        font-size: 25px;
    }
    .container-evenement-formulaire-contenu h5{
        font-size: 58px;
        color: white;
        margin-left: -80px;
        margin-top: -600px;
    }
    .container-evenement-contenu-detail-third{
     width: 100%;
     height: 1000px;
     margin-top: 280px;
     display: flex;
     justify-content: center;
     align-items: center;
     background-image: url('picture/mentiel.jpg');
     background-repeat: no-repeat;
     background-size: cover;
     gap: 15px;
    }
    
    .container-evenement-contenu-detail-fourth{
        width: 100%;
        height: 200px;
     
    }
    .container-evenement-contenu-detail-fourth h2{
        text-align: center;
        padding: 85px;
        font-size: 75px;
        margin-top: 100px;
    }
    .container-evenement-contenu-detail-fifth{
        width: 100%;
        height: 1300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        flex-direction: row;
    }
    .container-evenement-contenu-detail-left{
        width: 50%;
        height: 1200px;
       background-color: #e5e6eb;
       margin-top:280px;
    
    }
    .container-evenement-contenu-detail-left h5{
        font-size: 5rem;
        font-weight: 900;
        padding: 15px;
        margin-top: 50px;
    }
    
    .container-evenement-contenu-detail-left p{
        padding: 15px;
        margin-top: 50px;
        font-size: 3rem;
        margin-top: 80px;
    }
    .container-evenement-contenu-detail-right{
        width: 50%;
        height: 750px;
        background-color: black;
        margin-top:300px;
    }
    
    .container-evenement-contenu-detail-right img{
        width: 95%;
        height: auto;
    }
    
    .prest{
        background-color: black;
        color: white;
        padding: 30px;
        margin-right: 25px;
        float: right;
        border-radius: 10px;
        font-size: 50px;
      
    }
    
    
    .container-contact-title{
        width: 100%;
        height: 850px;
    }
    .container-contact-title img{
        width: 100%;
        height: 780px;
    
     
    }
    .container-contact-contenu h1{
        text-align: center;
          font-size: 75px;
           font-family: "Roboto", sans-serif;
      font-weight: 500;
      font-style: italic;
     
    }
    .container-contact-contenu{
        width: 100%;
        height: 200px;
      
    }
    
    .container-contact-detail{
        width: 100%;
        height: 400px;
        margin-top: -20px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-direction: row;
    }
    
    .container-lieu{
        background-color: #a8cedc;
        width: 25%;
        height: 300px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 15px;
    }
    .container-lieu-contenu{
        width: 285px;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: -50px;
       
    }
    
    .container-lieu-contenu .fa-solid{
        font-size: 40px;
        color: black;
    }
    
    .container-lieu-contenu h5{
        font-size: 25px;
        line-height: 1.2;
        margin-top: 20px;
        margin-bottom: 20px;
        text-transform: capitalize;
        color: black;
    }
    .container-lieu-contenu p{
        font-size: 20px;
        line-height: 1.2;
        margin-top: 20px;
        margin-bottom: 20px;
        text-transform: capitalize;
        color: black;
    }
    
    
    
    
    
    .container-telephone{
        background-color: #a8cedc;
        width: 25%;
        height: 300px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 15px;
    }
    .container-telephone-contenu{
        width: 280px;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: -50px;
       
    }
    
    .container-telephone-contenu .fa-solid{
        font-size: 40px;
        color: black;
    }
    
    .container-telephone-contenu h5{
        font-size: 25px;
        line-height: 1.2;
        margin-top: 20px;
        margin-bottom: 20px;
        text-transform: capitalize;
        color: black;
    }
    .container-telephone-contenu p{
        font-size: 20px;
        line-height: 1.2;
        margin-top: 20px;
        margin-bottom: 20px;
        text-transform: capitalize;
        color: black;
    }
    
    
    
    .container-mail{
        background-color: #a8cedc;
        width: 25%;
        height: 300px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 15px;
    }
    .container-mail-contenu{
        width: 280px;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: -50px;
    
       
    }
    
    .container-mail-contenu .fa-solid{
        font-size: 40px;
        color: black;
    }
    
    .container-mail-contenu h5{
        font-size: 25px;
        line-height: 1.2;
        margin-top: 20px;
        margin-bottom: 20px;
        text-transform: capitalize;
        color: black;
    }
    .container-mail-contenu p{
        font-size: 20px;
        line-height: 1.2;
        margin-top: 20px;
        margin-bottom: 20px;
        text-transform: none;
        color:black;
    }
    
    
    .container-contact-contenu-suite{
        width: 100%;
        height: 500px;
      
    
    }
    .container-contact-contenu-suite-detail{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 100%;
        height: 600px;
      
    }
    
    .container-contact-contenu-suite-detail-left{
        width: 50%;
        height: 780px;
        background-color: black;
        margin-top: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    
    .container-contact-contenu-suite-detail-left-contenu{
    
       width: 75%;
       height: 595px;
       margin-left: 200px;
    }
    .container-contact-contenu-suite-detail-right{
        width: 55%;
        margin-top: 128px;
        height: 700px;
      
    }
    
    .container-contact-contenu-suite-detail-left-contenu h3{
        color: white;
        font-size: 50px;
        margin-bottom: 20px;
        margin-top: -50px;
        margin-left: -120px;
        display: flex;
        justify-content: center;
        align-items: center;
        white-space: nowrap;
    }
    .container-contact-contenu-suite-detail-left-contenu label{
        color: white;
        font-size: 20px;
    }
    .container-contact-contenu-suite-detail-left-contenu input {
        width: 450px;
        height: 50px;
    }
    .container-contact-contenu-suite-detail-left-contenu textarea{
        width: 450px;
    }
    #input{
        background-color: black;
        padding: 13px;
        color: white;
        font-weight: 900;
        border:1px solid white;
        margin-left: 100px;
        width: 200px;
        margin-top:-80px;
    }
 
    .container-contact-contenu-suite-detail-right iframe{
        height: 780px;
        
    }
    #phone{
        height: 58px;
        width: 450px;
    
    }
    .container-package-titles{
        width: 100%;
        height: 250px;
    
      
    }
    
    
    .container-package-titles img{
        width: 100%;
        height: 1000px;
      
    }


.container-sous-titre-decouverte{
    display: flex;
    justify-content: center;
    align-items: center;
}
    .container-package-decouverte h1{
        text-align: center;
        font-size: 60px;
         font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
     background-color: rgba(0,0,0,0.7);
     color: white;
     padding: 50px;
     display: inline-block;
   
    
    }
    
    
    .container-package-decouverte {
        width: 100%;
        height: 200px;
        
    }
    .container-package-decouverte-detail{
        width: 100%;
      margin-top: 80px;
        height: 500px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-direction: row;
    }
    .container-package-decouverte-left{
         width: 50%;
         height: 500px;
         background-color: #e5e6eb;
    }
    .container-package-decouverte-right{
        width: 50%;
        height: 400px;
        background-color: black;
    }
    .container-package-decouverte-right img{
        width: 100%;
        margin-top: 50px;
        height: 400px;
    }
    .container-package-decouverte-left h2{
        text-align: center;
        padding: 35px;
        font-weight: 900;
    }
    
    
    .container-formule-decouverte{
        width: 100%;
        height: 400px;
       
    }
    
    .container-formule-decouverte h3{
        text-align: center;
    }
    
    .container-formule-decouverte-contenu{
     
        width: 100%;
        height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
         flex-direction: row;
        gap: 5px;
    }
    .container-formule-decouverte-contenu-first{
        width: 50%;
        height:420px;
        background-color: rgba(0,0,0,0.7);
        border-bottom: 5px solid #a8cedc;
        transition: transform .2s;
        margin: 0 auto;
    }
    
    .container-formule-decouverte-contenu-first h5{
        background-color: #a8cedc;
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
      
    
    }
    .container-formule-decouverte-contenu-first h6{
     
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 700;
        font-size: 35px;
    
    
    }
    .container-formule-decouverte-contenu-first ul li{
        padding: 5px;
        font-size: 1.3rem;
        color: white;
    }
    .container-formule-decouverte-contenu-second h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    .container-formule-decouverte-contenu-second{
        width: 50%;
        height:450px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    
    .container-formule-decouverte-contenu-second h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 25px;
    
    
    }
    
    .container-formule-decouverte-contenu-third{
        width: 50%;
        height:400px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    .container-formule-decouverte-contenu-third h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    
    .container-formule-decouverte-contenu-third h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 25px;
    
    
    }
    
    
    
    .table th{
        font-weight: 800;
        font-size: 25px;
        text-align: center;
    }
    .table .total{
        font-weight: 900;
        font-size: 23px;
    }
    
    .container-autre-formule{
         
        width: 100%;
        height: 700px;
     
        margin-top: 150px;
    }
    
    .container-autre-formule h5{
        text-align: center;
        font-size: 75px;
        padding: 50px;
        margin-top: -120px;
        padding-top: 100px;
    }
    .container-autre-formule-contenu{
        background-color: black;
        width: 100%;
        height: 695px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex-direction: row;
        margin-top: -50px;
    }
    
    .container-autre-formule-first{
       width: 50%;
       height: 450px;
       background-image: url("compress/DSC_4757-min.jpg");
       background-repeat: no-repeat;
       background-size: cover;
    
    }
    .container-autre-formule-first h5{
        padding: 30px;
        margin-top: 25px;
        font-size: 50px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     
    .container-autre-formule-second{
        width: 50%;
        height: 450px;
        background-image: url("picture/night.png");
        background-repeat: no-repeat;
        background-size: cover;
     }
    
     .container-autre-formule-second h5{
        padding: 30px;
        margin-top: 25px;
        font-size: 50px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     
     }
     .container-autre-formule-third{
        width: 50%;
        height: 450px;
        background-image: url("picture/voiture.jpg");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-third h5{
        padding: 30px;
        margin-top: 25px;
        font-size: 50px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     .container-sous-titre-autre a {
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        background-color: black;
        padding: 15px 30px; /* Moins de padding pour une taille plus petite */
        text-decoration: none;
        font-weight: 900;
        font-size: 20px; /* Réduction de la taille de la police */
        width: 200px; /* Largeur fixe du bouton */
        margin: 0 auto; /* Centre le bouton horizontalement */
    }
  
     .formule-decouverte-first-anchor{
            background-color: #a8cedc;
        padding: 20px;
        margin: 20px;
        color: black;
        font-size:25px;
        position: relative;
        text-decoration: none;
    }
    .formule-decouverte-second-anchor{
        background-color: #a8cedc;
        padding: 20px;
        margin: 20px;
        color: black;
        font-size:25px;
        position: relative;
    }
    
     
     .container-package-mira-title{
        width: 100%;
        height: 200px;
    
    }
    
     
    .container-package-mira-title img{
        width: 100%;
        height:1200px;
    
    }

    .container-sous-titre-mira{
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-package-mira h1{
        text-align: center;
        font-size: 60px;
         font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    padding: 100px;
    background-color: rgba(0,0,0,0.7);
    color: white;
    padding: 50px;
    display: inline-block;
    margin-top: 50px;
    }
    
    
    
    
    
    .container-formule-mira{
        width: 100%;
        height: 400px;
       
    }
    
    .container-formule-mira h3{
        text-align: center;
    }
    
    .container-formule-mira-contenu{
     
        width: 100%;
        height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 5px;
    }
    .container-formule-mira-contenu-first{
        width: 50%;
        height:600px;
        background-color: rgba(0,0,0,0.7);
        border-bottom: 5px solid #a8cedc;
        transition: transform .2s;
        margin: 0 auto;
        margin-top: 80px;
    }
    
    .container-formule-mira-contenu-first h5{
        background-color: #a8cedc;
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
      
    
    }
    .container-formule-mira-contenu-first h6{
     
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 700;
        font-size: 35px;
    
    
    }
    
    .container-formule-mira-contenu-second h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 35px;
    
    }
    .container-formule-mira-contenu-second{
        width: 50%;
        height:400px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
     
    }
    
    .container-formule-mira-contenu-second h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 35px;
    
    
    }
    .container-formule-mira-contenu-first ul li{
        padding: 5px;
        font-size: 1.5rem;
        color: white;
    }
    .container-formule-mira-contenu-third{
        width: 50%;
        height:400px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    .container-formule-mira-contenu-third h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    
    .container-formule-mira-contenu-third h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 23px;
    
    
    }
    
    
    
    
    
    .container-autre-formule-mira{
         
        width: 100%;
        height: 650px;
     
        margin-top: 150px;
    }
    
    .container-autre-formule-mira h5{
        text-align: center;
        font-size: 75px;
        padding: 25px;
        margin-top: -20px;
        padding-top: 100px;
      
    }
    .container-autre-formule-mira-contenu{
        background-color: black;
        width: 100%;
        height: 670px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex-direction: row;
        margin-top: -10px;
    }
    
    .container-autre-formule-mira-first{
       width: 50%;
       height: 450px;
       background-image: url("picture/discover.png");
       background-repeat: no-repeat;
       background-size: cover;
    
    }
    .container-autre-formule-mira-first h5{
        padding: 30px;
        margin-top: 25px;
        font-size: 50px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
    .container-autre-formule-mira-second{
        width: 50%;
        height: 450px;
        background-image: url("picture/night.png");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-mira-second h5{
        padding: 30px;
        margin-top: 25px;
        font-size: 50px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     .container-autre-formule-mira-third{
        width: 50%;
        height: 450px;
        background-image: url("picture/voiture.jpg");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-mira-third h5{
        padding: 30px;
        margin-top: 25px;
        font-size: 50px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     .container-package-vip-title{
        width: 100%;
        height: 250px;
    
      
    }
    
    
    .container-package-vip-title img{
        width: 100%;
        height:1100px;
      
    }

    .container-sous-titre-vip{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-package-vip h1{
        text-align: center;
        font-size: 60px;
         font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    background-color: rgba(0,0,0,0.7);
    color: white;
    padding: 50px;
    display: inline-block;
    margin-top: -80px;
    }
    .container-package-vip img{
        width: 100px;
        border-radius: 60%;
        margin-left: 450px;
        margin-top: 25px;
    }
    
    .container-formule-vip{
        width: 100%;
        height: 600px;
       
    }
    
    .container-formule-vip h3{
        text-align: center;
    }
    
    .container-formule-vip-contenu{
     
        width: 100%;
        height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 5px;
    }
    .container-formule-vip-contenu-first{
        width: 50%;
        height:500px;
        background-color: rgba(0,0,0,0.7);
        border-bottom: 5px solid #a8cedc;
        margin-top: 100px;
        
        
    }
    .container-formule-vip-contenu-first ul li{
        padding: 5px;
        font-size: 1.5rem;
        color: white;
    }
    .container-formule-vip-contenu-first h5{
        background-color: #a8cedc;
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
      
    
    }
    .container-formule-vip-contenu-first h6{
     
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 700;
        font-size: 35px;
    
    
    }
    
    .container-formule-vip-contenu-second h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    .container-formule-vip-contenu-second{
        width: 50%;
        height:400px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    
    .container-formule-vip-contenu-second h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 35px;
    
    
    }
    
    .container-formule-vip-contenu-third{
        width: 50%;
        height:400px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    .container-formule-vip-contenu-third h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    
    .container-formule-vip-contenu-third h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 23px;
    
    
    }
    .table th{
        width: 50px;
        
    }
    
    
    
    .container-autre-formule-vip{
         
        width: 100%;
        height: 780px;
     
        margin-top: 150px;
    }
    
    .container-autre-formule-vip h5{
        text-align: center;
        font-size: 75px;
        padding: 50px;
        margin-top:-95px;
    }
    .container-autre-formule-vip-contenu{
        background-color: black;
        width: 100%;
        height: 825px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 5px;
        margin-top: -15px;
    }
    
    .container-autre-formule-vip-first{
       width: 50%;
       height: 450px;
       background-image: url("compress/DSC_4757-min.jpg");
       background-repeat: no-repeat;
       background-size: cover;
    }
    .container-autre-formule-vip-first h5{
    
        padding: 30px;
        margin-top: 25px;
        font-size: 50px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
    .container-autre-formule-vip-second{
        width: 50%;
        height: 450px;
        background-image: url("picture/night.png");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-vip-second h5{
    
        padding: 30px;
        margin-top: 25px;
        font-size: 50px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     .container-autre-formule-vip-third{
        width: 50%;
        height: 450px;
        background-image: url("picture/discover.png");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-vip-third h5{
    
        padding: 30px;
        margin-top: 25px;
        font-size: 50px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     
     .container-package-bussiness-title{
        width: 100%;
        height: 350px;
        margin-top: -25px;
      
    }
    
    
    .container-package-title img{
        width: 100%;
        height:1300px;
      
    }
    .container-sous-titre-bussiness{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-package-bussiness h1{
        text-align: center;
        font-size: 60px;
         font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    background-color: rgba(0,0,0,0.7);
    color: white;
    padding: 50px;
    display: inline-block;
    margin-top: -50px;
    }
    
    
    
    .container-formule-bussiness{
        width: 100%;
        height: 705px;
       
    }
    
    .container-formule-bussiness h3{
        text-align: center;
    }
    
    .container-formule-bussiness-contenu{
     
        width: 100%;
        height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 5px;
        margin-top: 100px;
    }
    .container-formule-bussiness-contenu-first{
        width: 50%;
        height:480px;
        background-color: rgba(0,0,0,0.7);
        border-bottom: 5px solid #a8cedc;
        transition: transform .2s;
        margin: 0 auto;
    }
    .container-formule-bussiness-contenu-first ul li{
        padding: 5px;
        font-size: 1.3rem;
        color: white;
    }
    .container-formule-bussiness-contenu-first h5{
        background-color: #a8cedc;
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
      
    
    }
    .container-formule-bussiness-contenu-first h6{
     
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 700;
        font-size: 35px;
    
    
    }
    
    .container-formule-bussiness-contenu-second h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    .container-formule-bussiness-contenu-second{
        width: 50%;
        height:400px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    
    .container-formule-bussiness-contenu-second h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 23px;
    
    
    }
    
    .container-formule-bussiness-contenu-third{
        width: 50%;
        height:400px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    .container-formule-bussiness-contenu-third h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    
    .container-formule-bussiness-contenu-third h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 35px;
    
    
    }
    
    
    .container-autre-formule-bussiness{
     
        width: 100%;
        height: 400px;
     
        margin-top: 150px;
    }
    
    .container-autre-formule-bussiness h5{
        text-align: center;
        font-size: 50px;
    }
    .container-autre-formule-bussiness-contenu{
        background-color: black;
        width: 100%;
        height: 500px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-autre-formule-bussiness-first{
       width: 50%;
       height: 300px;
    
    
    }
    .container-autre-formule-bussiness-first h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 28px;
        font-weight: 800;
     }
    .container-autre-formule-bussiness-second{
        width: 50%;
        height: 300px;
    
     }
     .container-autre-formule-bussiness-second h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 30px;
        font-weight: 800;
     }
     .container-autre-formule-bussiness-third{
        width: 50%;
        height: 300px;
    
     }
     .container-autre-formule-bussiness-third h5{
        color: white;
        padding: 40px;
        margin-top: 25px;
        font-size: 30px;
        font-weight: 800;
     }
    
    
    
     
     .container-autre-formule-night{
         
        width: 100%;
        height: 700px;
     
        margin-top: 150px;
    }
    
    .container-autre-formule-night h5{
        text-align: center;
        font-size: 75px;
        padding: 50px;
        margin-top: -80px;
    }
    .container-autre-formule-night-contenu{
        background-color: black;
        width: 100%;
        height:740px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex-direction: row;
        margin-top: -25px;
    }
    .container-autre-formule-night-first{
       width: 50%;
       height: 450px;
       background-image: url("picture/discover.png");
        background-repeat: no-repeat;
        background-size: cover;
    
    }
    .container-autre-formule-night-first h5{
    
        padding: 30px;
        margin-top: 25px;
        font-size: 50px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
    .container-autre-formule-night-second{
        width: 50%;
        height: 450px;
        background-image: url("compress/DSC_4757-min.jpg");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-night-second h5{
        padding: 30px;
        margin-top: 25px;
        font-size: 50px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     .container-autre-formule-night-third{
        width: 50%;
        height: 450px;
        background-image: url("picture/voiture.jpg");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-night-third h5{
        padding: 30px;
        margin-top: 25px;
        font-size: 50px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     
     .container-package-reservation-title{
        width: 100%;
        height: 250px;
      
      
    }
    
    
    .container-package-reservation-title img{
        width: 100%;
        height:1580px;
      
    } 
    .container-reservation-contenu{
    
        width: 100%;
        height: 700px;
        margin-top: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        flex-direction: row;
    }

    .container-sous-titre-reservation{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-package-reservation h1{
        text-align: center;
        font-size: 60px;
         font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    background-color: rgba(0,0,0,0.7);
    color: white;
    padding: 50px;
    display: inline-block;
    margin-top: 100px;
    
    }
    .container-package-reservation img{
        width: 100px;
        border-radius: 60%;
        margin-left: 450px;
        margin-top: 25px;
    }
    .container-reservation-contenu-first{
       
        width: 50%;
        height: 500px;
    }
    
    .container-reservation-contenu-first img{
        width: 100%;
        height: 500px;
    }
    .container-reservation-contenu-second{
        background-color: rgba(0,0,0,0.7);
        width: 110%;
        height: 750px;
        margin-top: 150px;
        border-radius: 10px;
        margin-left: -48px;
        padding: 20px;
    }
    .container-reservation-contenu-second h1{
        text-align: center;
        color: white;
        margin-bottom: 50px;
        padding: 35px;
        font-size: 3rem;
    }
    .container-reservation-contenu-second .form-floating input{
        background-color: #a8cedc;
        width: 350px;
    
    }
    .container-reservation-contenu-second .form-floating .MyInput{
        background-color: #a8cedc;
        color: black;
        border: none;
        text-align: center;
        margin-top:40px;
        padding: 10px;
        border: 2px solid white;
        margin-left: 300px;
        font-weight: 900;
        width: 200px;
    }
    
    
    #price{
        background-color: #a8cedc;
        width:350px;
        padding:16px;
        font-size:23px;
        font-weight:900;
        border-radius:5px;
        margin-left:15px;
        height:60px;
    }
    
    .information{
      
        width:100%;
        height:500px;
        margin-top:80px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:15px;
        flex-direction: row;
    }
    
    .container-title-infos{
        width: 100%;
        height: 350px;
       
      
    }
    
    
    .container-title-infos img{
        width: 100%;
        height:1400px;
      
    }
    
    .container-title-contenu-infos h1{
        text-align: center;
        font-size: 95px;
         font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    
    margin-top: -800px;
    background-color: rgba(0,0,0,0.7);
    color: white;
    padding: 35px;
    display: inline-block;
    margin-top: -80px;
    }
    .selection{
        background-color:black;
        color:white;
        width:150px;
        margin-left:50px;
    }
    
    .container-title-info{
        width: 100%;
        height: 850px;
       
      
    }
    
    
    .container-title-info img{
        width: 100%;
        height:780px;
      
    }
    
    .container-sous-titre-infos{
       display: flex;
       justify-content: center;
       align-items: center;
    }
    .container-title-contenu-info h1{
        text-align: center;
        font-size: 75px;
         font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
      padding: 100px;
      margin-top: -80px;
    }
    
    .information-first{
        width:35%;
        background-color: rgba(0,0,0,0.7);
        height:600px;
        margin-top:50px;
    }
    .information-second{
          width:33%;
          background-color: rgba(0,0,0,0.7);
        height:635px;
        margin-top:80px;
        margin-left: -10px;
    }
    
    .information-second h1{
        text-align:center;
        font-size:23px;
        padding:18px;
        background-color:black;
        color:white;
        border-top:4px solid black;
         border-left:4px solid black;
          border-right:4px solid black;
    }
    .information-first h1{
        text-align:center;
        font-size:23px;
        padding:20px;
        background-color:black;
        color:white;
    }
    .information-contenu-first{
        
        width:100%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:5px
    }
    .information-contenu-first p:nth-child(1){
        font-size:25px;
        font-weight:900;
        color: white;
        padding: 5px;
    }
    .information-contenu-first p:nth-child(2){
        font-size:25px;
        font-weight:900;
        color: white;
        padding: 15px;
    }
    .information-contenu-first p:nth-child(3){
        font-size:25px;
        font-weight:900;
        color: white;
    }
    .information-contenu-second{
        
        width:100%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:35px;
        margin-top:-50px;
      
    }
    .information-contenu-second p:nth-child(1){
        font-size:18px;
        color: white;
      
    }
    .information-contenu-second p:nth-child(2){
        font-size:18px;
        color: white;
      
    }
    .information-contenu-second p:nth-child(3){
        font-size:18px;
        color: white;
      
    }
    
    .information-contenu-third{
        
        width:100%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:35px;
        margin-top:-50px;
    }
    .information-contenu-third p{
        font-size:20px;
        font-weight:900;
        color: white;
    }
    
    .information-contenu-fourth{
        
        width:100%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:100px;
        margin-top:-50px;
        
    }
    .information-contenu-fourth p{
        font-size:25px;
        color: white;
    }
    
    .information-contenu-fifth{
        
        width:100%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:500px;
        margin-top:-50px;
       
    }
    .information-contenu-fifth p{
        font-size:20px;
        font-weight:800;
        color: white;
        
    }
    .information-contenu-thirds-adultes{
           
        width: 100px;
        height: 80px;
        font-size: 18px;
     color: white;
        margin-left: 65px;
    }
    .information-contenu-thirds-enfant{
       color: white;
        width: 100px;
        height: 80px;
        margin-left: -95px;
        font-size: 18px;
    }
    .information-contenu-thirds-remise{
      color: white;
        width: 100px;
        height: 80px;
        margin-left: -95px;
        font-size: 18px;
    }
    .information-contenu-sixth{
        
        width:100%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:100px;
        margin-top:-50px;
        
    }
    .information-contenu-sixth p{
        font-size:20px;
        color: white;
       
    }
    
    .information-contenu-premier{
        
        width:105%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:100px;
        margin-top:-50px;
    
    }
    .information-contenu-premier p{
        font-size:15px;
        font-weight:900;
        background-color:black;
        color:white;
        padding:15px;
      
       
    }
    
    .information-contenu-thirds{
        
        width:105%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
    
        gap: 140px;
        margin-top:-50px;
       
    }
    .information-contenu-fourths{
        
        width:100%;
        height:60px;
        background-color:black;
        color:white;
       
    }
    
    .information-contenu-fourths P{
        text-align:center;
        font-weight:900;
        font-size:30px;
       
    }
    .information-second .form-floating input{
        width:280px;
        margin-left:20px;
    }
    .information-second #submit{
     margin-left: 200px;
    }
    .information-second .form-floating label{
        margin-left:40px;
    }
    }
    
    

@media only screen and (min-width: 2560px) {

   
.container-evenementiel-contenu-title{

    width: 100%;
    height: 500px;
}
.container-evenementiel-contenu-title h1{
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
      font-family: "Roboto", sans-serif;
  font-style: italic; 
  font-size:95px;
}

.container-evenementiel-title img{
    width: 100%;
    height: 800px;
   
}
.container-evenementiel-sitation {
    width: 100%;
    height: 300px;
    margin-top: -350px;
}
.container-evenementiel-sitation p {
   text-align: center;
   font-size: 35px;


}

.container-evenementiel-element{
    width: 100%;
    height: 1950px;
  
}
.container-mariages{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;


}
.container-mariages-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-mariages-first h5{
font-weight: 900;
font-size: 45px;
margin-top: 25px;

}
.container-mariages-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-mariages-second img{
     width: 95%;
     margin-left: 20px;
     height: 450px;
     object-fit: cover;
     margin-top: 20px;
    

}
.container-mariage-descrip{
    
    width: 100%;
    height: 300px;
}
.container-mariage-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}

.container-anniversaire{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-anniversaire-descrip{
    
    width: 100%;
    height: 300px;
}
.container-anniversaire-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-anniversaire-first{
    width: 100%;
    height: 500px;
    background-color:black;


}

.container-anniversaire-first img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-anniversaire-second{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;
}

.container-anniversaire-second h5{
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }


.container-bapteme{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;
    

}
.container-bapteme-first{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;


}
.container-bapteme-second{
    width: 100%;
    height: 500px;
    background-color: black;
  

}
.container-bapteme-second img{
    width: 95%;
    margin-left: 20px;
    height: 450px;
    object-fit: cover;
    margin-top: 20px;
   

}
.container-bapteme-descrip{
    
    width: 100%;
    height: 300px;
}
.container-bapteme-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-bapteme-first h5{
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }
.container-affaires{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
    gap: 10px;

}
.container-affaires-first{
    width: 100%;
    height: 500px;
    background-color: black;


}
.container-affaires-second{
    width: 100%;
    height: 500px;
    background-color: #a8cedc;
}
.container-affaires-descrip{
    
    width: 100%;
    height: 300px;
}
.container-affaires-descrip p{
     font-size: 30px;
     margin-top: 50px;
     margin-left: 15px;
     
}
.container-affaires-second h5{
    font-weight: 900;
    font-size: 45px;
    margin-top: 25px;
    
    }
    .container-affaires-first img{
        width: 95%;
        margin-left: 20px;
        height: 450px;
        object-fit: cover;
        margin-top: 20px;
       
    
    }
    .preste{
        background-color: black;
        color: white;
        margin-left: 25px;
        padding:15px;
    }
 
  
.container-gallerie-title{
    width: 100%;
    height:700px;
}

.container-gallerie-title img{
    width: 100%;
    height:780px;
    margin-top: 80px;
}

.container-gallerie-contenu-title{
  
    width: 100%;
    height: 300px;
    margin-top:200px;
}
.container-gallerie-contenu-title h1{
    text-align: center;
    font-size: 95px;
     font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;

}


.container-gallerie-contenu--contenu{
    width: 100%;
    height: 1900px;
  
}

.container-disposition{
    width: 100%;
    height: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: -50px;
}

.container-disposition-first{
    background-color: whitesmoke;
    width: 50%;
    height:900px;
}
.container-disposition-first h5{
    font-size: 50px;
    font-weight: 900;
    padding-top: 25px;
}
.container-disposition-second{
   background-color: black;
    width: 50%;
    height: 900px;
}
.container-disposition-second img{
    width:95%;
    height:auto;
    margin-left: 30px;
    margin-top: 50px;
    object-fit: cover;
 
}

.container-disposition-first ul{
    font-size: 40px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-disposition-first li{
    padding: 50px;
}


.container-entreprise{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 200px;
}

.container-entreprise-first{
    background-color: black;
    width: 50%;
    height: 900px;
 
}

.container-entreprise-second{
    background-color: whitesmoke;
    width: 50%;
    height:900px;
   
}

.container-entreprise-first img{
    width:95%;
    height:auto;
    margin-left: 30px;
    margin-top: 50px;
    object-fit: cover;
 
}

.container-entreprise-second ul{
    font-size: 40px;
    margin-left: 80px;
    margin-top: 50px;
    
}
.container-entreprise-second li{
    padding: 50px;
}
.container-entreprise-second h5{
    font-size: 50px;
    font-weight: 900;
    padding-top: 25px;
}


    .container-image{
        margin-top: -50px;
    }
    .container-footer-first .fa-brands{
        color: #a8cedc;
        font-size: 35px;
    }
    .container-footer-third .fa-solid {
        color: #a8cedc;
        font-size: 25px;
    }
    .information-second .form-floating label{
        margin-left:20px;
    }

    #menu a{
        color: #a8cedc;
        margin-left: 10px;
        font-size: 18px;
        
        
    }
    #dropdown {
        background-color:black;
        width: 400px;
     }
  

  
       .container-partenariat{
      
        width: 100%;
        height: 400px;
        margin-top: 200px;
        
       
       
    }
    .container-partenariat-title h1{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 95px;
        font-family: "Roboto", sans-serif;
   font-weight: 500;
    }
    
    .container-partenariat-contenu{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -50px;
        flex-direction: row;
        width: 100%;
      
        height: 800px;
   
    }
    
    .container-partenariat-first{
        width: 50%;
     
        height: 300px;
    }
    
    .container-partenariat-first img{
        width:75%;
    }
    .container-partenariat-second{
        width: 50%;
      
        height: 300px;
    }
    .container-partenariat-second img{
        width:75%;
    }
    .container-partenariat-third{
        width: 50%;
    
        height: 300px;
    }
    .container-partenariat-third img{
        width:75%;
    }
    .container-partenariat-fourth{
        width: 50%;
        height: 300px;
      
    }
    .container-partenariat-fourth img{
        width:75%;
        
    }
    .container-partenariat-fifth{
        width: 50%;
        height: 300px;
      
    }
    .container-partenariat-fifth img{
        width:75%;
        margin-top: 45px;
    }
    .container-partenariat-six{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-six img{
        width:75%;
    }
    .container-partenariat-seven{
        width: 50%;
        height: 300px;
    }
    .container-partenariat-seven img{
        width:75%;
       margin-top: -20px;
    }
    .container-partenariat-heighteen{
        width: 50%;

    }
    .container-partenariat-heighteen img{
        width:75%;
    
    }
    .container-reservations{

        display: flex;
    }
    .container-login{
        width: 100%;
        height: 100vh;
        background-image: url("picture/DSC_4857.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .container-login h2{
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
       
    }
    .container-login-form{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 200px;
    }
    
    .container-login-form label{
        color: white;
        font-size: 25px;
    
    }
     .maint{
        color: white;
        margin-left: 25px;
        margin-top: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
    }
    .submit{
        background-color: black;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 50px;
        font-size: 20px;
        width: 200px;
     
    }
    
.container-contact-title{
    width: 100%;
    height: 1000px;
}
.container-contact-title img{
    width: 100%;
    height: 900px;
  
 
}
.container-contact-contenu h1{
    text-align: center;
      font-size: 95px;
       font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
 
}
.container-contact-contenu{
    width: 100%;
    height: 200px;
  
}
.container-contact-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-contact-detail{
    width: 100%;
    height: 400px;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.container-lieu{
    background-color: #a8cedc;
    width: 15%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-lieu-contenu{
    width: 500px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-lieu-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-lieu-contenu h5{
    font-size: 30px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-lieu-contenu p{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}





.container-telephone{
    background-color: #a8cedc;
    width: 15%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-telephone-contenu{
    width: 500px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;
   
}

.container-telephone-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-telephone-contenu h5{
    font-size: 30px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-telephone-contenu p{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}



.container-mail{
    background-color: #a8cedc;
    width: 15%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.container-mail-contenu{
    width: 500px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -50px;


   
}

.container-mail-contenu .fa-solid{
    font-size: 40px;
    color: black;
}

.container-mail-contenu h5{
    font-size: 30px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: black;
}
.container-mail-contenu p{
    font-size: 25px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    color: black;
    text-transform: none;
}


.container-contact-contenu-suite{
    width: 100%;
    height: 700px;
  

}
.container-contact-contenu-suite-detail{
    display: flex;
    justify-content: center;
    align-items: center;
   
    width: 100%;
    height: 700px;
}

.container-contact-contenu-suite-detail-left{
    width: 50%;
    height: 700px;
    background-color: black;
    margin-top: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-contact-contenu-suite-detail-left-contenu{

   width: 75%;
   height: 595px;
}
.container-contact-contenu-suite-detail-right{
    width: 50%;
    margin-top: 300px;
    height: 700px;

}

.container-contact-contenu-suite-detail-left-contenu h3{
    color: white;
    font-size: 40px;
    margin-left: -150px;
    margin-top: -5px;
    display: flex;
    justify-content: center;
  
}
.container-contact-contenu-suite-detail-left-contenu label{
    color: white;
    margin-left: 200px;
}
.container-contact-contenu-suite-detail-left-contenu input{
    margin-left: 200px;
    width: 400px;
}
.container-contact-contenu-suite-detail-left-contenu textarea{
    margin-left: 200px;
    width: 400px;
}
#input{
    background-color: black;
    padding: 13px;
    color: white;
    font-weight: 900;
    border:1px solid white;
    margin-left: 300px;
    width: 200px;
    margin-top:-50px;
}

.container-contact-contenu-suite-detail-right iframe{
    height: 693px;
}

    .container-package-reservation-title{
        width: 100%;
        height: 250px;
      
      
    }
    
    
    .container-package-reservation-title img{
        width: 100%;
        height:1700px;
        object-fit: cover;
  
      
    } 
    .container-reservation-contenu{
       
        width: 100%;
        height: 1400px;
        margin-top: -500px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        flex-direction: row;
    }

    .container-sous-titre-reservation{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-package-reservation h1{
        text-align: center;
        font-size: 95px;
         font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;
margin-top: 50px;

    }
    .container-package-reservation img{
        width: 100px;
        border-radius: 60%;
        margin-left: 450px;
        margin-top: 25px;
    }
    .container-reservation-contenu-first{
       
        width: 50%;
        height: 300px;
       
    }
    
    .container-reservation-contenu-first img{
        width: 100%;
        height: 500px;
    }
    .container-reservation-contenu-second{
        background-color: rgba(0,0,0,0.7);
        width: 115%;
        height: 795px;
        margin-top: 600px;
        border-radius: 20px;
        margin-left: -50px;
        padding: 50px;
    }
    .container-reservation-contenu-second h1{
        text-align: center;
        color: white;
        font-size: 60px;
        margin-top: 80px;
        padding: 15px;
    }
    
    .container-reservation-contenu-second .form-floating .MyInput{
        background-color: #a8cedc;
        color: black;
        border: none;
        text-align: center;
        margin-top:40px;
        padding: 10px;
        border: 2px solid white;
        margin-left: 400px;
        font-weight: 900;
        width: 350px;
    }
    .container-reservation-contenu-second .form-floating input{
        height: 85px;
        width: 500px;
        font-size: 40px;
        background-color: #a8cedc;
      
    }
    
    #price{
        background-color: #a8cedc;
        width:500px;
        padding:16px;
        font-size:40px;
        font-weight:900;
        border-radius:5px;
        margin-left:15px;
        height:85px;
    }
    
    .information{
      
        width:100%;
        height:500px;
        margin-top:80px;
        display:flex;
        justify-content:center;
        align-items:center;
      
        flex-direction: row;
    }

    .container-title-infos{
        width: 100%;
        height: 350px;
       
      
    }
    
    
    .container-title-infos img{
        width: 100%;
        height:1400px;
      
    }

    .container-sous-titre-infos{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .container-title-contenu-infos h1{
        text-align: center;
        font-size: 95px;
         font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;

    margin-top: -800px;
    background-color: rgba(0,0,0,0.7);
    color: white;
padding: 50px;
display: inline-block;
margin-top: -80px;
    }
  


    .selection{
        background-color:black;
        color:white;
        width:150px;
        margin-left:50px;
    }
    
    
    .information-first{
        width:35%;
        background-color: rgba(0,0,0,0.7);
        height:600px;
        margin-top:50px;
    }
    .information-second{
          width:30%;
          background-color: rgba(0,0,0,0.7);
        height:630px;
        margin-top:80px;
        padding:15px;
        margin-left: -10px;
    }
    
    .information-second h1{
        text-align:center;
        font-size:23px;
        padding: 15px;
        background-color:black;
        color:white;
        border-top:4px solid black;
         border-left:4px solid black;
          border-right:4px solid black;
          margin-top: -8px;
    }
    .information-first h1{
        text-align:center;
        font-size:23px;
        padding:20px;
        background-color:black;
        color:white;
    }
    .information-contenu-first{
        
        width:100%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:5px
    }
    .information-contenu-first p:nth-child(1) {
        font-size:25px;
        font-weight:900;
        color: white;
        padding: 10px;
    }
    .information-contenu-first p:nth-child(2) {
        font-size:25px;
        font-weight:900;
        color: white;
        padding: 10px;
    }
    
    .information-contenu-second{
        
        width:100%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:35px;
        margin-top:-50px;
      
    }
    .information-contenu-second p{
        font-size:18px;
        color: white;
      
    }
    
    .information-contenu-third{
        
        width:100%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:35px;
        margin-top:-50px;
    }
    .information-contenu-third p{
        font-size:18px;
        font-weight:900;
        color: white;
    }
    
    .information-contenu-fourth{
        
        width:100%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:100px;
        margin-top:-50px;
    }
    .information-contenu-fourth p{
        font-size:25px;
        color: white;
        
    }
    
    .information-contenu-fifth{
        
        width:100%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:100px;
        margin-top:-50px;
    }
    .information-contenu-fifth p{
        font-size:20px;
        font-weight:800;
        color: white;
        
    }
    
    .information-contenu-sixth{
        
        width:100%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:100px;
        margin-top:-50px;
    }
    .information-contenu-sixth p{
        font-size:20px;
        color: white;
       
    }
    
    .information-contenu-premier{
        
        width:105%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:100px;
        margin-top:-50px;
    }
    .information-contenu-premier p{
        font-size:15px;
        font-weight:900;
        background-color:black;
        color:white;
        padding:15px;
      
       
    }
    
    .information-contenu-thirds{
        
        width:50%;
        height:100px;
        display:flex;
        justify-content:center;
        align-items:center;
         position: relative;
        margin-top:-50px;
   
        margin-left: 300px;
        gap: 100px;
      
       
    }
    .information-contenu-thirds-adultes{
       
        width: 100px;
        height: 80px;
        font-size: 18px;
      
        margin-left: -50px;
    }
    .information-contenu-thirds-enfant{
       
        width: 100px;
        height: 80px;
        margin-left: -50px;
        font-size: 18px;
    }
    .information-contenu-second p:nth-child(1){
        color: white;
        font-size: 15px;
    }
    .information-contenu-thirds-remise{
      
        width: 100px;
        height: 80px;
        margin-left: -60px;
        font-size: 18px;
        color: white;
    }

    .information-contenu-thirds-adultes{
      
        width: 100px;
        height: 80px;
        margin-left: -60px;
        font-size: 18px;
        color: white;
    }
    .information-contenu-thirds-enfant{
      
        width: 100px;
        height: 80px;
        margin-left: -60px;
        font-size: 18px;
        color: white;
    }
    .information-contenu-fourths{
        
        width:100%;
        height:60px;
        background-color:black;
        color:white;
       
    }
    
    .information-contenu-fourths P{
        text-align:center;
        font-weight:900;
        font-size:30px;
        color: white;
       
    }
   .information-second .form-floating input{
        width:280px;
        margin-left:25px;
    }
    .information-second .form-floating label{
        width:280px;
        margin-left:70px;
    }
    .information-second #submit{
    
        margin-left:280px;
    }
    .container-package-mira-title{
        width: 100%;
        height: 300px;
    
    }
    
    
    .container-package-mira-title img{
        width: 100%;
        height:1600px;
      
    }

    .container-sous-titre-mira {
      
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-package-mira h1{
        text-align: center;
        font-size: 95px;
         font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    margin-top: -800px;
    background-color: rgba(0,0,0,0.7);
    color: white;
padding: 50px;
display: inline-block;
margin-top: 100px;
    }
    
    
    
    
    
    .container-formule-mira{
        width: 100%;
        height: 1100px;
       
    }
    
    .container-formule-mira h3{
        text-align: center;
    }
    
    .container-formule-mira-contenu{
     
        width: 100%;
        height: 1000px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 5px;
    }
    .container-formule-mira-contenu-first{
        width: 50%;
        height:780px;
        background-color: rgba(0,0,0,0.7);
        border-bottom: 5px solid #a8cedc;
        transition: transform .2s;
        margin: 0 auto;
    }
    
    .container-formule-mira-contenu-first h5{
        background-color: #a8cedc;
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 500;
        font-size: 50px;
      
    
    }
    .container-formule-mira-contenu-first h6{
     
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 700;
        font-size: 50px;
    
    
    }
    
    .container-formule-mira-contenu-second h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 35px;
    
    }
    .container-formule-mira-contenu-second{
        width: 50%;
        height:500px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    
    .container-formule-mira-contenu-second h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 35px;
    
    
    }
    .container-formule-mira-contenu-first ul li{
        padding: 5px;
        font-size: 2.5rem;
        margin-left: 95px;
        color: white;
    }
    .container-formule-mira-contenu-third{
        width: 50%;
        height:400px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    .container-formule-mira-contenu-third h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    
    .container-formule-mira-contenu-third h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 23px;
    
    
    }
    
    
    
    
    
    
    .container-autre-formule-mira{
     
        width: 100%;
        height: 650px;
     
        margin-top: 150px;
    }
    
    .container-autre-formule-mira h5{
        text-align: center;
        font-size: 75px;
        padding: 25px;
        margin-top: -230px;
    }
    .container-autre-formule-mira-contenu{
        background-color: black;
        width: 100%;
        height: 700px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex-direction: row;
    }
    .container-autre-formule-mira-first{
       width: 50%;
       height: 450px;
       background-image: url("picture/discover.png");
       background-repeat: no-repeat;
       background-size: cover;
    
    }
    .container-autre-formule-mira-first h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 60px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
    .container-autre-formule-mira-second{
        width: 50%;
        height: 450px;
        background-image: url("picture/night.png");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-mira-second h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 60px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     .container-autre-formule-mira-third{
        width: 50%;
      
        height: 450px;
        background-image: url("picture/voiture.jpg");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-mira-third h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 60px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     
     .container-package-vip-title{
        width: 100%;
        height: 500px;
    
      
    }
    
    
    .container-package-vip-title img{
        width: 100%;
        height:1800px;
      
    }

    
    .container-sous-titre-vip {
      
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-package-vip h1{
        text-align: center;
        font-size: 95px;
         font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    background-color: rgba(0,0,0,0.7);
color: white;
padding: 40px;
display: inline-block;
margin-top: -100px;
    }
    .container-package-vip img{
        width: 100px;
        border-radius: 60%;
        margin-left: 450px;
        margin-top: 25px;
    }
    
    .container-formule-vip{
        width: 100%;
        height: 800px;
       
    }
    
    .container-formule-vip h3{
        text-align: center;
    }
    
    .container-formule-vip-contenu{
     
        width: 100%;
        height: 1000px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 5px;
      
    }
    .container-formule-vip-contenu-first{
        width: 50%;
        height:760px;
        background-color: rgba(0,0,0,0.7);
        border-bottom: 5px solid #a8cedc;
        
        
    }
    .container-formule-vip-contenu-first ul li{
        padding: 5px;
        font-size: 2.5rem;
        margin-left: 95px;
        color: white;
    }
    .container-formule-vip-contenu-first h5{
        background-color: #a8cedc;
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 500;
        font-size: 50px;
      
    
    }
    .container-formule-vip-contenu-first h6{
     
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 700;
        font-size: 50px;
    
    
    }
    
    .container-formule-vip-contenu-second h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    .container-formule-vip-contenu-second{
        width: 50%;
        height:400px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    
    .container-formule-vip-contenu-second h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 23px;
    
    
    }
    
    .container-formule-vip-contenu-third{
        width: 50%;
        height:400px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    .container-formule-vip-contenu-third h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    
    .container-formule-vip-contenu-third h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 23px;
    
    
    }
    .table th{
        width: 50px;
        
    }
    
    
    
    .container-autre-formule-vip{
     
        width: 100%;
        height: 780px;
     
        margin-top: 150px;
    }
    
    .container-autre-formule-vip h5{
        text-align: center;
        font-size: 75px;
        margin-top: 200px;
        padding: 30px;
    }
    .container-autre-formule-vip-contenu{
        background-color: black;
        width: 100%;
        height: 800px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 5px;
    }
    .container-autre-formule-vip-first{
       width: 50%;
       height: 450px;
       background-image: url("compress/DSC_4757-min.jpg");
       background-repeat: no-repeat;
       background-size: cover;
    }
    .container-autre-formule-vip-first h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 60px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
    .container-autre-formule-vip-second{
        width: 50%;
        height: 450px;
        background-image: url("picture/night.png");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-vip-second h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 60px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     .container-autre-formule-vip-third{
        width: 50%;
        height: 450px;
        background-image: url("picture/discover.png");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-vip-third h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 60px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     
     .container-package-bussiness-title{
        width: 100%;
        height: 1800px;
     
      
    }
    
    
    .container-package-title img{
        width: 100%;
        height:1700px;
      
    }
 .container-sous-titre-bussiness{
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
 }
    .container-package-bussiness h1{
        text-align: center;
        font-size: 95px;
         font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    background-color: rgba(0,0,0,0.7);
color: white;
padding: 50px;
display: inline-block;

margin-top: 80px;
    }
    
    
    
    .container-formule-bussiness{
        width: 100%;
        height: 1000px;
       
    }
    
    .container-formule-bussiness h3{
        text-align: center;
    }
    
    .container-formule-bussiness-contenu{
     
        width: 100%;
        height: 1000px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 5px;
        margin-top: 80px;
    }
    .container-formule-bussiness-contenu-first{
        width: 50%;
        height:780px;
        background-color: rgba(0,0,0,0.7);
        border-bottom: 5px solid #a8cedc;
        transition: transform .2s;
        margin: 0 auto;
    }
    .container-formule-bussiness-contenu-first ul li{
        padding: 5px;
        font-size: 2.5rem;
        margin-left: 95px;
        color: white;
    }
    .container-formule-bussiness-contenu-first h5{
        background-color: #a8cedc;
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 500;
        font-size: 50px;
      
    
    }
    .container-formule-bussiness-contenu-first h6{
     
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 700;
        font-size: 50px;
    
    
    }
    
    .container-formule-bussiness-contenu-second h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    .container-formule-bussiness-contenu-second{
        width: 50%;
        height:400px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    
    .container-formule-bussiness-contenu-second h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 23px;
    
    
    }
    
    .container-formule-bussiness-contenu-third{
        width: 50%;
        height:400px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    .container-formule-bussiness-contenu-third h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    
    .container-formule-bussiness-contenu-third h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 23px;
    
    
    }
    
    
    .container-autre-formule-bussiness{
     
        width: 100%;
        height: 400px;
     
        margin-top: 150px;
    }
    
    .container-autre-formule-bussiness h5{
        text-align: center;
        font-size: 75px;
    }
    .container-autre-formule-bussiness-contenu{
        background-color: black;
        width: 100%;
        height: 500px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-autre-formule-bussiness-first{
       width: 50%;
       height: 300px;

    
    }
    .container-autre-formule-bussiness-first h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 28px;
        font-weight: 800;
     }
    .container-autre-formule-bussiness-second{
        width: 50%;
        height: 300px;
    
     }
     .container-autre-formule-bussiness-second h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 30px;
        font-weight: 800;
     }
     .container-autre-formule-bussiness-third{
        width: 50%;
        height: 300px;
 
     }
     .container-autre-formule-bussiness-third h5{
        color: white;
        padding: 40px;
        margin-top: 25px;
        font-size: 30px;
        font-weight: 800;
     }
    
    
    
     
    .container-autre-formule-night{
     
        width: 100%;
        height: 700px;
     
        margin-top: 150px;
    }
    
    .container-autre-formule-night h5{
        text-align: center;
        font-size: 75px;
        padding: 50px;
        margin-top: -50px;
      
    }
    .container-autre-formule-night-contenu{
        background-color: black;
        width: 100%;
        height:700px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex-direction: row;
        margin-top: -20px;
    }
    .container-autre-formule-night-first{
       width: 50%;
       height: 450px;
       background-image: url("picture/discover.png");
        background-repeat: no-repeat;
        background-size: cover;
    
    }
    .container-autre-formule-night-first h5{

        padding: 40px;
        margin-top: 25px;
        font-size: 60px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
    .container-autre-formule-night-second{
        width: 50%;
        height: 450px;
        background-image: url("compress/DSC_4757-min.jpg");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-night-second h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 60px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     .container-autre-formule-night-third{
        width: 50%;
        height: 450px;
        background-image: url("picture/voiture.jpg");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-night-third h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 60px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     
     .container-package-reservation-title{
        width: 100%;
        height: 850x;
      
      
    }
    
    .formule-decouverte-first-anchor{
        background-color: #a8cedc;
        padding: 20px;
        margin: 20px;
        color: black;
        font-size: 45px;
        text-decoration: none;
    }
    .formule-decouverte-second-anchor{
        background-color: #a8cedc;
        padding: 20px;
        margin: 20px;
        color: black;
        font-size:45px;
        position: relative;
    }
    .container-package-titles{
        width: 100%;
        height: 500px;
   
    
      
    }
    
    
    .container-package-titles img{
        width: 100%;
        height: auto;
      
    }

    .container-sous-titre-decouverte {
      
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container-package-decouverte h1{
        text-align: center;
        font-size: 95px;
         font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    margin-top: -300px;
    background-color: rgba(0,0,0,0.7);
    opacity: 0.1;
    color: white;
   padding: 50px;
    display: inline-block;


   
    }
    
    
    .container-package-decouverte {
        width: 100%;
        height: 400px;
        
    }
    .container-package-decouverte-detail{
        width: 100%;
      margin-top: 80px;
        height: 2000px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-direction: row;
        margin-top: -500px;
    }
    .container-package-decouverte-left{
         width: 50%;
         height: 500px;
         background-color: #e5e6eb;
    }
    .container-package-decouverte-right{
        width: 50%;
        height: 400px;
        background-color: black;
    }
    .container-package-decouverte-right img{
        width: 100%;
        margin-top: 50px;
        height: 400px;
    }
    .container-package-decouverte-left h2{
        text-align: center;
        padding: 35px;
        font-weight: 900;
    }
    
    
    .container-formule-decouverte{
        width: 100%;
        height: 400px;
       
    }
    
    .container-formule-decouverte h3{
        text-align: center;
    }
    
    .container-formule-decouverte-contenu{
     
        width: 100%;
        height: 500px;
        display: flex;
        justify-content: center;
        align-items: center;
         flex-direction: row;
        gap: 5px;
      
    }
    .container-formule-decouverte-contenu-first{
        width: 50%;
        height:700px;
        background-color: black;
        border-bottom: 5px solid #a8cedc;
        opacity: 0.9;
        transition: transform .2s;
        margin: 0 auto;
    }
    
    .container-formule-decouverte-contenu-first h5{
        background-color:#a8cedc;
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 500;
        font-size: 50px;
        opacity: none;
      
    
    }
    .container-formule-decouverte-contenu-first h6{
     
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 700;
        font-size: 50px;
    
    
    }
    .container-formule-decouverte-contenu-first ul li{
        padding: 5px;
        font-size: 2.5rem;
        margin-left:95px;
        color: white;
    }
    .container-formule-decouverte-contenu-second h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    .container-formule-decouverte-contenu-second{
        width: 50%;
        height:450px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    
    .container-formule-decouverte-contenu-second h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 25px;
    
    
    }
    
    .container-formule-decouverte-contenu-third{
        width: 50%;
        height:400px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        border-bottom: 5px solid black;
    }
    .container-formule-decouverte-contenu-third h5{
        background-color: black;
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 500;
        font-size: 25px;
    
    }
    
    .container-formule-decouverte-contenu-third h6{
     
        text-align: center;
        color: black;
        padding: 15px;
        font-weight: 700;
        font-size: 25px;
    
    
    }
    
    
    
    .table th{
        font-weight: 800;
        font-size: 25px;
        text-align: center;
    }
    .table .total{
        font-weight: 900;
        font-size: 23px;
    }
    
    .container-autre-formule{
     
        width: 100%;
        height: 700px;
     
        margin-top: 150px;
    }
    
    .container-autre-formule h5{
        text-align: center;
        font-size: 75px;
        padding: 50px;
        margin-top: 200px;
        padding-top: 80px;
    }
    .container-autre-formule-contenu{
        background-color: black;
        width: 100%;
        height: 700px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex-direction: row;
        margin-top: -20px;
    }
    .container-autre-formule-first{
       width: 50%;
       height: 450px;
       background-image: url("compress/DSC_4757-min.jpg");
       background-repeat: no-repeat;
       background-size: cover;
    
    }
    .container-autre-formule-first h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 60px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     
    .container-autre-formule-second{
        width: 50%;
        height: 450px;
        background-image: url("picture/night.png");
        background-repeat: no-repeat;
        background-size: cover;
     }
    
     .container-autre-formule-second h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 60px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }
     .container-autre-formule-third{
        width: 50%;
        height: 450px;
        background-image: url("picture/voiture.jpg");
        background-repeat: no-repeat;
        background-size: cover;
     }
     .container-autre-formule-third h5{
        padding: 40px;
        margin-top: 25px;
        font-size: 60px;
        font-weight: 800;
        color: white;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 5px;
     }

     .container-sous-titre-autre a{
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        background-color: black;
        padding: 30px;
        text-decoration: none;
        font-weight: 900;
        font-size: 30px; 
    }
  
     
   button{
    font-size: 85px;
    padding: 25px;
    font-weight: 900;
   }
    .mariage{
        font-size: 50px;
    }
    .container-service-conciergerie-contenu h1{
        text-align: center;
        margin-top: 50px;
          font-family: "Roboto", sans-serif;
         font-weight: 500;
        font-style: italic;
        font-size:95px;
          margin-top: 700px;
    }
    
  
    .container-service-conciergerie-title{
    width: 100%;
    height: 400px;
    
}
.container-service-conciergerie-title #img{
    height: 1000px;
    width: 100%;
}
.container-service-conciergerie-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-conciergerie-contenu{

    width: 100%;
    height: 500px;
}



.container-service-conciergerie-detail{
    width: 100%;
    gap: 35px;
    height: 2000px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.container-service-conciergerie-detail-first{
   background-color: #e5e6eb;
    width: 55%;
    height:1900px;
    margin-top: 80px;
}
.container-service-conciergerie-detail-second{
    background-color: #444444;
    width: 45%;
    height: 800px;
    position: relative;
}
.container-service-conciergerie-detail-second img{
  width: 95%;
    height: auto;
    margin-top: 35px;
   
  
}
.container-service-conciergerie-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-conciergerie-detail-first li{
    padding: 50px;
    margin-top:50px;
    font-size: 3.4rem;
    margin: 85px;
}

.container-service-shopper-title{
    width: 100%;
    height: 500px;
    margin-top: -25px;
}
.container-service-shopper-title img{
    height: 800px;
    width: 100%;
}
.container-service-shopper-title h6{
    padding: 15px;
    font-size: 20px;
}

.container-service-shopper-contenu{

    width: 100%;
    height: 500px;
}
.container-service-shopper-contenu h1{
    text-align: center;
    margin-top: 500px;
      font-family: "Roboto", sans-serif;
     font-weight: 500;
    font-style: italic;
    font-size:95px;
}

.container-service-shopper-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
   
}
.container-service-shopper-detail{
    width: 100%;
    gap: 35px;
    height:1500px;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-service-shopper-detail-first{
   background-color: #a8cedc;
    width: 50%;
    height: 1300px;
    margin-top: 80px;
}
.container-service-shopper-detail-second{
    background-color: black;
    width: 45%;
    height: 800px;
    position: relative;
}
.container-service-shopper-detail-second img{
    width: 95%;
    height: auto;
    margin-top: 35px;
    object-fit: cover;
}
.container-service-shopper-detail-first h2{
    text-align: center;
    padding: 35px;
    font-weight: 900;
}
.container-service-shopper-detail-first li{
    padding: 50px;
    margin-top:50px;
    font-size: 3rem;
    margin: 85px;
}
      .container-a-propos-title{
    width: 100%;
    height: 850px;
 
}
.container-a-propos-title img{
    width: 100%;
     height: 780px;
  
  
 
}
.container-a-propos-contenu h1{
    text-align: center;
         font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
    text-transform: uppercase;
      font-size: 95px;
      margin-top: 100px;
}

.container-a-propos-contenu img{
    width: 100px;
    border-radius: 60%;
    margin-left: 450px;
    margin-top: 25px;
}
.container-a-propos-detail{
    width: 100%;
    height: 1500px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-direction: row;
}
.container-a-propos-first{
   width:70%;
   height: 1680px;
   background-color: #a8cedc;
}
.container-a-propos-first bold{
  font-weight: 800;
}
.container-a-propos-first img{
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
    margin-right: 370px;
    vertical-align: center;
    float: right;
    object-fit: cover;
        }
.container-a-propos-second{
    width:50%;
    height: 300px;
    background-color: black;
    margin-top: -300px;
 }

 .container-a-propos-second img{
    width: 100%;
    height: 900px;
    object-fit: cover;
   
 }

.container-a-propos-first h5{
    padding: 20px;
    font-weight: 900;
    font-size: 4rem;
    margin-top: 25px;
    padding-bottom: 15px;
    line-height: 1.5;
    
}
.container-a-propos-first h5 ~ p{
    margin-left: 35px;
    justify-content: center;
    font-size: 2.4rem;
    margin-bottom: 1em;
    line-height: 1.6;
    word-wrap: break-word;
    text-overflow: ellipsis;
    margin-top: 40px;
    
}
.container-a-propos-first #rule{
    color: black;
    text-align: center;
    margin-top: 15px;
}

.container-footer-copyright{
    width: 100%;
    height: 100px;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-footer-copyright p{
    color: white;
    font-size: 25px;
    color: #a8cedc;
}
     .footer{
        width: 100%;
        height: 800px;
        margin-top:250px;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .container-footer-third{
       margin-left: -100px;
       width: 50%;
    }
    .container-footer-first{

     width: 50%;
     margin-left: 95px;
      
     }
     .container-footer-first p{
        color: #a8cedc;
     font-size: 30px;
     margin-top: -35px;
         
        }
     .container-footer-second{

     width: 50%;
      
     }
    .container-footer-third p:nth-child(1){
        margin-top: 25px;
        color: #a8cedc;
        margin-left: -25px;
        font-size: 30px;
    }
    .container-footer-third p{
        color: #a8cedc;
        margin-left: 35px;
        font-size: 30px;
        margin-top: -35px;
    }
 

    .hr{
        border: none;
        border-bottom: 10px solid #a8cedc;
        width: 20%;
        margin:0 auto;
        margin-left: 25px;
        margin-bottom: 50px;
    }
    .container-footer-second li{
        color: #a8cedc;
        font-size: 30px;
        padding: 10px;

    }

    .container-footer-second a{
        color: #a8cedc;
}
    .hrr{
        border: none;
        border-bottom: 10px solid #a8cedc;
        width: 20%;
        margin:0 auto;
        margin-left: -5px;
        margin-bottom: 50px;
    }
        .hrrr{
        border: none;
        border-bottom: 10px solid #a8cedc;
        width: 20%;
        margin:0 auto;
        margin-left: -25px;
        margin-bottom: 50px;
    }
#plan{
    color: #a8cedc;
    font-size: 30px;

}
.container-image img{
    height: 800px;
}
   .container-rubrique{
        height:1800px;
        width: 100%;
       text-align: center;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background-image: url('picture/LogoMockup.jpg');
        background-repeat: no-repeat;
        background-size: cover;
         flex-direction: row;
    }
    
    .container-service .valeur{
  
        width: 100%;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 35px;
        font-size: 75px;
        color:white;
       ;
    }

    #mariage {

        font-size: 25px;
    }
    #aniff {

        font-size: 25px;
    }
    
    #affaire {

        font-size: 25px;
    }
    
    
    .modal-body .form-check {
        margin-bottom: 10px;
        font-size:35px;
    }

  

  
          .container-first{
      
            width: 60%;
            height: 1200px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            color: white;
            background-color: black;
           margin-top: 100px;
           border-bottom: 3px solid white;
           padding: 5px;
           }
           .container-first:hover{
               background-color: white;
               color: black;
           }
           .container-first img{
               width: 100%;
               object-fit: cover;
               height: 800px;
              
           }
           .container-second{
               margin-top: 100px;
               width: 60%;
               height: 1200px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
               padding: 5px;
              }
              .container-second:hover{
               background-color: white;
               color: black;
               border-bottom: 3px solid black;
           }
              .container-second img{
               width: 100%;
               object-fit: cover;
               height: 800px;
           }
           .container-third{
               margin-top: 100px;
               width: 60%;
               height: 1200px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-third:hover{
               background-color: white;
               color: black;
           }
              .container-third img{
               width: 100%;
               object-fit: cover;
               height: 800px;
            }
           
           .container-fourth{
               margin-top: 100px;
               width: 60%;
               height:1200px;
               box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
               color: white;
               background-color:black;
               border-bottom: 3px solid white;
             
               padding: 5px;
              }
              .container-fourth:hover{
               background-color: white;
               color: black;
           }
              .container-fourth img{
               width: 100%;
               object-fit: cover;
               height: 800px;
           }
               .container-first p{
                  margin-top: 40px;
                  font-size: 45px;
                  margin-left:25px;
              
               }
               .container-first h6{
                   margin-top: 60px;
                   font-size: 45px;
                 
                  text-transform: uppercase;
               
                 
                }
                .container-second p{
                   margin-top: 40px;
                   font-size: 45px;
                   margin-left: 25px;
                   
                }
                .container-second h6{
                   margin-top: 60px;
                   font-size: 45px;
                   margin-left: 25px;
                  text-transform: uppercase;
                   
                 }
                 .container-third p{
                   margin-top: 40px;
                   font-size: 45px;
                   margin-left: 25px;
              
                }
                .container-third h6{
                   margin-top: 60px;
                   font-size: 45px;
                  margin-left: 28px;
                  text-transform: uppercase;
                    
                 }
                 .container-fourth p{
                   margin-top: 40px;
                   font-size: 45px;
                   margin-left: 25px;
                  
                }
                .container-fourth h6{
                    margin-top: 60px;
                    font-size: 45px;
                    margin-left: 80px;
                    text-transform: uppercase;
                    margin-left: 25px;
                 }
                  
    .container-formule{
        background-color: #a8cedc;
        width: 100%;
        height: 900px;

    }

    .container-formule-contenu{
    
        width: 100%;
        height: 900px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 100px;
        background-color: #a8cedc;
        flex-direction: row;

      
      
   
    }

    .container-formule h6{
        color: black;
    }
   .container-formule-first{
        width: 50%;
        height: 400px;
      
     
        background-image: url('compress/DSC_5115-min.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    }

    .container-formule-first h5{
        color: white;
        font-weight: 500;
        font-size: 50px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-second{
        width: 50%;
        height: 400px;
      
        background-image: url('picture/discover.png');
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-second h5{
        color: white;
        font-weight: 500;
        font-size: 50px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
        
    }
    .container-formule-third{
        width: 50%;
        height: 400px;
        background-image: url('picture/voiture.jpg');
       
       background-repeat: no-repeat;
       background-size: cover;
    }

    .container-formule-third h5{
       color: white;
       font-weight: 500;
        font-size: 50px;
        text-align: center;
        margin-top: 180px;
        margin-bottom: 50px;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .container-formule-fourth{
        width: 50%;
        height: 400px;
        background-image: url('picture/night.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .container-formule-fourth h5{
        color: white;
        font-weight: 500;
        font-size: 50px;
        text-align: center;
        margin-top: 180px;
        background-color: black;
        background-color: black;
        opacity: 0.8;
        padding: 20px;
    }
    .formule{
        text-decoration: none;
        background-color: black;
        color: white;
        margin-left: 200px;
        padding: 25px;
        font-weight: 900;
        font-size: 35px;
        margin-top: 25px;
       
    }
    .container-citation{
       
        width: 100%;
        height: 500px;
        
    }
    .container-citation p{
        font-size: 75px;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-style: italic;
        text-align: center;
    }
    .container-evenement-bapteme{
        width: 100%;
        height: 600px;
        margin-top: 900px;
    
    }
    .container-evenement-bapteme-contenu{
       
        width: 100%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 50px;
        flex-direction: row;
    }
    .container-evenement-bapteme-contenu-left{
        background-color: #e5e6eb;;
        width: 50%;
        height: 1325px;
    }
    .container-evenement-bapteme-contenu-right{
    
        width: 50%;
        height: 900px;
        background-color: black;
    }

    .container-evenement-bapteme-contenu-right img{
        height: 800px;
        width: 95%;
        margin-top: 25px;
    }
    .container-evenement-bapteme-contenu-left h5{
        font-size: 75px;
        font-weight: 900;
        padding: 25px;
        margin-top: 50px;
    }
    
    .container-evenement-bapteme-contenu-left p{
        font-size: 4rem;
        margin-top: 80px;
    }
    .container-evenemnt-contenu{

        width: 100%;
        height: 950px;
    }
    .container-evenemnt-contenu h1{
        text-align: center;
        margin-top: 50px;
        font-weight: 500;
          font-family: "Roboto", sans-serif;
      font-style: italic; 
      font-size:95px;
      margin-top: 1000px;
    }
    .container-service-conciergerie-title img{
      
        width: 100%;
        height:1700px;
       
    }
    .container-evenemnt-contenu img{
        width: 100px;
      height: auto;
     
       
    }
    .container-evenement-contenu-detail{
    
        width: 100%;
        margin-top: -300px;
        height: 2100px;
       
       
    }
    
    .container-evenement-contenu-detail h5{
        text-align: center;
       font-weight: 900;
       padding: 30px;
       font-size: 4.8rem;
     
       margin-top: 50px;
     
    }
    .container-mariage{
        width: 100%;
        height: 1500px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
      
        margin-top: 700px;
        
    }
    
    .container-mariage-left{
        background-color: #e5e6eb;
        width: 50%;
        height: 1500px;
     
    }
    .container-mariage-right{
        width: 50%;
        height: 1000px;
        background-color: black;
        margin-top: -200px;
    }
    .container-mariage-right img{
        width: 95%;
      
        height: auto;
    }
    .container-mariage-left p{
        padding: 15px;
        margin-top: 80px;
        font-size: 4rem;
    }
    
    .container-evenement-contenu-detail-seconde{
        width: 100%;
        margin-top: -60px;
        height: 500px;
     
    
    }
    .container-aniversaire{
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
        flex-direction: row;
    
    }
    .container-aniversaire-right{
        background-color: #e5e6eb;
        width: 50%;
        height: 1500px;
    }
    .container-aniversaire-left{
     
        width: 50%;
        height:1000px;
        background-color: black;
        margin-top: -200px;
    }
    .container-aniversaire-left img{
        width: 95%;
        height: auto;
    }
    
    .container-aniversaire-right h5{
        text-align: center;
        font-weight: 900;
        padding: 30px;
        font-size: 4.8rem;
        margin-top: 50px;
    }
    
    .container-aniversaire-right p{
        
        padding: 15px;
        margin-top: 80px;
        font-size: 4rem;
        
    
    }
    .container-evenement-formulaire{
        width: 100%;
        height: 1800px;
        background-color: black;
        margin-top: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
     
    }
    .container-evenement-formulaire-contenu{
        width:100%;
        height: 500px;
        margin-top:-100px;
        margin-left: 100px;
      
     
        
     
       
    }

    .container-evenement-formulaire-contenu input{
        height: 85px;
        width: 600px;
        font-size: 35px;
        padding: 5px;
       
    }
    .container-evenement-formulaire-contenu textarea{
        height: 300px;
        width: 600px;
        font-size: 50px;
    }
    .container-evenement-formulaire-contenu label{
        font-size: 40px;
        color: white;
        font-weight: 500;
    }
.container-evenement-contenu-detail-third{
    width: 100%;
    height: 200px;
    margin-top: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('picture/mentiel.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    gap: 15px;
   }
   
   .container-evenement-contenu-detail-fourth{
       width: 100%;
       height: 400px;
    
   }
   .container-evenement-contenu-detail-fourth h2{
       text-align: center;
       padding: 85px;
       font-size: 75px;
       margin-top: 500px;
       color: black;
      
   }
   .container-evenement-contenu-detail-fifth{
       width: 100%;
       height: 1300px;
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 20px;
       flex-direction: row;
     
   }
   .container-evenement-contenu-detail-left{
       width: 50%;
       height: 1500px;
      background-color: #e5e6eb;;
      margin-top:280px;
   
   }
   .container-evenement-contenu-detail-left h5{
       font-size: 4.5rem;
       font-weight: 900;
       padding: 50px;
       margin-top: 50px;
   }
   
   .container-evenement-contenu-detail-left p{
       padding: 15px;
       margin-top: 80px;
       font-size: 4rem;
   }
   .container-evenement-contenu-detail-right{
       width: 50%;
       height: 1000px;
       background-color: black;
       margin-top: 50px;
   }
   
   .container-evenement-contenu-detail-right img{
       width: 95%;
       height: auto;
   }
   .container-title-contenu-info h1{
margin-top: 1000px;
font-size: 95px;

  
}
   .prest{
       background-color: black;
       color: white;
       padding: 40px;
       margin-right: 25px;
       float: right;
       border-radius: 10px;
       font-size: 50px;
       margin-top: 80px;
     
   }
   .container-title-info img{
    width: 100%;
    height:1200px;
    
  
}

#envoyer{
    background-color: black;
    width: 300px;
    padding: 10px;
    color: white;
    border: 2px solid white;
    margin-top:30px;
    margin-left:150px;
    font-weight: 900;
    font-size: 35px;
}
.container-evenement-formulaire-contenu h5{
    font-size: 78px;

    margin-left: -200px;
    margin-top: -700px;
    color: white;
   

}
}