/* Bloc Candidature */
.candidature-offre-box {
    background: #fff;
    padding: 20px;
    border-radius: 30px;
    border: 1px solid var(--bleu);
}

.candidature-offre-content {
    display: flex;
    align-items: center;
}

.candidature-offre-icon {
    width: 80px;
    margin-right: 20px;

}

.candidature-offre-text {
    flex: 1;
}

.candidature-offre-text p {
    font-size: 16px;
    color: #555;
}

.candidature-offre-infos p {
    font-size: 12px;
}

.btn-rouge {
    background: #ed4018;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    margin: 10px 0;
}

.candidature-infos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.btn-bleu {
    background: #142469;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    margin: 10px 0;
    border-radius: 30px;
}

.btn-orange {
    background: #f57c00;
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
}

/* Offres Similaires */
.offres-similaires {
    margin-top: 40px;
}

.carousel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.offres-simil-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    width: 100%;
}   

.offre-simil-card {
    /*min-width: 220px;*/
     flex: 1 0 26% ; /* explanation below */
}

.offre-simil-card h3{
    text-transform: uppercase;
}

.offre-simil-card .offre-ville, .offre-simil-card .offre-contrat {
    font-size: 8pt;
}

.offres-simil-container a {
    text-decoration: none !important;
}

.badge {
    background: #dfe1e5;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    margin-top: 5px;
}

.carousel-btn {
    background: black;
    color: white;
    border: none;
    font-size: 18px;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
}

.voir-toutes {
    display: flex;
    margin-top: 20px;
    text-align: center;
    align-content: center;
}

.bottom_offres {
    margin: 1% 10%;
}

/* PAGES UNIQUE OFFRES D'EMPLOI */
.header_annonce {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 20px 5%;
    width: 100%;
    margin-top: 50px;
}

.header_annonce h1 {
    font-size: 20pt;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}

.contenu-annonce {
    margin: 1% 10%;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.contenu-annonce .description{
    width: 70%;
}

.contenu-annonce .description div {
    background-color: var(--blanc);
    padding: 20px;
    border-radius: 30px;
    margin-bottom: 20px;
}

.description_entreprise {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--bleu) !important;
    color: var(--creme) !important;
}

.description_entreprise p {
    text-align: justify;
}

.description_entreprise h2 {
    color: var(--creme) !important;
}

.description_entreprise img {
    margin: 20px;
}
.contenu-annonce .details {
    position: sticky !important;
    width: 30%;
    font-size: 16px;
    font-weight: 600;
}

.contenu-annonce .details p {
    border-radius: 30px;
    }
    


.contenu-annonce .details p span{
    color: var(--bleu);
    padding: 10px;
    border-radius: 30px;
    top: 10px;
}

.contenu-annonce .details a{
    text-decoration: none;
}

.post_info_prefix {
    font-weight: 600;
}

.back_liste_offres {
    background-color: var(--blanc) !important;
    color: var(--bleu) !important;
    border: solid 1px var(--bleu);
    border-radius: 30px;
    padding: 5px;
    margin: 5px;
    text-align: left; /* Alignement du texte à gauche */
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 9pt;
    letter-spacing: 1pt;
    font-weight: 100;
}

.back_liste_offres:hover{
    background-color: var(--bleu) !important;
    color: var(--creme) !important;
    border: solid 1px var(--blanc);
}

.header_annonce a {
    text-decoration: none;
}

.header_annonce img {
    width: 120px;
    margin-bottom: 5px; /* Ajuste l'espace avec le titre */
}

.details .icon-box {
    border-radius: 30px;
    text-decoration: none;
    margin-bottom: 20px;
}

.details .icon-box a {
        text-decoration: none;
        color: var(--bleu);
        margin: none;
}
.details .icon-box svg{
    border-radius: 30px;
    padding: 3px;
    margin-right: 5px;
}

.details .icon-box.blue-icon svg{
    /*background-color: var(--creme);*/
}

.details .icon-box.red-icon svg{
    background-color: var(--rouge);
}

.offre_alerte_inscription {
    /*display: flex;*/
}

.offre_alerte_inscription button, input {
    height: 40px;
    text-align: center;
}

.CValertEmailinput {
    width: 100%;
}


@media (max-width: 768px) {
 .offres-simil-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    margin: 0 0%;
    }   

    .contenu-annonce {
    flex-direction: column-reverse;
    }
    
    .contenu-annonce .details {
    position: static;
    width: 100%;
    }
    
    .contenu-annonce .description {
    width: 100%;     
    }
    .offre_alerte_inscription input {
    width: 100%;
    }
    
    .contenu-annonce .details p {
        white-space: wrap;
    }
    .details .btn-rouge :first {
        display: none;
    }
}

.subtitle_offre {
    letter-spacing: 10px;
    font-size: 12pt;
    font-family: 'Futura Std';
    font-weight: 200;
    margin-bottom: 0 !important;
}

.title_offre {
    letter-spacing: 3px;
    font-family: 'Futura Std';
    font-weight: 600;
    margin-top: 0 !important;
    text-transform: uppercase;
}