/* ----------------------------------------- */
/* DEFAUT                                    */
/* ----------------------------------------- */

* { margin: 0; padding: 0; box-sizing: border-box; }
a { color: #fff; text-decoration: none; }
ol, ul, li { list-style-type: none; }
html, body { font-family: 'Lato', sans-serif; color: #fff; background-color: #1160ac; height: 100%; min-height: 100%; }

@font-face {
	font-family: 'FaceOffM54';
	src: url('../fonts/FaceOffM54.woff2') format('woff2'), url('../fonts/FaceOffM54.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* ----------------------------------------- */
/* GLOBAL                                    */
/* ----------------------------------------- */

.conteneur {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	min-height: 100%;
}

.maPage {
	width: 100%;
	max-width: 1140px;
	margin-top: 155px;
}

header {
	width: 100%;
	position: fixed;
	z-index: 1010;
}

footer {
	width: 100%;
	position: relative;
	bottom: 0;
	margin-top: 20px;
}

h1, h2 {
	color: white;
	font-family: 'Lato', sans-serif;
	letter-spacing: 1.2px;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 20px;
	border: 1px solid white;
	border-radius: 2px;
	padding: 5px 8px;
	background-color: rgba(0,0,0,0.15);
	/*background: repeating-linear-gradient(
		-45deg,
		#606dbc,
		#606dbc 10px,
		#465298 10px,
		#465298 20px
	);*/
}

h2 {
	background-color: #333;
}

button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  font: inherit;     /* hérite la police et taille du texte du parent */
  color: inherit;    /* hérite la couleur */
  cursor: pointer;
}

input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  box-sizing: border-box;
}


/* ---------------------------------------- */
/* RESPONSIVE                               */
/* ---------------------------------------- */

/*
XL	:	>= 1200px - container 1140px
L	:	>=  992px - container  960px
M	:	>=  768px - container  720px
S	:	>=  576px - container  540px
XS	:	<   576px - container     px
*/