.administration {
    
    margin:10px auto;
    width: 600px;
}

.administration h3 {
    margin-top: 50px;
    margin-bottom: 50px;
   
}


.tableau h3 {
    margin-top: 50px;
    margin-bottom: 50px;
    
    text-align: center;
}

.genealogie h3 {
    padding-top: 50px;
    margin-bottom: 50px;
    
    text-align: center;
}

.conseil1 {
    padding: 10px;
    background: #E85F0C;
    margin: 10px;
    border-radius: 10px;
}

.conseil1 p {
    color: white;
}

.conseil p {
    color: white;
}

.conseil {
    padding: 10px;
    background: #E85F0C;
    margin: 10px;
    border-radius: 10px;
    width: 350px;
}


.conseil-ligne {
    display: flex;
}

.titlenous {
  margin-top: 30px;
  text-align: center;
 
}

.linenous {
  width: 10%;
  height: 2px;
  margin: 10px auto;
  background: #C1C1C1;
  
}
  
  
.texte-gouvernance {
    font-size: 2.5vmin;
    text-align: center;
    margin: 50px auto;
    width: 70%;
} 

  
  
.quisommenous {
  position: relative;
  
  width: 80%;
  margin: 0 auto;
 
}
  
  
  
  .quisommenous_text {
    width: 80%;
    margin: 50px auto;
    text-align: justify;
  }

  .quisommenous_text p {
    font-size: 2vmin;
  }

  .paragraph {
    margin: 10px 0;
  }

  .paragraph2 {
    margin-bottom: 10px;
  }

  .genealogie {
    background: rgb(233, 233, 233);
    
  }

  .president1 {
    width: 150px;
    height: auto;
    background: white;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 70px;
    border: 1px solid#a5a5a5;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
  }
  
   .president {
    width: 150px;
    height: auto;
    background: white;
    text-align: center;
    margin: 0 5px;
    margin-bottom: 70px;
    border: 1px solid#a5a5a5;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
  }
  
 

  .president1 p {
    padding-bottom: 5px;
  }

  .president p {
    margin: 10px ;
  }

  .lignemembre {
    
    position: relative;
    display: flex;
    
    width: 100%;
    justify-content: center;
    
    
  }

  .grouper {
    display: flex;
    
    
  }


  .carte {
    margin:50px 0;
    height: auto;
    text-align: center;
  }

  .carte img {
    width: 70%;
    position: relative;
    margin: 50px auto;
  }
  
  .president:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }

  .president1:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  
  
  
   table {
            width: 50%; /* Largeur du tableau */
            margin: 0 auto; /* Centre le tableau horizontalement */
            border-collapse: collapse;
            margin-bottom: 50px;
        }
        
        th, td {
            padding: 8px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        
        th {
            background-color: #f2f2f2;
        }
        
        tr:hover {
            background-color: #f5f5f5;
        }


  
  
  
 @media only screen and (max-width:1800px){
  
    .carte img {
      width: 80%;
      margin-top: 0;
    }
    
  }
  
  
  
  /* Pour les écrans de petite taille */
  
  @media only screen and (max-width:950px){
    
  
    .carte img {
      width: 80%;
      margin-top: 0;
    }

    .notrepresence .title img{
      width: 80px;
      height: auto;
    }

    .lignemembre {
      flex-direction: column;
      align-items: center;
    }
    
    .conseil {
    padding: 10px;
    background: #E85F0C;
    margin: 10px;
    border-radius: 10px;
    width: 300px;
}

.administration {
  
    width: 300px;
}


    
   
  }