body{
	font: normal 1.3em Garamond, Ebrima, Verdana, Arial, Helvetica, sans-serif;
	background-color:#3c3c3c;
	color:silver;
/*	font-size : 1.1em;   */
	margin-bottom:50px;
}
/**--------------------*/
p:first-letter{
	font-size : 200%;
}
p {
margin-left: 10px;
margin-right: 10px;
}
/**--------------------*/
ul li{
list-style-type: square;
margin-left:40px;
}
ul li span{
color: silver;
}
/**--------------------*/
ol li{
/*color: #225CB5;*/
}
ol li span{
color: silver;
}
/**--------------------*/
a:link{
/**color:#a0a0a0;*/
/**color:#a0a0a0;*/
color:#77b5fe; /*#77b5fe;*/ /*#225CB5; */
}
a:visited{
/**color:#242424;*/
color:#77b5fe; /*#a6cefc;*/ /*#225CB5; */
}
a:hover{
/**color:#225CB5;*/
color:#318efc; /* #808080;*/
}
a:focus{
/**color:#225CB5;*/
color:#77b5fe;
}
a:active{
/**color:#225CB5;*/
color:#a6cefc;
/*background-color: silver; */
}
/**--------------------*/
/**--------------------*/
.lettrine_h{
  font-family: "Mea Culpa", cursive;
  font-style: normal;
  font-weight: bold;

color:#77b5fe; /*#225CB5; */
  margin-left:20px;
  margin-right:7px;
}

.lettrine_h1{
font-size: 2.5em;
}

.lettrine_h2{
font-size: 2em;
}

.lettrine_h3{
  font-size: 1.5em;
}
.lettrine_titre{
  font-size: 120px;
}


/**--------------------*/
h1{
border-bottom: 6px solid #242424;
border-left: 6px solid #77b5fe; /*#225CB5; */
margin-left:20px;
margin-top: 60px;
color:#242424;
font-size: 2.5em;
padding-left: 20px;
}
h1 img {
margin-left: 20px;
margin-right: 20px;
}

h2{
border-bottom: 4px solid #242424;
border-left: 4px solid #77b5fe; /*#225CB5; */
margin-left:100px;
color:#242424;
font-size: 1.7em;
padding-left: 20px;
}

h3{
border-bottom: 2px solid #242424;
border-left: 2px solid #77b5fe; /*#225CB5; */
margin-left:200px;
color:#242424;
font-size: 1.5em;
}
table tr td{
vertical-align: top;
}
.table_index{
border-spacing : 20px;
}
/**--------------------*/
/**--------------------*/
#titre_page{
  border:6px solid #242424;
  padding: 10px;
  font-family: "Mea Culpa", cursive;
  font-style: normal;
  font-weight: bold;
  font-size: 80px;
  color: #242424;
  text-align:center;
  margin-bottom: 10px;
}
#titre_page img{
  float:center;
}
#sous_titre_page{
  font-size: 80px;
  color: silver;
  text-align:center;
}
/**--------------------*/
#IMP{
  font-family: "Mea Culpa", cursive;
  font-weight: bold;
  color: #77b5fe; /*#225CB5; */
  font-size:1.5em;
 }
.todo{
color: #ffff00;
}
/**--------------------------**/
.img_legend{
font-style: italic;
text-align: center;
}
.img_legend img{
border: 10px solid white;
border-radius: 8px;
}
.img_legend img{
border: 10px solid white;
}
.img_legend_sans_cadre{
font-style: italic;
text-align: center;
}

.texte_citation{
  font-style: italic;
  font-size: 1.5em; 
  text-align: center;
  color: grey;
}

.entete_citation{
  font-style: italic;
  font-size: 40px;
  text-align: center;
  color: grey;
}
.barre{
text-decoration: line-through;
}

.derniere_minute{
color: orange;
font-weight: bold;
}
/** ---------------------------------------------------- */
/**
nav {
	color:red;
}
nav ul {
	list-style:  none;
	padding: 0;
	margin: 0;
	display: flex;
}
nav ul li {
	margin: 0 0 0 0;
	white-space: nowrap;
}
nav ul li:first-letter {
	font-size : 200%;
	margin-left: 5px;
}

nav ul li {
	display: inline;
}
*/
.inline-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 0rem;
}
.inline-list li {
margin: 0px 0px 0px 0px;
}
.inline-list li::first-letter {
  font-size: 200%;
}
nav ul{
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0px; /* supprime les espaces entre les inline-block */
}
nav li{
  display: inline-block;
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 20px; /* remet une taille de caractère normale */
}
nav li:first-letter{
 font-size: 40px;

}
.table_colgauche{
width: 250px;
}

/* BEG ===== SLIDER 500x375 ================ */
/* Conteneur du slider */
.slider {
  position: relative;
  width: 500px;      /* adapte à ton besoin */
  height: 375px;     /* adapte à ton besoin */
  margin: 0 auto;
  overflow: hidden;
border: 10px solid white;
border-radius: 8px;

}

/* Les 3 images */
.slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  opacity: 0;
  animation-name: fadeSlider;
  animation-duration: 30s;          /* 3 images × 10 s */
  animation-iteration-count: infinite;
}

/* Décalage de l'animation pour chaque image */
.slider img:nth-child(1) { animation-delay: 0s; }
.slider img:nth-child(2) { animation-delay: 10s; }
.slider img:nth-child(3) { animation-delay: 20s; }
/* END ===== SLIDER 500x375 ================ */


/* BEG ===== SLIDER 667x375 ================ */
/* Conteneur du slider */
.slider667 {
  position: relative;
  width: 667px;      /* adapte à ton besoin */
  height: 375px;     /* adapte à ton besoin */
  margin: 0 auto;
  overflow: hidden;
border: 10px solid white;
border-radius: 8px;

}

/* Les 3 images */
.slider667 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  opacity: 0;
  animation-name: fadeSlider;
  animation-duration: 30s;          /* 3 images × 10 s */
  animation-iteration-count: infinite;
}

/* Décalage de l'animation pour chaque image */
.slider667 img:nth-child(1) { animation-delay: 0s; }
.slider667 img:nth-child(2) { animation-delay: 10s; }
.slider667 img:nth-child(3) { animation-delay: 20s; }
/* END ===== SLIDER 500x375 ================ */





/* Animation : chaque image est visible 10 s, puis disparaît */
@keyframes fadeSlider {
  0%   { opacity: 0; }
  3%   { opacity: 1; }   /* fade-in rapide */
  30%  { opacity: 1; }   /* reste visible */
  33%  { opacity: 0; }   /* fade-out rapide */
  100% { opacity: 0; }
}