/* Fiche personne annuaire */
.directory-person .icon-profil {
    width: 134px;
    height: 134px;
    font-size: 44px;
}
.directory-title {
    margin-bottom: 12px;
}
.directory-person h2 {
    margin: 0;
    color: var(--color-brand);
    font-weight: 600;
}
.directory-person .introduction-text p {
    font-weight: 600;
}
.contact-info-person {
    padding: var(--padding-normal) 0;
}
.directory-person .contact-item h2 {
    color: var(--color-text);
}
.contact-info-item {
    background: none;
    border-top: 3px solid var(--color-dark);
    border-bottom: 1px solid var(--color-dark);
}
/* Recherche Annuaire */
.result-search-title {
    font-size: 32px;
    color: var(--color-bleu);
    font-weight: 500;
    font-style: italic;
    font-family: var(--font-family-serif);
    margin-top: 0;
}
.directory-search input[type="text"] {
    background: var(--color-white);
}
.directory-search .message-infos-directory {
    background: var(--color-brown-card);
    padding: var(--margin-section);
    text-align: center;
    font-family: var(--font-family-medium);
    font-size: 24px;
}
.dark .directory-search .message-infos-directory {
    background: var(--color-black);
}
.dark .directory-search input[type="text"] {
    background: var(--color-black);
}
.dark .directory-person h2,
.dark .result-search-title {
    color: var(--color-white);
}
.dark .contact-info-item {
    border-top: 3px solid var(--color-white);
    border-bottom: 1px solid var(--color-white); 
}
.dark .directory-person .contact-item {
    background: var(--color-grey-dark);
}
@media (max-width:768px) {
    .directory-search .message-infos-directory {
        font-size: var(--font-size-medium);
    }
    .result-search-title {
        font-size: 26px;
    }
    .directory-search .message-infos-directory {
        font-size: 20px;
    }
}