/**********************************************************************/
/************************** GENERAL ***********************************/
/**********************************************************************/
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
}


html
{
	height:100%; /*positionnement footer*/
}


/*******STRUCTURE BODY*********/
body
{
	/* font de base */
	font: normal 15px "Montserrat", "Arial", "Verdana", "sans-serif";
	color: #292a2b;

	/* Position */
	position: relative;

	/* Initialisation des marges */
	margin: 0 0 0 0;

	/* Création du body - Header / page */
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

/********STRUCTURE HEADER*********/
header
{
		font: normal 17px 'Montserrat';
		color: #639CD3;
	/*font: normal 17px "Montserrat", "Arial", "Verdana", "sans-serif";
	color: #639CD3;*/
	height: 70px;
	background-color: #CCFF62;
	/* Création du header - gauche / centre / droite */
	display: flex;
	flex-direction: row;
}
.headerLeft {width: 70px; padding: 0;}
.headerCenter {width: 100%; text-align: center; margin: auto;}
.headerRight {width: 70px;}
header img{width: 70px;}


/********STRUCTURE NAV*********/
nav
{
	width: 96%;
	text-align: center;
	margin-left: 2%;
	margin-right: 2%;
}



/*********STRUCTURE FOOTER**********/
footer 
{
	height: 70px;
	background-color: #CCFF62;
	display: flex;
	margin-top: 1em;
	position: absolute;
	bottom: 0;
	width: 100%;
}

footer img {margin: auto; text-align: center; max-width:100%;}


/**************DIVERS**************/
ul {text-align: left;}

.p_smallTag_top {margin-top: 0px;}

.p_smallTag_bottom {margin-bottom: 0px;}

.messageForm
{
	color: red;
	/*font-weight: bold;*/
	font-size: 70%;
	line-height: 1em;

}


/* ************************************************************************ */
/* ********************************PETITS ÉCRANS*************************** */
/* ************************************************************************ */
@media screen and (max-width: 640px)
{
	header{height: 50px;}
	header img{width: 50px;}
	.headerLeft {width: 50px;}

	footer{height: 50px;}
}