/*@media (min-height:100px) and (max-height:10000px) and (min-width:100px) and (max-width:10000px){*/




/* ORDI */
@media (min-aspect-ratio:1/1){
#MENU{position:fixed;}
#MENU{position:relative;}

#MENU{text-align:center;background-color:var(--Menu-Fond);background-image:var(--Menu-FondImage);
	color:var(--Menu-FontCouleur);padding:0.31em 0 0 0;height:6em;}

#Menu-Nom2{display:none;}
#Menu-Nom{float:left;width:100%;color:var(--Nom-FontCouleur);}
#Menu-Nom p{font-size:2em;margin:0;}
		#IconeMenu{display:none;}
		/* = = = = = = = = = = = = = = = MENU */


		.Menu-ul{position:relative;width:100%;height:1.5em;float:right;}
		/*.Menu-ul{font-family: serif;
				font-size:1.5em;
				font-weight:400;
				margin:0.5em 0 0.5em 0;
				padding:0 0 0 0;
				}*/
		.Menu-ul{margin:0.75em 0 0.5em 0;font-size:1.25em;
				padding:0 0 0 0;
				}

		.Menu-li,.SousMenu-li{float:left; list-style-image:none; list-style-position:inside; list-style-type:none; text-align:center;}

		.Menu-li a		{color:#000000;}
		.Menu-li a:visited	{color:#000000;}
		.Menu-li a:hover	{color:#FFFFFF;}
		.Menu-li a		{text-decoration:none;}
		.Menu-li{width:16%;}


		.SousMenu-ul{display:none;}
		.SousMenu-ul{position:relative;width:100%;text-align:center;height:1.5em;padding-left:20em;}
		/*.SousMenu-ul{position:absolute;width:100%;text-align:center;height:1.5em;}  menu vertical*/
		.SousMenu-ul{font-family: serif;
					font-size:1em;
					font-weight:400;
					margin:0.2em 0 0 0;
					margin:0 0 0 0;
					padding:0 0 0 0;
					}

		.SousMenu-li a		{color:#000000;}
		.SousMenu-li a:visited	{color:#000000;}
		.SousMenu-li a:hover	{color:#AAAAAA;}
		.SousMenu-li a		{text-decoration:none;}
		.SousMenu-li			{float:left;text-align:center;margin:0 1em 0 1em;}
		.SousMenu-li{width:16%;}
		/* .SousMenu-li{float:left;text-align:center;} menu vertical*/

		.decalage3	{left:0em;}
		.decalage-3	{left:-0em;}
		.decalage8	{left:0em;}
		.decalage-8	{left:-0em;}
		.decalage5	{left:0em;}
		.decalage-5	{left:-0em;}
}















/* SMARTPHONE */
@media (max-aspect-ratio:1/1){
	/*icone de menu */
		#IconeMenu{display:block;position:relative;background-image:url(IconeMenu-E0E0E0.png);background-size: cover;width:20vw;height:20vw;margin:0.1em 0 0 0.1em;float:left;z-index:35;}
		#IconeMenu:hover{background-image:url(IconeMenu-E0E0E0.png);}


		#Menu-Nom2{display:block;position:relative;width:calc(70vw - 0.1em);left:0vw;text-align:center;margin:0.1em 0 0 0;float:left;}
		#Menu-Nom2 p{margin:0 0 0 0;font-size:8vw;}

		#Menu-Nom{display:none;}

		#MENU{left:20vw;width:56vw;position:absolute;text-align:center;color:var(--Menu-FontCouleur);padding:0;margin:0 2vw 0 2vw;z-index:40;}
			.Menu-ul{display:none;padding:0;margin:0;}
				.Menu-li{list-style-image:none; list-style-position:inside; list-style-type:none;}

				.Menu-li{width:100%;background-color:var(--fond);padding:0.5em 0 0.5em 0.5em;margin:0 2em 0 0;
				border-color:#555555;
				border-radius:0.3em;
				border-width:0.1em;
				border-style:solid;
				}
					.Menu-li a{font-size:1em;}
					.Menu-li a		{color:#000000;}
					.Menu-li a:visited	{color:#000000;}
					.Menu-li a:hover	{color:#AAAAAA;}
					.Menu-li a{text-decoration:none;}


#BlocCentral-Accueil-droite{font-size:2em;}


		.decalage3,
		.decalage-3,
		.decalage8,
		.decalage-8,
		.decalage5,
		.decalage-5{left:0em;}
}