h2{
   font-size: 3em;
}

h3, p {
   font-size: 2em;
   width: 90vw;
}

ul {
   font-size: 2em;
}
/*EN-TETE*/
h1 {
   top:35%;
   font-size: 8em;
   width: 90%;
   border:solid 7px rgb(246, 239, 221);

}

#enTete{
   margin-left: 3.5%;
}
header::after {
   width:106%;
}

video {
   width: 106%;
}

#flecheBas {
   top: 90%;
   width: 40px;
   height: 40px;
}
/*NAVIGATION*/
.navigation {
   display: none;
}

/*PARTIE DESCRIPTION*/
.description {
   color: rgb(3, 7, 22);
   margin-top : 60px;
   display: flex;
   flex-direction: column;
   height:auto;
}

.articleDescription {
   order:1;
   width: 90%;
   margin-left: 4%;

}

.photosDescription {
   margin-top: 40px;
   width: 95%;
   height: auto;
   order:2;
   margin-left: 6%;
   border:none;
}

.photosDescription img {
   width: 95vw;
   border-radius: 2px;
   margin-bottom: 20px;
   transition: width 1s;
}
/*PARTIE AGENCEMENT*/
#agencementID {
   width: 100%;
}



#agencementID{
   height: 800px;
   width: 104%;
   margin-bottom:100px;
}
.articleAgencement {
   width: 80%;
   padding-left: 5%;
   padding-right: 5%;
}
/*PARTIE EQUIPEMENT*/
#listeEquipementsGauche, #listeEquipementsDroite {
   margin-right: 3vw;
   margin-left: 3vw;
}

#listeEquipementsGauche li, #listeEquipementsDroite li {
   background-position: 0em -0.2em;
   padding-left: 2em;
}

/*PHOTOS*/
.photos{
   margin-left: 3.5%;
   margin-top: 100px;
   margin-bottom: 100px;
}
button{
   font-size: 2em;
   padding: 25px;
   border-radius: 50px;
   border: solid 2px rgb(13, 22, 55);
}

.buttonJardin.open, .buttonEtage0.open, .buttonEtage1.open, .buttonEtage2.open {
   border-radius: 50px;
}

.jardin.open, .etage0.open, .etage1.open, .etage2.open {
   height: 700px;
}

.jardin.open img, .etage0.open img, .etage1.open img, .etage2.open img {
   width: 47vw;
   background-color: rgba(246, 239, 221, 0);
   transition-property: background-color, width;
   transition-duration: 0.5s;
}

.photos a:hover::before, .jardin.open .diffTaille:hover::before {
   opacity: 0;
}

.photos a:hover::after {
   background-color: rgba(0, 0, 0, 0.0);
}
.photos a.ouvrirImg img {
   width: 90%;
   top : 40%;
}
/*CARTE*/

.carte {
   width: 106%;
   margin-top:150px;
}
.articleCarte h2 {
   font-size: 5vw;
}

.articleCarte img {
   width: 105vw;
}

.bateau {
   left:9.5vw;
   top: -30vw;
   width: 6vw;
}

@keyframes bateau {
   0% {
      top: 0;
      left: 50vw;
      transform: rotate(0deg);
   }

   65% {
      top: -23vw;
      transform: rotate(30deg);
      left: 8.5vw;
   }

   90%{
      left:9.5vw;
      top: -30vw;
      transform: rotate(90deg);
   }
}

/*PARTIE TARIF INFORMATION*/

.tarifs, .informations {
   width: auto;
   font-size: 0.4em;
}

.tarifsInformations {
   opacity: 1;
}



/*FOOTER*/

footer {
   height: 700px;
   width: 106%;
}

.bouton {
   margin-left: 70%;
}

.modal-content {
   width: 90%;
   font-size: 16px;
}