/* Style des liens et des textes */
.Navigation { font: 9pt Arial, Helvetica, sans-serif; size:9pt; color: #FFFFFF;}
a.Navigation:link { color:#FFFFFF; text-decoration: none;}
a.Navigation:visited { color:; color: #FFFFFF; text-decoration: none;}
a.Navigation:active { color:#CC0000; text-decoration: underline;}
a.Navigation:hover { color:#CC0000; text-decoration: underline;}

.Situation { font: 9pt Arial, Helvetica, sans-serif; size:9pt; color: #CE2427;}
a.Situation:link { color:#343434; text-decoration: none;}
a.Situation:visited { color:; color: #343434; text-decoration: none;}
a.Situation:active { color:#CC0000; text-decoration: underline;}
a.Situation:hover { color:#CC0000; text-decoration: underline;}

.TitreMenu { white-space: normal; font: bold normal 9pt/20px Arial, Helvetica, sans-serif;}
a.TitreMenu:link { color:#000000; text-decoration: none; font-weight: bold;}
a.TitreMenu:visited { color: #000000; text-decoration: none; font-weight: bold;}
a.TitreMenu:active { color:#CC0000; text-decoration: none;}
a.TitreMenu:hover { color:#CC0000; text-decoration: none;}

.Menu { white-space: normal; font: normal 9pt/20px Arial, Helvetica, sans-serif;}
a.Menu:link { color:#666666; text-decoration: none;}
a.Menu:visited {color: #666666;	text-decoration: none;}
a.Menu:active {	color:#CC0000; text-decoration: underline;}
a.Menu:hover { color:#CC0000; text-decoration: underline;}

.Principal {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9pt;	color: #000000;}
a.Principal:link {color:#CC0000; text-decoration:underline;}
a.Principal:visited {color:#CC0000; text-decoration:underline;}
a.Principal:active {color:#CC0000; text-decoration:none;}
a.Principal:hover {color:#CC0000; text-decoration:none;}

/* Définition du style de la class "Email" Utilisé dans le script pour maquer les emails (Email.js)
   En cas de modification du style de "Principal", modifier aussi ce style pour que les mises en forme des liens correspondent */
.Email {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9pt;	color: #000000;text-decoration:underline;}
a.Email:link {color:#CC0000; text-decoration:underline;}
a.Email:visited {color:#CC0000; text-decoration:underline;}
a.Email:active {color:#CC0000; text-decoration:none;}
a.Email:hover {color:#CC0000; text-decoration:none;}


.Puce {list-style-image:  url(../ImagesSite/PuceEREM.GIF);}

/* Couleur de la scrollbar 
scrollbar-face-color: defini la couleur du dessus des boutons et de la barre de défilement.
scrollbar-shadow-color: defini la couleur sombre du relief des boutons (noir conseillé).
scrollbar-highlight-color: defini la couleur claire du relief des boutons (blanc conseillé).
scrollbar-3dlight-color: defini la couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés (noir conseillé).
scrollbar-darkshadow-color: defini la couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés (noir conseillé).
scrollbar-track-color: defini la couleur du fond de la barre.
scrollbar-arrow-color: defini la couleur des flèches. */
BODY
{
  scrollbar-face-color      : white; 
  scrollbar-shadow-color    : #CC0000;
  scrollbar-highlight-color : #CC0000;
  scrollbar-3dlight-color   : white; 
  scrollbar-darkshadow-color: white; 
  scrollbar-track-color     : white; 
  scrollbar-arrow-color     : #CC0000;
}


/* script utilisé dans logo de la page contact */
    :root {
      --bg: #ffffff00;
      --text: #373937;
      --muted: rgba(55, 57, 55, 0.78);
      --card: rgba(255, 255, 255, 0.08);
      --line: rgba(55, 57, 55, 0.22);
    }

    * { box-sizing: border-box; }

    .logo {
      width: min(500px, 92%);
      height: auto;
      display: block;
      margin: 0 auto 2.2rem;
    }

    .slogan {
      margin: 1rem auto 2.2rem;
      max-width: 720px;
      font-size: clamp(1rem, 2vw, 1.25rem);
      line-height: 1.6;
      color: var(--muted);
    }

    .contact {
      margin-top: 2rem;
      padding-top: 2rem;
      border-top: 1px solid var(--line);
    }

    .contact p {
      margin: 0 0 1rem;
      color: var(--muted);
    }

    .email-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0.85rem 1.3rem;
      border: 1px solid var(--text);
      border-radius: 999px;
      color: var(--text);
      text-decoration: none;
      font-weight: 700;
      letter-spacing: 0.04em;
      transition: transform 160ms ease, background 160ms ease;
    }

    .email-button:hover,
    .email-button:focus-visible {
      transform: translateY(-2px);
      background: rgba(55, 57, 55, 0.08);
    }

    .hidden-email {
      display: none;
    }