/* On ajuste la taille et position de notre texte selon nos besoins */
    
    h1 {
     background-color: black;
     margin: auto;
     font-family: 'Open Sans', sans-serif;
     text-align: center;
     width: 50%;
    }
    
    h2 {
     text-align: center;
     margin: auto;
     margin-top: 200px;
     margin-bottom: 100px;
     font-family: 'Open Sans', sans-serif;
     background-color: black;
     width: 50%;
    }
    
    h3 {
     margin-top: 20px;
     text-align: center;
     font-family: 'Open Sans', sans-serif;
     background-color: goldenrod;
     width: 50%;
     margin: auto;
    }
    
    h4 {
     margin-top: 20px;
     text-align: center;
     font-family: 'Open Sans', sans-serif;
     padding-left: 35px;
    }
    
    p {
     display: block;
     padding: 50px 80px;
     text-align: justify;
     margin-bottom: 100px;
     margin-left: auto;
     margin-right: auto;
     max-width: 50%;
     font-family: 'Open Sans', sans-serif;
     font-family: 'Roboto', sans-serif;
    }
    
    ul>li {
     font-weight: bold;
     display: block;
     text-align: center;
    }
    /*On centre les images et arrondissant les bords pour ne pas leur donner l'air trop hors de place */
    
    img {
     border-style: solid;
     text-align: center;
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 50%;
     border-radius: 5px 5px 5px 5px;
     border: solid 10px;
     max-height: 1000px;
     margin-bottom: 100px;
    }
    
    div>div {
     overflow: hidden;
     padding-top: 56.25%;
     position: relative;
    }
    
    iframe {
     border: 0;
     height: 65%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
    }
    
    * {
     color: white;
    }
    
    nav>ul>li {
     text-align: center;
     display: inline-block;
     width: auto;
     height: auto;
     background-color: #504D4C;
     margin-top: 25px;
     position: relative;
     position: relative;
    }
    
    nav>ul>li>a {
     text-align: center;
     display: inline-block;
     width: auto;
     height: auto;
     background-color: black;
     margin: 0;
     padding: 10px;
     font-family: 'Open Sans', sans-serif;
    }
    
    nav>ul>li>a:hover {
     background-color: darkgoldenrod;
    }
    
    nav li:hover {
     background-color: orange;
    }
    
    nav ul {
     text-align: center;
    }
    
    li {
     border: darkgoldenrod;
    }
    
    nav>ul>li>a {
     color: white;
    }
    
    nav>ul>li:hover>a>span {
     display: inline-block;
    }
    
    a {
     color: black;
    }
    
    nav>ul>li>a>span {
     position: absolute;
     top: 50px;
     display: none;
     color: darkgoldenrod;
     background: grey;
    }
    
    nav>ul>li>ul {
     display: none;
     color: darkgoldenrod;
     background: darkgray;
    }
    
    nav>ul>li:hover>ul {
     display: block;
    }
    
    nav>ul>li>ul {
     position: absolute;
     top: 30px;
     left: 2px;
     white-space: nowrap;
     text-align: start;
     border-radius: 10px;
     border-color: goldenrod;
     border: solid 1px;
    }
    
    nav>ul>li>ul>li {
     display: block;
     color: black;
    }
    
    main {
     display: block;
     margin: auto;
     width: 80%;
     background: rgba(172, 166, 169, 0.8);
     border-radius: 40px;
    }
    /*Les fonds d'écran de chaque page sont chacun mis dans une classe séparé */
    
    .parallax1 {
     background-image: url(../img/915234.jpg);
     /* donner une hauteur */
     min-height: 500px;
     /* faire l'effet parallaxe */
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
    }
    
    .parallax2 {
     background-image: url(../img/bitcoin-ecologie.png);
     min-height: 500px;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
    }
    
    .parallax3 {
     background-image: url(../img/2927403.jpg);
     min-height: 500px;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
    }
    
    .parallax4 {
     background-image: url(../img/8c73b5ef8.jfif);
     min-height: 500px;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
    }
    
    .parallax5 {
     background-image: url(../img/cryptomonnaies.jpg);
     min-height: 500px;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
    }
    
    body {
     padding-bottom: 100px;
     padding-top: 100px;
     min-width: auto;
     align-items: center;
     margin: auto;
    }