body {
    font-size: 150%;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
}

nav {
    text-align: right;
    padding-top: 2%;
    font-size: 160%;
}

a {
    text-decoration: none;
    margin: 2%;
    color: #000;
}

.img0 {
    width: 100%;
}

.image0 {
    text-align: center;
    margin-top: 2%;
    padding-left: 7%;
    padding-right: 7%;
}

.titre {
    margin-top: 2%;
    text-align: center;
    font-size: 110%;
    /*trouver sur le site : https://www.w3.org/Style/Examples/007/fonts.fr.html */
    font-family:Times, Times New Roman, serif;
}

.boutons {
    margin-left: 7%;
    margin-right: 7%;
    text-align: center;
    margin-bottom: 5%;
}

.boutons button {
    background-color: white;
    padding: 2%;
    font-size: 90%;
}

.texte {
    margin-left: 8%;
    margin-right: 8%;
    margin-top: 2%;
    margin-bottom: 2%;
}

.imageTexte {
    margin-top: 4%;
    display: flex;
    align-items: center;
    margin-left: 8%;
}

.image2 {
    width: 20%;
}

.texteImage {
    margin-top: 4%;
    display: flex;
    align-items: center;
    padding-right: 8%;
}

.image3 {
    width: 40%;
}
.image32 {
    width: 40%;
}
.image33 {
    width: 30%;
}
.liste {
    margin-top: 4%;
    margin-left: 40%;
}

.image4 {
    width: 25%;
}

.image23 {
    width: 30%;
    margin-left: 40%;
}

.texteFin {
    margin-top: 4%;
    font-size: 130%;
    text-align: center;
}

.remonter {
    text-align: center;
    text-decoration: underline;
}

.video {
    text-align: center;
    margin: 2%;
}

.liensVideo {
    text-decoration: underline;
    color: blueviolet;
}

.liensVideo4 {
    text-decoration: underline;
    color: blue;
}

.mode-sombre {
    background-color: #222222;
    color: #fff;
}

.imageFond {
    text-align: center;
    margin-top: 2%;
    padding-left: 7%;
    padding-right: 7%;
    z-index: 0;
}

.imgFond {
    width: 100%;
    z-index: 1;
}

.titre1 {
    z-index: 2;
    text-align: center;
}

.contenerairTexteImage {
    text-align: left;
    display: flex;
    overflow: left;
}

.liensVideo2 {
    text-decoration: underline;
    color: brown;
}

.page3 {
    background-color: burlywood;
}

.page4 {
    background-color: grey;
}

/* tableau */

table {
    margin: 5%;
    width: 100%;
    border-collapse: collapse;
}
th, td {
    border: 1px solid #000;
    padding: 8px;
    text-align: left;
}

.convertisseur {
    text-align: center;
}