.contenu {
    display: flex;
}

.gauche {
    margin-top: 5%;
    margin-left: 20%;
    margin-bottom: 5%;
}

.droite {
    margin-top: 5%;
    margin-left: 10%;
    margin-bottom: 5%;
}

.Logo {
    margin-left: 5%;
    display: flex;
}

.nom {
    margin-top: 10%;
    margin-left: 5%;
    display:flex;
}

.prenom {
    margin-left: 5%;
    display: flex;
}

.image {
    display: flex;
    max-height: 50%;
    max-width: 50%;
    margin-left: 10%;
}

.QR-Code {
    display: flex;
    margin-left:10%;
    max-height: 300px;
    max-width: 300px;
}

.Modification_QR-Code{
    margin-left:20%;
}

.en-tete {
    display: flex;
}

.titre {
    display: flex;
}

.boutons {
    display: flex;
}

.bouton1 {
    margin-left: 12%;
}

.bouton2 {
    margin-left: 20%;
}

.bouton3 {
    margin-left:15%;
}

.left {
    display: flex;
    justify-content: left;
    align-items: left;
    float: left;
}


.mid {
    display: flex;
    justify-content: center;
    align-items: center;
    float: center;
}


.right {
    display: flex;
    justify-content: right;
    align-items: right;
    float: right;
}

.i {
    display: flex;
    vertical-align: middle;
}