html, body {
    font-family: Georgia, 'Times New Roman', Times, serif ;

        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;

}
    /* Responsive */
    @media only screen and (max-width: 1022px){
        body{
            background-color: black;
         }
         .MenuPres{ width: 100%; height:80%;}

         .navbar ul {font-size:21px;}
         .content{font-size: 1em;width: 70%; margin-bottom:20%;}  
         .navbar2 a{font-size: 15px;}       
        }
        @media only screen and (min-width: 1023px){
            body{
                background-color: black;
             }
             .MenuPres{ width: 100%; height:100%;}
    
             .navbar ul {font-size:2em;}
             .content{font-size: 2em;width: 90%; margin-bottom:5%;}
             .navbar2 a{font-size: 20px;}
            }
           



/* Navbar */
.navbar{
       
    position:relative;
        display: block;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1rem 0;
    text-align: center;
    z-index: 1000; /* Assure que la navbar est au-dessus des autres éléments */
        justify-content: flex-start;
        background-color:black;
        justify-content: center;

}
.navbar2 {
    display: block;
     bottom: 0; width: 100%;
   padding: 1rem 0;
   text-align: center;
   z-index: 1000; /* Assure que la navbar est au-dessus des autres éléments */
       justify-content: center;
       background-color:black;
       justify-content: center;
    
}


.navbar ul {
    display: inline;
    list-style-type: none;
    justify-content: center;
    text-align: center;
    background-color:black;
    padding-left: 0%;
    padding-top: 0%;
}

.navbar ul li {
    float: left;
    background-color:black;
    text-align: center;
    justify-content: center;

}

.navbar ul li a {
    background-color:black;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
    color: white;
    display:flex;
}

.navbar ul li a:hover {
    font-weight: bold;
    text-decoration:none;
}



.navbar2 ul {
    display: inline;
    list-style-type: none;
    justify-content: center;
    text-align: center;
    background-color:black;
    padding-left: 0%;
    padding-top: 0%;
}

.navbar2 ul li {
    float: left;
    background-color:black;
    text-align: center;
    justify-content: center;

}

.navbar2 ul li a {
    background-color:black;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
    color: white;
    display:flex;
}

.navbar2 ul li a:hover {
    font-weight: bold;
    text-decoration:none;
}
  
 
    .Cont {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        width:100%;
        height: 100%;
        align-items: center;
        }
        
        .All { grid-area: 1 / 1 / 3 / 2;display: grid;background-size: cover }
        .BLOC1 { grid-area: 1 / 1 / 2 / 2;display: grid; 
            align-items: center;
            text-align: center; }
        .BLOC2 { grid-area: 2 / 1 / 3 / 2;display: grid; }  




        .content {
            margin-top: 5%; padding: 20px;
            text-decoration: none;
            border-radius: 20px;
            background-color: rgba(0, 0, 0, 0.7);
            position: static ;
            display: grid;
            justify-content: center;
            align-items: center;
            text-align: center;     
            color:whitesmoke;
            z-index: 1;
            
            }


    
.download-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: rgb(255, 120, 120); /* Rouge */
    color: white;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}
.download-btn:hover {
    background-color: red; /* Rouge plus foncé au survol */
}