@charset "utf-8";

@font-face {
    font-family: 'futura';
    src: url('fonts/Futura-Std-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Crimson Text';
    src: url('fonts/CrimsonText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Alegreya Sans';
    src: local('Alegreya Sans Thin'), local('Alegreya-Sans-Thin'),
        url('fonts/AlegreyaSans-Thin.woff2') format('woff2'),
        url('fonts/AlegreyaSans-Thin.woff') format('woff'),
        url('fonts/AlegreyaSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
  }


/*Document CSS*/


.fiche_poste{
	color:rgb(101, 93, 72);
	width:90%;
	max-width: 500px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid; 
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	margin-bottom: 20px;
}

.description{
	font-family: 'futura';
	font-size: 14px;
	width:300px;
	text-align: left; 
	color: rgb(111, 111, 111);
}

h3 {
	font-family: 'futura', sans-serif;
	text-align: center;
	font-size: 2em;
	margin-bottom: 20px;
	line-height: 1;
}

h4 {
	margin-top: 20px;
	margin-bottom: 5px;
}

h5 {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 1.8rem;
	margin-top: 20px;
	margin-bottom: 5px;
	width:90%;
	text-align: center;
}



aside {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 1.5rem;
	text-align: center;
	font-weight: 1000;
	color:rgb(150, 92, 92);
	margin: 20px;
}

.carte_large{
	width:95%;
	max-width:500px;
}

.info_principale{
    font-family: 'futura';
	font-size: 14px;
	width:300px;
	text-align: center; 
	color: rgb(111, 111, 111);
}


.erreurs{
	list-style: none;
	background-color: rgb(238, 84, 84);
	font-family: 'futura';
	color: rgb(109, 25, 25);
	text-align: center;
	padding: 20px;
	border-radius: 10px;
	width:95%;
	max-width: 550px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
}

.lot_nav {
	margin-top:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}

p {
    margin-bottom:6px;
}

.nav {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 30px;
	width: 100px;
	font-family: 'futura';
	font-size: 17px;
	background-color: rgb(166, 166, 166);
	color: rgb(250, 248, 234);
	border: none;
	border-radius: 5px;
	cursor: pointer;
	margin-bottom:20px;
    margin-top:20px;
	margin-left:auto;
	margin-right:auto;
  }


/*CARTE*/
.encadre {
    border:2px solid rgb(255, 255, 255);
    border-radius: 20px;
    margin:auto;
    margin-top:30px;
	padding: 5px;

}


form {
	display:flex;
	flex-direction:column;
	align-items: center;
	width: 100%;
	
}

.fiche_poste ul {
  list-style: none; 
  padding-left: 0; 
}

.fiche_poste li::before {
  content: "-"; 
  margin-right: 5px;
}



@media screen and (max-width: 480px) {

}