body {
    min-width: 320px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 100;
    fill: #242424;
    /*text-align: center;*/
    /*text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;*/
    cursor: default;
    margin:auto;
}

td{
    vertical-align: top;
}

.logo {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 26px;
}

.divheader
{
    display: flex;
    position: fixed;
    top: 15;
    left: 15;
    width: 100%;
    padding: 15px;
}
div#countrylist {
    position : fixed ;
    top: 15px;
    right: 0;
    margin-right: 11px;
    width:160px;

}
div#countrylistmobile {
    position : fixed ;
    top: 10px;
    right: 0;
    margin-right: 11px;
    display: none;

}

div#divSearchForm.home {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 200px;
    background-color: #fff;
    margin-top: 30vh; /* poussé de la moitié de hauteur de viewport */
    transform: translateY(-30%);
}
/*
div#divSearchForm.normal {
    position: absolute;
    margin:  auto;
    top: 0;
    width: 400px;
    height: 50px;
    background-color: #fff;
}
*/
div#divSearchForm.normal{
    position : fixed ;
    top: 0px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 300px;
    height: 50px;
}

span#hometxt.normal {
    display: none;
    visibility: hidden;
}

span#homesuggest.normal {
    display: none;
    visibility: hidden;
}

.divfooter
{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin:0 auto;
    width: 1000px;
}

.divamazon
{
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.mobileplayer {
    visibility: hidden;
}

a.suggest {
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
}

a.artist_index {
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    color: #333333;
    text-decoration: none;
}
a.letter_index {
    font-family: 'Open Sans', sans-serif;
    font-size:18px;
    color: #333333;
    text-decoration: none;
}


#event_icon{
    position: fixed;
    top: 0;
    left: 0;
    width:300px ;

}

.drop-down {
    position: relative;
    display: inline-block;
    width: auto;
    list-style-image: none;
    background-repeat:no-repeat;
    font-size: 14px;

}
.drop-down select {
    display: none;
    background-repeat:no-repeat;
}
.drop-down .select-list {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin-top: 25px;
    padding: 0;
    background-color: #EEEEEE;
}
.drop-down .select-list li {
    display: none;
    list-style: none;
}
.drop-down .select-list li span {
    display: inline-block;
    min-width: 150px;
    width: 100%;
    padding: 6px 0px 5px 50px;
    background-color: #EEEEEE;
    background-position: left 10px center;
    background-repeat: no-repeat;
    font-size: 14px;
    text-align: left;
    color: #000;
    opacity: 0.7;
    box-sizing: border-box;
}
.drop-down .select-list li span:hover,
.drop-down .select-list li span:focus {
    opacity: 1;
    background-color: #FF0000;
}

.select-list-link {
    padding-left: 15px;
}

  img.cover {
      width:125px;
      opacity: 1;
  }
    img.cover:hover {
      opacity: 0.3;
    }

.div_cover {
      position: fixed;
      top: 550px;
      width: 250px;
      height: 250px;
      padding-left: 5px;
      border: none;
      border-color: #000;
      display: flex; /* or inline-flex */
      flex-wrap: wrap;
      justify-content: flex-start;
      align-content:flex-start;
  }

#ad_google {
      position: fixed;
      top:300px;
      width: 250px;
      height: 250px;
      padding-left: 5px;
      border: none;
      border-color: #000;

  }




@media (max-width: 700px){


    #ad_google {
      display: none;
      position: fixed;
      bottom: 120px;
      width: 250px;
      height: 40px;
      padding-left: 5px;
      border: none;
      border-color: #000;

  }
/*
      position: fixed;
      width: 100%;
      height: 40px;
      bottom: 120px;
      padding-left: 5px;
      border: none;
      border-color: #000;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-content:flex-start;
      */
  .div_cover {
display: none;
display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        /*display: flex;*/

        flex-direction: row;
        -webkit-justify-content: space-around;
        justify-content: space-around;
position: fixed;
        width: 100%;
        height: 160px;
        bottom: 240px;
        margin:0 auto;
        width: 100%;
        padding-left: 5px;




  }

img.cover {
      width:25%;
      opacity: 1;
  }
    img.cover:hover {
      opacity: 0.3;
    }

    select {
        margin: 0px;
        padding: 5px;
        border: none;
    }

    .divamazon
    {
        visibility: hidden;
        display: none;
    }

    .logo
    {
        display: none;
    }

    div#countrylist {
        display: none;
    }
    div#countrylistmobile {
        display: block;
    }

    .mobileplayer {
        font-size: 45px;
        visibility: visible;





        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;

        flex-direction: row;
        -webkit-justify-content: space-around;
        justify-content: space-around;






        position: fixed;
        bottom: 20px;
        left: 0px;
        right: 0px;
        margin:0 auto;
        width: 100%;
    }

    span#hometxt {
        display: none;
        visibility: hidden;
    }

    span#homesuggest {
        display: none;
        visibility: hidden;
    }

    div#divSearchForm.home {
        position : fixed ;0
        top: 0px;
        right: 0;
        left: 30;
        margin: 0 0;
        width: 150px;
        height: 40px;
    }
    div#divSearchForm.normal{
        position : fixed ;
        top: 0px;
        right: 0;
        left: 0;
        margin: 0 0;
        width: 150px;
        height: 40px;
    }


    .divfooter {
        display: none;
    }






}

#credit
{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.button :active /* Quand le visiteur clique sur le lien */
{
    background-color: #FF0000;
}
.button :focus /* Quand le visiteur clique sur le lien */
{
    outline: none;
}

#pausebt {
    display: none;
}