/* ============================================================
   EuropeSoftwares - Administration
   Feuille de style commune (design tokens + reset minimal)
   Incluse par TOUTES les pages modernisees.
   ============================================================ */

:root {
  --es-blue: #3B4683;
  --es-blue-light: #5A67B0;
  --es-bg: #EEEEEE;
  --es-bg-panel: #FFFFFF;
  --es-border: #D4D4D4;
  --es-danger: #DD5132;
  --es-danger-bg: #FDECEA;
  --es-success: #2E7D32;
  --es-success-bg: lightgreen;
  --es-info-bg: lightblue;
  --es-text: #222222;
  --es-text-muted: #666666;
  --es-radius: 6px;
  --es-shadow: 0 1px 3px rgba(0,0,0,0.15);
  --es-font: Arial, Helvetica, sans-serif;
  --cell-pad: 5px;
}

/* Le reset reste tres leger : ce sont des pages ASP.NET WebForms avec
   beaucoup de mise en page en tableaux ; on ne change pas le modele
   de boite pour ne pas casser les alignements existants. */
body {
  font-family: var(--es-font);
  background-color: var(--es-bg);
  color: var(--es-text);
}

table {
  border-collapse: collapse;
}

table td, table th {
  padding: var(--cell-pad);
}

a {
  color: var(--es-blue);
}

/* Largeur uniforme de page : conteneur centre applique a toutes les pages */
.es-page-wrap {
  width: 1500px;
  max-width: 1500px;
  margin: 0 auto;
  box-sizing: border-box;
}
.es-header-bar {
  border-bottom: thick solid var(--es-blue);
}

.es-header-title {
  font-size: 30pt;
  background-color: var(--es-blue);
  color: #FFFFFF;
}

/* Boutons / liens ronds de la barre d'entete */
.es-header-icon img {
  transition: opacity .15s ease;
}
.es-header-icon:hover img {
  opacity: .8;
}

/* ============================================================
   Redesign visuel global (s'applique automatiquement aux 123 pages
   via ce fichier commun - aucune modification des .aspx necessaire)
   ============================================================ */

/* ---- Titres ---- */
h1, h2, h3, h4 {
  font-family: var(--es-font);
  color: var(--es-blue);
  margin: 0.7em 0 0.45em;
  font-weight: bold;
  line-height: 1.25;
}
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }
h4 { font-size: 13px; }

/* ---- Boutons (les asp:Button/asp:LinkButton du framework rendent en
   <input type="submit|button"> ou <a> ; on les cible directement, aucune
   modification des pages .aspx n'est necessaire) ---- */
input[type="submit"],
input[type="button"],
input[type="reset"] {
  display: inline-block;
  padding: 7px 16px;
  margin: 3px 3px 3px 0;
  border: 1px solid var(--es-blue);
  border-radius: var(--es-radius);
  background-color: var(--es-blue);
  color: #FFFFFF;
  font-family: var(--es-font);
  cursor: pointer;
  transition: background-color .15s ease, box-shadow .15s ease, transform .05s ease;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  background-color: var(--es-blue-light);
  box-shadow: var(--es-shadow);
}
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
  transform: translateY(1px);
}
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled {
  opacity: .45;
  cursor: not-allowed;
  box-shadow: none;
}

/* ---- Champs de formulaire ---- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="date"],
textarea,
select {
  padding: 5px 8px;
  border: 1px solid var(--es-border);
  border-radius: 4px;
  font-family: var(--es-font);
  background-color: #FFFFFF;
  box-sizing: border-box;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--es-blue);
  box-shadow: 0 0 0 2px rgba(59, 70, 131, 0.15);
}
input[type="checkbox"], input[type="radio"] {
  vertical-align: middle;
  margin-right: 4px;
}

/* ---- Espacement general des blocs de la page ---- */
.es-page-wrap {
  padding: 18px 0 40px;
}
table {
  margin-bottom: 8px;
}

/* Bandeaux d'alerte generiques */
.es-alert-danger {
  background-color: var(--es-danger-bg);
  color: var(--es-danger);
  border: 1px solid var(--es-danger);
  border-radius: var(--es-radius);
}

.es-alert-success {
  background-color: var(--es-success-bg);
}

/* Popup "message de la direction" */
#popup_centre_page table {
  border-radius: var(--es-radius);
  box-shadow: var(--es-shadow);
}

.close2 {
  cursor: pointer;
}
.close2:hover, .close2:focus {
  color: #ccc;
  text-decoration: none;
}