
*{
    margin: 0;
    padding: 0;
    box-sizing:border-box
}
.page-carrousel {
    height: 70vh;
}
.titre-carou {
    background-color: #c59c6b;
    text-align: center;
    width: 30vw;
    margin: 0 auto;
    border-radius: 30px;
}
.carrou {
    display: flex;
    margin-top: 10vh;
    justify-content: center;

}
.carrou img {
    width: 350px;
    height: 350px;
    object-fit: cover;
    border-radius: 500%;
    border: 2px solid black;

}
.btn-carrou {
    display: flex;              /* images à la suite */
    justify-content: center;    /* centrage horizontal */
    align-items: center;
    gap: 10vw;                  /* espace entre les images */
    transform: scale(0.3);      /* à la place de scale */
}
.btn-carrou img {
    cursor: pointer;
}
#photoD {
  scale: 0.7;
}
#photoG {
  scale: 0.7;
}


.bloc{
    background-color: #fff6ed;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 8px;
}
.titre-v{
    text-align: center;
    height: 6vh;
    width: 30vw;
    background-color: #c59c6b;
    margin: 0 auto;
    border-radius: 25px;
    margin-top: 5vh;
}
.pr1{
    text-align: center;
    height: 38vh;
    width: 35vw;
    background-color: #c59c6b;
    margin: 0 auto;
    border-radius: 25px;
    margin-top: 5vh;
}
.pr2{
    text-align: center;
    height: 38vh;
    width: 35vw;
    background-color: #c59c6b;
    margin: 0 auto;
    border-radius: 25px;
    margin-top: 5vh;
}
.bloc-txt {
    grid-row: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 1;
}
.img4 img{
    grid-column-start: 3;
    grid-row-start: 2;
    max-width: 30vw;
    max-height: 70vh;
    border-radius: 25px;
    margin-top: 9%;
    padding-left: 2%;
}
.img3 img{
    grid-column-start: 3;
    grid-row-start: 1;
    max-width: 30vw;
    max-height: 80vh;
    border-radius: 25px;
    margin-top: 9%;
    margin-left: 3%;
}
.img2 img{
    grid-column-start: 1;
    grid-row-start: 2;
    max-width: 30vw;
    max-height: 80vh;
    border-radius: 25px;
    margin-top: 26%;
    padding-left: 2%;
}
.img1 img{
    max-width: 30vw;
    max-height: 80vh;
    border-radius: 25px;
    margin-top: 26%;
    margin-left: 3%;
}
 