/* Réinitialisation CSS — https://ateliers.esad-pyrenees.fr/web/pages/ressources/css/reset/ */
*, *::before, *::after { box-sizing: border-box; } body { line-height: 1.45; -webkit-font-smoothing: antialiased; } img, picture, video, canvas, svg { display: block; height: auto; max-width: 100%; } input, button, textarea, select { font: inherit; margin: 0; } iframe { border: 0; }

body {
  font-family: 'Times New Roman', Times, serif;
  margin: 0;
}

section {
  padding: 35px;

}
/* Le svg présent dans la page est invisible (il ne contient ni tracé ni forme) */
    .svg { position: fixed; z-index: -1; }
    /* L’élément main est “filtré” grâce au filtre SVG */
    main { filter: url(#svgfilter); }


figure { margin: 0; }
figcaption { text-align: center; margin: .5em 0;}
img { 
    display: block;
    max-width: 100%; 
    mix-blend-mode: multiply; 
    object-fit: cover; 
    /* hauteur / largeur qui tient compte de la rotation */
    width: 100%; 
    height: 100%;
}
.maintext {

    font-size: 25px;
    line-height: 1.6;
    text-align: justify;
    padding-left: 20%;
    padding-right: 35px;
    padding-bottom: 35px;
    position: static;
    
 }

.footers {

  font-size: 20px;
  line-height: 1.01;
  text-align:center;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 35px;
  color: blue;
  column-count: 3;
  column-gap: 40px;
  
 }
/* --------------------------------------------------- grille 1 */
.grid1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
  gap: 20px;
}
.grid1 img {
  width: 100%;
}


/* --------------------------------------------------- grille 2 */
.grid2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
  gap: 50px;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.grid2 figure {

  justify-self: center;
}
.grid2 img {
  max-width: 100%;
  max-height: 300px;
}

.logo {
 font-size: 20px;
 line-height: 1.6;
 text-align: left;
 padding-left: 35px;
 padding-top: 35px;
 position: sticky;
 left: 0.1%;
 top: -21px;
 width: 20%;
 float: left;
 font-weight: 600;
 
}


/* --------------------------------------------------- grille 3 */
.grid3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
  gap: 20px;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.grid3 figure {
  width: 100%;
  aspect-ratio: 1/1;
}
.grid3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}