/* CORPS */

section {
	text-align: justify;
	margin-top: 60px;
	margin-bottom: 20px;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

section h1 {
    font-family: 'Dayrom', 'Arial', serif;
    font-weight: normal;
    text-transform: uppercase; /*text-transform: uppercase transforme le texte en majuscule et text-transform: lowercase en minuscule.*/
}

section a {
	color: #181818;
    text-decoration: none;
}

aside{
	width: 30%;
	/*height: 320px;*/
    position: relative;
    background-color: #706b64;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
	margin-bottom: 30px;
    color: white;
    font-size: 0.9em;
}

.conteneur_section{
	display: flex;
	justify-content: flex-start;	/*allignement l'ensemble des éléments sur l'axe principale*/
}

.element_section{
	display: inline-block;
}

/*#LI-profile-badge{
	display: inline-block;
}*/

article {
	height: 350px;
	padding: 10px;
	margin-bottom: 30px;
    /*overflow: hidden;*/
	word-wrap: break-word;
}

/*.article_hidden {
	border: none;
}*/

/*.article_hidden:hover {
	border: none;
	box-shadow: none;
}*/

article p {
    font-size: 0.9em;
}




form {
    max-width: 400px; /* Ajustez la largeur maximale du formulaire selon vos besoins */
    margin: 0 auto; /* Centre le formulaire horizontalement */
}

div {
    margin-bottom: 20px; /* Espace entre les divs */
}

label {
    display: block; /* Faire en sorte que le label soit un bloc, pour qu'il soit au-dessus de l'input */
    margin-bottom: 5px; /* Espace sous le label */
}

input[type="email"],
textarea,
input[type="file"] {
    width: 100%;
    padding: 8px; /* Ajustez la hauteur du champ selon vos besoins */
    box-sizing: border-box; /* Inclure le padding et la bordure dans la largeur/hauteur totale */
    margin-bottom: 10px; /* Espace sous chaque champ */
}

textarea {
    height: 80px; /* Hauteur de la zone de texte (5 lignes) */
}

input[type="file"] {
    /*: none; /* Cacher le champ de fichier par défaut */
}

/* Styles pour le bouton de soumission */
button {
    background-color: #4caf50; /* Couleur de fond du bouton */
    color: white; /* Couleur du texte */
    padding: 10px 15px; /* Ajustez le padding selon vos besoins */
    border: none; /* Supprime la bordure par défaut du bouton */
    cursor: pointer;
}

/* Effet de survol sur le bouton */
button:hover {
    background-color: #45a049;
}