/*
Fichier : css_regles.css
Chemin  : D:\speedclicV2\www\assets\css\css_regles.css
Role    : LES REGLES DU SITE — la page regles.php et la modale du bas de colonne
          (includes/layout/regles_modale.php). (27/09/2026)
          Modale : fermeture visible en haut et en bas, zone redimensionnable, ascenseur
          (regle 28).
*/

/* ---------- le texte, commun a la page et a la modale ---------- */
.rgl { color: #1d2733; font: 15px/1.55 Arial, Helvetica, sans-serif; }
.rgl-titre { font-size: 1.5em; margin: 0 0 .2em; color: #0b3d6b; }
.rgl-version { margin: 0 0 1.2em; color: #5b6673; font-size: .9em; }
.rgl-art { font-size: 1.08em; margin: 1.3em 0 .4em; color: #0b3d6b; }
.rgl p { margin: 0 0 .6em; }
.rgl-cadre { background: #f2f6fa; border: 1px solid #d5e0ea; border-radius: 6px; padding: .2em 1em .8em; }
.rgl-ident { display: grid; grid-template-columns: max-content 1fr; gap: .25em 1em; margin: .4em 0 0; }
.rgl-ident dt { font-weight: bold; }
.rgl-ident dd { margin: 0; overflow-wrap: anywhere; }
.rgl-autre { margin-top: 1.6em; }
.rgl a { color: #0b5cad; }

/* ---------- la page ---------- */
.rgl-page { margin: 0; padding: 16px; background: #fff; }
.rgl-page .rgl { max-width: 820px; margin: 0 auto; }
.rgl-retour { max-width: 820px; margin: 0 auto 1em; }

/* ---------- le bas de la colonne : des liens, sans changer l'aspect ---------- */
.sc-sidebar-footer a.rgl-lien { color: inherit; text-decoration: none; cursor: pointer; }
.sc-sidebar-footer a.rgl-lien:hover,
.sc-sidebar-footer a.rgl-lien:focus { text-decoration: underline; }

/* ---------- la modale ---------- */
.rgl-mod { position: fixed; inset: 0; z-index: 100050; background: rgba(0, 0, 0, .55);
           display: flex; align-items: center; justify-content: center; padding: 12px; }
.rgl-mod[hidden] { display: none; }
.rgl-boite { background: #fff; border-radius: 8px; box-shadow: 0 8px 30px rgba(0, 0, 0, .35);
             width: min(860px, 96vw); height: min(82vh, 900px); min-width: 300px; min-height: 240px;
             max-width: 98vw; max-height: 96vh; display: flex; flex-direction: column;
             resize: both; overflow: hidden; }
.rgl-tete, .rgl-pied { display: flex; align-items: center; gap: 10px; padding: 10px 14px;
                        background: #0b3d6b; color: #fff; }
.rgl-tete { justify-content: space-between; }
.rgl-pied { justify-content: flex-end; background: #eef2f6; }
.rgl-tete-titre { font-weight: bold; font-size: 16px; }
.rgl-x { background: #c62828; color: #fff; border: 0; border-radius: 4px; width: 32px; height: 32px;
         font-size: 18px; line-height: 1; cursor: pointer; }
.rgl-fermer { background: #0b3d6b; color: #fff; border: 0; border-radius: 4px; padding: 8px 16px; cursor: pointer; }
.rgl-corps { flex: 1; overflow: auto; padding: 16px 20px; }
.rgl-charge { color: #5b6673; }

/* ---------- l'acceptation (inscription, compte professionnel) ---------- */
.rgl-accepte { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0; font-size: 14px; }
.rgl-accepte input { margin-top: 3px; width: 18px; height: 18px; flex: none; }
.rgl-accepte-err { color: #c62828; font-size: 13px; margin: -6px 0 10px; }
.rgl-accepte-err[hidden] { display: none; }

@media (max-width: 600px) {
  .rgl-boite { width: 100%; height: 92vh; resize: none; }
  .rgl-ident { grid-template-columns: 1fr; }
  .rgl-ident dd { margin-bottom: .4em; }
}
/* === FIN DU FICHIER : D:\speedclicV2\www\assets\css\css_regles.css === */