HTML, BODY {
    padding: 0;
    margin: 0;
    font-family: "Lato","sans-serif";
    color: #555;
    line-height: normal;
}

H1 {
    color: #4caac9;
    margin-bottom: 1em;
}
H2 {
    color: #4caac9;
    margin-bottom: 1em;
}
A:hover {
    text-decoration: none !important;
}

.container-fluid { /* Modification boostrap */
    padding: 0;
    margin: 0;
}

DIV.top {
    background: linear-gradient(#4caac9, #000);
    
}
DIV.top H1,
DIV.top A {
    color: white;
}
    
UL.nav {
    list-style-type: none;
    margin-bottom: 0;
    margin: auto;
}
UL.nav LI {
    text-transform: uppercase;
    margin-right: 5em;
    padding-bottom: 0.5em;
}

UL.nav LI.active,
UL.nav LI:hover {
    border-bottom: 1px solid white;
    color: white;
}
.nav-link {
    color: white !important;
}
.bg-light {
    background: none !important;
}

.main_text {
    margin: 2em;
}

IMG.home_top_img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
IMG.home_pc_img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
IMG.home_vignette_img {
    max-width: 90%;
    height: 200px;
    object-fit: cover;
}

.message_sent {
    width: 100%;
    border: 1px solid #CCC;
    background-color: green;
    color: white;
    padding: 0.2em;
    text-align: center;
}

.footer {
    color: white;
    border-top: 2px solid #CCC;
    font-size: 0.8em;
    text-align: center;
    background: linear-gradient(#333, #4caac9);
}