@charset "utf-8";
/* CSS Document */
/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1560px !important;
}

h1, h2, h3, h4 {
    font-family: "Cormorant", serif;
    color: black;
    text-transform: uppercase;
}

h1, h2 {
    font-size: 64px !important;
    font-weight: 400;
}

h3 {
    font-size: 40px !important;
}

h4 {
    font-size: 36px !important;
}

p {
    font-family: "Raleway", sans-serif;
}

a {
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    text-decoration: none !important;
}

.btn {
    font-family: "Raleway", sans-serif;
    font-weight: 300 !important;
    font-size: 20px !important;
    border-radius: 0% !important;
    padding: 12px 16px !important;
    color: black !important;
}

.btn.primary {
    background: white !important;
}

.btn.secondary {
    background: rgba(228, 228, 228, 0.20);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(1.9px);
    -webkit-backdrop-filter: blur(1.9px);
    border: 1px solid rgba(228, 228, 228, 0.45);
}

.btn.secondary:hover {
    background: rgba(228, 228, 228, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
}

.btn.primary:hover {
    background-color: #B3B3B3 !important;
}

.btn:focus {
    border: 1px solid black;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25) !important;
}

input{
    font-family: "Raleway", sans-serif !important;
    font-weight: 300;
    font-size: 20px !important;
    border: none;
    border-bottom: 1px solid black;
    height: 55px;
}

input::placeholder {
    color: #B5B5B5;
}

input:focus {
    outline: none !important;
    border-bottom: 1px solid black;
    box-shadow: 0 0 8px rgba(228, 228, 228, 0.8); /* Petit effet lumineux */
}

/*Hero*/
header {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 16%), url(/assets/front/img/patio/patio-1.jpg) lightgray 50% / cover no-repeat;
    height: 904px;
}

a.langue:hover {
    font-weight: 700;
}
/*Hero*/


/*Galerie*/
/*Galerie*/


/*Environnement*/
.environnement {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.environnement.image-1, .environnement.image-4 {
    height: 45%;
}
.environnement.image-2, .environnement.image-3 {
    height: 35%;
}

.environnement.image-1{
    background-image: url('/assets/front/img/exterieur/exterieur-1.jpg');
}

.environnement.image-2{
    background-image: url('/assets/front/img/contact.jpg');
}

.environnement.image-3{
    background-image: url('/assets/front/img/contact.jpg');
}

.environnement.image-4{
    background-image: url('/assets/front/img/exterieur/exterieur-2.jpg');
}
/*Environnement*/



/*Conatct*/
.image-contact{
    background-image: url('/assets/front/img/contact.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*Contact*/


/*Footer*/
.image-fin {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url(/assets/front/img/exterieur/exterieur-3.jpg) lightgray 50% / cover no-repeat;
    height: 904px;
}
/*Footer*/



@media (max-width: 767px) {
    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }
}


@media (min-width: 768px) and (max-width: 991.98px) {

}