html
{
	margin: 0;
    padding: 0;
}
@font-face
{
    font-family: "roboto";
    src: url('./polices/Roboto-Light.ttf');
}
body
{
	margin: 0;
    font-size: 0;
	width: 100%;
}
input
{
	font-family: roboto;
	font-size: 18px;
	background-color: transparent;
}
textarea
{
	font-family: roboto;
	font-size: 18px;
}
div, p
{
	font-family: roboto;
	font-size: 18px;
}
/*Partie modification - interface*/
.titre
{
	font-size: 40px;
}
/*Boutons*/
.btn
{
	width: 250px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
	cursor: default;
	padding : 10px;
	margin: auto;
	animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	display: inline-block;
}
.btn:hover
{
	background:#E1E1E1;
}
.btn:active
{
	background:#E1E1E1;
}
.btn_del
{
	width: 250px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
	cursor: default;
	padding : 10px;
	margin: auto;
	animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.btn_del:hover
{
	background:#C75C5C;
}
.btn_del:active
{
	background:#C75C5C;
}
/*Boutton acceuil*/
.btn_big
{
	display: inline-block;
	width: 250px;
	height: 250px;
	line-height: 50px;
	text-align: center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
	cursor: default;
	padding : 10px;
	vertical-align: top;
	margin : 5px;
	animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.btn_big:hover
{
	background-color: #E1E1E1;
}
.btn_big:active
{
	background-color: #E1E1E1;
}
.btn_big img
{
	width: 128px;
}
/*Barre fixe en haut*/
.user_box
{
	position: fixed;
	width: 100%;
	text-align: right;
	top: 5px;
}
.user_box img
{
	opacity: 0.5;
}
.user_box img:hover
{
	opacity: 1;
}
/*Connexion*/
.cadre_connexion
{
	width: 50%;
	background-color: #fff;
	margin: 50px auto;
	padding: 20px;
	text-align: center;
}
.images_ronde
{
	animation: rotate-hor-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}