/**
			V1	V2
hx			#242424
gris du fond d'écran	#3c3c3c #696969
lien défaut		#225CB5 #808080
lien focus		#808080 #a9a9a9 
gris de la police	#C0C0C0	#c0c0c0
first-letter		#C0C0C0	#A9a9a9


Autre couleur :
V1 : vert : #225CB5
V2 : bleu de France : 49/140/231 #225CB5
V3 : bleu ciel #77b5fe

bleu roi d'après wikipédia :: #225CB5 13/36/71   34/92/181 RAL le plus approchant 5005 (plutôt que 5010 ou 5017)

**/



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;
}
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;
}
/**--------------------*/
/**--------------------*/
#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;
}
.img_legend img{
border: 10px solid white;
}
.img_legend_sans_cadre{
font-style: italic;
text-align: center;
}


.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;

}