* {

    padding: 0px;

    margin: 0px;

    overflow-x: hidden;

}


@font-face {
    font-family: "Montserrat";
    src: url("../assets/Montserrat-Regular.ttf") format("truetype");
   }


body{
    background-color: #262626;

    height: 100%;

}

    
body::-webkit-scrollbar {width: 0px;}







/*--------------------POLICE--------------------*/



p{

    font-family: Montserrat;

    color: #d0d0d0;

    font-size: 4vw;

}

h1{

    font-family: Bahnschrift Light;

    font-size: 9.5vw;

    background: url(https://zupimages.net/up/22/13/4762.jpg) no-repeat center center;

    background-size: cover;

    color: #fff;

    -webkit-text-fill-color: transparent;

    -webkit-background-clip: text;

    -moz-background-clip:text;

    background-clip:text;

}

h2{

    font-size: 4.3vw;

    font-family: Bahnschrift Light;

    color: #d0d0d0;

}

span{

    color: #BC9F4E;

}



/*--------------------TITRE--------------------*/

.titre{

    width: fit-content;

    margin: auto;

    margin-top: 9vw;

    text-align: center;

}



/*--------------------BOUTON RETOUR--------------------*/

.retour{
    width: 20vw;height:12vw;

    text-align: left;

    margin-left: 8vw;

    margin-top: 8vw;

}

.btnretour{

    width: 17.5vw;

    height: 9.2vw;

    background-color: transparent;

    background: url(https://zupimages.net/up/22/13/szir.png) no-repeat 1px 1px;

    background-size: 17vw;

    border: none;

}

.btnretour:hover{

    background: url(https://zupimages.net/up/22/13/24wx.png) no-repeat 1px 1px;

    background-size: 17vw;

}




/*--------------------CONTENU--------------------*/



.contenu{

    margin-top: 10px;

}

#fiche{width: 80%;padding: 2.5vw;margin: auto;border: solid #d0d0d0 0.5vw;border-radius: 2.5vw;margin-top: 2vw;

}

#titre{flex: 80%;}

.replie{display: flex;}

#contenu{margin-top: 5vw;display: none;}

#contenu p{font-size: 3.5vw;}

.replie button{border: 0;background-color: transparent;cursor: pointer;text-align:center;width:100%;height:100%;}

.derouleur{flex: 20%;}



/*--------------------COPYRIGHT--------------------*/



.copyright{

    width: 100%;

    margin-top: 8vw;

    padding: 10px;

    text-align: center;

    background-color: #262626;

}



/*--------------------MEDIAS--------------------*/



@media only screen and (min-width: 425px){

    /*.contenu{background-color: red;}*/

    #contenu p{font-size: 15px;}

    h1{font-size: 40px;}

    p{font-size: 17px;}

    .titre{margin-top: 38px;}

    .retour{margin-top: 34px;margin-left: 34px;}

    .btnretour{background-size: 72px;}

    .btnretour:hover{background-size: 72px;}

    img{width: 93.5px;height: 82.5;}

    #fiche{border: solid #d0d0d0 2px;border-radius: 12.5px;}

    #flex{margin-bottom: 30px;}

    #marge{margin: 20px 0 20px 0;}

    h2{font-size: 18.2px;}

}

@media only screen and (min-width: 620px){

    /*.contenu{background-color: yellow;}*/

    .copyright{margin-top: 49.7px;}

    .btnretour{width:108.5px;height:57px;}

    .retour{width:82.5%;height:74px;margin:auto;margin-top: 34px}

    #contenu{margin-top: 20px;}

    body::-webkit-scrollbar {width: 20px;}

    body::-webkit-scrollbar-track {background: #595959;}

    body::-webkit-scrollbar-thumb {background-color: #262626;border-radius: 20px;border: 3px solid #595959;}

    #fiche{padding: 15px;margin-top: 12.5px;}

    .questions{margin-bottom: 17px;}

}





@media only screen and (min-width: 1000px){

    /*.contenu{background-color: green;}*/

}