/* ----------------------------------------------------------------------------------- Menu ordinateur */
#navigation {min-height: 40px;}
nav a {display: block; float: left; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; border: 1px solid #71d465; background: #65c958; width: 150px; height: 70px; color: #fff;}
nav a:hover {background-color: #f7f7f7; color: #65c958;}
nav a:active {background-color: #333333;}
nav > input, .nav-button {display: none;}
/* Mise en forme des padding des boutons selon libellé sur 1 ou 2 ligne */
.btMenu1 {padding: 28px 5px 5px 10px;}
.btMenu2 {padding: 18px 5px 5px 10px;}
/* ----------------------------------------------------------------------------------- Menu mobile */
@media (max-width: 1200px) 
	{
	nav a {font-size: 12px; width: 140px; height: 65px;}
	}
	
@media (max-width: 1124px) 
	{
	nav a {font-size: 11px; width: 120px; height: 60px;}	
	}

@media (max-width: 980px) 
	{
	/* Bouton menu mobile */
	nav a {font-size: 14px; width: 100%; display: block; text-align: left;}
	/* Mise en forme des padding des boutons selon libellé sur 1 ou 2 ligne */
	.btMenu1 {padding: 10px; height: auto;}
	.btMenu2 {padding: 10px; height: auto;}
	/* Conteneur des boutons */
	.nav-inner {position: absolute; width: 100%; height: 100%; background: #65c958; z-index: 2; margin-top: 40px; transform: translateX(-100%) translateZ(0); transition: transform .2s; will-change: transform;}
	/* Button ouvre menu */
	input:checked ~ .nav-inner { transform: translateX(0); }
	.nav-button {display: block; position: absolute; top: 10px; left: 10px; z-index: 3; height: 15px; padding: 0; outline: 0; border: 0; cursor: pointer; color: #fff; font-weight: bold;}
	.nav-button:hover {opacity: 0.5;}
	}

/* ----------------------------------------------------------------------------------- Paramètre global */
* {box-sizing: border-box;}