@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;1,200&family=Poppins:ital,wght@0,400;0,700;1,200;1,400&display=swap');

/* Appliquer la police "Poppins" à l'ensemble du site */
body {
    font-family: 'Montserrat', sans-serif;
    font-family: 'Poppins', sans-serif;
}

/* Style par défaut pour les h1 */
h1.title {
  text-transform: uppercase;
  color: #2E498E;
  font-weight: 700;
  font-size: 50px;
  line-height: 50px;
}

/* Style pour les h1 dans la div avec la classe "blockList" */
div.blockList h1.title {
  font-size: 50px;
}

/* Style pour les h1 dans la div avec la classe "job-info-card__content" */
div.job-info-card__content h1.title {
  font-size: 30px;
}

/* Style pour les autres h1 (taille de police de 50px) */
body h1.title:not(.page__container.job-ads-listing-page h1)::first-letter {
  color: #FFAD00;
}

h3 {
    color: #2E498E;
    font-size: 22px;
}

h4 {
    color: #2E498E;
    font-size: 22px;
}

/* Style par défaut pour les h1 */
h1.title {
  text-transform: uppercase;
  color: #2E498E;
  font-weight: 700; 
  font-size: 50px; 
  line-height: 50px; 
}

/* Style pour le h1 dans un div avec la classe "job-info-card__content" */
div.job-info-card__content h1.title {
  font-size: 30px; 
}

/* Style pour la première lettre en jaune (sauf sur listing des annonces) */
h1.title:not(.page__container.job-ads-listing-page h1)::first-letter {
  color: #FFAD00;
}

/* Première lettre en jaune H2 (sauf sur listing des annonces) */
h2.title:not(.page__container.job-ads-listing-page h2):not(.video__title) {
  text-transform: uppercase;
  color: #2E498E;
  font-weight: 600; 
  font-size: 24px; 
  line-height: 22px; 
}

h2.title:not(.page__container.job-ads-listing-page h2):not(.video__title)::first-letter {
  color: #FFAD00;
}


/* Fond des vidéos en bleu */
.youtube_player,
.video__figcaption {
  background-color: #2E498E;
}

/* Titres des vidéos en blanc maj */
.title.video__title {
  text-transform: uppercase; 
  color: #FFFFFF; 
}

/* Texte des champs de recherche en bleu */
.label,
.search-input__label {
  color: #2E498E;
}

/* titre de l'annonce quand on scrolle maj */
.paragraph.navbar-apply-container__paragraph {
  text-transform: uppercase; 
  color: #FFFFFF; 
}

/* titre de l'annonce quand on scrolle couleur #FFAD00 */
.paragraph.navbar-apply-container__paragraph::first-letter {
  color: #FFAD00;
}

/* texte des cross job ads */
.title.cross-job-ads-block__title {
  text-transform: uppercase; 
  color: #2E498E; 
}

/* texte des cross job ads */
.title.cross-job-ads-block__title::first-letter {
  color: #FFAD00;
}

.navbar__link {
    text-transform: uppercase; 
    color: #192631; 
    border-bottom: 3px solid transparent; 
    transition: border-bottom 0.3s, color 0.3s; 
}

.navbar__link:hover,
.navbar__link:focus,
.navbar__link.active {
    border-bottom: 3px solid #f2a913; 
    color: #192631; 
    outline: none; 
}

/* Premier élément de classe "key-figure" */
.key-figure:nth-child(1) {
    background-color: #2E498E; 
    border-radius: 10px; 
    overflow: hidden; 
}

/* Texte du premier élément */
.key-figure:nth-child(1) .key-figure__text,
.key-figure:nth-child(1) .key-figure__title {
    color: #fff !important; /* Couleur du texte en noir */
}

/* Deuxième élément de classe "key-figure" */
.key-figure:nth-child(2) {
    background-color: #FFAD00; 
    border-radius: 10px; 
    overflow: hidden; 
}

/* Texte du deuxième élément */
.key-figure:nth-child(2) .key-figure__text,
.key-figure:nth-child(2) .key-figure__title {
    color: #fff; 
}

/* Troisième élément de classe "key-figure" */
.key-figure:nth-child(3) {
    background-color: #fff; 
    border-radius: 10px; 
    overflow: hidden; 
}

/* Texte du troisième élément */
.key-figure:nth-child(3) .key-figure__text,
.key-figure:nth-child(3) .key-figure__title {
    color: #2E498E; 
}

.testimonial__text {
    font-size: 22px;
}

.job-info-card__logo picture {
    display: block;
    overflow: hidden;
    margin-right: 0.8rem;
    margin-right: var(--dr-space-1);
    border: 0.2rem solid #FFAD00; 
    border-radius: 50%;
}

.avatar-checkbox .avatar {
    width: 72px;
    height: 72px;
    border: 1px solid #FFAD00; 
}

.navbar-apply-container .picture {
    display: block;
    overflow: hidden;
    width: 75px;
    height: 75px;
    margin: 0.8rem 0;
    margin: var(--dr-space-1) 0;
    border: 3px solid #FFAD00; 
    border-radius: 50%;
}
:root {
    --custom-color-button-accept-cookie: #07C095;
    --custom-color-button-refuse-cookie: #D50F0F;
    --custom-color-top-bar-background: #2E498E;
    --custom-color-top-bar-links-and-icons: #FFFAFA;
    --custom-color-footer-background: #FFAD00;
    --custom-color-footer-links-and-icons: #FFFFFF;
    --custom-color-for-graphic-elements: #2E498E;
    --custom-color-for-button-font: #FFFAFA;
    --custom-color-for-button-background: #FFAD00;
    --custom-color-for-maps-pin-and-search-area: #FFAD00;
}