body {
	width: 100%;
	text-align : center;
	margin: 0px;
	background-color: #eee;
}

textarea {
	width: 70%;
	height: 350px;
	background-color: #eee;
	
	border: 0px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	
	margin-top: 10px;
	margin-bottom: 10px;
}

textarea:focus{
	outline-width: 0;
	border-top: 2px solid rgba(209, 71, 6, 0.7);
	border-bottom: 2px solid rgba(209, 71, 6, 0.7);
}

h1 {
	font: 23px/30px Google Sans,sans-serif;
}

h2 {
	font: 18px/20px Google Sans,sans-serif;
}

p {
	font: 15px Google Sans,sans-serif;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: auto;
    margin-right: auto;
	padding-top: 20px;
}

p.top-p {
	margin-top: 20px;
	border-top: 2px solid #ccc;
	width: 50%;
}

button{
	font: 15px Google Sans,sans-serif;
	margin-top: 20px;
	
	padding: 5px;
	padding-left: 20px;
    padding-right: 20px;
	
	background-color: #eee;
	border: 0px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

button:hover{
	border-top: 2px solid rgba(209, 71, 6, 0.7);
	border-bottom: 2px solid rgba(209, 71, 6, 0.7);
}

button:active{
	background-color: rgba(209, 71, 6, 0.5);
	border-top: 2px solid rgba(209, 71, 6, 1);
	border-bottom: 2px solid rgba(209, 71, 6, 1);
}

button:focus{
	outline-width: 0;
}

label{
	font: 15px Google Sans,sans-serif;
}

/*
	petits tricks sur la scroll-bar et le resizer de la textarea
*/
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #eee;
}

::-webkit-scrollbar-thumb {
	background: #ccc;
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(209, 71, 6, 0.7);
}

::-webkit-resizer {
	background-color: #ccc;
}