/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* tes styles déjà présents au-dessus */

.realisation-section {
    padding: 30px 0;
}

.realisation-img-wrap {
    width: 100%;
}

.realisation-img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.realisation-text h4 {
    margin-bottom: 20px;
}

.realisation-text h5 {
    margin-top: 22px;
    margin-bottom: 10px;
    font-weight: 700;
}

.realisation-text p,
.realisation-text li {
    font-size: 1rem;
    line-height: 1.8;
}

.realisation-text ul {
    margin-bottom: 0;
    padding-left: 20px;
}

@media (max-width: 767.98px) {
    .realisation-section {
        padding: 20px 0;
    }

    .realisation-img {
        height: auto;
        margin-bottom: 20px;
    }

    .realisation-text {
        text-align: left !important;
    }
}

/* HEADER BLANC */
#header,
#header-wrap,
#header-wrap > .container,
#header.sticky-header #header-wrap,
#header.transparent-header #header-wrap {
    background: #FFFFFF !important;
}

/* MENU COULEUR PRINCIPALE */
.primary-menu .menu-link div,
#header.sticky-header .primary-menu .menu-link div,
#header.transparent-header .primary-menu .menu-link div {
    color: #1F325C !important; /* couleur du menu modifiée */
    transition: color 0.3s ease;
}

/* HOVER GRIS */
.primary-menu .menu-link:hover div,
#header.sticky-header .primary-menu .menu-link:hover div {
    color: #8A8A8A !important;
}

/* TEXTE SUR L'IMAGE : noir */
.slider-caption h3,
.slider-caption p {
    color: #000000 !important;
}

/* CTA sur l'image */
.cta-link {
    color: #000000 !important;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
}

.cta-link:hover {
    color: #555555 !important;
}

/* HEADER TOUJOURS BLANC */
#header,
#header-wrap,
#header-wrap > .container,
#header.sticky-header #header-wrap,
#header.sticky-header.semi-transparent #header-wrap,
#header.transparent-header #header-wrap {
    background: #FFFFFF !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

/* MENU : bleu acier normal, gris au survol */
.primary-menu .menu-link div,
#header.sticky-header .primary-menu .menu-link div,
#header.transparent-header .primary-menu .menu-link div {
    color: #1F325C !important; /* couleur du menu modifiée */
    transition: color 0.3s ease;
}

.primary-menu .menu-link:hover div,
#header.sticky-header .primary-menu .menu-link:hover div {
    color: #8A8A8A !important;
}

/* GARDER LE BON LOGO */
#logo .logo-dark {
    display: none !important;
}

#logo .logo-default {
    display: block !important;
}

/* OPTIONNEL : enlève les lignes verticales si tu veux un look plus clean */
#header.full-header #logo {
    border-right: none !important;
}

#header.full-header .primary-menu {
    border-left: none !important;
}

/* Appliquer les changements uniquement sur la page d'accueil (index) et sur mobile */
@media only screen and (max-width: 768px) {
    body.page-index .slider-caption.slider-caption-center h3,
    body.page-index .slider-caption.slider-caption-center p {
        font-size: 5em !important; /* Augmenter la taille du texte sur mobile uniquement */
    }
}

/* Changer la couleur du h4 */
h4 {
    color: #000000; /* Remplacez cette couleur par celle de votre choix */
}