/*Créé par Thomas Mao le 14 mars 2025.*/
/*page CSS pour la page d'accueil.*/

.section-recommande {
    background-color: antiquewhite;
    margin: 20px 0;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.recommande-img :hover {
    opacity: 0.77;
}

.recommande {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin: 35px;
}

.style-image img {
    cursor: pointer;
    background-color: antiquewhite;
    opacity: 0.85;
    transition: 0.3s ease-in-out;
}

.style-image :hover {
    transform: scale(1.05);
    opacity: 1;
}

@media(max-width: 1000px){
    .style-image img{
        padding: 5px;
        margin: 5px;
    }
}

@media(max-width: 500px){
    .style-image img{
        padding: 5px;
        margin: 5px;
    }
}

.style-image img {
    border-radius: 20px;
}

.section-region {
    background-color: antiquewhite;
    margin: 20px 0;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1000px) {
    .container-region {
        flex-wrap: wrap;
    }
}

.container-region {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin: 40px 0;
}

.article-propos {
    display: flex;
    flex-direction: row;
    padding: 50px;
    background-color: bisque;
}

@media (max-width: 1000px) {
    .article-propos {
        display: flex;
        flex-direction: column;
        padding: 0 20px 0 20px;
    }
}

.section-propos {
    background-color: antiquewhite;
    margin: 50px 0 50px 15px;
    padding: 60px 30px 0 30px;
    border-radius: 20px;
    border: 1px solid black;
}

@media (max-width: 1300px) {
    .section-propos {
       padding:  20px 30px 0 30px;
    }
}

@media (max-width: 1000px) {
    .section-propos {
       padding:  30px;
       margin: 30px 10px 30px 10px ;
    }
}

.google-map {
    width: 400px;
    height: 400px;
    border: none;
    border-radius: 4em;
    opacity: 0.7;
    transition: 0.3s ease-in-out;
}

@media (max-width: 500px){
.google-map{
    width: 275px;
    height: 275px;
}
}

.google-map:hover {
    transform: scale(1.05);
    opacity: 1;
}

.section-savoir {
    margin: 30px 0;
    padding: 30px;
    border-radius: 10px;
}

.sectionsavoir-description {
    margin: 30px;
    padding: 10px 30px;
    border-radius: 20px;
    border: 1px solid black;
    background-color: antiquewhite;
}

.imgheader {
    background-image: url(../image/image-header.jpg);
    background-size: 2400px;
    background-repeat: no-repeat;
    overflow: hidden;
}

.text {
    margin-bottom: 5px;
}

.icon p {
    font-size: 20px;
    margin-top: 20px;
}

.article {
    display: flex;
    flex-direction: row;
    padding: 50px;
    background-color: bisque;
}

.container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin: 40px 0;
}

.hours{
    font-size: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

@media(max-width : 1000px){
    .hours{
         font-size: 20px;   
    }
}

@media(max-width : 500px){
    .hours{
        font-size: 15px;   
   }
}

.clock{
    padding: 0px 30px;
    border: 1px solid;
    background-color: antiquewhite;
}

.clock-text{
    padding-left: 20px;
    font-family: 'Playfair Display', serif;
    font-weight:bold ;
}

@media(max-width : 1000px){
    .clock-text{
        padding-left: 12px;   
   }
}

@media(max-width : 500px){
    .clock-text{
        padding-left: 8px;   
   }
}

.p-phnompenh{
    text-align: center;
}

.p-bern{
    padding-right: 15px;
}

.map{
    margin: 20px;
}