@charset "utf-8";

/**************************** GENERAL ****************************/
.wrapper:after {
	display: block;
	content: "";
	clear: both;
}
html {
	font-size: calc(1em*0.625);
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
}

body { /*concerne le corps du conteneur general*/
	display: flex;
	flex-direction: column;
	/*background-color:#056571;*/
	background-color:#ffffff;
	color: black;	
	font: 2rem 'Abel', sans-serif;
	margin: 0;
	padding: 0;
	border: none;
}
a {
	color: #2F78AC;
	text-decoration: none;
	transition: .3s;
	transition-property: color, background;
}


a img {
	border:0;
}

h2 {
	padding: 0;
	text-rendering: optimizeLegibility;
	margin: 0;
	box-sizing: border-box;
	font-weight: 700;
	font-size: 21px;
	line-height: 1.3;
}

/**************************** CONTENT ****************************/
.global {
	margin: 3rem 4rem 0;
	flex: 1 0 auto;
}

.content {
	padding:0;
	clear: both;
	max-width: 990px;
	margin: auto;
}


input[type="submit"], input[type="button"]  {
    background-color: #068696;
    color: black;
    border: 1px outset black;
}


input[type="text"]:focus, input[type="password"]:focus {
    background-color: #068696;
    color: black;
}