<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Style gÃ©nÃ©ral du conteneur */

/* Styles pour la section de filtrage */
.filter-section {
  background-color: #23a744;
  padding: 20px;
  border-radius: 10px;
  color: white;
  margin: 20px;
}

.filter-wrapper {
  display: flex;
  justify-content: space-between;
}

.filter-form {
  width: 100%;
}
input::placeholder {
  color: #000;
  font-weight: 400;
}
textarea::placeholder {
  color: #000;
  font-weight: 400;
}
.filter-category,
.filter-city,
.filter-contract-type {
  margin-bottom: 15px;
}

.filter-category select,
.filter-city select,
.filter-contract-type select {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: none;
}

/* Styles pour la section des offres d'emploi */
/* Styles pour la section des offres d'emploi */

.offre-section {
  width: 84%;
  margin-left: 8%;
  margin-bottom: 50px;
}
.offre-details &gt; p {
  font-size: 16px;
}
.offre-details &gt; li {
  font-size: 16px;
}
.offre-criteria &gt; p {
  font-size: 16px;

}
.offre-list-item {
  cursor: pointer;
  margin: 10px;
}
.offre-location {
  margin-right: 15px;
}
.offre-summary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 3px dotted #23a744;
}
.subTitle {
  color: #23a744;
  font-size: 18px;
}

.CustomBtnPostuler {
  background-color: black;
  color: white;
  display: flex;
  width: 250px;
  font-size: 14px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  height: 40px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
}
.customeye {
  margin-left: 5px;
}
.offre-title {
  color: #23a744;
  font-size: 20px;
  text-transform: uppercase;
}
.containerbuttonCity {
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.offre-details {
  padding: 10px;
  display: none; /* Initialement masquÃ© */
}

/* Rotation de la flÃ¨che lors de l'expansion */
.toggle-button {
  padding: 10px 10px;
  background-color: #23a744;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px; /* Espacement au-dessus du bouton */
  transition: background-color 0.3s;
}
.offre-summary h2 .toggle-icon {
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}
.toggle-button:hover {
  background-color: #198754; /* Couleur lÃ©gÃ¨rement plus foncÃ©e au survol */
}

/* Styles pour la section de candidature spontanÃ©e */
.candidature-spontanee {
  background-color: #23a744;
  padding: 20px;
  border-radius: 10px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}

/* Style du formulaire */
.candidature-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* Style du formulaire */
.candidature-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.containerCenter {
  width: 90%;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  /* align-items: baseline; */
}

.form-group {
  width: 90%;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-content: space-between;
  align-items: center;
  background-color: white;

}

/* Style commun pour tous les Ã©lÃ©ments de formulaire */
.candidature-form .form-group,
.candidature-form input,
.candidature-form select,
.candidature-form textarea,
.candidature-form .g-recaptcha {
  width: 90%; /* Largeur uniforme */ /* Espacement uniforme */
}

/* Style spÃ©cifique pour les labels */
.candidature-form label {
  display: flex;
  margin-bottom: 5px;
  color: #23a744;
  margin-left: 25px;
  width: 100%;
  font-weight: bold;
}
.candidature-form input[type="email"],
.candidature-form input[type="text"] {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid white;
  width: 90%;
}
.titleCandidature {
  color: white;
  font-size: 35px;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  justify-content: center;
}
/* Style spÃ©cifique pour les champs de saisie, les sÃ©lections et les textareas */
.candidature-form input[type="text"],
.candidature-form input[type="email"],
.candidature-form select,
.candidature-form textarea {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid white;
  width: 90%;
  font-size:12px;
  outline: none;
}
.candidature-form textarea {
  height: 100px;
}
.candidature-form select {
  width: 90%; /* Assurez-vous que la largeur est de 100% */
  padding: 8px; /* Ajustez le padding si nÃ©cessaire */
  /* Assurez-vous que la bordure est uniforme */
  -moz-appearance: none; /* Supprime le style par dÃ©faut pour Firefox */
}

/* Style pour le bouton de soumission */
.submitButton {
  background-color: black;
  color: white;
  display: flex;
  width: 250px;
  font-size: 14px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  height: 40px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.candidature-form input,
.candidature-form select,
.candidature-form textarea {
  box-sizing: border-box; /* Assurez-vous que le box model est cohÃ©rent */
}

input[type="file"]::file-selector-button {
  margin-right: 8px;
  border: none;
  background: #7f7f7f;
  padding: 8px 12px;
  color: #fff;
  border-radius: 18px;
  cursor: pointer;
}
input:focus{
  border: 1px solid white;
}
.inputMotivation{
  margin-left: -3%;
}
.inputMessage{
  margin-left: -5%;

}
.placement{
  padding-left: 0px;
  margin-left: 0px;

}
/* Styles pour la rÃ©activitÃ© mobile */
@media only screen and (max-width: 768px) {
  .candidature-spontanee {
    width: 83%;
    padding: 15px;
    margin-top: 10px;
  }
  .inputMotivation{
    margin-left: 0px;
  }
  .inputMessage{
    margin-left: 0px;

  }
  .placement{
    padding-left: 0px !important;
    margin-left: -15px !important;

  }
  .candidature-form {
    width: 100%;
  }
  .form-group{
    margin-top: 0px;
  }
  .form-group &gt; label {
    font-size: 12px;
  }
  .candidature-form input[type="text"],
  .candidature-form input[type="email"],
  .candidature-form select,
  .candidature-form textarea {
    padding: 2px;
  }
  .candidature-form textarea {
    height: 75px;
  }
  .submitButton {
    padding: 8px 15px;
  }

  #rc-imageselect,
  .g-recaptcha {
    transform: scale(0.88);
    -webkit-transform: scale(0.88);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  .filter-section,
  .offre-section {
    margin: 0px;
    padding: 0px;
    width: 90%;
    margin-left: 5%;
  }

  .filter-wrapper {
    flex-direction: column; /* Organise les Ã©lÃ©ments du filtre en colonne pour les petits Ã©crans */
  }

  .containerCenter,
  .form-group {
    flex-direction: column; /* Ajuste la disposition pour les champs de formulaire */
    width: 100%; /* Utilise toute la largeur disponible */
    gap: 0px; /* Augmente l'espacement pour une meilleure lisibilitÃ© */
  }

  .candidature-form .form-group,
  .candidature-form input,
  .candidature-form select,
  .candidature-form textarea,
  .candidature-form .g-recaptcha {
    width: 100%; /* Ajuste la largeur des Ã©lÃ©ments du formulaire pour utiliser toute la largeur disponible */
  }

  .candidature-form label,
  .candidature-form input[type="email"],
  .candidature-form input[type="text"],
  .candidature-form textarea {
    margin-left: 0;
    padding-left:10px/* Ajuste le positionnement des labels et des champs */
  }

  .offre-summary{
    flex-direction: column; /* Organise les Ã©lÃ©ments de rÃ©sumÃ© des offres en colonne */
    align-items: flex-start; /* Alignement au dÃ©but pour une apparence cohÃ©rente */
  }

  .containerbuttonCity{
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }


  .toggle-button
  {
    width: 75px; /* Ajuste la largeur des boutons pour une meilleure accessibilitÃ© */
    margin-top: 10px;
    margin-bottom: 10px;
  }

  input[type="file"]::file-selector-button {
    width: 100%; /* Ajuste la largeur du bouton de sÃ©lection de fichier */
  }

  .titleCandidature {
    font-size: 17px; /* Diminue la taille de la police pour les titres sur les petits Ã©crans */
  }
  .offre-title{
    font-size: 17px;
  }
  #cv{
    width: 90%;
  }

  .offre-details &gt; p {
    font-size: 14px;
  }
  .offre-details &gt;ul &gt; li {
    font-size: 14px;
  }
  .offre-criteria &gt; p {
    font-size: 14px;

  }
  .toggle-button {
    padding: 5px 5px;
    background-color: #23a744;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px; /* Espacement au-dessus du bouton */
    transition: background-color 0.3s;
  }
  .offre-details{
    border-left: 3px dotted #23a744;
  }
}
</pre></body></html>