/*----css du page LANDING PAGE YESSS PRO ----*/

body {
    width: 100%;
    background-color: #ffffff;
}

.row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.col {
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
}

/*_____style page LANDING PAGE YESSS PRO_______*/

.btnGreenYesssPro {
    background-color: #93C01F;
}

.textGreenYesssPro {
    color: #93C01F;
}

.bgGreen {
    background-color: #93C01F;
}

.backgroundLinearGreen {
    background: linear-gradient(166deg, white 0 50%, #93C01F 50% 100%);
}

.backgroundLinearGreen2 {
    background: linear-gradient(10deg, white 0 70%, #93C01F 50% 100%);
}

.backgroundLinearGris {
    background: linear-gradient(186deg, #e6e6e6 22%, #e6e6e6 -5%, #fff 8%, #ffffff -5%);
}

.backgroundLinear {
    background: linear-gradient(to bottom, #fff, #fff 20%, #fff 0%, #e6e6e6 0%);
}

.restonsConnectes {
    position: absolute;
    bottom: 39px;
    text-align: center;
}

.bg-compteEnLigne {
    background-color: white;
}

.styleMediaRotate{
transform: rotate(-29deg);
}

.bgimgeAgenceYesssPro{
    background-image: url(../../pics/landing/photo-agence-yesss-3.jpg);
    background-repeat:no-repeat;
    background-position: center;
    padding:221px 0px 12px 0px;
}
body > div > section:nth-child(1) > div > div.col-12.text-center > img{
position: relative;
top: 21px;  
text-align: center;
}

/*_____style page LANDING PAGE YESSS PRO_______*/


/*--------------------Responsive-----------------------*/
/*----------MEDIAS----SCREEN---LES SEUILS-----------------*/
/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {
    .restonsConnectes {
        position: absolute;
        bottom: 72px;
        text-align: center;
    }

    .backgroundLinear {
        background: linear-gradient(to bottom, #fff, #fff 43%, #fff 0%, #d0d0d0 0%);
    }
}

/* Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) {
    .telephoneAgence {
        background-color: transparent;
        ;
        text-align: left;
        padding: 10px 0;
        color: #000000;
    }

    .backgroundLinearGreen2 {
        background: linear-gradient(14deg, white 0 69%, #93C01F 50% 100%);
    }

    .backgroundLinearGris {
        background: linear-gradient(184deg, #e6e6e6, #e6e6e6 28%, #fff 0%, #ffffff 0%);
    }

    .bg-compteEnLigne {
        background-color: #d2d2d200;
        position: relative;
        top: 61px;
    }
    .styleMediaRotate{
    transform: rotate(1deg);
}
    body > div > section:nth-child(1) > div > div.col-12.text-center > img {
    top: 35px;
}

}