body
{
    background-color:#000;
    width:100%;

    margin:0;
    padding:0;
    background-image:url(/Images/Background.jpg);
    background-position:center top;
    background-repeat:repeat;
    overflow-y:scroll;
}
.Footer
{
    margin:auto;
    width:100%;
    margin-top:40px;
    text-align:center;
    bottom:0;
}

@font-face {
    font-family: "AmericaFaster";
    src: url('Font/AmericaFaster.woff') format('woff'),
    url('Font/AmericaFaster.woff2') format('woff2'),
    url('Font/AmericaFaster.ttf') format('truetype');
}
@font-face {
    font-family: "OpenDyslexic";
    src: url('Font/OpenDyslexic-Regular.otf');
}
#TopMenu
{
    position:fixed;
    background-color:#000;
    width:100%;
    top:0;
    text-align:right;
    right:-5px;
    top:0px;
    min-height:40px;
    padding-right:15px;
}
#ArtistName
{
    position:absolute;
    z-index:10;
    top:350px;
    left:200px;
    text-align:center;
}
ArtistName
{
    font-size:100px;
    font-family:"AmericaFaster";
    color:#F57B00;
}
h1
{
     font-size:80px;
    font-family:"AmericaFaster";
    color:#F57B00;
}
h2
{
    font-family:OpenDyslexic;
    color:#F57B00;
}
h3
{
    font-family:OpenDyslexic;
    color:#F57B00;
}
p
{
    font-family:OpenDyslexic;
    color:#F57B00;
}
#LinksWhereToFindMe
{
    position:fixed;
    left:0;
}

a:link, a:active, a:visited {
    color:#F57B00;
    text-decoration:underline;
    font-family:'OpenDyslexic';
}

a:hover {
    color:#BC4C00;
 	font-style: italic, underline;
 	
}
#Main
{
    background-color:transparent;
    max-width:100%;
    margin:auto;
    min-height:500px;
    padding:70px;
}
ol, ul {
    list-style: none;
    margin:0px;
}
#TopMenu li {
    display: inline-block;
    margin-left:15px;
}
.bloc_info
{
position:fixed;
text-align: center;
visibility: visible;
height: 100%;
width:100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 300;
 max-height:600px;

}
.closingblocks
{
 left: 0;
right: 20px;
top: 0;
bottom: 0;
position:fixed;
}
.Overlay_info
{
padding:15px;
width:1100px;
border-radius:20px 20px 80px 80px;
background: rgba(0, 0, 0, 0.90);
z-index:10;
 max-height:600px;
position:relative;
margin:auto;
 margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%);
overflow:hidden;

}
#InternInfo
{
    max-height:600px;
    width:1100px;
}
#InternInfo img
{
    max-height:600px;
    max-width:1100px;
}
.fond_blocs
{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: inherit;
background: rgba(0, 0, 0, 0.7);
overflow: auto;
}
.FlexBoxMusic
{
    display:flex; 
    justify-content:space-around;
    flex-wrap: wrap;
    align-items:center;
}
.InnerFlexMusic
{
    text-align:center;
}