body {

padding: 0;

margin: 0;

background-color: rgb(200, 100, 100);

transition: .5s ease-out;

}

.bande {

display: block;

position: fixed;

left: 0;

top: 0;

width: 0vw;

height: 5px;

background-color: white;

z-index: 8;

transition: .5s ease-out;

}

.score {

margin: 0;

position: fixed;

color: white;

font-family: 'Helvetica';

padding-top: 15px;

padding-bottom: 10px;

display: block;

top: 0px;

width: 100vw;

text-align: center;

font-size: 18px;

background-color: rgb(200, 100, 100);

transition: .5s ease-out;

z-index: 6;

}

.tableau {

position: relative;

margin-right: auto;

margin-left: auto;

border-bottom: 1px solid rgba(255, 255, 255, .3);

z-index: 5;

top: 50px;

}

.pays_case {

display: block;

width: 200px;

height: 30px;

line-height: 30px;

transition: .5s ease-out;

}

.pays {

font-family: 'Helvetica';

font-size: 1em;

float: right;

padding-right: 10px;

color: white;

}

.reponse {

display: block;

height: 30px;

width: 300px;

border: 0;

padding-left: 10px;

font-family: 'Helvetica';

font-size: 1em;

text-transform: uppercase;

border-radius: 5px;

color: white;

transition: .5s ease-out;

background-color: rgba(255, 255, 255, .1);

}

.reponse:focus {

outline: 0;

background-color: rgba(255, 255, 255, .3);

}

.aide {

transition: .5s ease-out;

}

.aide_logo:hover {

opacity: 1;

}

.aide_logo {

position: relative;

opacity: .3;

width: 24px;

height: 24px;

top: 3px;

padding-left: 10px;

transition: .5s ease-in;

}