/* Styles pour la navigation */
body {
    font-family: 'Roboto', Arial, sans-serif !important;
    font-size: 1rem;
    color: #333 !important;
}

.navbar {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.navbar-brand {
    font-weight: bold;
    font-size: 1.5rem;
    color: #1a1a1a;
}
.navbar-nav .nav-link {
    font-size: 1rem;
    padding: 0.5rem 1rem;
    transition: color 0.3s ease-in-out;
}
.navbar-nav .nav-link:hover {
    color: #0056b3;
    text-decoration: underline;
}

.bg-orangealcy{
    background-color:#F15F22;
}

.text-orangealcy{
    color:#F15F22;
}


.bg-nacelle {
    background-image: url("/assets/img/nacelle.webp");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    height: 400px;
}

.bg-service {
    background-image: url("/assets/img/bg-service.png");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;

}

.bg-qsn {
    background-image: url("/assets/img/bg-qsn.png");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;

}

.bg-solution {
    background-image: url("/assets/img/solution.png");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;

}

.bg-contact {
    background-image: url("/assets/img/qsn.png");
    background-size: cover;
    background-attachment: scroll;
    background-position: center;

}

@media (min-width: 768px) {
    .bg-nacelle {
        height: 600px;
    }
}

.btn-alcy {
    background-color: #F15F22;
    color: white;
    border: none;
}

.btn-alcy:hover {
    background-color: #d65017;
    color: white;
}

.text-white-outline {
    color: white;
    text-shadow:
        -1px -1px 0 black,
        1px -1px 0 black,
        -1px  1px 0 black,
        1px  1px 0 black;
}

.text-black-outline {
    color: black;
    text-shadow:
        -1px -1px 0 white,
        1px -1px 0 white,
        -1px  1px 0 white,
        1px  1px 0 white;
}


.text-orangealcy-outline{
    color:#F15F22;
    text-shadow:
        -1px -1px 0 black,
        1px -1px 0 black,
        -1px  1px 0 black,
        1px  1px 0 black;
}

.alcy-link {
    color: #F15F22;
    text-decoration: none;
}

.alcy-link-muted {
    color: #333;
    text-decoration: none;
}