/* ====== Base ====== */
body {
  font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
  font-size: 100%;
  color: #333333;
  margin: 0;

  /* Fond d’écran */
  background: url('wallpaper.png') no-repeat center center fixed;
  background-size: cover;
  background-color: #e5e5e5;
}

/* (Optionnel) léger voile pour la lisibilité globale */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.25); /* assombrit un peu le fond pour le contraste */
  z-index: -1;
}

/* Liens (footer, etc.) */
a, a:link, a:visited {
  color: #FFFFFF;
  text-decoration: none; /* éviter "underlined" qui n’est pas valide */
  text-shadow: 1px 1px 2px rgba(0,0,0,0.45);
}

/* ====== Titre (dans header.php: #page-header > h1 > a) ====== */
/* Pas de bulle: juste le texte avec ombre + espacement pour ne pas chevaucher l’upload */
#page-header {
  width: 100%;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 110px; /* espace avant le bloc d’upload */
  position: relative;
  z-index: 0;
}

#page-header h1 a {
  font-size: 260%;
  font-weight: bold;
  color: #FFFFFF !important;
  text-decoration: none;
  display: inline-block;
  white-space: nowrap; /* évite le passage à la ligne */
  text-shadow:
    5px 5px 10px rgba(0,0,0,0.8),
    0 0 20px rgba(0,0,0,0.4);
  opacity: 0;
  transform: translateY(-10px);
  animation: fadeInSmooth 0.9s ease-out forwards;
}

/* ====== Blocs d’interface Jirafeau ====== */
fieldset {
  text-align: left;
  font-size: 90%;
  width: 50em;
  margin: auto;
  background: #FFFFFF;
  border: 2px solid #dbdbdb;
  border-radius: 5px;
}

fieldset legend {
  color: #333333;
  font-size: 130%;
  background: #00C5FF;
  border: 1px solid #A52E13;
  padding: 5px 20px;
  border-radius: 5px;
}

h1 { /* h1 conteneur si utilisé ailleurs */
  font-size: 175%;
  width: 100%;
  text-align: center;
  height: 50px;
  padding-top: 30px;
}

h2 {
  text-decoration: none;
  color: #FFFFFF;
  text-align: center;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

fieldset p { margin-left: 25%; }

.jyraphe_info {
  font-size: 120%;
  margin-left: 30%;
}

label { float: left; width: 12em; }

input[type=text], input[type=submit], select {
  width: 15em;
  font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
}

/* Mascotte/Logo bas-gauche (si présent) */
#jyraphe {
  background: url('AMC.png') left bottom no-repeat;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 129px;
  width: 273px;
  clear: both;
}

/* Messages / erreurs */
.error, .message {
  width: 50em;
  margin: 5ex auto;
}

.error {
  text-align: center;
  padding-bottom: 1ex;
  border: #FB7373 2px solid;
  background-color: #FBB;
  border-radius: 5px;
}

.error p:before {
  content: url('error.png');
  padding-right: 1ex;
}

.message {
  text-align: center;
  padding: 1ex;
  border: #91C27C 2px solid;
  background-color: #BFB;
  border-radius: 5px;
}

.message p:before {
  content: url('ok.png');
  padding-right: 1ex;
}

.info {
  text-align: left;
  width: 50em;
  margin: auto;
  border-radius: 5px;
}

.info h2 { text-align: left; }
.info h3 { text-align: center; }
.info p  { margin: 0 5%; }

/* Upload blocks */
#upload {
  text-align: left;
  font-size: 90%;
  width: 50em;
  background: #f5f5f5; /* clair neutre (pas transparent) */
  border: 0 solid #CCCCCC;
  margin: auto;
  border-radius: 5px;

  /* apparition en fondu */
  opacity: 0;
  transform: translateY(12px);
  animation: fadeInSmooth 1.0s ease-out 0.25s forwards;
}

#uploading {
  text-align: center;
  width: 50em;
  background: #FFFFFF;
  border: 2px solid #CCCCCC;
  margin: auto;
  border-radius: 5px;

  opacity: 0;
  transform: translateY(12px);
  animation: fadeInSmooth 1.0s ease-out 0.25s forwards;
}

#upload_finished {
  font-size: 90%;
  text-align: center;
  padding: 20px 0;
  width: 50em;
  background: #B6D7A8;
  border: 2px solid #91C27C;
  margin: auto;
  border-radius: 5px;

  opacity: 0;
  transform: translateY(12px);
  animation: fadeInSmooth 1.0s ease-out 0.25s forwards;
}

#self_destruct { font-weight: bold; color: red; }
#upload_link_email { margin-left: 10px; }
#upload_image_email {
  padding-bottom: 15px;
  padding-left: 20px;
  background: url(email.png) no-repeat;
}

/* Footer */
#copyright {
  text-align: center;
  font-size: 85%;
  color: #FFFFFF;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6);

  opacity: 0;
  transform: translateY(8px);
  animation: fadeInSmooth 0.9s ease-out 0.55s forwards;
}

/* ====== Animations ====== */
@keyframes fadeInSmooth {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}


/* ====== Correction spécifique pour la page de téléchargement ====== */
form.download td {
  color: #222 !important; /* texte principal noir/gris foncé */
  text-shadow: none !important;
}

/* Lien "Conditions d'utilisation du service" */
form.download td a,
form.download td a:link,
form.download td a:visited {
  color: #007acc !important; /* bleu professionnel */
  text-decoration: underline !important;
  text-shadow: none !important;
  transition: color 0.2s ease;
}

/* Survol du lien */
form.download td a:hover {
  color: #00b7ff !important; /* bleu clair au survol */
}

/* ====== Correction des noms de fichiers (page admin) ====== */

/* Texte dans la page d'administration */
form.admin,
form.download,
fieldset {
  color: #222 !important; /* texte noir lisible */
}

/* Liens de fichiers (comme ArchiCAD.exe) */
#upload_link,
#upload_link:link,
#upload_link:visited {
  color: #007acc !important; /* bleu AMC */
  font-weight: 600;
  text-decoration: underline !important;
  text-shadow: none !important;
  transition: color 0.2s ease;
}

/* Survol */
#upload_link:hover {
  color: #00b7ff !important; /* bleu clair au survol */
}