#article {
            position: relative;
            width: 100%; 
            text-align: center; 
        }

    
        img.quellefig {
            display: inline-block; 
            margin-top: 20px; 
        }
		
.video2024{
position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}

.citation {
    color: #3c71b9; 
    font-style: italic;
	text-align:left;
  }
  
 .quellefigres{
 max-width: 100%; height: auto; display: block; margin: 0 auto;
 }

.sommaire h2 { font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em; }
.sommaire h3 { font-size: 1em; font-style: italic; margin-left: 1em; }

.sommaire {
  background-color: #f7f9fc; /* Bleu très clair et doux */
  border-left: 4px solid #3498db; /* Liseré bleu élégant */
  padding: 1em 1.2em;
  margin: 2em 0;
  font-family: Arial, sans-serif;
  border-radius: 6px;
  text-align: left;
}	

.sommaire h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0.6em;
  color: #2c3e50;
}

/* Liens du sommaire */
.sommaire a {
  display: block;
  color: #2980b9;
  text-decoration: none;
  font-size:1.1em; font-weight:bold;
  /*margin: 0.4em 0;*/
}

.sommaire a:hover {
  text-decoration: underline;
  color: #1a5276;
}


.sommaire h3 { font-size: 1em; font-style: italic; margin-left: 1em; }
/*  
  .sommaire a {
    text-decoration: none;
    color: #0056b3; 
    font-weight: normal;
  }
  
  .sommaire a:hover {
    text-decoration: underline;
    color: #003c82; 
  }

  .sommaire h2 {
    color: #333; 
    margin-bottom: 1em;
  }

  .sommaire div {
    margin-bottom: 0.5em;
  }

  .sommaire .section-title {
    color: #1a73e8; 
    font-weight: bold;
    margin: 1em 0 0.5em;
  } 
 */ 
h1, h2, h3{
	text-align: left;
	}
	
        .share-buttons {
            display: flex;
            gap: 10px;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
        }

        .share-buttons a {
            display: inline-block;
            width: 40px;
            height: 40px;
            border-radius: 10%;
            background-color: #f4f4f4;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
        }

        .share-buttons a:hover {
            transform: scale(1.1); /* Zoom léger au survol */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ombre douce */
        }

        .share-buttons img {
            width: 100%; /* S'adapte au bouton rond */
            height: 100%;
            object-fit: cover;
        }
        .share-buttons a:hover {
            transform: scale(1.1);
        }
        .facebook { background-color: #1877F2; }
        .bluesky { background-color: #00ACEE; } /* Approximatif */
        .instagram { background: radial-gradient(circle at 30% 30%, #fdf497, #fdf497, #fd5949, #d6249f, #285AEB); }
        .linkedin { background-color: #0077B5; }
        .whatsapp { background-color: #25D366; }

        .share-buttons a:hover {
            transform: scale(1.2); /* Zoom léger au survol */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ombre douce */
        }

        .share-buttons img {
            width: 100%; /* S'adapte au bouton rond */
            height: 100%;
            object-fit: cover;
        }		
		
.contenu li {
    list-style: outside;
    margin-bottom: 1em;
    line-height: 1.5em;
    float: none;
    width: 100%;
    height: max-content;
    text-align: left;
    padding-left: 20px; 
}