/* COULEUR BODY */
body{
    background: #000000 !important;
}
/* ACCUEIL NAV */
.ma_Nav{
    font-size: calc(3.5em + 2vw) !important;
    font-family: 'Orbitron', sans-serif;
    text-transform: uppercase;
}
.mesTitres{
    font-size: calc(2em + 2vw) !important;
    font-family: 'Orbitron', sans-serif;
    text-transform: uppercase;
}

.navPerso{
    font-size: calc(0.9em + 1vw) !important;
}
p{
    font-size: calc(0.7em + 1vw) !important;
    text-align: justify !important;
}
.barreDist{
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
}
/* font-family: 'Alfa Slab One', cursive;
----------------------------
font-family: 'Fredoka One', cursive;
font-family: 'Indie Flower', cursive;
font-family: 'Julee', cursive;
font-family: 'Kalam', cursive;
font-family: 'Orbitron', sans-serif;
font-family: 'Permanent Marker', cursive;
font-family: 'Roboto Flex', sans-serif;
font-family: 'Titan One', cursive; */


/* PARALLAX */
.parallax {
    height: 600px; 
    background-image: url('../src/parallax.jpg'); 
    background-attachment: fixed; 
    background-position: center; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-color: #fff; 
}
.parallax .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* IMAGES LOGOS */
.img1{
    width: 104px;
}
/* FONT LIENS */
a{
    font-family: 'Roboto Flex', sans-serif;
    color: #c8c8c8 !important;
}
/* MODULE ANIMATION ACCUEIL */
#home {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.palito1{
    box-sizing: border-box;
    border: 1px solid white;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
#home.open .overlay {
    opacity: 0.8;
}
.coucou {
    margin: 0;
    z-index: 1;
    opacity: 0;
    transform: translateX(800px);
    transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
}
.coucou2 {
    margin-top: 10em !important;
    z-index: 1;
    opacity: 0;
    transform: translateX(-500px);
    transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
}
.coucou3 {
    margin: 0;
    z-index: 1;
    opacity: 0;
    transform: translateX(-800px);
    transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
}
.palito1 {
    margin: 0;
    z-index: 1;
    opacity: 0;
    transform: translateY(-200px);
    transition: transform 0.85s ease-in-out, opacity 0.8s ease-in-out;
}
#home.open .coucou{
    opacity: 1;
    transform: translateY(0);
}
#home.open .coucou2{
    opacity: 1;
    transform: translateY(0);
}
#home.open .coucou3{
    opacity: 1;
    transform: translateY(0);
}
#home.open .palito1{
    opacity: 1;
    transform: translateY(0);
}

@media screen and (min-width: 990px) {
    .img1{
        width: 200px;
    }
    
}