/*
	Inventaire des couleurs

	@blanc: #FFFFFF;
	@gris-tres-clair: #F2F2F2;
	@gris-clair: #D8D8D8;
	@gris: #6E6E6E;
	@gris-fonce: #424242;
	@bleu-tres-clair: #eaebff;
	@bleu-clair: #d3d6ff;
	@bleu: #819FF7;
	@orange-clair: #F5D0A9;
	@orange: #F7BE81;
*/

/*
	Règle de positionnement pour le body
*/

html {
	font-size: 62.5%; /* 62.5% de 16px = 10px = 1em */
}

body {
	/* 100% mais on peut envisager moins */
	width: 100%;
	margin-left: auto;
	margin-right: auto;

	/* un minium pour maintenir une cohérence d'affichage */
	min-width: 800px;

	/* ecriture */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.25;
}

/*
	Positionnement d'un header en haut de page
*/

.header {
	width: 100%;
	min-height: 62px;

	//background-image: url(/static/images/logo-79-60.png);
	//background-repeat: no-repeat;
}
.test {
	background-color: #A9F5A9;
}
.developpement {
	background-color: #F5D0A9;	
}
.demo {
	background-color: aqua;
}

.production {
}

.logo_aca {
    height: 62px;
    position: absolute;
    left: 0;
    top: 0;
}

/*
	Positionnement d'un menu en haut de page
*/

.menu {
	height: 22px;
	line-height: 22px;
}

/*
	Positionnement d'un menu sur le côté gauche de la page
*/

.submenu {
	width: 15%;
	margin: 0.5% 0px 0.5% 0.5%;
	clear: both;			/* inutile dans tous les navigateurs sauf chez mickey */
	float: left;
	margin-bottom: 43px; /* footer height + footer padding-top + footer padding-bottom + + center margin-bottom */
}
.full-width .submenu { display: none; }

/*
	Positionnement d'un center au centre de la page
*/

.center-wrapper {
	margin-left: 15.5%;
	padding: 0.5% 0.5% 0px 0.5%;
	margin-bottom: 43px; /* footer height + footer padding-top + footer padding-bottom + center margin-bottom */
}
.full-width .center-wrapper { margin-left: 0px; }

.center {
	padding: 4px;
	margin-bottom: 8px;
}

/* position:sticky est incompatible avec overflow*: auto */
.center:not(.sticky-header):not(.resize_non_scrollable) {
   overflow: auto;
}

.center.resize_non_scrollable {
	overflow: visible;
}

/*
	Positionnement du menu affichant les entrées cachés
*/

.hidden_entries_menu {
	position: absolute;
	margin-top: 0.5%;
	margin-left: 15.5%;		// meme décalage que center-wrapper

	z-index: 1;
}

/*
	Positionnement d'un footer en bas de page
*/

.footer {
	width: 100%;
	position: fixed;
	bottom: 0;

	z-index: 1000;

	/* la longueur width inclut le padding et les bordures - évite l'ascenseur si padding horizontal */
	/*box-sizing: border-box;
	-moz-box-sizing: border-box;*/
}
.footer {
	height: 15px; /* attention à ne pas oublier de modifier le margin-bottom de .center en conséquence */
	padding: 10px 0px;
}