html
{
    width: 100vw; height: 100vh; text-align: center;
    background: linear-gradient(90deg, #518451, #265c26);
    font-family: "Courier"; font-size: 1.8em; font-weight: bold;
}

body
{
    width: 600px; height: 768px; text-align: center;
    background:url(img/background.gif); background-size: cover; background-repeat: no-repeat;
    margin: calc(((100vh - 768px) / 2) - 1em) auto calc(((100vh - 768px) / 2) + 1em) auto; 
}

#couvercle { width: 600px; height: 272px; }
.etiquette { display: block; width: 384px; padding: 0.6em 1.28em; margin: 0 auto 20px auto; background: linear-gradient(#f4e6d1, #d6a872); border-radius: 1em; }

form, #resultat { width: 384px; text-align: center; margin: 0 auto 0 auto; display: block; line-height: 10px; }

.choix
{ 
    display: block; width: 384px; height: 64px; text-align: center; display:table-cell; vertical-align:middle; margin: 0.1em auto 0.1em auto;
    background: linear-gradient(#f5f3e5, #f4e6d1); border-radius: 1em;
}
.nom        { display: inline-block; width: 200px; text-align: justify; margin-left: 4px; }
.nom2       { display: inline-block; width: 176px; text-align: right; margin-right: 24px; }
.photo      { display: inline-block; width: 45px; height: 56px; vertical-align: middle; margin-left: 24px; }
.photo2     { display: inline-block; width: 45px; height: 56px; vertical-align: middle; margin-right: 4px; }
#photo_mije  { background:url(img/mije.png);  background-size: 100% 100%; background-repeat: no-repeat; }
#photo_pije  { background:url(img/pije.png);  background-size: 100% 100%; background-repeat: no-repeat; }
#photo_matth { background:url(img/matth.png); background-size: 100% 100%; background-repeat: no-repeat; }
#photo_seb   { background:url(img/seb.png);   background-size: 100% 100%; background-repeat: no-repeat; }
.numero      { display: inline; width: 24px; height: 56px; vertical-align: middle; color: red; font-weight: bolder; }

.btn
{ 
    display: block; width: 192px; padding: 0.6em 1.28em; margin: 0 auto 20px auto; 
    background: linear-gradient(#f4e6d1, #d6a872); border-radius: 1em; box-shadow: inset 0px 0px 10px rgba(163, 72, 5, 0.9);
    font-family: "Courier"; font-size: 0.75em; font-weight: bold; cursor: pointer;
}
.btn:hover
{ 
    display: block; width: 192px; padding: 0.6em 1.28em; margin: 0 auto 20px auto; 
    background: linear-gradient(#f4ddd1, #9d4b1e); border-radius: 1em; box-shadow: inset 0px 0px 10px rgba(163, 72, 5, 0.9);
    font-family: "Courier"; font-size: 0.75em; font-weight: bold; cursor: pointer;
}

.ombre { box-shadow: 5px 5px 2px rgb(0, 0, 0, 0.2); }