@charset "UTF-8";

* {
     box-sizing: border-box;
}

html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:left}

html,body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	height:100%;
}

a {
	color: inherit;
	text-decoration:none;
}




/* -----------------------------------------------  FOOTER  --------------------------------------------------------- */

.footer{
	width: 100%;
	background-color: var(--bleuf);
	color:#FFF;
	text-align:center;
	font-size: 0.9em;
	line-height: 2.5em;
	margin-top: 10px;
	font-weight: 300;
}


/* -------------------------------------------------------------------------  + 500px  -------------------------------------------------------------------------------  */

@media screen and (min-width: 500px) {


/* ----------------------------------------------  FOOTER  ---------------------------------------------------- */

.footer{
	line-height: 3em;
	margin-top: 20px;
}

}