.image1
{   
    height: 450px;
    background-image: url('/images/student-849825_1280.jpg');
    background-size:cover;
    font-family:cursive;
    font-size: 45px;
    color: rgb(45, 32, 235);
    line-height: 5;
}
.image2{
    height: 450px;
    background-image: url('/images/mobile-phones-1490691_1280.jpg');
    background-size: cover;
    font-family:cursive;
    font-size: 45px;
    color: rgb(45, 32, 235);
    line-height: 5;
}
.image3
{
    height: 450px;
    background-image: url('/images/woman-410320_1280.jpg');
    background-size: cover;
    font-family:cursive;
    font-size: 45px;
    color: rgba(75, 236, 12, 0.993);
    line-height: 5;
}
.disposition
{
    position:absolute;
    right: 10%;
    top:1cm;
    z-index: 4;
    background-color: white;
    
}
.valide
{
    background-color: rgb(55, 55, 133);
    color: white;
    border-radius: 5px;
}
.line{
    height: 2cm;

}
.formule
{   
    background-image: url('/images/background-723052_1280.jpg');
}
.moyen_pay
{
    width: 3cm;
    border-radius: 15px;
    height: 2cm;
    margin: auto;
}
.image_gros
{
    margin-left: 25%;
}
.moyen{
    background-image: url('/images/wood-1759566_1280.jpg');
    color: azure;
    padding: 25px;
    margin-bottom: 30px;
}
.contenant
{   
    width: 100%;
    height: 100%;
}
footer{
    color: white;
    background: linear-gradient(45deg,rgba(76, 80, 24, 0.205),rgb(3, 3, 17));
    width: 100%;
}
form
{
    border-radius: 30px;
    border: black solid 1px;
    box-shadow: 2px 2px 5px rgb(48, 42, 42), -2px -2px 5px rgb(44, 36, 36);
    background-color: rgb(207, 213, 214);
    margin-bottom: 2cm;
}
.solde{
    width: 6cm;
    height: 3cm;
    background-color: brown;
    color: white;
    border-radius: 15px;
}
body{
    height: 100%;
}
.mail{
    background-color: aqua;
    margin: 5px;
    font-size: 15px;
}
.clic,.nonclic{
    display: none;
}
.posit{
    box-shadow: 1px 1px 5px rgb(102, 86, 86);
    width: 45%;
    margin-left: 2%;
    margin-top: 1cm;
    padding: 15px;
}
.cont{
    flex-flow: row wrap;
    display: flex;
}
h3{
    color: blue;
}
span{
    color: rgb(236, 25, 236);
}
.logo{
    color:rgb(238, 18, 238)
}
@keyframes slidein {
    from { transform: scaleX(0); }
    to   { transform: scaleX(1); }
  }
@media  screen and (max-width:700px) {
    .clic{
        display: block;
        width: 1cm;
        position: absolute;
        top: 0%;
        right: 0%;
    }
    .nonclic{
        display: none;
        width: 1cm;
        position: absolute;
        top: 0%;
        right: 0%;
    }
    .image_gros{
        margin-left: 5%;
    }
    .moyen_pay
    {
        width: 2cm;
        border-radius: 15px;
        height: 1.5cm;
        margin: auto;
    }
    .image1, .image2 ,.image3 {
        height: 250px;
        font-family:cursive;
        font-size: 30px;
        line-height: 3;
    }
    .disposition, .dashboard{
        display: none;
    }
    .haut{
        padding: 10px;
        text-decoration: none;
    }
    .posit{
        width: 90%;
    }
}