* {

    padding: 0px;

    margin: 0px;

}

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


body{

    background-color: #262626;

    height: 100%;

}


/*--------------------- FONT --------------------*/


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;

}


label{

    font-family: Montserrat;

    color: #d0d0d0;

    font-size: 4vw;}


span{

    color: #BC9F4E;

}



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


.titre{

    width: fit-content;

    margin: auto;

    margin-top: 9vw;

    text-align: center;

}

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

    width: 95%;

}

.bouton button{
    width: 60%;

    margin: auto;

    margin-top: 4vw;

    margin-left: 20%;

    border-radius: 1.8vw;

    padding: 2vw;

    background-color: #262626;

    border: solid #d0d0d0 0.6vw;

    font-family: Montserrat;

    font-size: 4vw;

    color: #d0d0d0;

    transition-duration: 0.5s;

}

.bouton button:hover{

    color: #262626;

    background-color: #d0d0d0;

}

.bouton button:hover p{color:#262626;}

.soustitre{margin-top: 4vw;}

.soustitre h1{font-size: 5.5vw;}

#t1{
    width: 90%;
    margin: auto;
}

#t1 div{
    margin-top: 2vw;
}

.stitre{
    margin-top: 7vw;
}


input{width:68%;padding-left:4px;background-color: white;font-family: Montserrat;font-size:4vw;}
textarea{padding-left:4px;background-color: white;font-family: Montserrat;font-size:4vw;}
select{width:68%;padding-left:4px;background-color: white;color: #d0d0d0;}

.ctitre{
    width: 100%;
}

.cpepite{
    width: 100%;
    height: 50vw;
}

.popup{
    display: none;
}
.trigger{
    border: 0px;width:40%;border-radius: 1.8vw;background-color: #262626;
}
.trigger:hover{
    background-color: #d0d0d0;
    cursor: pointer;
}



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


.copyright{

    display:block;

    width: 100%;

    margin-top: 8vw;

    padding: 3vw 0 3vw 0;

    text-align: center;

    background-color: #262626;

}


/*--------------------- MEDIA --------------------*/


@media only screen and (min-width: 425px){
    /*.contenu{background-color: red;}*/

    h1{font-size: 40px;}

    p{font-size: 17px;}

    input{font-size: 17px;}

    textarea{font-size: 17px;}

    select{background-color: white;font-family: Montserrat;font-size: 17px;color: #d0d0d0;}

    label{font-size: 17px;}

    .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;height: 82.5;}

    .bouton button{width: 215px;height: 41.8px;border:solid #d0d0d0 3px;border-radius: 8px;padding: 0;margin: 17px 0 0 0;}

    .titre{margin-top: 38px;}

    #t1 div{margin-top: 8.5px;}

    #t1{margin: 0 20.15px 0 20.15px;}

    .bouton{display: flex;justify-content: center;}

    .trigger{height:41.8px;width:41.8px;border-radius: 8px;}

}



@media only screen and (min-width:620px){
    /*.contenu{background-color: yellow;}*/

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

    .retour{width: 124.5px;height: 74.7px;}

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

    .copyright{margin-top: 49.7px;}

    .cpepite{height: 310px;}

    .stitre{margin-top: 43.3px;}

    input{width: 341px;}

    select{width: 341px;}

}



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

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

    .contenu{width: 948.5px;}

    .soustitre{margin-top: 40px;}

    .retour{width: 920px;margin: auto;margin-top: 34px;}

}