html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
html{overflow-x:hidden;}
/* -----------------        Desktop        ----------------- */
img {
    object-fit: cover;
}
.displayN {
    display: none !important;
}
.displayB {
    display: block !important;
}
.rotate {
    transform: rotate(0deg) !important;
}
/* ------------- SECTION 1 ------------- */
.section1 {
    width: 94%;
    max-width: 1024px;
    height: auto;
    margin: auto;
    position: relative;
    margin-bottom: 66px;
    margin-top: 88px;
    text-align: left;
    display: flex;
    color: #00325E;
    font-family: "Nunito", Helvetica;
    font-weight: normal;
}
.section1 .block01 {
    margin-top: 98px;
}
.section1 .block01 .titre {
    width: 570px;
    font-size: 60px;
    line-height: 72px;
    margin-bottom: 32px;
}
.section1 .block01 .text {
    width: 80%;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 104px;
    font-family: "Nunito", Helvetica;
    font-weight: normal;
}
.section1 .block01 .boutton {
    width: 300px;
    height: 58px;
    text-align: center;
    font-size: 20px;
    border: 1px solid #00325E;
    border-radius: 58px;
    line-height: 58px;
    margin-bottom: 66px;
    display: none;
}
.section1 .block01 .telecharger {
    font-size: 24px;
    margin-bottom: 13px;
    line-height: 51px;
}
.section1 .block01 .appstore {
    margin-right: 8px;
}
.section1 .img01 {
    position: relative;
    right: 10px;
}
/* ------------- SECTION 2 ------------- */
.section2 {
    width: 1024px;
    margin: auto;
    position: relative;
}
.section2 .rectangleFleche {
    top: 12px;
    position: relative;
    z-index: 4;
    left: 448.5px;
}
.section2Desktop {
    width: 1024px;
    height: 635px;
    margin: auto;
    margin-bottom: 104px;
    font-family: "Nunito", Helvetica;
    font-weight: normal;
    text-align: center;
    -webkit-box-shadow: 1px 3px 16px 4px rgba(0,0,0,0.25); 
    box-shadow: 1px 3px 16px 4px rgba(0,0,0,0.25);
    position: relative;
    background: #FFFFFF;
    z-index: 6;
}
.section2Desktop .iconFleche {

}
.section2Desktop .titre, .section2Mobile .titre {
    font-size: 18px;
    line-height: 23px;
    color: #0373D4;
    font-family: "Nunito", Helvetica;
    font-weight: bold;
    padding-top: 88px;
    margin-bottom: 4px;
}
.section2Desktop .sousTitre, .section2Mobile .sousTitre {
    font-size: 32px;
    line-height: 51px;
    color: #00325E;
    margin-bottom: 64px;
}
.section2Desktop .content {
    display: flex;
    justify-content: space-between;
}
.section2Desktop .content .block, .section2Mobile .block {
    width: 241px;
    position: relative;
    height: 270px;
}
.section2Desktop .content .block .titre, .section2Mobile .block .titre {
    position: absolute;
    top: 8px;
}
.section2Desktop .content .block .text, .section2Mobile .block .text {
    position: absolute;
    top: 154px;
    color: #6D7783;
    font-size: 15px;
    line-height: 24px;
    font-weight: normal;
}
.section2Desktop .content .block01 {
    margin-left: 44px;
}
.section2Desktop .content .block03 {
    margin-right: 44px;
}
.section2Desktop .content .flecheRight, .section2Mobile .flecheRight {
    width: 30px;
    height: 15px;
    display: block;
    margin-top: 22px;
}
.section2Mobile {
    display: none;
}
/* ------------- SECTION SERVICES ------------- */
.sectionServices {
    width: 98%;
    max-width: 1024px;
    margin: auto;
    font-family: "Nunito", Helvetica;
    margin-bottom: 144px;
    padding: 0 8px;
}
.sectionServices .blockTitre {
    display: flex;
    margin-bottom: 86px;
}
.sectionServices .blockTitre .iconTitre {
    width: 376px;
    height: 376px;
}
.sectionServices .blockTitre .content {
    text-align: left;
    margin-left: 32px;
    margin-top: 134px;
}
.sectionServices .blockTitre .content .titre {
    font-size: 14px;
    line-height: 19px;
    color: #0373D4;
    margin-bottom: 14px;
    text-transform: uppercase;
}
.sectionServices .blockTitre .content .sousTitre {
    font-size: 43px;
    line-height: 44px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.sectionServices .blockTitre .content .text {
    font-size: 16px;
    line-height: 28px;
    color: #000000;
}
.sectionServices .block01 {
    display: flex;
    justify-content: space-between;
}
.sectionServices .block01 .content01 {
    width: 224px;
    text-align: right;
    padding-top: 36px;
    position: relative;
}
.sectionServices .block01 .img01 {
    width: 471px;
    height: 656px;
}
.sectionServices .block01 .content02 {
    width: 226px;
    text-align: left;
    padding-top: 36px;
    position: relative;
}
.sectionServices .block01 .content01a {
    position: absolute;
    bottom: 46px;
}
.sectionServices .block01 .icon01 {
    margin-bottom: 14px;
}
.sectionServices .block01 .titre {
    font-size: 20px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 14px;
}
.sectionServices .block01 .text {
    font-size: 14px;
    line-height: 25px;
    color: #000000;
}
.sectionServices .swiper-containerb {
    display: none;
}
.sectionServices .swiper-pagination-b {
    display: none;
}
.sectionServices .swiper-containerc {
    display: none;
}
.sectionServices .swiper-pagination-c {
    display: none;
}
.sectionServices2 .blockTitre .iconTitre {
    width: 389px;
    height: 418px;
}
.sectionServices2 .blockTitre .content .titre {
    color: #F5A623;
}
/* ------------- SECTION 3 ------------- */
.section3 {
    width: 92%;
    max-width: 1024px;
    height: 400px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    font-family: "Nunito", Helvetica;
    margin-bottom: 120px;
    padding: 0 41px;
    background: #dfeffe;
}
.section3 .block {
    width: 62%;
    text-align: justify;
}
.section3 .block .titre {
    font-weight: bold;
    color: #0373D4;
    font-size: 32px;
    line-height: 51px;
    margin-top: 80px;
    margin-bottom: 16px;
}
.section3 .block .text {
    color: #00325E;
    font-size: 16px;
    line-height: 24px;
}
.section3 img {
    width: 219px;
    height: 276px;
    margin-top: 60px;
}
/* ------------- SECTION 4 ------------- */
.section4 {
    width: 92%;
    max-width: 1024px;
    height: auto;
    margin: auto;
    font-family: "Nunito", Helvetica;
    margin-bottom: 128px;
}
.section4 .blockTitre {
    text-align: center;
    color: #00325E;
}
.section4 .blockTitre img {
    width: 68px;
    height: 50px;
    margin-bottom: 32px;
}
.section4 .blockTitre .titre {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 36px;
}
.section4 .blockTitre .sousTitre {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 72px;
    font-weight: bold;
}
.section4 .content {
    display: flex;
    justify-content: space-between;
}
.section4 .content .block {
    width: 474px;
    height: auto;
    padding: 17px 0 17px 20px;
    -webkit-box-shadow: -1px 2px 13px -2px #5454545e; 
    box-shadow: -1px 2px 13px -2px #5454545e;
    margin-bottom: 20px;
    cursor: pointer;
}
.section4 .content .block .titre {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section4 .content .block .titre p {
    font-size: 20px;
    color: #00325E;
    line-height: 27px;
    font-weight: bolder;
}
.section4 .content .block .titre img {
    width: 12px;
    height: 5px;
    margin-right: 20px;
    transform: rotate(180deg);
}
.section4 .content .block .line {
    width: 96%;
    height: 1px;
    margin: auto;
    margin-top: 16px;
    margin-bottom: 18px;
    display: none;
}
.section4 .content .block .text {
    color: #6D7783;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    display: none;
}
/* ------------- SECTION 5 ------------- */
.section5 {
    width: 100%;
    max-width: 1024px;
    height: 836px;
    margin: auto;
    font-family: "Nunito", Helvetica;
    margin-bottom: 104px;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.section5 .content {
    width: 476px;
    margin-top: 366px;
    text-align: left;
}
.section5 .content .plus {
    width: 113px;
    height: 113px;
    margin-bottom: 40px;
}
.section5 .content .titre {
    font-size: 44px;
    line-height: 54px;
    margin-bottom: 32px;
    color: #0373D4;
}
.section5 .content .text {
    font-size: 24px;
    line-height: 51px;
    margin-bottom: 24px;
    color: #00325E;
}
.section5 .content .appstore {
    width: 162px;
    height: 48px;
    margin-right: 8px;
}
.section5 .content .googleplay {
    width: 162px;
    height: 48px;
}
.section5 .img01 {
    width: 652px;
    height: 644px;
    position: absolute;
    left: 353px;
}
.section5 .desktop {
    display: block;
}
.section5 .mobile {
    display: none;
}
/* ------------- SECTION 6 ------------- */
.section6 {
    width: 100%;
    max-width: 716px;
    height: auto;
    margin: auto;
    font-family: "Nunito", Helvetica;
    margin-bottom: 120px;
    text-align: center;
}
.section6 .img01 {
    width: 168px;
    height: 179px;
    margin-bottom: 40px;
}
.section6 .titre {
    font-size: 32px;
    line-height: 48px;
    color: #00325E;
    font-weight: bold;
    margin-bottom: 16px;
}
.section6 .text {
    font-size: 16px;
    line-height: 24px;
    color: #6D7783;
    margin-bottom: 32px;
}
.section6 .boutton {
    width: 240px;
    height: 46px;
    margin: auto;
    border: 1px solid #0373D4;
    border-radius: 46px;
    color: #0373D4;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    cursor: pointer;
}
.section6 a {
    text-decoration: none;
    color: #0373D4;
}
/* -----------------        TABLETTE        ----------------- */
@media screen and (min-width:640px) and (max-width:1024px) {
    /* ------------- SECTION 1 ------------- */
    .section1 {
        width: 94%;
        max-width: 640px;
        margin-bottom: 50px;
    }
    .section1 .block01 {
        margin-top: 32px;
    }
    .section1 .block01 .titre {
        width: 268px;
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 16px;
    }
    .section1 .block01 .text {
        margin-bottom: 40px;
    }
    .section1 .block01 .boutton {
    }
    .section1 .block01 .telecharger {
        display: none;
    }
    .section1 .img01 {
        width: 248px;
        height: 367px;
        max-width: unset;
        position: relative;
        right: unset;
    }
    .section1 .block01 .appstore {
        width: 162px;
        height: 48px;
    }
    /* ------------- SECTION 2 ------------- */
    .section2 {
        width: 94%;
        max-width: 640px;
        margin: auto;
        margin-bottom: 112px;
    }
    .section2 .rectangleFleche {
        top: 12px;
        position: relative;
        z-index: 4;
        left: calc(41% + 1px);
    }
    .section2Desktop {
        display: none;
    }
    .section2Mobile {
        display: block;
        width: 100%;
        height: 622px;
        text-align: center;
        margin: auto;
        font-family: "Nunito", Helvetica;
        font-weight: normal;
        -webkit-box-shadow: 1px 3px 16px 4px rgba(0,0,0,0.25); 
        box-shadow: 1px 3px 16px 4px rgba(0,0,0,0.25);
        position: relative;
        background: #FFFFFF;
        z-index: 6;
    }
    .section2Mobile .swiper-containera {
        width: 600px;
        height: 300px;
        margin: auto;
        overflow: hidden;
    } 
    .section2Mobile .titre {
        padding-top: 48px;
        margin-bottom: 32px;
        top: 36px !important;
    }
    .section2Mobile .sousTitre {
        line-height: 36px;
        margin-bottom: 53px;
    }
    .section2Mobile .swiper-pagination-a {
        margin: auto;
        display: block;
        position: relative;
        margin-top: 22px;
    }
    .section2Mobile .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        background: #000000;
        opacity: 0.15;
        margin-right: 6px;
    }
    .section2Mobile .swiper-pagination-bullet-active {
        background: #0373D4;
        opacity: 1;
    }
    .section2Mobile .block {
        margin: auto !important;
    }
    .section2Mobile .flecheRight {
        position: absolute;
        display: none;
    }
    /* ------------- SECTION SERVICES ------------- */
    .sectionServices {
        width: 94%;
        max-width: 640px;
        margin: auto;
        font-family: "Nunito", Helvetica;
        margin-bottom: 88px;
        padding: 0 16px;
    }
    .sectionServices .blockTitre {
        display: flex;
        margin-bottom: 36px;
    }
    .sectionServices .blockTitre .iconTitre {
        width: 230px;
        height: 230px;
    }
    .sectionServices .blockTitre .content {
        text-align: left;
        margin-left: 64px;
        margin-top: 36px;
    }
    .sectionServices .blockTitre .content .titre {
        font-size: 14px;
        line-height: 19px;
        color: #0373D4;
        margin-bottom: 14px;
        text-transform: uppercase;
    }
    .sectionServices2 .blockTitre .content .titre {
        color: #F5A623;
    }
    .sectionServices .blockTitre .content .sousTitre {
        font-size: 43px;
        line-height: 44px;
        font-weight: bold;
        color: #000000;
        margin-bottom: 12px;
        text-transform: uppercase;
    }
    .sectionServices .blockTitre .content .text {
        font-size: 16px;
        line-height: 28px;
        color: #000000;
    }
    .sectionServices .block01 {
        justify-content: center;
        margin-bottom: 32px;
    }
    .sectionServices .block01 .content01 {
        display: none;
    }
    .sectionServices .block01 .img01 {
        width: 288px;
        height: 404px;
    }
    .sectionServices .block01 .content02 {
       display: none;
    }
    .sectionServices .swiper-containerb, .sectionServices .swiper-containerc {
        display: block;
        width: 100%;
        height: 248px;
        overflow: hidden;
    }
    .sectionServices .block {
        display: block;
        text-align: center;
        width: 288px;
        margin: auto;
    }
    .sectionServices .swiper-pagination-b, .sectionServices .swiper-pagination-c {
        margin: auto;
        display: block;
        position: relative;
    }
    .sectionServices .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        background: #000000;
        opacity: 0.15;
        margin-right: 6px;
    }
    .sectionServices .swiper-pagination-bullet-active {
        background: #00325E;
        opacity: 1;
    }
    .sectionServices2 .swiper-pagination-bullet-active {
        background: #F5A623;
        opacity: 1;
    }
    /* ------------- SECTION SERVICES ------------- */
    .section3 {
        width: 95%;
        max-width: 640px;
        height: 330px;
        margin: auto;
        margin-bottom: 96px;
        padding: 0 16px;
        position: relative;
    }
    .section3 .block {
        width: 74%;
        text-align: justify;
    }
    .section3 .block .titre {
        position: absolute;
        line-height: 40px;
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .section3 .block .text {
        margin-top: 95px;
    }
    .section3 img {
        width: 132px;
        height: 166px;
        margin-top: 114px;
    }
    /* ------------- SECTION 4 ------------- */
    .section4 {
        width: 92%;
        max-width: 640px;
        margin-bottom: 70px;
    }
    .section4 .blockTitre .titre {
        margin-bottom: 32px;
    }
    .section4 .blockTitre .sousTitre {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 32px;
    }
    .section4 .content {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .section4 .content .block01 {
        width: 100%;
    }
    .section4 .content .block02 {
        width: 100%;
    }
    .section4 .content .block {
        width: 100%;
        padding: 17px 16px 17px 16px;
    }
    .section4 .content .block .titre p {
        font-size: 16px;
        line-height: 22px;
    }
    /* ------------- SECTION 5 ------------- */
    .section5 {
        width: 100%;
        max-width: 640px;
        height: 330px;
        margin-bottom: 44px;
    }
    .section5 .content {
        width: 288px;
        margin-top: 0px;
        text-align: left;
    }
    .section5 .content .plus {
        width: 90px;
        height: 90px;
        margin-bottom: 16px;
    }
    .section5 .content .titre {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 16px;
    }
    .section5 .content .text {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 16px;
    }
    .section5 .content .appstore {
        width: 162px;
        height: 48px;
        margin-right: 8px;
    }
    .section5 .content . {
        width: 162px;
        height: 48px;
        display: none;
    }
    .section5 .img01 {
        width: 296px;
        height: 296px;
        position: unset;
    }
    .section5 .desktop {
        display: none;
    }
    .section5 .mobile {
        display: block;
    }
    /* ------------- SECTION 6 ------------- */
    .section6 {
        width: 100%;
        max-width: 608px;
        margin-bottom: 72px;
    }
    .section6 .img01 {
        width: 134px;
        height: 143px;
        margin-bottom: 40px;
    }
    .section6 .titre {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 32px;
    }
    .section6 .text {
        margin-bottom: 48px;
    }

}
/* -----------------        Mobile        ----------------- */
@media screen and (max-width:640px) {
    /* ------------- SECTION 1 ------------- */
    .section1 {
        width: 94%;
        max-width: unset;
        margin-bottom: 80px;
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }
    .section1 a {
        text-decoration: none;
        color: #00325E;
    }
    .section1 .block01 {
        margin-top: unset;
    }
    .section1 .block01 .titre {
        width: 100%;
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 24px;
    }
    .section1 .block01 .text {
        margin: auto;
        margin-bottom: 32px;
    }
    .section1 .block01 .telecharger {
        display: none;
    }
    .section1 .img01 {
        width: 248px;
        height: 367px;
        max-width: unset;
        position: relative;
        right: unset;
        margin-bottom: 32px;
    }
    .section1 .block01 .appstore {
        width: 162px;
        height: 48px;
        display: block;
        margin: auto;
    }
    /* ------------- SECTION 2 ------------- */
    .section2 {
        width: 100%;
        max-width: unset;
        margin: auto;
        margin-bottom: 72px;
    }
    .section2 .rectangleFleche {
        top: 12px;
        position: relative;
        z-index: 4;
        left: calc(33%);
    }
    .section2Desktop {
        display: none;
    }
    .section2Mobile {
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 22px;
        text-align: center;
        margin: auto;
        font-family: "Nunito", Helvetica;
        font-weight: normal;
        -webkit-box-shadow: 1px 3px 16px 4px rgba(0,0,0,0.25); 
        box-shadow: 1px 3px 16px 4px rgba(0,0,0,0.25);
        position: relative;
        background: #FFFFFF;
        border-radius: 26px;
        z-index: 6;
    }
    .section2Mobile .swiper-containera {
        width: 94%;
        height: 300px;
        margin: auto;
        overflow: hidden;
    } 
    .section2Mobile .titre {
        margin-bottom: 16px;
        top: 36px !important;
        padding: 0 16px;
        padding-top: 48px;
    }
    .section2Mobile .sousTitre {
        line-height: 36px;
        margin-bottom: 53px;
        padding: 0 16px;
    }
    .section2Mobile .swiper-pagination-a {
        position: absolute;
        left: calc(46%);
        bottom: -32px;
    }
    .section2Mobile .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        background: #000000;
        opacity: 0.15;
        margin-right: 6px;
    }
    .section2Mobile .swiper-pagination-bullet-active {
        background: #0373D4;
        opacity: 1;
    }
    .section2Mobile .block {
        margin: auto !important;
    }
    .section2Mobile .flecheRight {
        position: absolute;
        display: none;
    }
    /* ------------- SECTION SERVICES ------------- */
    .sectionServices {
        width: 94%;
        max-width: 640px;
        margin: auto;
        font-family: "Nunito", Helvetica;
        margin-bottom: 80px;
        padding: 0 16px;
    }
    .sectionServices .blockTitre {
        display: flex;
        flex-direction: column;
        margin-bottom: 36px;
    }
    .sectionServices .blockTitre .iconTitre {
        width: 230px;
        height: 230px;
        margin: auto;
    }
    .sectionServices .blockTitre .content {
        text-align: left;
        margin: auto;
        margin-top: 36px;
        width: 282px;
    }
    .sectionServices .blockTitre .content .titre {
        font-size: 14px;
        line-height: 19px;
        color: #0373D4;
        margin-bottom: 14px;
        text-transform: uppercase;
    }
    .sectionServices2 .blockTitre .content .titre {
        color: #F5A623;
    }
    .sectionServices .blockTitre .content .sousTitre {
        font-size: 43px;
        line-height: 44px;
        font-weight: bold;
        color: #000000;
        margin-bottom: 12px;
        text-transform: uppercase;
    }
    .sectionServices .blockTitre .content .text {
        font-size: 16px;
        line-height: 23px;
        color: #000000;
    }
    .sectionServices .block01 {
        justify-content: center;
        margin-bottom: 32px;
    }
    .sectionServices .block01 .content01 {
        display: none;
    }
    .sectionServices .block01 .img01 {
        width: 288px;
        height: 404px;
    }
    .sectionServices .block01 .content02 {
       display: none;
    }
    .sectionServices .swiper-containerb, .sectionServices .swiper-containerc {
        display: block;
        width: 100%;
        height: 248px;
        overflow: hidden;
    }
    .sectionServices .block {
        display: block;
        text-align: center;
        width: 288px;
        margin: auto;
    }
    .sectionServices .swiper-pagination-b, .sectionServices .swiper-pagination-c {
        margin: auto;
        display: block;
        position: relative;
    }
    .sectionServices .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        background: #000000;
        opacity: 0.15;
        margin-right: 6px;
    }
    .sectionServices .swiper-pagination-bullet-active {
        background: #00325E;
        opacity: 1;
    }
    .sectionServices2 .swiper-pagination-bullet-active {
        background: #F5A623;
        opacity: 1;
    }
    .sectionServices2 .blockTitre .iconTitre {
        width: 230px;
        height: 248px;
    }
    /* ------------- SECTION SERVICES ------------- */
    .section3 {
        width: 92%;
        max-width: unset;
        height: auto;
        margin: auto;
        margin-bottom: 56px;
        padding: 32px 16px;
        flex-direction: column-reverse;
    }
    .section3 .block {
        width: 100%;
        text-align: left;
    }
    .section3 .block .titre {
        width: 100%;
        text-align: left;
        line-height: 36px;
    }
    .section3 img {
        width: 132px;
        height: 166px;
        margin: auto;
    }
    /* ------------- SECTION 4 ------------- */
    .section4 {
        width: 96%;
        max-width: unset;
        margin-bottom: 48px;
    }
    .section4 .blockTitre .titre {
        margin-bottom: 16px;
    }
    .section4 .blockTitre .sousTitre {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 32px;
    }
    .section4 .content {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .section4 .content .block01 {
        width: 100%;
    }
    .section4 .content .block02 {
        width: 100%;
    }
    .section4 .content .block {
        width: 91%;
        padding: 17px 16px 17px 16px;
    }
    .section4 .content .block .titre p {
        font-size: 16px;
        line-height: 22px;
    }
    /* ------------- SECTION 5 ------------- */
    .section5 {
        width: 94%;
        margin: auto;
        max-width: unset;
        height: auto;
        margin-bottom: 80px;
        flex-direction: column-reverse;
        justify-content: center;
    }
    .section5 .content {
        width: 288px;
        margin-top: 0px;
        text-align: left;
    }
    .section5 .content .plus {
        width: 90px;
        height: 90px;
        margin-bottom: 16px;
    }
    .section5 .content .titre {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 16px;
    }
    .section5 .content .text {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 16px;
    }
    .section5 .content .appstore {
        width: 162px;
        height: 48px;
        margin-right: 8px;
    }
    .section5 .content .googleplay {
        width: 162px;
        height: 48px;
    }
    .section5 .img01 {
        margin: auto;
        width: 296px;
        height: 296px;
        margin-bottom: 32px;
        position: unset;
    }
    .section5 .desktop {
        display: none;
    }
    .section5 .mobile {
        display: block;
    }
    /* ------------- SECTION 6 ------------- */
    .section6 {
        width: 94%;
        margin: auto;
        max-width: unset;
        margin-bottom: 88px;
    }
    .section6 .img01 {
        width: 134px;
        height: 143px;
        margin-bottom: 40px;
    }
    .section6 .titre {
        margin-bottom: 16px;
    }
    .section6 .text {
        margin-bottom: 32px;
    }
}