@font-face
{
    font-family: "aaarghnormal";
    src: url("fonts/Aaargh-webfont.eot");
    src: url("fonts/Aaargh-webfont.eot?#iefix") format("embedded-opentype"),
         url("fonts/Aaargh-webfont.woff2") format("woff2"),
         url("fonts/Aaargh-webfont.woff") format("woff"),
         url("fonts/Aaargh-webfont.ttf") format("truetype"),
         url("fonts/Aaargh-webfont.svg#aaarghnormal") format("svg");
    font-weight: normal;
    font-style: normal;
}


/* corp */

body
{
 justify-content: center;
 text-align: center; 
 font-family: "aaarghnormal";
 font-size:100%;
 background-color: #212121;
}

#corp1
{
display: flex;
flex-direction: row;
justify-content: left;
text-align: center;
background-color: #00000000;
}

/* logo */

.logo 
{
padding-top: 1em;	
background-color: #00000000;
text-align: center;


}

/* mebu NAV */

li
{	
list-style: none;
transition-timing-function: ease;
transition-property: transform;
transition-duration: 0.5s;
}

li:hover
{
transform: translateX(10px);	
}

#menu
{
flex-basis: auto;	
display: flex;
justify-content: center;
text-align: right;
list-style: none;
font-family: 'aaarghnormal';
font-size: 1.3em;
background-color: #161616;
color: #00000000;
padding: 10em 1em 0em 0em;
line-height: 300%;
}

.menu2
{	
position: fixed;
background-color: #161616;
left: 3em;
top: 9.2em;
padding: 0.2em 0.7em 0.2em 0.2em;
line-height: 300%;
font-family: 'aaarghnormal';
font-size: 1.3em;
border-radius: 1em;
}





/* lien */
a
{
text-decoration: none;	
color: #b5b5b5;
}

a:hover
{
text-decoration: none;	
color: #ff9600;
}


/* accueil */

#accueil
{
font-size: 1.5em;
color: #ff9600;	
background-color: ##212121;
padding: 5em 1em 25em 1em;
margin: 0 4em 1em 4em;
}

/* stream */

.streamblock
{
display: flex;	
flex-direction: row;
white-space:nowrap;
text-align: left;
justify-content: center;
background-color: #161616;
border-radius: 1em;
margin: 1em 10em 0em 10em;
}

#stream
{
flex-direction: column;	
display: flex;	
text-align: center;
background-color: #00000000;
margin: 0 2em 5em 2em;
}

/* footer */

.footer
{
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
background-color: cyan;
border-radius: 1em;
margin: 1em 2em 1em 2em;
}


/* bouton haut */

.haut
{	
position: fixed;
background-color: #00000055;
right: 2em;
bottom: 2em;
padding: 0.2em 0.2em 0.2em 0.2em;
}




/* logo jeux */
.img
{	
margin-left: 1em;
margin-right: 1em;
transition-timing-function: ease;
transition-property: transform;
transition-duration: 0.5s;
}

.img:hover
{	
transform: translateY(20px);
}


/* zone de test */

html {
  height: 100%;
}
body {
  min-height: 100%;
  margin: 0 0 0 0; 
  padding: 0 0 0 0;
}

#corp1
{

min-height: 100em;
}