/* =========================================
   MENTIONS.CSS — Mentions légales
========================================= */


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

/* Indents */
.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; }
.indent-500{ text-indent:500px; }

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

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

html{ scroll-behavior:smooth; }

.anchor{
  display:block;
  position:relative;
  top:-200px;
  visibility:hidden;
  height:1px;
}

/* Conteneur principal */
.mentions-container{
  position:relative;
  padding:20px;
  width:1250px;
  min-height:2300px;
  height:auto;
  margin:20px auto 100px auto;
  background:#047303;
  border:1px solid #000;
  border-radius:10px;
  overflow:visible;
  padding-bottom:100px;
}

.titre-container{
  position:relative;
  background:#047303;
  padding:10px 0;
  text-align:center;
  margin-bottom:30px;
  border-bottom:2px;
}

.titre-container img{
  width:80%;
  height:auto;
  display:block;
  margin:0 auto;
}

.trait-noir{
  border:none;
  height:4px;
  background:#000;
  width:40%;
  margin:0 auto 100px auto;
}

/* Traits noirs positionnés */
.traitnoirA-container{
  position:absolute;
  margin-top:250px;
  margin-left:350px;
  width:500px;
  text-align:center;
}
.traitnoirA-container img{ width:100%; height:auto; }

.traitnoirB-container{
  position:absolute;
  margin-top:530px;
  margin-left:350px;
  width:500px;
  text-align:center;
}
.traitnoirB-container img{ width:100%; height:auto; }



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

@media (max-width:480px){

  .mentions-container{
    width:calc(100% - 20px);
    padding:12px;
    margin:10px auto 40px auto;
    min-height:auto;
  }

  .titre-container img{
    width:95%;
  }

  /* Traits noirs → flux normal */
  .traitnoirA-container,
  .traitnoirB-container{
    position:static;
    margin:12px auto;
    width:70%;
    transform:none;
  }
}



/*============================
====== FICHIERS MOYENS FORMATS =====
=============================
   Smartphones paysage / tablettes portrait
   (pas de règles spécifiques pour l'instant)
=============================*/



/*============================
===== FICHIERS GRANDS FORMATS ======
=============================
   Tablettes paysage / petits ordis
   (pas de règles supplémentaires)
=============================*/



/*============================
======= FICHIERS ORDINATEURS =======
=============================
   Mise en page desktop existante
   (tout est dans COMMUNS)
=============================*/