#menu
{
  flex: 0 0 190px;
  margin-top: 1%;
  margin-right: 3%;
  min-width: 0;
  position: sticky;
  top: 0;
  align-self: flex-start; /* <-- this is the fix */
}

.element_menu
{
  font-family: sans-serif;
  line-height:4px; /*espacement entre les lignes*/
  background-image: url("../images/layout/menu.webp");
  border-radius: 0px 100px 0px 100px;
  padding: 8px;
  margin-bottom: 20px;
  box-shadow: 7px 0px 5px #888888,10px 0px 10px #000000,0px 0px 1px #000000;
}

[class*="menu"] h3
{
  /*color: #B3B3B3;*/
  font-weight: bold;
  font-size: 24px;
  color: #F26615;
  font-family: sans-serif;
  /*font-family: Arial, "Arial Black", "Times New Roman";*/
  text-align: center;
  text-shadow:1px 1px 1px #000000,1px 1px 1px #000000,1px 1px 1px #000000;
  margin: 30px 20px 0px 0px;
}

[class*="menu"] ul
{
	font-weight: normal;
	padding: 0px;
	text-shadow:0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 5px #000000;
	text-align: center;
}	

.element_menu a
{
	/*font-size: 1.2em;*/
	font-size: 28px;
	/*color: #B3B3B3;*/
	text-decoration: none;
	color:rgb(250,250,250);
	text-shadow:0px 0px 1px #000000,0px 0px 1px #000000,1px 1px 1px #000000;
}

[class*="menu"] li
{
	padding: 7px;
}	
.firefox_menu
{
	text-align: center;
	font-size: 1em;
	color: #F26615;
	font-family: sans-serif;
	/*text-shadow:0px 0px 5px #000000,0px 0px 5px #000000,0px 0px 5px #000000;*/
	text-shadow:0px 0px 1px #000000,0px 0px 1px #000000,1px 0px 1px #000000;
	font-weight: bold;
	margin-bottom: 150px; /*Evite le chevauchement de l'icone avec le pied de page*/
}

[class*="menu"] a:hover /*signifie dessus, permet ici la surbrillance des liens lors du passage du curseur dessus*/
{
	/*background-color: none;*/
	text-decoration: none;
	color: #F77F7F;
}
[class*="menu"] a:visited, main a:visited, #pied_de_page a:visited /*quand le visiteur à déja vu la page concernée*/
{
	text-decoration: none;
}
/*-----------------------------------
-------------For Desktop-------------
-----------------------------------*/
@media only screen and (min-width: 1024px) {
	main
	{
		font-size: 1.1em;
		flex: 0 1 1720px;
		min-width: 0;
		/*font-family: Helvetica, Arial, sans-serif;*/
		font-family: sans-serif;
	}

	.menu_mobiles {	display: none;	}
	.menu_mobiles_bottom {	display: none;	}
	.element_menu ul
	{
		list-style-image: url("../images/layout/puce.png");
		list-style-position: inside;
	}

	code.code, pre.code /*pour les commandes utilisateurs*/ { font-size: medium; }
	.images_autosize80 {
		display: block;
		max-width: 80%;
		height: auto;
	}
	.images_autosize60 {
		display: block;
		max-width: 60%;
		height: auto;
	}
	.images_autosize40 {
		display: block;
		max-width: 40%;
		height: auto;
	}
	.images_autosize20 {
		display: block;
		max-width: 20%;
		height: auto;
	}
	.images_autosize_center80
	{
		display: block;
		max-width: 80%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.images_autosize_center80_white
	{
		display: block;
		max-width: 80%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		background-color: white;
	}
	.images_autosize_center60
	{
		display: block;
		max-width: 60%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.images_autosize_center60_white
	{
		display: block;
		max-width: 60%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		background-color: white;
	}
	.images_autosize_center40
	{
		display: block;
		max-width: 40%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.images_autosize_center40_white
	{
		display: block;
		max-width: 40%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		background-color: white;
	}
	.images_autosize_center20
	{
		display: block;
		max-width: 20%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.images_autosize_center20_white
	{
		display: block;
		max-width: 20%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		background-color: white;
	}
	main p, main ul, main li, main a /*id corps p et tout les liens*/
	{
		margin-left: 5px;
		text-decoration: none;
		text-align: justify;
		word-wrap: break-word;
		max-width: 1420px;
		margin-bottom: 0px;	
		
	}
	main a { margin-left: 0px; }
	main li { margin-bottom: 0.3vw; margin-top: 0.2vw;}
	.image_titre
	{
		float: left;
		max-width: 30%;
		margin: 1% 1% 1% 1%;
	}
	.image_titre_white
	{
		float: left;
		max-width: 30%;
		margin: 1% 1% 1% 1%;
		background-color: white;
	}
	.image_titre_right
	{
		float: right;
		max-width: 30%;
		margin: 1% 1% 1% 1%;
	}
	.image_titre_right_white
	{
		float: right;
		max-width: 30%;
		margin: 1% 1% 1% 1%;
		background-color: white;
	}
}
/*-----------------------------------
-------------End Desktop-------------
-----------------------------------*/

/*-----------------------------------
---------For Small Desktop ----------
-----------------------------------*/
@media screen and ( min-width: 1024px) and (max-width: 2180px) {
	main{
		flex: 0 1 1280px;
		min-width: 0;
	}
	strong, main b
	{	
		font-size: 110%;
		font-family: sans-serif;
	}
}

/*-----------------------------------
----------End Small Desktop----------
-----------------------------------*/

@media only screen and (min-width: 1919px) {
	#en_tete {
		background-image: url("../images/layout/banniere_02.webp"); /*Meilleure qualité de la bannière pour les écrans > HD*/
	}
	strong, main b
	{	
		font-size: 110%;
		font-weight: normal;
		font-family: sans-serif;
	}
	main
	{
		font-size: 130%;
	}
}
#sommaire
{
	position: -webkit-sticky; /*permet de rester visible malgrès le scrolling*/
	position: sticky; /*permet de rester visible malgrès le scrolling*/
	top: 0; /*permet de rester visible malgrès le scrolling*/
	float: right;
	width: auto;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: -15px;
	margin-top: -15px;
	padding: 1%;
	color: black; /*couleur du texte présent dans le corps*/
	background-color:rgb(150,150,150,0.8); /*0.8 spécifie le niveau de transparence*/
	line-height: 0px; /*espacement entre les lignes*/
	border-radius: 13px; /*forme arrondie du sommaire*/
	text-shadow:0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 5px #000000;
	box-shadow:0px 0px 1px #000000,0px 0px 1px #000000,0px 0px 5px #000000;
}
/*---puces-oranges------*/
#sommaire ul {
	list-style: none;
}
#sommaire li::before
{
  margin-left: -1em;
  content: '';
  margin-right: 11px;
  background-color: #F26615;
  height: 0.4em;
  width: 0.4em;
  margin-top: 0.01vw;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}
#sommaire ul * li::before
{
  height: 0.3em;
  width: 0.3em; 
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 11px;
}
/*---fin-puces-oranges------*/
#sommaire ul ul
{
  margin-top: 18px;
  font-size: 14px;
  padding-left: 25px;
  padding-top: 1px;
  /*line-height: 20px;*/
}
#sommaire ul a
{
	margin-right: 18px;
	font-weight: 400;
	text-decoration: none;
	color: whitesmoke;
	font-family: sans-serif;
	text-shadow:0px 0px 0px #000000,0px 0px 0px #000000,1px 1px 1px #000000;
}
#sommaire a:hover
{
	text-decoration: inherit;
	color: #F77F7F;
	background-color: transparent;
}
#sommaire a {
	 margin-left: 2px;
}
@media screen and ( min-width: 1024px) and (max-width: 1280px) {
        main nav ul { font-weight: 100; margin-bottom: 10px; margin-top: 10px; }
        main nav ul > li { font-weight: 100; margin: 0px; }
        main nav ul li li { font-weight: 100; margin-bottom: 5px; }
        main nav ul li ul  { font-weight: 10; margin-top: 10px; }
	#sommaire ul ul { margin-top: 0.8vw; }
}
@media screen and ( min-width: 1281px) and (max-width: 1979px) {
        main nav ul { font-weight: 100; margin-bottom: 10px; margin-top: 10px; }
        main nav ul > li { font-weight: 100;  margin-top: 12px; font-size:1.2vw; }
        main nav ul li li { font-weight: 100; margin-bottom: 10px; font-size:1.2vw; }
        main nav ul li ul  { font-weight: 10; margin-top: 0px;  }
	#sommaire ul ul { margin-top: 0.1vw; }
        }

@media only screen and (min-width: 1980px) {
        main nav ul { font-weight: 100; margin-bottom: 20px;  }
        main nav ul > li { font-weight: 100;  margin-top: 0px; font-size:26px; }
        main nav ul li li { font-weight: 100; margin-bottom: 18px; font-size:23px; }
        main nav ul li ul  { font-weight: 10; margin-top: 10px;  }
        }