@import url("colors.css");
html, body { height: auto; background: #ecf1f6 !important;}

/* Conteneur normal */
.sheet-embed-container { max-width:1200px; margin:0 auto;}

/* Iframe normal */
.sheet-embed { width:100%; height:80vh; min-height:600px; border:0; background:#ecf1f6; }

/* Quand l'iframe ou le conteneur est en fullscreen : forcer 100vh/100vw et fond blanc */
.sheet-embed:fullscreen,
.sheet-embed:-webkit-full-screen,
.sheet-embed-container:fullscreen,
.sheet-embed-container:-webkit-full-screen {
  width:100vw !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  background:#ecf1f6 !important;
}

html{
    background-color: #ecf1f6;
}

section{
    background-color: #ecf1f6;
}

main{
    background-color: #ecf1f6;
}
.navbar{
    background-color: rgba(202, 255, 222, 0.333);
}
footer{
    background-color: rgba(204, 224, 183, 0.822);
}

.bg-div{
    background-color: #d1d1d1cc;
}
/*  Carrousel  */
/* Carrousel / images: uniform 2:3 ratio, no stretching, subtle zoom */
#carousel1 img,
.img-uniform {
    width: 100%;
    max-width: 1000px;        /* change to desired max width */
    aspect-ratio: 16 / 9;     /* forces 2:3 box */
    height: auto;
    object-fit: cover;       /* crop to fit without stretching */
    display: block;
    border-radius: 6px;
}

/* ensure the carousel container clips any overflow from transform */
#carousel1 {
    max-width: 1000px;
    overflow: hidden;
}

.carousel-item h5,
.carousel-item p {
    color: #ecf1f6;
}


#mentions p{
    text-indent: 20px;
}


html, body { height: auto; background: #ecf1f6 !important;}