/*
  De Montmollin Joakim - 10.01.2026
  Page d'accueil du site web*/




/*body*/
body {
    font-family: Arial;
    background: linear-gradient(#ffffff, #faf7f2);
    text-align: justify;
}
/*body*/






/*header*/
.logo {
    width: 6%;
    height: 6%;
}
/*ligne en bas quand sur l'onglet actif*/
.nav a.active {
  border-bottom: 2px solid brown;
}
a:hover {
    color: rgb(81, 207, 95);
}
a {
  color: brown;
  text-decoration: none;
  font-weight: bold;
}
/*header*/










/*index*/
#Video1{
    width: 100%;
}
a {
    color: brown;
}
/*index*/








/*menu*/
.menu-titre{
  font-size: 34px;
}
.menu-image {
  width: 100%;
  max-width: 700px;
  border-radius: 12px;
  margin-bottom: 30px;
}
/*menu*/







/*apropos*/
.apropos-main{
  padding-bottom: 30px;
}
.apropos-container {
  margin: auto;
  /*pour pas que ça soit trop grand*/
  max-width: 1000px;
  border-radius: 16px;
}
/*titre*/
.apropos-container h1 {
  font-size: 34px;
}
.apropos-image {
  width: 100%;
  border-radius: 18px;
}
.apropos-p1, .apropos-p2{
  margin-top: 20px;
  border-radius: 14px;
  background-color: white;
  border:1px solid #eee;
  padding: 15px;
}
#seconde{
  font-size: 50px;
  font-weight: bold;
  color: rgb(255, 51, 0);
}
/*apropos*/










/*contact*/
.contact-main {
  /*J'ai pris max-width pour définir une largeur maximale comme ça la page reste plus propre et le contenu n'est pas tout étiré.*/
  max-width: 1200px;
  margin:auto;
}

/*titre de la page avec les informations de contact*/
.contact-titre {
  text-align: center;
  font-size: 34px;
}

/*c'est la bulle à gauche avec les heures et j'ai décidé de mettre une couleur trés légére en tant que bordure afin de faire plus ressortir.*/
.heure {
  background-color: white;
  border: 1px solid #eee;
  border-radius: 14px;
  padding:20px;
}

/*Vu que j'ai la balise "li" je dois enlever les points devant parce que c'est pas beau*/
.heure ul {
  list-style: none;
  line-height: 3;
}
.contact-div{
  border-radius: 14px;
  background-color: white;
  border: 1px solid #eee;
  padding:20px;
  line-height: 1.5;
}
.googlemap{
  border-radius: 20px;
}
.contact-heure{
  font-weight: bold;
}
/*contact*/











/*galerie*/
.galerie-main {
  max-width: 1500px;
  margin:auto;
}

.galerie-titre {
  text-align: center;
  font-size: 34px;
}

/*Ici j'ai décidé de ne pas donner un taille fixe parce que sinon ça déforme les images*/
.galerie img {
  width: 35%;         
  height: 7.5%;
  border-radius: 14px;
}
/*galerie*/










/*footer*/
footer {
    padding: 4%;
}
/*footer*/