@media screen and (min-width: 1001px) {
 
    body {
    margin: 0;
    padding: 20px;
    background: linear-gradient(#ff0000, #000000);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: Arial, sans-serif;
}

img {
    filter: drop-shadow(12px 0px 20px #ffffff);
}

body h1{
    color: #ffffff;
    font-size: 50px;
}

h2{
    color: #ffffff;
    font-size: 38px;
}

h3 a{
    color:#ffffff ;
}
 


  

    .bloc {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 0 0 20px #ffffff; 
        -webkit-box-shadow: 0 0 20px #ffffff; 
        box-shadow: 0 0 20px #ffffff; 
        width: 250px;
    }
    .bloc a {
        margin:0;
        padding:40px;
        font-size:1.5em;
        color:#000000;
        background-color:#ffffff;
        border:0px solid #ffffff;
        border-bottom:0;
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 40px 40px 40px 40px;
        border-radius: 10px 10px 10px 10px;
        display:flex;
    
    }


      a{
    text-decoration:none ;
    justify-content: center;
  }

    nav{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        padding: 50px;
        
    }

    .navenbas{
        margin-left: 260px;
        margin-right: 260px;
    }

    .Sous-pages {
        background-color: #ff7474;
       
    }
    nav ul {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        padding: 0 px;
        background-color: #ff7474;
    }
     
    nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
     
    nav ul li {
        display: inline;
        margin-right: 20px;
    }
     
    nav a {
        text-decoration: none;
        color: #fff;
        padding: 40px 142px;
        display: inline-block;
    }
     
    nav a:hover {
        background-color: #ffffff7a;
        color: #000;
    }
    
    .active{
     
        background-color: #e20c0c7a;
     
    }

    article {
        display: flex;
        align-items: center; /* Aligner verticalement le contenu */
        color: #fff;
        margin: 100;
        text-align: justify;
    }

    p{
        color: #ffffff;
        text-align: justify;
    }

    b{
        color: #ffffff;
    }
}



/*Pour téléphone*/
@media screen and (max-width: 1000px) {
    body {
        margin: 0;
        padding: 20px;
        background: linear-gradient(#ff0000, #000000);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        font-family: Arial, sans-serif;
    }
    
    img {
        filter: drop-shadow(12px 0px 20px #ffffff);
    }
    
    body h1{
        color: #ffffff;
        font-size: 50px;
    }
    
    h2{
        color: #ffffff;
        font-size: 38px;
    }
    
    h3 a{
        color:#ffffff ;
    }
     
    
    
      
    
        .bloc {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            -moz-box-shadow: 0 0 20px #ffffff; 
            -webkit-box-shadow: 0 0 20px #ffffff; 
            box-shadow: 0 0 20px #ffffff; 
            width: 250px;
        }
        .bloc a {
            margin:0;
            padding:40px;
            font-size:1.5em;
            color:#000000;
            background-color:#ffffff;
            border:0px solid #ffffff;
            border-bottom:0;
            -webkit-border-radius: 10px 10px 0 0;
            -moz-border-radius: 40px 40px 40px 40px;
            border-radius: 10px 10px 10px 10px;
            display:flex;
        
        }
    
    
          a{
        text-decoration:none ;
        justify-content: center;
      }
    
        nav{
            display: flex;
            flex-direction:row;
            justify-content: space-around;
            padding: 50px;
            
        }
    
        .navenbas{
            margin-left: 260px;
            margin-right: 260px;
            flex-direction: row;
        }
    
        .Sous-pages {
            background-color: #ff7474;
            flex-direction: column;
            overflow-x: hidden;
        }
        nav ul {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            padding: 0px;
            background-color: #ff7474;
            
            
        }
         
        nav ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
         
        nav ul li {
            display: column;
            margin-right: 0;
            margin-left: 250;
        }
         
        nav a {
            text-decoration: none;
            color: #fff;
            padding: 40px 142px;
            display: inline-block;
        }
         
        nav a:hover {
            background-color: #ffffff7a;
            color: #000;
        }
        
        .active{
         
            background-color: #e20c0c7a;
         
        }
    
        article {
            display: flex;
            align-items: center; /* Aligner verticalement le contenu */
            color: #fff;
            margin: 100;
            text-align: justify;
        }
    
        p{
            color: #ffffff;
            text-align: justify;
        }
    
        b{
            color: #ffffff;
        }
        .Equipe{
            flex-direction: column;
            overflow-x: hidden;

        }

        nav ul li a{
            flex-direction: column;
            overflow-x: hidden;
        }
}