/* ---------------------------------------------------
	CHARTE GARDENEO
	Light Grey	#E6E6E6	hsl(0,0%,90%)
	Dark Grey	#414042	hsl(65,2%,25%)
	Green		#94BA33	hsl(77,57%,46%)
--------------------------------------------------- */
/* body */
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	color: #414042;
	background-color: white;
	--HFRAME: 640px;
}
title {
	font-family: 'Noto Sans JP', sans-serif;
}
h1 {
	text-align: center;
	color: #414042;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
	margin-bottom: 40px;
	margin-top: 40px;
	margin-left: 15px;
	} 

h2 {
	color: #94BA33;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	} 
h3 {
	color: #666;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	} 

h4 {
	font-size: 14px;
	font-weight: bold;
	color: black;
	}

select {
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	width:250px;
	background-color: hsl(77,57%,80%);
	padding:4px;
	margin-left:5px;
	margin-bottom:20px;
	border-radius: 5px;
	min-width: 300px;
	}

textarea {
	font-family: 'Noto Sans JP', sans-serif;
	text-align: left;
	font-size: 14px;
	background-color: hsl(77,57%,70%);
	width: 95%;
	margin-right: 10px;
	border-radius: 12px 12px 12px 12px;
	padding: 6px 10px 6px 10px;
	}

input {
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	background-color: hsl(77,57%,80%);
	padding:4px;
	margin-left:5px;
	border-radius: 5px;
	}

.footer {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:12px;
	color: #666;
	background-color:#FFF2;
	border-radius:30px;
	padding: 10px 30px 10px 30px;
	text-align:center;
	}


.logo {
	text-align: center;
	margin: auto;
	display: flex;
	margin-top: 30px;
}

.ref {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

#ref {
	width: 70%;
}

.projet {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

.donnée {
	margin: 10px;
}


.liste {
	margin: 10px;
}
.avert {
	font-size: 20px;
	text-align: center;
	border: red;
	border-radius: 3px;
	margin: 25px;
}

.export {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin-bottom: 20px;
}

button {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	color: black;
	background: #E6E6E6;
	padding-top:8px;
	padding-bottom:8px;
	border-radius: 10px 10px 10px 10px;
	box-shadow: +3px +3px hsl(77,57%,60%);
	margin : 0 4% 0 4%;
	width:120px;
	}

.button {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	color: black;
	background: #E6E6E6;
	padding-top:8px;
	padding-bottom:8px;
	border-radius: 10px 10px 10px 10px;
	box-shadow: +3px +3px hsl(77,57%,60%);
	margin-left: 4%;
	width:120px;
	}

button:hover{
	color: white;
	background: #94BA33;
}

#version {
	text-align: center;
}