/* ========================================
   Feuille de style modernisée - SIMMOGEST
   Auteur : Sébastien LE MENTEC
   Date : Août 2025
   ======================================== */

/* ---- Règles générales ---- */
body {
  padding: 50px;
  font-family: Verdana, sans-serif;
  background-image: url('../Image/backg.jpg');
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-size: auto;
}

h1, h2, legend.Princ {
  font-weight: bold;
}

/* ---- Paragraphes ---- */
p.texte {
  font-size: 16px;
  color: #0099FF;
  text-align: justify;
}

/* ---- Conteneurs ---- */
div {
  width: 450px;
  padding: 10px;
}

.arrondi {
  border-radius: 10px;
  background: #ccc;
}

.blabla {
  text-align: justify;
  position: relative;
  left: 50px;
  width: 80%;
}

/* ---- Fieldsets et légendes ---- */
fieldset.paraph {
  width: 100%;
  border: 2px solid green;
  border-radius: 8px;
  margin-bottom: 30px;
}

legend.Princ {
  font-size: 16px;
}

/* ---- Positionnement spécifique (à moderniser si possible) ---- */
fieldset.PrincGauche {
  position: absolute;
  top: 90px;
  left: 10px;
  width: 400px;
  z-index: 1;
}

fieldset.PrincDroite {
  position: absolute;
  top: 90px;
  right: 10px;
  width: 400px;
  z-index: 1;
}

/* ---- Tableaux ---- */
table.fax, table.md {
  width: 94%;
  border-collapse: collapse;
  margin: auto;
}

/* ---- Boutons et liens ---- */
a.button-link {
  display: inline-block;
  padding: 8px 16px;
  background-color: #007BFF;
  color: white;
  border-radius: 5px;
  font-size: 14px;
  text-decoration: none;
  margin-bottom: 30px;
}

a.button-link:hover {
  background-color: #0056b3;
}

/* ---- Centrage images et iframes ---- */
.centered {
  text-align: center;
}

.centered iframe,
.centered img {
  display: inline-block;
  margin: auto;
  border-radius: 10px;
  border: 1px solid #ccc;
}

/* ---- Responsive (optionnel à développer plus tard) ---- */
@media (max-width: 768px) {
  div, .blabla {
    width: 100%;
    left: 0;
  }
  fieldset.PrincGauche,
  fieldset.PrincDroite {
    position: static;
    width: 100%;
  }
}