@media only screen and (max-width: 1023px) {
	body {font-family: Arial, "Arial Black", "Times New Roman";}
	#page-main { display: inherit; }
	#sommaire { display: none; }
	#menu { display: none; }
	#en_tete { display: none; }
	#pied_de_page { display: none; }
	.image_titre, .image_titre_white, .image_titre_right, .image_titre_right_white { display: none; }
	main { font-family: sans-serif; }
	.menu_mobiles_bottom {
		padding: 15px;
		font-weight: bold;	/*permet de mettre en gras*/
		font-size: medium;
		text-align: center;
		background-image: url("../images/layout/bottom.webp");
		background-size:     cover; 
		color: #B3B3B3;
		border-radius: 13px;
		font-family: sans-serif;
		box-shadow: 7px 10px 5px #888888,0px 0px 10px #000000,0px 0px 5px #000000;
		background-position: center;
	}
	.menu_mobiles_bottom a
	{
		font-size: medium;
		/*text-decoration: yes;*/
		color: #F26615;
		padding: 0vw;
		display: inline;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
	}
	code.code, pre.code /*pour les commandes utilisateurs*/ { font-size: 16px; border: 2pt solid white; }
	.menu_mobiles_top {
		height: auto;
		background-image: url("../images/layout/banniere_01.webp");
		background-position: left;
		background-size:     cover; 
		/*border: 2px solid black;*/
		background-repeat: no-repeat;
		margin-bottom: 10px;
		border-radius: 13px;
		padding: 5px;
		box-shadow:0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 5px #000000;
		overflow:auto; /*empécher l'image de fond de disparaitre (lorsque l'on utilise (float: left)) : https://stackoverflow.com/questions/9538247/css-background-disappears-when-using-floatleft */
		font-family: sans-serif;

	}
	.menu_mobiles
	{
		padding: 2%;
		background-size: cover; 
		/*margin-bottom: 1%;*/
		width: 33.33%;
		float: left;
		text-align: center;
	}
	.title  { 
		font-weight: bold;
		font-size: 4vw;
		color: #F26615;
		font-family: sans-serif;
		text-align: center;
		text-shadow:0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 5px #000000;
	}
	.menu_mobiles a { 
		margin: auto;
		font-weight: bold;
		padding: 0px;
		text-shadow:0px 0px 1px #000000,0px 0px 1px #000000,1px 1px 1px #000000;
		text-decoration: none;
		color:rgb(250,250,250);
		font-size: 5vw;
		display: block;	/*permet d'avoir des blocs cliquables*/
		}

	.images_autosize80, .images_autosize60, .images_autosize40, .images_autosize20, .images_autosize80_white, .images_autosize60_white, .images_autosize40_white, .images_autosize20_white {
		display: block;
		max-width: 100%;
		height: auto;
	}
	.images_autosize_center80, .images_autosize_center60, .images_autosize_center40, .images_autosize_center20 {
		display: block;
		max-width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.images_autosize_center80_white, .images_autosize_center60_white, .images_autosize_center40_white, .images_autosize_center20_white {
		display: block;
		max-width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		background-color: white;
	}
	main p
	{
		/*font-size: auto;*/
		margin-left: 0px;
		text-decoration: none;
	}
	main ul { margin-top: 0px; }
	strong, main b { font-weight: inherit; font-family: sans-serif;}
	a, main li /*id corps p et tout les liens*/
	{
		/*font-size: auto;*/
		margin-left: -20px;
		text-decoration: none;
		padding-bottom: 0px;
		padding-top: 15px;
		/*display: inline-block;*/
		
	}
	main li a { padding-bottom: 15px; padding-top: 15px; } /*padding haut bas si liste + lien*/
	main h1 { font-size: 2rem; 	}
	main h2 { font-size: 1.5rem; 	}
	main h3 { font-size: 1.2rem; 	}
	main h4 { font-size: 0.8rem; 	}
	main h1, main h2, main h3, main h4, main h5 {	font-family: sans-serif; }

}