/* =========================================
   PRESSE.CSS — Page Presse
   Styles spécifiques + responsive
========================================= */


/*============================
======= FICHIERS COMMUNS ========
=============================
   Styles généraux sans media queries
=============================*/

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

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

/* On laisse mainbox se comporter normalement
   (mise en page globale gérée dans styles.css) */
.mainbox {
  position: relative;
  padding: 0 20px 40px;
  text-align: center;       /* ➜ centre les blocs inline-block */
  margin-bottom: 40px;      /* ➜ laisse de l'espace avant le footer */
}

/* Indents conservés (si tu les utilises) */
.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; }

/* Empêche les images de dépasser leurs boîtes (si tu utilises .presse-container) */
.presse-container img{
  max-width: 100%;
  height: auto;
  display: block;
}

/* =======================
   BLOCS PRESSE — Desktop
======================= */

.Presse2025_01,
.Presse_01,
.Presse_02,
.Presse_03,
.Presse_04,
.Presse_05 {
  background: #047303;
  border-radius: 10px;
  text-align: center;         /* contenu centré dans la carte */
  font-family: Verdana, Arial, sans-serif;
  color: #fff;
  padding: 10px;

  /* 2 colonnes : blocs côte à côte */
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 40px);    /* 2 colonnes avec de l'espace */
  margin: 20px;
}

.Presse2025_01 img,
.Presse_01 img,
.Presse_02 img,
.Presse_03 img,
.Presse_04 img,
.Presse_05 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}



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

@media (max-width: 480px){

  .mainbox {
    padding: 0 10px 30px;
    text-align: center; /* ok aussi sur mobile */
  }

  .Presse2025_01,
  .Presse_01,
  .Presse_02,
  .Presse_03,
  .Presse_04,
  .Presse_05 {
    display: block;
    width: 100%;
    margin: 10px auto;
  }

}



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



/*============================
===== FICHIERS GRANDS FORMATS ======
=============================
   Tablettes paysage / petits ordis
   (layout desktop conservé)
=============================*/



/*============================
======= FICHIERS ORDINATEURS =======
=============================
   Mise en page 2 colonnes inline-block
   (gérée par les styles communs ci-dessus)
=============================*/