body {
    background-color: #ffe0b2; /*définis la couleur de l'arriére plan en orange*/
    font-family: Arial; /*définis la police d'écriture en Arial*/
}

header {   
    padding: 20px; /*espace à l'intérieur*/
    border: 2px solid #000000; /*bordure noire de 2px*/
    border-radius: 10px; /*coin de la bordure arrondie*/
    margin: 20px; /*espace autour du header*/
}

main {
    padding: 20px; /*espace à l'intérieur*/
    border: 2px solid #000000; /*bordure noire de 2px*/
    border-radius: 10px; /*coin de la bordure arrondie*/
    margin: 20px; /*espace autour du main*/
}

ul {
    list-style-type: none; /*supprime les points de la liste*/
    padding-left: 0; /*espace à gauche de la liste*/
    display: flex; /*aligne les éléments de la liste sur une ligne*/
    justify-content: space-between; /*espace les éléments de la liste sur toute la largeur*/
    font-size: 24px; /*taille de la police des éléments de la liste*/
}

h1 {
    text-align: center; /*centre le h1 au milieu de la page*/
}

h2 {
    text-align: center; /*centre les h2 au milieu de la page*/
}

a {
    text-decoration: none; /*enlève le soulignage des éléments contenant un lien*/
    color: #000000; /*mets les éléments contenant un lien en noir*/
}

/*centre l'audio au milieu de la page*/
audio {
    margin: auto;
    display: flex;
}

/*modifie la taille de la vidéo youtube*/
iframe {
    width: 560px;
    height: 315px;
}

/*modifie la taille de la vidéo mp4*/
video {
    width: 560px;
    height: 315px;
}

/*aligne les éléments du div sur une ligne*/
.jumeauville_image {
    display: flex;
}

/*modifie la taille de l'image de gauche dans jumeauville.html*/
.lavoir_jumeauville {
    width: 600px;
}

.lavoir_jumeauville img {
    width: 100%;
}

/*modifie la taille de l'image de droite dans jumeauville.html*/
.plan_jumeauville {
    width: 550px;
    margin-left: auto;
}

.plan_jumeauville img {
    width: 100%;
}

/*modifie la taille de l'image du haut dans culture.html*/
.vinland_saga_image img {
    width: 750px;
}

/*modifie la taille de l'image du bas dans culture.html*/
.berserk_image img {
    width: 750px;
}

.Skills {
    display: flex;
}

.Language {
    margin-right: 50px;
}

.Soft {
    margin-right: 50px;
}