* {

    padding: 0px;

    margin: 0px;

    overflow-x: hidden;

}

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


body{
    background-color: #262626;

    flex: 55%;

}

/*--------------------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;

}


.span2{
    text-decoration: underline;
    text-decoration-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--------------------*/


#left{
    padding: 0 0 2vw 0;

    text-align: left;

}

.soustitre h1{

    font-size: 5.5vw;}

.soustitre{

    margin-top: 4vw;}

.contenu{
    width:95%;margin:auto;
    margin-top: 10px;}

.contenu div{

    text-align: center;}

.questions{

    margin-bottom: 3vw;}



.suite{width:100%;margin:auto;}

#logos{display:flex;margin-top:2vw;}

#t1{flex:30%;}

#t2{flex:70%;text-align:left;}

img{width: 21vw;}



/*--------------------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;}*/

    h1{font-size: 40px;}

    p{font-size: 17px;}

    .titre{margin-top: 38px;}

    .soustitre h1{font-size: 23.5px;}

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

    .btnretour{background-size: 72px;}

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

    img{width: 93.5px;}

    .suite{width:100%;}

}

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

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

    .contenu{width:65%;}

    .copyright{margin-top: 49.7px;}

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

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

    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;}

    .questions{margin-bottom: 17px;}
}





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

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

    .soustitre{margin-top: 40px;}

    .suite{width:75%;margin:auto;}

}