:root {
    --color-white : #FFF;
    --color-blue : #1a2a5b;
    --color-black : rgb(0,0,0);
}

@font-face {
    font-family: "EtelkaTextPro";
    src: url('../fonts/EtelkaTextPro-Bold.eot'); 
    src: local(''),
      url('../fonts/EtelkaTextPro-Bold.eot') format('embedded-opentype'),
      url("../fonts/EtelkaTextPro-Bold.woff") format('woff'),
      url('../fonts/EtelkaTextPro-Bold.ttf') format('truetype')
  }

body {
    background-color:var(--color-blue);
    font-family: EtelkaTextpro,Verdana,Tahoma,sans-serif;
}
/*
#page {
    background-image: url(../img/monuments.svg);
    background-repeat:no-repeat;
    background-position: bottom right;
    background-size:contain;
    min-height:100vh;
    position:relative;
}



#logo_partenaires {
    position: absolute;
    bottom:0;
    right:0;

}
*/
h1 {
    color:var(--color-black);
    font-size: 1.25rem;
    font-weight:bold;
}

.youtube_player {
    background-color:var(--color-black);
}


#goto-hdf-wrapper {
    border-top:solid 2px var(--color-black);
}
.goto-hdf {
    background-color:var(--color-black);
    color:var(--color-white);
}

.goto-hdf:hover {
    color:var(--color-blue);
    background-color:var(--color-white);
}