.delete-icon{
  color: #e52525;
  
}
.close-icon,
.menu-icon {
  display: none; 
}

.Notification{
  position: relative ;
  width: 800px;
   margin: 100px auto;
   text-align: center;
  background-color:#5B8E7D;
  color: whitesmoke;
  padding: 10px;
  display: none;
}




.close-button {
  display: none;
  color: #fff;
  float: right;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
}





/* medias query */
/* Medias query */
@media (max-width: 768px) {
  header {
      flex-direction: column;
      align-items: flex-start;
      padding: 20px;
	  max-width: 100%;
  }

  .logo img {
      width: 10px;
      margin-bottom: 10px;
  }

  nav {
      margin-top: 10px;
  }

  nav ul {
      flex-direction: column;
  }

  nav li {
      margin: 5px 0;
  }

  .login-button {
      margin-top: 10px;
  }
  #menu {
    display: none;
}

/* Cacher l'icône de fermeture sur les écrans mobiles */
.close-icon {
    display: none;
}
  /* Cacher l'icône du menu et afficher l'icône de fermeture */
  .menu-icon {
      display: block ;
     
  }
  
  .close-icon {
      display: none ;
  }
  .close-icon,.menu-icon  {
       
    position: absolute; 
      left: 90%;
      top: 3rem;
      transform: translateX(-50%);
      color: #fff;
      right: -100px;
  }

  /* inscription connexion */
  .titre-insc-conn{
    /* text-align: center; */
    margin-top: 150px;
    /* font-weight: bold; */
  }
  .form-ins-con{
    max-width: 400px;
    padding: 10px;
    margin: 0 auto;
    background-color: white;
   /* height:300px; */
   
  }
  
/* accueil */


.landingpage{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
}

.slider{
  margin-top: 0;
  display: flex;
  position: relative;
  width: 90%; 
  height: 50%;
  padding: 4rem 0;
}  



.img{
 width: 100%;;
  height: 50vh;
  object-fit: cover;
}

.text{
  width: 90%;
  text-align: center;
  padding-left: 2rem;
}
.titre{
 margin-top: 2rem ;
 margin-left:0.8rem;
 font-size: 2.5rem ;
 font-weight: bold;
 text-align: start;

}
.paragraphe{
   margin: 0.8rem 0.8rem ;
   text-align: start;
}

  .publications-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    /* margin-top: 50px 0 0 50px; */
    margin: 50px auto;
    align-items: stretch; 
    /*width: max-content*/;
  }

  .publication {
    background-color: #f4f4f4;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    display: flex;
    flex-direction: column; /* Utilisation de Flexbox */
 
  }
  .img-publication{
     height: 250px ;
     border-radius: 16px;
    width: 400px;
   object-fit: cover;
   
  }
  
  /* profile */

  
  .profile-section {
    margin-top: 100px;
    text-align: center;
  }
  .profile-info img {
    width: 100px;
    height: 100px;
}
/* publications profile */
.publications-profile {
  display: grid;
  grid-template-columns: repeat(1, 1fr); /* Deux publications par ligne */
  gap: 10px;
  }
  .publication-profile {
  background-color: #fff;
  border: 1px solid #ccc;
  flex: 1;
  }
  
/* .edit-profile-button, .add-publication-button, .edit-profile-info-button, .delete-account-button, .edit-button, .delete-button {
    width: 60%;
    
} */



/* detail.php */

.sectionDetailPub{
  width: 400px;
}
	
.confidentialite{
	margin-top: 80px;
	}
 

}