/*.contact-info {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    margin-bottom: 20px;*/
/*}*/
/*.contact-info .icon {*/
/*    font-size: 24px;*/
/*    color: #282416;*/
/*    margin-right: 15px;*/
/*}*/
/*.contact-info p {*/
/*    margin: 0;*/
/*}*/
/*.contact-form input,*/
/*.contact-form textarea {*/
/*    margin-bottom: 15px;*/
/*}*/
/*.contact-form button {*/
/*    background-color: #282416;*/
/*    color: #fff;*/
/*    border: none;*/
/*    padding: 10px 20px;*/
/*    cursor: pointer;*/
/*}*/
/*.contact-form button:hover {*/
/*    background-color: #504739;*/
/*}*/

/* Style global pour la liste */
.contact-section-dk {
    /*display: flex;*/
}
.same-height{
    /*display: flex; !* Pour chaque colonne, afin qu'elles prennent la même hauteur *!*/
    flex-direction: column;
}

.contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Style pour chaque élément de la liste */
.contact-item {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #ddd; /* Ligne de séparation */
}

/* Style pour les icônes */
.contact-item i {
    font-size: 64px;!important; /* Taille des icônes */
    color: #767038; /* Couleur des icônes */
    margin-right: 20px; /* Espace entre l'icône et le texte */
}

.contact-item i:last-child {
    border-bottom: none; /* Supprime le trait en bas du dernier élément */
}
.flaticon-contact{
    font-size: 64px; /* Taille des icônes */
    color: #282416; /* Couleur des icônes */
    margin-right: 20px; /* Espace entre l'icône et le texte */
}
/* Style pour les titres */
.contact-item h4 {
    margin: 0 0 5px;
    font-size: 18px;
    color: #767038; /* Couleur du texte */
}

/* Style pour les paragraphes */
.contact-item p {
    margin: 0;
    color: #555;
    font-size: 14px;
}

/* Style pour la section contenant la liste de contact */
.contact-section {
    background-color: #f7f7f7; /* Couleur de fond de la section */
    padding: 30px;
    border-radius: 3px; /* Coins arrondis */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ombre */
}

.contact-form-container {
    background: #767038; /* Couleur de fond */
    padding: 40px;
    border-radius: 5px;
    max-width: 600px;
    margin: auto;
    /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ombre */
}

.contact-form-container h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    font-size: 28px;
}

.form-group {
    margin-bottom: 20px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 15px;
    background: #d4cdcd;
    border: none;
    border-radius: 2px;
    color: #645223;
    font-size: 16px;
    outline: none;
}

.form-group textarea {
    height: 150px;
    resize: none;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #aaa;
}

.submit-btn {
    background: #d4af37; /* Couleur bouton */
    color: #000;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s ease;
    display: block;
    width: 50%;
    text-align: center;
}

.submit-btn:hover {
    background: #c69730;
}

.attr-nav {
    display: flex; /* Utiliser flex pour aligner verticalement */
    align-items: center; /* Centrer verticalement */
    justify-content: center; /* Centrer horizontalement si nécessaire */
    /*border-left: 1px solid rgba(255, 255, 255, 0.15);*/
    height: 60px;
    padding-left: 10px;
    z-index: 999;
    margin-left: auto; /* Pour pousser le conteneur à droite */
}

.btn-rdv-rd {
    background-color: #007bff; /* Couleur du bouton */
    color: white; /* Couleur du texte */
    padding: 10px 15px; /* Espacement interne */
    border-radius: 5px; /* Coins arrondis */
    text-decoration: none; /* Pas de soulignement */
    transition: background-color 0.3s; /* Effet de transition */
}

.btn-rdv {
    background-color: #ab9e56;
    color: #ffffff;
    text-decoration: none;
    border-radius: 1px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    transition: border 0.3s;
    padding: 10px 15px; /* Espacement interne */
    vertical-align: middle;!important;
    /*height: 15px;!important;*/
}

.btn-rdv:hover {
    /*border: 2px solid #fff; !* Change border color on hover *!*/
}