body.home {
    background-color: #ffffff;
    
}

/* #homeModule {
    background: url("/assets/img/accueil.png") no-repeat center 150px;
    padding-top: 140px;
    padding-bottom: 2em;
    min-height: 100%;
    background-size: cover;
}
  */
#messagerieModule {
    
    padding-top: 120px;
    min-height: 100%;
}

 
@media (max-width: 991.98px) {

    #homeModule .img-fluid,
    #homeModule {
        margin: auto;
        text-align: center;
    }
}

.home__title {
    /* font: normal normal bold 45px/57px "ClanOT";
    color:  var(--main-color_demande);
    margin: 0; */
    width: 100%;
    font-family: 'ClanOT-NarrowBold', sans-serif;
    font-size: 36px;
    color: var(--main-color_demande);
    margin: 0;
}

.fond-transparent__blanc-70 { /* fond blanc transparent */
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.7);
}

.fond-transparent__demande-74  {
    background-color: rgb(249, 50, 117);
    background-color: rgba(249, 50, 117, 0.74); 
}

.home__summup {
    /* position: relative;  */
    display: flex;
    flex-wrap: wrap;
    /* margin-top: 35px; */
    align-items: flex-start;
    justify-content: space-between;
}

.summup-titre {
    padding: 32px 70px;
    width: 100%;
}

.summup-texte {
    /* width: 45.5%;
    min-width: 390px;
    max-width: 1125px; */
    margin-top: 2em;
    padding: 32px 58px 32px 70px;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
}

.summup-texte p {
    margin: 0;
    font-family: 'ClanOT-Medium', sans-serif;
    /* font-size: 2.4em; */
    font-size: clamp(1.5rem, 2vw, 8vh);
    line-height: 1.3em;
    color:  var(--white);
}

.summup-CTA {
    width: 40%;
    min-width: 390px;
    max-width: 800px;
    margin-top: 2em;
    margin-right: 50px;
    padding: 32px 58px 50px 70px;
    background-color: var(--white);
    border-radius: 21px;
    text-align: center;
}

.summup-CTA__title {
    /* font: normal normal 300 45px/57px "ClanOT"; */
    /* font-family: 'ClanOT-Medium', sans-serif; */
    /* font-size: 2.4em; */
    font-size: clamp( 1.5rem, 2vw, 8vh);
    color:  var(--main-color_demande);

    font-family: 'FF Clan', sans-serif;
    font-weight: 300;
}

.summup-CTA__texte {
    /* width: 75%; */
    margin: 25px auto 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1.6em;
    font-size: clamp(1.3rem, 1.4vw, 8vh);
    line-height: 1.2em;
    text-align: center;
}

.home__summup .summup-CTA__bouton {
    margin-top: 30px;
    font-size: 18px !important;
}

.home__subtitle {
    font-size: calc(2* var(--basePX))!important;
	line-height: 23px;
    text-transform: capitalize;
}
.home__subtitle--uncapitalize {
    font-size: calc(3* var(--basePX))!important;
	line-height: 41px;
    text-transform: initial;
}
h4.home__subtitle--uncapitalize {
    font-size: calc(2* var(--basePX))!important;
    line-height: 33px;
}

h5.home__subtitle--uncapitalize {
    font-size: calc(1.5* var(--basePX))!important;
    line-height: 33px;
}

.home__subtitle--span {
    color: var(--main-color_acquisition);
}

.btn.btn--cession.bg-transparent,
.btn.btn--acquisition.bg-transparent {
    color: var(--black);
    font-size: 27px !important;
}

/* Mediaqueries */
@media (max-width: 991px) {
    #homeModule.home {
        padding-top: 130px;
        background-position-y: 160px;
    }

    .summup-CTA {
        margin-right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 21px;
    }
}

@media (max-width: 800px) {
    .home__summup {display: grid;}
    .summup-texte {justify-self: start;}
    .summup-CTA {justify-self: end;}
}

@media (max-width: 768px) {
    .btn.btn--cession.bg-transparent,
    .btn.btn--acquisition.bg-transparent {
        color: var(--black);
        font-size: 20px !important;
    }
}


@media (max-width: 425px){

    .home__title {
        font-size: calc(2* var(--basePX) + 5px)!important;
        line-height: 26px;
    }

    /* .home__summup {display: initial;} */
    .summup-texte {width: 100%; min-width: initial; border-radius: 0;}
    .summup-CTA {width: 100%; min-width: initial; border-radius: 0;}
}

@media (max-width: 375px){

    .home__title {
        font-size: calc(2* var(--basePX) + 5px)!important;
        line-height: 26px;
    }
}