#candidature_nom{

font-weight: bold;

}

label{

    margin-top: 10px;
}


#adresse-suggestions {
    display: block;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    margin-top: 5px;
    background-color: white;
    z-index: 1000;
    position: absolute;
    width: calc(100% - 2px);
}

#adresse-suggestions li {
    padding: 10px;
    cursor: pointer;
}

#adresse-suggestions li:hover {
    background-color: #f0f0f0;
}

/* Ajoutez ceci à votre fichier CSS ou dans un style intégré */
.form-check input[type="checkbox"] {
    margin-right: 5px;
    margin-left: 20px;

    /* Ajoute un espace entre la case à cocher et le label */
}

.form-check {
    margin-bottom: 10px;
    /* Ajoute un espace entre les éléments .form-check */
}

.form-check input[type="radio"] {
    margin-right: 5px;
    margin-left: 10px;
    /* Espace entre le bouton radio et le label */
}

.form-check {
    margin-bottom: 10px;
    /* Espace entre chaque groupe de boutons radio */
}


.disponibilites-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* Trois colonnes de même largeur */
    gap: 10px;
    align-items: center;
    /* Centrer verticalement les éléments */
}

.header {
    font-weight: bold;
    text-align: center;
    /* Alignement à droite des en-têtes */
    background-color: #f1f1f1;
    /* Ajout d'un fond pour les en-têtes */
    padding: 5px;
}

.day-name,
.form-check-inline {
   
    /* Hauteur fixe pour uniformiser */
    display: flex;
    align-items: center;
    /* Centrer verticalement le contenu */
}

.day-name {
    text-align: right;
    padding-right: 10px;
    line-height: normal;
}



.form-check-inline {
    justify-content: center;
    /* Centrer horizontalement les cases à cocher */
}

/* Coloration alternée des lignes */
.disponibilites-grid>div:nth-child(3n + 1),
.disponibilites-grid>div:nth-child(3n + 2),
.disponibilites-grid>div:nth-child(3n + 3) {
    background-color: #f9f9f9;
    /* Couleur de fond pour les lignes impaires */
}

.disponibilites-grid>div:nth-child(6n + 1),
.disponibilites-grid>div:nth-child(6n + 2),
.disponibilites-grid>div:nth-child(6n + 3) {
    background-color: #e0e0e0;
    /* Couleur de fond pour les lignes paires */
}

.form-check
{
margin-bottom: 0px;
}

/* Ajoute un espace entre les checkboxes et leur texte */
.custom-checkbox input[type="checkbox"] {
    margin-right: 5px;
    margin-left: 5px;
}
.custom-checkbox input[type="radio"] {
    margin-right: 5px;
    margin-left: 5px;
}



.container {
    background: linear-gradient(to bottom,#4eb2eb, #2c9bda );
   
    /* Optionnel : ajouter un peu de padding pour l'espacement intérieur */
    padding:5px;
    border-radius: 5px;
    /* Optionnel : pour arrondir les coins */
    max-width: 800px;
}



.logo {
    max-width: 150px;
    /* Ajuste la taille selon tes préférences */
    height: auto;
}



/* Style pour griser les champs */
.grayed-input {
    background-color: #f8f9fa;
    /* Couleur gris clair */
    border: 1px solid #ced4da;
    /* Bordure grisée */
    color: #495057;
    /* Couleur du texte */
    font-weight: bold;
    /* Texte plus visible */
}


.bg-custom {
    background-image: url('../images/background.webp');
    /* chemin relatif depuis le fichier CSS */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 100vh;
}

/* Amélioration de la lisibilité des contenus */
.bg-custom .container {
    background-color: rgba(255, 255, 255, 0.9);
    /* blanc semi-transparent */
    border-radius: 10px;
    /*padding: 20px;*/
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}


.pagination {
    font-size: 1.1rem;
}

.page-link {
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
}

.page-link:hover {
    background-color: #0d6efd;
    color: white;
}

.page-item.active .page-link {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: white;
}
.bg-primary {
    background-color: transparent !important;
    color: inherit !important;
}