/* CSS Document */
.bg-ternary {
  background-color: #3e6b6f !important;
}
/* === IMAGE PROFIL RECTANGULAIRE (16:9) ===
Voici les dimensions idéales en pixels si vous voulez une taille fixe, ou le code souple pour s'adapter à tout.

Les dimensions mathématiques (Ratio 16:9)
Si vous devez redimensionner votre image avant l'envoi, voici les standards :
Largeur : 400px / Hauteur : 225px (Recommandé pour une carte de profil)
Largeur : 320px / Hauteur : 180px (Un peu petit)
Largeur : 1920px / Hauteur : 1080px (Full HD - trop grand pour une petite carte) ===*/
/*
x
*/
.avatar-iad-rect {
    object-fit: contain !important;
	   border: 4px solid white;    /* Bordure blanche */
    border-radius: 12px;         /* Coins arrondis 8px */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Légère ombre */
}

        /* Petit style personnalisé pour la "Timeline" prix */
        .timeline-item {
            position: relative;
            padding-left: 2rem;
            border-left: 3px solid #e9ecef;
            padding-bottom: 2rem;
        }
        .timeline-item::before {
            content: '';
            position: absolute;
            left: -9px;
            top: 0;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background-color: #264653; /* Votre couleur bleu canard */
            border: 2px solid #fff;
        }
        .timeline-item:last-child {
            border-left: 3px solid transparent;
        }
        .text-brand {
            color: #264653;
        }
    /* Surcharge de la couleur btn-info par votre Bleu Canard */
.btn-info {
    background-color: #06899e !important; /* Votre couleur foncée */
    border-color: #264653 !important;
    color: #ffffff !important; /* Force le texte en blanc */
}

/* Effet au survol de la souris (un peu plus sombre) */
.btn-info:hover, 
.btn-info:focus, 
.btn-info:active {
    background-color: #06899e !important; /* Version plus sombre */
    border-color: #1e3640 !important;
    color: #ffffff !important;
}

/* Au survol de la carte */
.lift-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 2rem rgba(23, 162, 184, 0.15)!important; /* Ombre bleutée au survol */
    /* On enlève le dégradé pour mettre un fond blanc pur et une bordure */
    background-image: none !important;
    background-color: #ffffff !important;
    border: 1px solid #17a2b8!important; 
}

/* Changement de style du bouton au survol de la carte globale */
.card-link-wrapper:hover .btn-action {
    background-color: #169DB2;
    color: #ffffff;
}
/* --- STYLE POUR CORINNE (VERT) --- */
/* Au survol de la carte Corinne */
.lift-hover-success:hover {
    transform: translateY(-5px);
    background-image: none !important;
    background-color: #ffffff !important;
    border: 1px solid #28a745 !important; /* Bordure verte */
    box-shadow: 0 1rem 2rem rgba(40, 167, 69, 0.15)!important; /* Ombre verte */
}
/* Le bouton devient vert plein au survol de la carte */
.card-link-wrapper:hover .btn-outline-success {
    background-color: #28a745;
    border-color: #28a745;
    color: #ffffff;
}

/* Au survol de la carte Giovanni */
.lift-hover-info:hover {
    transform: translateY(-5px);
    background-image: none !important;
    background-color: #ffffff !important;
    border: 1px solid #17a2b8 !important; /* Bordure bleue */
    box-shadow: 0 1rem 2rem rgba(23, 162, 184, 0.15)!important; /* Ombre bleue */
}
/* Le bouton devient bleu plein au survol de la carte */
.card-link-wrapper:hover .btn-outline-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #ffffff;
}
html {
  scroll-behavior: smooth;
}
.rstpl-footer-fluid-position {
    padding: 10px 0 !important; /* Espace vertical minimal */
    margin: 0 !important;       /* Supprime toute marge externe */
    background-color: #3e6b6f;  /* Couleur de fond légère */
    width: 100%;
}
/*.avatar-iad-rect {
    width: 100%;              
    max-width: 800px;           
    aspect-ratio: 16/9;         /* 
    object-fit: cover;          /* 
    object-position: top center; /* FOCUS SUR LE VISAGE (Haut de l'image) 
    border: 4px solid white;    /* Bordure blanche 
    border-radius: 8px;         /* Coins arrondis 8px 
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Légère ombre 
}*/