/* =========================================
   GDT.CSS — Page Gens de Terroirs
   ========================================= */


/*============================
======= FICHIERS COMMUNS ========
=============================
   Styles de base, sans media queries
=============================*/

/* ==================================================
   GDT — Gens de Terroirs
================================================== */

/* Indents conservés */
.indent-40  { text-indent: 40px; }
.indent-45  { text-indent: 45px; }
.indent-50  { text-indent: 50px; }
.indent-55  { text-indent: 55px; }
.indent-60  { text-indent: 60px; }
.indent-65  { text-indent: 65px; }
.indent-70  { text-indent: 70px; }
.indent-75  { text-indent: 75px; }
.indent-80  { text-indent: 80px; }
.indent-85  { text-indent: 85px; }
.indent-90  { text-indent: 90px; }
.indent-95  { text-indent: 95px; }
.indent-100 { text-indent: 100px; }
.indent-105 { text-indent: 105px; }
.indent-110 { text-indent: 110px; }
.indent-115 { text-indent: 115px; }
.indent-120 { text-indent: 120px; }
.indent-125 { text-indent: 125px; }
.indent-200 { text-indent: 200px; }
.indent-210 { text-indent: 210px; }
.indent-215 { text-indent: 215px; }
.indent-220 { text-indent: 220px; }
.indent-225 { text-indent: 225px; }
.indent-230 { text-indent: 230px; }
.indent-235 { text-indent: 235px; }
.indent-240 { text-indent: 240px; }
.indent-290 { text-indent: 290px; }
.indent-300 { text-indent: 300px; }
.indent-400 { text-indent: 400px; }

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.cesure{
  width: 100%;
  max-width: 350px;
  overflow-wrap: break-word;
  hyphens: auto;
  text-align: justify;
}

/* ============ LAYOUT GDT DANS LA MAINBOX ============ */

/* Conteneur spécifique à la page GDT, à l'intérieur de .mainbox */
.gdt-layout{
  width: min(1250px, 100% - 40px); /* comme les autres pages */
  margin: 40px auto 60px;          /* espace avec le haut et le bas de la mainbox */
  padding: 20px 20px 60px;         /* un peu d’air intérieur, surtout en bas */
  background: #047303;
  border: none;
  border-radius: 10px;
}

.trait-noir {
    border: none;
    height: 4px;
    background-color: #000; /* ✅ Trait noir */
    width: 40%;             /* ✅ Tu peux ajuster : 100% = pleine largeur */
    margin: 0 auto 100px auto; /* ✅ Centré + espace sous le trait */
}

/* Tous les blocs (logo, parchemin, doc, vidéo) */
.gdt-block{
  width: 100%;
  max-width: 1000px;      /* largeur “contenu” */
  margin: 0 auto 50px;    /* CENTRÉ + 50px d’espace vertical */
}

/* Pas de marge en bas pour le dernier bloc (vidéo) */
.gdt-layout > .gdt-block:last-child{
  margin-bottom: 0;
}

/* ============ BLOCS IMAGES ============ */

.logo-container img,
.parchemin img,
.docfond img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.logo-container img{
  max-width: 80%;
  margin: 0 auto 50px;    /* CENTRÉ + 50px d’espace vertical */
}


/* ============ BLOC VIDÉO ============ */

.video-box{
  display: flex;
  justify-content: center;
}

.video-frame{
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  /* ratio 16/9 responsive */
  aspect-ratio: 16 / 9;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

.video-frame iframe{
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}



/*============================
====== FICHIERS PETITS FORMATS ======
=============================
   Smartphones portrait (≤480px)
=============================*/

/* ============ RESPONSIVE SMARTPHONE ============ */
@media (max-width: 480px){

  .gdt-layout{
    width: calc(100% - 16px);
    margin: 16px auto 32px;
    padding: 12px 8px 32px;
  }

  .gdt-block{
    max-width: 100%;
    margin-bottom: 32px;
  }

  .logo-container img,
  .parchemin img,
  .docfond img{
    border-radius: 6px;
  }

  .video-frame{
    border-radius: 6px;
  }
}



/*============================
====== FICHIERS MOYENS FORMATS =====
=============================
   Smartphones paysage / tablettes
   (rien de spécifique pour l’instant)
=============================*/



/*============================
===== FICHIERS GRANDS FORMATS ======
=============================
   Tablettes paysage / petits ordis portables
   (prêt si tu veux affiner plus tard)
=============================*/



/*============================
======= FICHIERS ORDINATEURS =======
=============================
   Écrans larges — base desktop
   (déjà géré par les styles communs)
=============================*/