/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 19 2024 | 05:25:07 */
.ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
}
  
.ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
}
  
.ubuntu-medium {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
}
  
.ubuntu-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
}
  
.ubuntu-light-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: italic;
}
  
.ubuntu-regular-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: italic;
}
  
.ubuntu-medium-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: italic;
}
  
.ubuntu-bold-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: italic;
}
  

body {
    font-family: "Ubuntu";
    text-align: center;
    color: #333;
}

#thumbnail {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: #ddd;
    z-index: -1;
}

img[src*=vignette] {
    margin-right: 0px;
    margin-bottom: 10px;
    transition: transform .5s;
    cursor: pointer;
}

img:hover{
    transform:scale(1.1);
}

#slider {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: #ddd;
    z-index: -2;
    display: flex;
    justify-content: center;
    align-items: center;
}

#title {
    position:absolute;
    top: 0px;
    color: #333;
}

#title1, #title2, #title3, #title4 {
    position:absolute;
    top: 30px;
    color: #333;
}

#title2, #title3, #title4 {
    display: none;
}

#slid {
    position: fixed;
    width: 80vw;
    height: 80vh;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#slide1, #slide2, #slide3, #slide4 {
    position:fixed;
    max-width: 80vw;
    max-height: 80vh;
    cursor: pointer;
    
}

#slide2, #slide3, #slide4 {
    display: none;
}

#precedent, #suivant {
    z-index: 1;
    transition: opacity 0.5s ease;
    font-size: 75px;
    font-weight: 100;
    position: absolute;
    top: 160px;
    background-color: rgba(0, 0, 0, 0);
    color: #333;
    opacity: 0;
    cursor: pointer;
}

#precedent {
    left: 0;
}

#suivant {
    right: 0;
}

#slider:hover #precedent, #slider:hover #suivant {
    opacity: 1;
}