/* ============================================================
   ÉVOLUTIONS UX — OFFRES D'EMPLOI (Chantier 1)
   ------------------------------------------------------------
   Cahier des charges : « Offres d'emploi : gabarit inchangé […]
   CSS : corps 17 px, listes aérées, bouton d'envoi visible.
   Formulaire : inchangé. »

   Gabarit single-emploi.php, section #Bloc_emploi_X. Seul l'aspect
   change : ni le balisage, ni les champs du formulaire.
   ============================================================ */


/* ---- Le poste en bref : lieu, date, contrat (12 px) ---- */
#Bloc_emploi_X .attribut_emplois div p{ font-size: 16px; }


/* ---- Missions et profil : corps 17 px, lignes aérées ----
   Les offres sont saisies une ligne par paragraphe. style.css donnait à
   chacun 10 % de marge de tous côtés (des trous de 40 px entre deux
   lignes) en 12 px, espacés de 1 px. */
#Bloc_emploi_X .BLOC_MISSIONS_ATTENTES .missions p,
#Bloc_emploi_X .BLOC_MISSIONS_ATTENTES .attentes p{
  margin: 0 10% .85em;
  font-size: 17px;
  line-height: 1.55;
  letter-spacing: .2px;
}
/* Le gabarit enveloppe le texte de l'offre dans un <p>, que le
   navigateur scinde en deux paragraphes vides avant et après : on les
   retire, et le bloc reçoit sa marge basse. */
#Bloc_emploi_X .BLOC_MISSIONS_ATTENTES p:empty{ display: none; }
#Bloc_emploi_X .BLOC_MISSIONS_ATTENTES .missions,
#Bloc_emploi_X .BLOC_MISSIONS_ATTENTES .attentes{ padding-bottom: 1.5em; }

/* Listes à puces : la trame commune que SGT va appliquer à ses offres
   (« Vos missions », « Votre profil »…) en contiendra */
#Bloc_emploi_X .BLOC_MISSIONS_ATTENTES ul,
#Bloc_emploi_X .BLOC_MISSIONS_ATTENTES ol{
  margin: 0 10% 1em;
  padding-left: 1.3em;
  text-align: left;
}
#Bloc_emploi_X .BLOC_MISSIONS_ATTENTES ul{ list-style-type: disc; }
#Bloc_emploi_X .BLOC_MISSIONS_ATTENTES ol{ list-style-type: decimal; }
#Bloc_emploi_X .BLOC_MISSIONS_ATTENTES li{
  list-style-type: inherit;
  margin-bottom: .6em;
  font-size: 17px;
  line-height: 1.55;
  color: #222221;
}


/* ---- Formulaire de candidature ----
   Champs en 16 px : lisibles, et pas de zoom automatique de l'iPhone à
   la saisie (il zoome sur tout champ plus petit). */
#Bloc_emploi_X .BLOC_POSTULER form input,
#Bloc_emploi_X .BLOC_POSTULER form textarea{ font-size: 16px; }

/* Bouton d'envoi : à la largeur des champs, texte 16 px en gras.
   Il était en 13 px (taille par défaut du navigateur), sur 6 px de
   haut de marge intérieure. Bleu du site : contraste 4,8:1 (AA). */
#Bloc_emploi_X .BLOC_POSTULER form .envoyer{
  width: 80%;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background-color .3s ease;
}
#Bloc_emploi_X .BLOC_POSTULER form .envoyer:hover{ background-color: #3d5a8f; }
#Bloc_emploi_X .BLOC_POSTULER form .envoyer:focus-visible{
  outline: 3px solid #222221;
  outline-offset: 2px;
}