body {
    margin: 0;
    font-family: 'Poppins';
}

.menu {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
    display: flex;
    align-items: center;
}

.dropdown-langue {
    margin-left: 40px;
    margin-top: 9px;
}

.dropdown-menu {
    margin-left: 70px;
    margin-top: 5px;
    display: none;
}

.dropmenu {
    background: linear-gradient(270deg, #50C4BD 0%, #5088C4 100%);
    font-family: 'Poppins';
    border: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 500;
    color: white;
    border-radius: 20px;
}

.dropdown-credit,
.dropdown-payer,
.dropdown-assurance {
    margin-left: 50px;
    font-size: 18px;
    font-weight: 500;
}

.dropdown-credit a,
.dropdown-payer a,
.dropdown-assurance a {
    text-decoration: none;
    color: black;
}

.logo-menu {
    width: 100px;
}

.france {
    width: 30px;
}

.dropdown-content {
    background-color: white;
    display: none;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 1;
    margin-top: 5px;
}

.dropdown-content-1,
.dropdown-content-2,
.dropdown-content-3 {
    background-color: white;
    display: none;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 1;
    margin-top: 5px;
}

.credit-perso,
.credit-renouv {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 400;
}

.credit-perso:hover,
.credit-renouv:hover,
.credit-perso a:hover,
.credit-renouv a:hover {
    background-color: #192E41;
    color: white;
}

.dropdown-content a,
.dropdown-content-3 a {
    text-decoration: none;
    color: black;
}

.english {
    display: flex;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 15px;
}

.english:hover,
.canada:hover,
.dropdown-content a:hover {
    background-color: #192E41;
    color: white;
}

.canada {
    display: flex;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-top: 5px;
    padding-left: 15px;
}

.img-drapeau {
    width: 30px;
}

.uk {
    margin-left: 10px;
    padding-top: 5px;
}

.show {
    display: block;
}

.dropcredit,
.droppayer,
.dropassu,
.dropbtn,
.dropmenu {
    cursor: pointer;
}

.btnlog {
    background-color: #192E41;
    padding-left: 15px;
    padding-right: 15px;
    height: 35px;
    margin-top: 9px;
    margin-left: auto;
    border-radius: 10px;
    margin-right: 40px;
}

.btn-delete {
    background-color: #295a88;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    width: fit-content;
    margin-top: 20px;
    border-radius: 10px;
    cursor: pointer;
}

.btn-delete:hover {
    background-color: #2f4961;
}

.cadre-compte {
    background-color: white;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 100px;
    margin-right: 700px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
}

.cadre-compte-renouv {
    background-color: #50C586;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 100px;
    margin-right: 700px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
    color: white;
}

.cadre-compte-a {
    background-color: #192E41;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 100px;
    margin-right: 700px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
    color: white;
}

.nom-compte {
    font-weight: 500;
    font-size: 15px;
}

.prenom-compte {
    font-weight: 500;
    font-size: 15px;
    margin-top: 15px;
}

.liste-accorder {
    margin-left: 100px;
    margin-left: 100px;
    font-size: 18px;
    color: #192E41;
    font-weight: 600;
}

.liste-accorder-1 {
    margin-left: 100px;
    margin-left: 100px;
    font-size: 18px;
    color: white;
    font-weight: 600;
    margin-top: 30px;
}

.btn-delete a {
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-weight: 600;
}

.btnreg {
    background-color: #192E41;
    padding-left: 15px;
    padding-right: 15px;
    height: 35px;
    border-radius: 10px;
    margin-left: auto;
}

.btnlog a,
.btnreg a {
    text-decoration: none;
    color: white;
    font-size: 16px;
    position: relative;
    top: 4px;
    font-weight: 500;
}

.hero {
    background-color: #192E41;
    margin-top: 15px;
    padding-bottom: 60px;
}

.all-hero {
    margin-left: 100px;
    margin-right: 100px;
    padding-top: 70px;
    padding-bottom: 40px;
    display: flex;
}

.hero-text {
    width: 400px;
    color: white;
}

.hero-titre {
    font-size: 25px;
    font-weight: 600;
}

.h-t {
    font-size: 16px;
    margin-top: 20px;
    font-weight: 400;
}

.btn-demande {
    background-color: #192E41;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: fit-content;
    border-radius: 10px;
}

.btn-demande a {
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-weight: 500;
}

.hero-img {
    margin-left: 100px;
    position: relative;
    bottom: 40px;
}

.hero-img-1 {
    margin-left: 100px;
    position: relative;
    top: 30px;
}

.illustration {
    width: 270px;
}

.illustration-1 {
    width: 170px;
}

.besoin {
    background-color: #EE9334;
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 40px;
    border-radius: 20px;
    color: white;
}

.all-besoin {
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.besoin-text {
    width: 400px;
}

.besoin-titre {
    font-size: 25px;
    font-weight: 500;
}

.besoin-t {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
}

.btn-simuler {
    background-color: #192E41;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    width: fit-content;
    margin-top: 20px;
    border-radius: 10px;
}

.btn-simuler a {
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-weight: 500;
}

.besoin-img {
    margin-left: 100px;
}

.besoin-illu {
    width: 200px;
}

.pub {
    background: linear-gradient(270deg, #509BC5 0.04%, #50C58D 12.61%, #50C586 85.59%, #509BC5 99.98%);
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 50px;
    border-radius: 10px;
}

.pub a {
    text-decoration: none;
    color: white;
}

.all-pub {
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.gift {
    width: 50px;
}

.pub-text {
    margin-left: auto;
    color: white;
    margin-right: 20px;
}

.p-t {
    font-weight: 500;
    font-size: 20px;
}

.p-red {
    background-color: #B43838;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: fit-content;
    margin-top: 10px;
}

.pub-illu {
    margin-left: auto;
}

.pig {
    width: 100px;
}

.pub-img-1 {
    margin-left: auto;
}

.confiance,
.solutions {
    text-align: center;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 50px;
}

.titre-confiance,
.solution-titre {
    font-size: 25px;
    font-weight: 600;
}

.all-clients {
    display: flex;
    margin-top: 40px;
}

.client {
    width: 300px;
    text-align: center;
}

.client-1,
.client-2 {
    width: 300px;
    text-align: center;
    margin-left: auto;
}

.etoile {
    width: 200px;
}

.name {
    font-size: 13px;
    margin-top: 10px;
}

.all-solution {
    margin-top: 40px;
    display: flex;
}

.cadre-solution {
    background-color: #192E41;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    width: 400px;
    border-radius: 10px;
}

.safe {
    width: 150px;
    margin-top: 10px;
}

.cadre-solution-text {
    background-color: white;
    margin-left: 20px;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 50px;
    text-align: left;
}

.cadre-titre {
    font-size: 20px;
    font-weight: 500;
}

.cadre-text {
    margin-top: 10px;
}

.btn-credit {
    margin-top: 20px;
    background-color: #192E41;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 15px;
    width: fit-content;
    border-radius: 10px;
    margin-bottom: 20px;
}

.btn-create {
    margin-top: 15px;
    text-align: center;
    background-color: #192E41;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 80px;
    margin-right: 80px;
    border-radius: 10px;
}

.btn-credit a,
.btn-create a {
    font-weight: 500;
    text-decoration: none;
    color: white;
}

.compte {
    margin-top: 70px;
    background-color: #285956;
}

.all-compte {
    display: flex;
    margin-left: 300px;
    margin-right: 300px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.compte-illu {
    width: 200px;
}

.compte-text {
    color: white;
    margin-left: auto;
    width: 500px;
    text-align: center;
}

.compte-titre {
    font-size: 25px;
    font-weight: 500;
}

.compte-t {
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
}

.footer {
    margin-top: 80px;
    margin-left: 100px;
    margin-right: 100px;
}

.all-foot {
    display: flex;
    padding-bottom: 50px;
}

.foot {
    width: 300px;
}

.foot-1,
.foot-2 {
    margin-left: auto;
    width: 300px;
    text-align: right;
}

.foot-titre {
    font-weight: 600;
}

.foot-text {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
}

.foot-contact {
    margin-top: 10px;
}

#email-foot {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    height: 35px;
    border-radius: 10px;
    border: 0px;
    padding-left: 10px;
    width: -moz-available;
    width: -webkit-fill-available;
}

#send-foot {
    font-family: 'Poppins';
    font-weight: 600;
    color: white;
    font-size: 15px;
    height: 35px;
    border-radius: 10px;
    border: 0px;
    padding-left: 15px;
    padding-right: 15px;
    width: fit-content;
    margin-top: 15px;
    background-color: #192E41;
    cursor: pointer;
}

#send-foot:hover {
    background-color: #295a88;
}

.foot-media {
    display: flex;
    margin-top: 10px;
}

.foot-compte {
    margin-top: 15px;
}

.foot-compte a {
    text-decoration: none;
    color: black;
}

.facebook {
    margin-left: auto;
}

.instagram {
    margin-left: 10px;
}

.fb {
    width: 25px;
}

.foot-link a {
    text-decoration: none;
    color: black;
    font-size: 15px;
}

.avantages {
    margin-top: 50px;
    margin-left: 100px;
    margin-right: 100px;
    text-align: center;
}

.avantage-titre {
    font-size: 30px;
    font-weight: 600;
}

.all-avantage {
    display: flex;
    margin-top: 40px;
}

.avantage {
    width: 300px;
}

.avantage-1,
.avantage-2 {
    width: 300px;
    margin-left: auto;
}

.av-up {
    text-align: center;
    background-color: #285956;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 10px;
}

.avr-up {
    text-align: center;
    background-color: #496596;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 10px;
}

.av {
    width: 200px;
}

.av-down {
    background-color: #ABD7D4;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
    border-radius: 10px;
}

.avr-down {
    background-color: #C3D0E7;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
    border-radius: 10px;
}

.av-titre {
    font-size: 18px;
    font-weight: 500;
}

.av-text {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 300;
}

.hesiter {
    margin-top: 70px;
    background-color: #50ABC7;
    margin-left: 100px;
    margin-right: 100px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
}

.hesiter-titre {
    font-size: 25px;
    font-weight: 600;
    color: white;
}

.hesiter-text {
    font-size: 18px;
    color: white;
    font-weight: 400;
    margin-top: 10px;
}

.all-hesiter {
    margin-left: 300px;
    margin-right: 300px;
    display: flex;
    margin-top: 40px;
    padding-bottom: 30px;
}

.box-hesiter {
    background-color: #295a88;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 10px;
}

.sm {
    width: 200px;
}

.box-text {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
    color: white;
}

.box a,
.box-1 a {
    text-decoration: none;
}

.box-1 {
    margin-left: auto;
}

.form-perso {
    margin-left: 100px;
    margin-right: 700px;
    padding-bottom: 70px;
}


#prenom,
#mail,
#tel,
#credit,
#message,
#date,
#nom {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    height: 45px;
    border-radius: 5px;
    margin-top: 20px;
    border: 0px;
    padding-left: 10px;
    width: -moz-available;
    width: -webkit-fill-available;
}

#option,
#email {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    height: 45px;
    border-radius: 5px;
    margin-top: 20px;
    border: 0px;
    padding-left: 10px;
    width: -moz-available;
    width: -webkit-fill-available;
}

#message {
    height: 100px;
}

#suivant,
#suivant-reg {
    font-family: 'Poppins';
    font-weight: 600;
    color: white;
    font-size: 15px;
    height: 45px;
    border-radius: 10px;
    border: 0px;
    padding-left: 35px;
    padding-right: 35px;
    width: fit-content;
    margin-top: 35px;
    background-color: #295a88;
    cursor: pointer;
}

#suivant-reg {
    margin-top: 20px;
}

#suivant:hover {
    background-color: #5e758a;
}

.importer {
    margin-top: 20px;
    color: white;
    font-size: 16px;
    font-weight: 500;
}

.importer-text {
    margin-top: 10px;
    color: white;
    font-size: 13px;
    font-weight: 400;
}

#capture,
#capture-1 {
    margin-top: 20px;
    width: -moz-available;
    width: -webkit-fill-available;
    text-align: left;
    color: black;
    background: -webkit-linear-gradient(top, #ffffff, #ffffff);
    border: 1px solid #999;
    border-radius: 5px;
    padding: 10px 10px;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
    font-family: 'Poppins';
    border: 0px;
}

#capture-1 {
    text-align: center;
}

.info-mail {
    font-size: 15px;
    margin-top: 10px;
    color: #192E41;
    font-weight: 500;
}

.form-payer {
    margin-top: 40px;
    margin-left: 300px;
    margin-right: 300px;
    background-color: #A7C4C2;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 50px;
    text-align: center;
    border-radius: 10px;
}

.payer-titre {
    font-size: 25px;
    font-weight: 500;
}

.payer-text {
    margin-top: 10px;
    font-size: 15px;
}

#nom-payer {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    height: 45px;
    border-radius: 5px;
    border: 0px;
    padding-left: 10px;
    width: -moz-available;
    width: -webkit-fill-available;
    margin-top: 20px;
}

#nom-payer-1 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    height: 45px;
    border-radius: 5px;
    border: 0px;
    padding-left: 10px;
    width: -moz-available;
    width: -webkit-fill-available;
    margin-top: 20px;
    background-color: #295a88;
    color: white;
}

.option {
    background-color: white;
    color: black;
}

#send-payer,
#send-simu {
    font-family: 'Poppins';
    font-weight: 600;
    color: white;
    font-size: 15px;
    height: 45px;
    border-radius: 10px;
    border: 0px;
    padding-left: 35px;
    padding-right: 35px;
    width: fit-content;
    margin-top: 35px;
    background-color: #192E41;
}

#send-simu {
    background-color: #192E41;
}

.btn-virement {
    background-color: #192E41;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 150px;
    margin-right: 150px;
    margin-top: 30px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-virement a {
    text-decoration: none;
    color: white;
    font-size: 15px;
    font-weight: 500;
}

.info-virement {
    background-color: white;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    border-radius: 10px;
}

.info-v {
    font-size: 18px;
    font-weight: 500;
}

.info-v-1 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
}

.payer-illu {
    margin-top: 30px;
}

.py {
    width: 150px;
}

.all-atout {
    margin-top: 50px;
    margin-left: 200px;
    margin-right: 200px;
}

.box-atout {
    background-color: #FFE3C1;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    border-radius: 10px;
}

.atout {
    width: 250px;
}

.box-atout-text {
    background-color: white;
    margin-top: 10px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
    text-align: left;
}

.atout-text-1 {
    font-size: 15px;
}

.atout-text-2,
.atout-text-3 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 15px;
}

.atout-text-3 {
    font-weight: 300;
}

.about {
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 50px;
}

.about-titre {
    font-size: 25px;
    font-weight: 600;
}

.about-text {
    font-weight: 300;
    margin-top: 10px;
}

.about-2 {
    margin-top: 40px;
}

.about-pub {
    width: 400px;
    margin-top: 40px;
}

.about-pub-box {
    background-color: #88B5AB;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 10px;
    text-align: center;
}

.about-pub-box-1 {
    background-color: #B9E5DB;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 10px;
    text-align: left;
    margin-top: 10px;
}

.about-pub-text-1 {
    color: #4F4F4F;
}

.noel {
    width: 150px;
}

.about-pub-text {
    font-size: 18px;
    font-weight: 600;
    color: white;
}

.btn-pub-about {
    background-color: #192E41;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: fit-content;
    margin-top: 20px;
    border-radius: 10px;
}

.btn-pub-about a {
    text-decoration: none;
    color: white;
    font-size: 15px;
    font-weight: 600;
}

.btn-pub-about-1 {
    margin-top: 10px;
}

.btn-pub-about-1 a {
    font-size: 15px;
    font-weight: 600;
    color: #192E41;
    text-decoration: none;
}

.all-simul {
    margin-left: 200px;
    margin-right: 200px;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.simulation-titre {
    font-size: 25px;
    font-weight: 600;
    color: white;
}

.simulation-text {
    font-size: 15px;
    font-weight: 400;
    color: white;
    margin-top: 10px;
}

.all-simulation {
    margin-left: 200px;
    margin-right: 200px;
    display: flex;
    margin-top: 40px;
    padding-bottom: 30px;

}

.sm-1 {
    width: 160px;
}

.box-simulation {
    background-color: #192E41;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
}

.simul {
    width: 100px;
}

.box-simulation-titre {
    font-size: 17px;
    font-weight: 500;
    color: white;
    margin-top: 5px;
}

.box-resultat {
    background-color: white;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 30px;
    padding-left: 30px;
    text-align: left;
    margin-top: 20px;
}

.montant-simulation,
.montant-simulation-1 {
    font-size: 16px;
    font-weight: 500;
}

.montant-simulation-1 {
    margin-top: 15px;
}

.btn-demande-simu {
    background-color: #192E41;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    padding-left: 30px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 30px;
}

.btn-demande-simu a {
    text-decoration: none;
    color: white;
    font-size: 17px;
    font-weight: 600;
}

.btn-refaire {
    margin-top: 15px;
}

.btn-refaire a {
    font-size: 17px;
    font-weight: 600;
    color: #192E41;
    text-decoration: none;
}

.date {
    margin-top: 20px;
    font-weight: 500;
    color: white;
}

#date {
    margin-top: 10px;
}

.resend {
    margin-top: 15px;
}

.resend a {
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    color: #192E41;
}

.error {
    font-size: 14px;
    font-weight: 500;
    color: #C60000;
    margin-top: 10px;
}

.btn-connect {
    background-color: #192E41;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    width: fit-content;
    margin-top: 30px;
    border-radius: 10px;
}

.result-message {
    display: block;
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    color: white;
    font-weight: bold;
}

.btn-connect a,
.btn-forget a {
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    color: white;
}

.btn-forget {
    margin-top: 15px;
}

.btn-forget a {
    color: #192E41;
}

@media only screen and (max-width: 1341px) {
    .all-simulation {
        margin-left: 100px;
        margin-right: 100px;
    }
}

@media only screen and (max-width: 1251px) {
    .all-simul {
        margin-left: 100px;
        margin-right: 100px;
    }

    .illustration {
        width: 200px;
    }

    .hero-img {
        margin-top: 25px;
    }

    .besoin {
        margin-left: 100px;
        margin-right: 100px;
    }

    .pub-text {
        width: 500px;
        margin-right: 0px;
    }

    .all-compte {
        margin-left: 200px;
        margin-right: 200px;
    }

    .dropdown-credit,
    .dropdown-payer,
    .dropdown-assurance {
        margin-left: 30px;
    }

    .all-hesiter {
        margin-left: 150px;
        margin-right: 150px;
    }

    .all-avantage {
        display: block;
    }

    .avantage {
        width: auto;
    }

    .avantage-1,
    .avantage-2 {
        width: auto;
        margin-left: 0px;
        margin-top: 40px;
    }

    .form-perso,
    .cadre-compte,
    .cadre-compte-a {
        margin-right: 500px;
    }
}

@media only screen and (max-width: 1050px) {

    .all-hero,
    .besoin,
    .pub,
    .confiance,
    .solutions,
    .footer,
    .avantages,
    .hesiter,
    .form-payer,
    .about,
    .all-simul {
        margin-left: 50px;
        margin-right: 50px;
    }

    .illustration {
        width: 120px;
    }

    .hero-img {
        margin-top: 80px;
    }

    .dropdown-credit,
    .dropdown-payer,
    .dropdown-assurance,
    .btnlog {
        display: none;
    }

    .dropdown-menu {
        display: block;
        margin-left: auto;
        margin-right: 30px;
    }

    .btnreg {
        margin-top: 7px;
        margin-left: 0px;
    }

    .etoile {
        width: 130px;
    }

    .client,
    .client-1,
    .client-2 {
        font-size: 15px;
    }

    .all-compte {
        margin-left: 100px;
        margin-right: 100px;
    }

    .dropdown-langue {
        margin-left: 30px;
    }

    .p-t,
    .p-red {
        font-size: 15px;
    }

    .pub-text {
        width: 350px;
    }

    .all-hesiter {
        margin-left: 80px;
        margin-right: 80px;
    }

    .form-perso,
    .cadre-compte,
    .cadre-compte-a,
    .liste-accorder,
    .liste-accorder-1 {
        margin-left: 50px;
        margin-right: 50px;
    }
}

@media only screen and (max-width: 900px) {
    .all-clients {
        display: block;
        margin-left: 200px;
        margin-right: 200px;
    }

    .all-solution {
        display: block;
    }

    .cadre-solution {
        width: auto;
    }

    .cadre-solution-text {
        margin-left: 0px;
        margin-top: 10px;
        padding-bottom: 30px;
    }

    .client-1,
    .client-2 {
        margin-left: 0px;
        margin-top: 30px;
        width: fit-content;
    }

    .client {
        width: fit-content;
    }

    .compte-titre {
        font-size: 20px;
    }

    .all-compte {
        margin-left: 50px;
        margin-right: 50px;
    }

    .all-hesiter {
        margin-left: 30px;
        margin-right: 30px;
    }

    .form-perso {
        margin-right: 200px;
    }

    .all-atout {
        margin-left: 50px;
        margin-right: 50px;
    }

    .all-simulation {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media only screen and (max-width: 700px) {

    .menu,
    .all-hero,
    .besoin,
    .pub,
    .solutions,
    .confiance,
    .avantages,
    .hesiter,
    .footer,
    .about {
        margin-left: 10px;
        margin-right: 10px;
    }

    .all-simulation {
        display: block;
    }

    .hero-titre,
    .titre-confiance,
    .solution-titre {
        font-size: 20px;
    }

    .hero-img,
    .besoin-img,
    .hero-img-1 {
        margin-left: 20px;
    }

    .hero-img-1 {
        margin-top: 60px;
    }

    .hero-text,
    .besoin-text {
        width: fit-content;
    }

    .pub-text {
        width: 250px;
    }

    .compte-illu {
        width: 130px;
    }

    .compte-titre {
        font-size: 15px;
    }

    .compte-t {
        font-size: 13px;
    }

    .btn-create a {
        font-size: 13px;
    }

    .all-foot {
        display: block;
    }

    .foot-1,
    .foot-2 {
        margin-left: 0px;
        margin-top: 30px;
        text-align: left;
    }

    .facebook {
        margin-left: 0px;
    }

    .avantage-titre,
    .hesiter-titre {
        font-size: 20px;
    }

    .hesiter-text {
        font-size: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .all-hesiter {
        display: block;
    }

    .box-1 {
        margin-left: 0px;
        margin-top: 40px;
    }

    .box-hesiter {
        width: auto;
    }

    .form-perso,
    .cadre-compte,
    .cadre-compte-a,
    .liste-accorder,
    .liste-accorder-1 {
        margin-left: 20px;
        margin-right: 20px;
    }

    #assis {
        width: 120px;
        margin-top: -70px;
    }

    #simulation {
        display: flex;
    }
}

@media only screen and (max-width: 600px) {
    .all-clients {
        margin-left: 100px;
        margin-right: 100px;
    }

    .illustration {
        width: 80px;
    }

    #illu {
        display: none;
    }

    .besoin-illu {
        width: 100px;
    }

    .gift {
        width: 30px;
        margin-top: 40px;
    }

    .all-pub {
        margin-left: 10px;
        margin-right: 10px;
    }

    .p-t,
    .p-red {
        font-size: 13px;
    }

    .pig {
        width: 50px;
        margin-top: 40px;
    }

    .pub-illu {
        margin-left: 10px;
    }

    .all-clients {
        margin-left: 50px;
        margin-right: 50px;
    }

    .all-compte {
        margin-left: 10px;
        margin-right: 10px;
    }

    .btn-create {
        margin-left: 20px;
        margin-right: 20px;
    }

    .form-perso,
    .form-payer {
        margin-right: 20px;
        margin-left: 20px;
    }

    .btn-virement {
        margin-left: 50px;
        margin-right: 50px;
    }

    .info-v,
    .info-v-1 {
        font-size: 15px;
    }

    .info-virement {
        padding-left: 15px;
        padding-right: 15px;
    }

    .all-atout {
        margin-left: 0px;
        margin-right: 0px;
    }

    .btn-demande-simu {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media only screen and (max-width: 431px) {
    .logo-menu {
        width: 100px;
    }

    .dropdown-langue {
        margin-left: 20px;
        margin-top: 3px;
    }

    .dropmenu,
    .btnreg a {
        font-size: 15px;
    }

    .btnreg {
        margin-top: 2px;
    }

    .dropdown-menu {
        margin-top: 3px;
        margin-right: 10px;
    }

    .hero-img {
        margin-top: 120px;
        margin-left: 10px;
    }

    .besoin-titre {
        font-size: 18px;
    }

    .besoin-t,
    .btn-simuler a {
        font-size: 13px;
    }

    .btn-simuler {
        padding-top: 5px;
        padding-bottom: 7px;
    }

    .all-besoin {
        margin-left: 15px;
        margin-right: 15px;
    }

    .besoin-illu {
        margin-top: 50px;
    }

    .pub-text {
        width: 200px;
    }

    .footer,
    .all-simul {
        margin-left: 20px;
        margin-right: 20px;
    }

    .hero-img-1 {
        margin-top: 0px;
    }

    #prenom,
    #mail,
    #tel,
    #credit,
    #message,
    #date,
    #nom,
    #nom-payer {
        font-size: 13px;
    }

    #assis {
        width: 100px;
        margin-top: 0px;
    }

    .form-payer,
    .box-resultat,
    .box-simulation {
        padding-left: 15px;
        padding-right: 15px;
    }

    .montant-simulation,
    .montant-simulation-1 {
        font-size: 14px;
    }

    .all-hero {
        padding-top: 50px;
    }

    .about-pub {
        width: auto;
    }
}

@media only screen and (max-width: 400px) {

    .dropmenu,
    .btnreg a {
        font-size: 13px;
    }

    .france {
        width: 25px;
    }

    .dropdown-langue {
        margin-top: 5px;
    }

    .btnreg {
        height: 32px;
    }

    .btnreg a {
        top: 3px;
    }

    .pub-text {
        width: 200px;
    }

    .pub-illu {
        display: none;
    }

    .compte-illu {
        width: 130px;
        margin-top: 40px;
    }

    .hero-img {
        margin-top: 170px;
    }
}

@media only screen and (max-width: 361px) {

    .menu,
    .all-hero,
    .besoin,
    .pub,
    .solutions,
    .confiance,
    .footer,
    .avantages,
    .hesiter,
    .form-perso,
    .form-payer,
    .about,
    .cadre-compte,
    .cadre-compte-a,
    .liste-accorder,
    .liste-accorder-1 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .hero-img {
        margin-top: 170px;
    }

    .compte-img {
        display: none;
    }
}