/*CSS MINI RESET*/
html,body{
	margin:0;
	padding:0;
}
html{
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
*,*::before,*::after{
	box-sizing:inherit;
}

/*START*/

@font-face {
    font-family: 'open_sans';
    src: url('/font/OpenSans-Regular.ttf');
}

body{
	font-family: 'open_sans';
}

#app{
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100vh;


	background-color: #01295b;

	background-repeat: no-repeat;
	background-position: bottom;
	background-attachment: fixed;
  	background-size: cover; /* version standardisée */
  	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;

	position: relative;
	overflow-x: hidden;
}

.flex1 {
    flex: 1;
}

/*Scroll bar*/
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}