/* ============================================ \         Ecrant         / ========================================= */
	/* -- * -- * -- * -- * -- * -- * -- * ->           Fonts           <- * -- * -- * -- * -- * -- * -- * -- */
	/* -- * -- * -- * -- * -- * -- * -- * ->       Eléments pp.        <- * -- * -- * -- * -- * -- * -- * -- */
	/* -- * -- * -- * -- * -- * -- * -- * ->         Bannière          <- * -- * -- * -- * -- * -- * -- * -- */
	/* -- * -- * -- * -- * -- * -- * -- * ->       Corps de page       <- * -- * -- * -- * -- * -- * -- * -- */
	/* -- * -- * -- * -- * -- * -- * -- * ->      Header (entéte)      <- * -- * -- * -- * -- * -- * -- * -- */
	/* -- * -- * -- * -- * -- * -- * -- * ->  Navigation (Horizontal)  <- * -- * -- * -- * -- * -- * -- * -- */
	/* -- * -- * -- * -- * -- * -- * -- * ->   Navigation (Vertical)   <- * -- * -- * -- * -- * -- * -- * -- */
	/* -- * -- * -- * -- * -- * -- * -- * ->       menu hamburg.       <- * -- * -- * -- * -- * -- * -- * -- */
	/* -- * -- * -- * -- * -- * -- * -- * ->       Corps de page       <- * -- * -- * -- * -- * -- * -- * -- */
	/* -- * -- * -- * -- * -- * -- * -- * ->           Modal           <- * -- * -- * -- * -- * -- * -- * -- */
	/* -- * -- * -- * -- * -- * -- * -- * ->       Menu acordeon       <- * -- * -- * -- * -- * -- * -- * -- */
	/* -- * -- * -- * -- * -- * -- * -- * ->          Article          <- * -- * -- * -- * -- * -- * -- * -- */
	/* -- * -- * -- * -- * -- * -- * -- * ->          Contact          <- * -- * -- * -- * -- * -- * -- * -- */
	/* -- * -- * -- * -- * -- * -- * -- * ->   Footer (Bas de page)    <- * -- * -- * -- * -- * -- * -- * -- */

/* Child *
	:nth-child(X)		enfant N° X
	:last-child 		permet de cibler un élément qui est le dernier enfant de son 
	:first-child 		permet de cibler un élément qui est le premier élément fils par rapport à son élément parent.
	:nth-child(odd)		Représente les éléments dont la position est impaire par rapport à leurs voisins.
	:nth-child(even) 	Représente les éléments dont la position est paire par rapport à leurs voisins.

/* Web-Kit *
	-webkit- /* Chrome, Safari, Android ... *
	 -khtml- /* Konqueror *
	   -moz- /* Gecko, Mozilla, Firefox *
		-ms- /* Internet Explorer < 9 *
		 -o- /* Opera *
*/


/* ============================================ \		All display		 / ========================================= */
	/* -- * -- * -- * -- * -- * -- * -- * ->		  Style			   <- * -- * -- * -- * -- * -- * -- * -- */
		:root {
			/*
			--color-black: #000000;
			--color-white: #ffffff;
			--color-grey1: #5a5a5c;
			--color-grey2: #404042;
			--color-blue: #0091ea;
			--color-cat: rgba(253, 190, 51, 1); /* #FDBE33 ( Jaune catarpilar*/
		}
	/* -- * -- * -- * -- * -- * -- * -- * ->		  Cursor		   <- * -- * -- * -- * -- * -- * -- * -- */

	/* Loader */
		.loader {
			position : fixed;
			z-index: 9999;
			background : url("img/system/load/wait2.gif") 50% 50% no-repeat
			top : 0px;
			left : 0px;
			height : 100%;
			width : 100%;
			cursor : wait;
		}
		.load_msg {
			position: relative;
			top: 45%;
			text-align: center;
		}
	/* Modale */
		#login .entete, #login .register, #login .register {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.modal-header {
			flex-wrap: wrap;
		}
	/* Nav-Bar */
		.navbar {
			width: 100%;
			z-index: 9;
		}
	/* Alert container */
		#alert1 {
			position: fixed;
			top:  -25px;
			width: 92%;
			margin: 4em 4% 0 4%;
			z-index: 9999;
		}
	/* pstyle.css */
	/*
		section:first-child  {
			margin: 30px 0 15px 0;
		}
		section:last-child  {
			margin: 15px 0 30px 0;
		}
	*/
		#main {
			margin: 0 auto;
		}
		@media (min-width: 1199.99px) { /* ( xl )Appareils très grands (grands ordinateurs de bureau, 1200 px et plus) */
			#main {
				width: 75%;
			}
		}
		@media (max-width: 1199.98px) { /* ( lg )Grands appareils (ordinateurs de bureau, 992 pixels et plus) */
			#main {
				width: 90%;
			}
		}
		@media (max-width: 991.98px) { /* ( md )Appareils moyens (tablettes, 768 px et plus) */
			#main {
				width: 100%;
			}
		}
		@media (max-width: 767.98px) { /* ( sm )etits appareils (téléphones paysage, 576px et plus) */
		}
		@media (max-width: 575.98px) { /* ( xs )Petits appareils (téléphones portrait, moins de 576 px) */
		}