@import url('https://fonts.googleapis.com/css?family=Mansalva|Merriweather&display=swap');

@import url('https://fonts.googleapis.com/css?family=Cinzel&display=swap');

@import url('https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap');

@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');

@import url('https://fonts.googleapis.com/css?family=Varela+Round&display=swap');



header{

    background: url("img/TDC_2020.JPG") no-repeat center center;

    background-size: cover;

}







a:hover{

    background-color: rgba(126, 126, 126, 0.5);

    text-decoration: none;

}





html, body{

    width: 100%;

    height: 100%

}



header{



    width: 100%;

    height: 75%;





}



.color{

    background-color: rgba(255, 255, 255, 0.85);

    height: 100px;

    

}



.rs{

    height: 40px;

    width: 40px;

    margin: 10px;

    

}





a{

    margin: 10px;

}



.Anarchy{

    color: white;

    text-shadow: black 1px 15px 20px;

}



.p-title{

    text-align: center;

    margin-top: 25vh;

    font-family: Anton



}





.p-logo{

    width: 80px;

    height: 80px;

}





.title-index{

    font-family: Anton;

    font-size: 3em;

}







.p-footer{

    font-family: Merriweather;

    margin-top: 19vh



}



.p-title-index{

    color: red;

}





.p-ici{

    color: yellow;

}





.p-welcome{

    text-decoration: underline;

}





.p-lien{

    color: blue;

    text-decoration: none;

}





.navbar-section a:hover{

    transition: .5s;

    border: 6px solid #bdc3c7;

}



a:visited

{

color: blue;

}











#menu-vertical, #menu-vertical ul {

    padding:0;

    margin:0;

    list-style:none;

    width: 180px; /* seule ligne rajoutée */

  }





  #menu-vertical li {

    position: relative;

    background:#EFEFEF; /* juste pour cacher le texte de la page en-dessous */

  }





  #menu-vertical a {

    display:block;

    text-decoration: none;

    color: #000;

  }





  #menu-vertical ul {

    position: absolute;

    left:-999em;

  }







  #menu-vertical li:hover ul {

    top: 0;

    left: 180px;

  }









.p-compteur{

    margin-top: 3vh



}



.p-info{

    font-family: Kreon;

    margin-top: 4vh;

}