@media screen and (max-width: 799px) {
    .notmobile {
        display: none!important;
    }
    .lines .wrapmobile
    {
        flex-direction:column-reverse
    }

    .in {
        /* width: 100%!important; */
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        max-width: calc(100% - 20px);
    }

    .in.nomarg {
        width: 100%;
    }

    html.security header .none {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 25px 0px 35px 0px;
        width: 100%;
        display: block;
        box-sizing: border-box;
        text-align: center;
        background: #03624a;
    }

    html.security body {
        padding-bottom: 100px;
    }

    html.security {
        background: white;
    }

    html.security header {
        background: white;
        border-bottom: 1px solid #e5e5e5;
    }

    html.security header svg .text {
        fill: black;
    }

    html.security header svg .text2 {
        fill: #00624A;
    }

    .loginbox {
        box-shadow: none;
        border: none;
        padding: 10px;
    }

    .security .fullscreen {
        min-height: calc(100vh - 100px);
    }

    .security header a.btn {
        border: 1px solid #e5e5e5;
        background: transparent;
        width: 65px;
        box-sizing: border-box;
    }

    .security header svg.logo {
        margin: 0;
        left: auto;
        position: relative;
    }

    .mobile {
        display: flex;
    }

    .mobile.fixedmenu.flex {
        position: fixed;
        bottom: 20px;
        background: white;
        width: calc(100% - 30px);
        left: 15px;
        /* height: 100px; */
        z-index: 9999;
        display: flex!important;
        border-radius: 16px;
        border: 1px solid var(--wan-white-bg, #EDECE8);
        background: var(--White, #FFF);
        box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
        display: flex;
        /* width: 330px; */
        padding: 15px 25px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        box-sizing: border-box;
        /* margin-left: auto; */
        /* margin-right: auto; */
        /* max-width: 500px; */
        align-items: center;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    #ecran1 img.img {
        width: 100%;
        margin: auto;
    }

    .public_commercant_landing #ecran1 > div:first-child {
        padding-bottom: 0;
        padding: 0 15px;
    }

    html.public.public_commercant_landing .bandeauGroupama {
        margin-top: 0;
    }

    .bandeauGroupama {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .bandeauGroupama .flex {
        margin-top: 0;
        display: flex;
        flex-direction: column;
    }

    .flex.wrapmobile.slideblock {
        width: calc(100% - 30px);
        position: relative;
        display: block;
        margin: auto;
        aspect-ratio: 827/512!important;
        overflow: hidden;
        margin-top: 0;
    }

    .section-slide img {
        position: absolute;
        width: 100%!important;
        max-width: 100%!important;
        left: 0!important;
        top: 0!important;
    }

    .slide1 #slide1, .slide2 #slide2, .slide3 #slide3 {
        opacity: 1;
    }

    .slide1 #slide2, .slide2 #slide3, .slide3 #slide1 {
        opacity: 0;
    }

    .slide1 #slide3, .slide2 #slide1, .slide3 #slide2 {
        opacity: 0;
    }

    #slideMenuDetails > div {
        height: 100px;
        overflow: hidden;
        display: none!important;
    }

    .slide1 #slideMenuDetails > div:nth-child(1), .slide2 #slideMenuDetails > div:nth-child(2), .slide3 #slideMenuDetails > div:nth-child(3) {
        display: flex!important;
    }

    .section-blocT > div {
        max-width: 100%;
        width: 100%;
    }

    .blocT {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 20px;
    }

    h2 {
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        /* 30px */
        letter-spacing: -0.75px;
    }

    .blocC > div {
        width: 100%!important;
        max-width: 100%!important;
    }

    .wrapmobile img {
        width: 100%;
        margin: auto;
        /* z-index: 0; */
    }

    div#slideMenu, div#slideMenuDetails {
        gap: 15px;
    }

    body.public_commercant_landing footer {
        padding-bottom: 200px;
    }

    .temoignage {
        flex-direction: column-reverse;
    }

    .section-temoignage .img:before {
        display: none;
    }

    .section-temoignage {
        padding: 0;
        margin-top: 0;
        margin-bottom: 50px;
    }

    .section-temoignage .img {
        border-radius: 0;
    }

    .inscription-commercant nav {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 94px;
        box-sizing: border-box;
        margin-top: -84px;
        border-bottom: solid 10px #F9F9F9;
        align-items: center;
        justify-content: flex-start;
    }

    .inscription-commercant nav:after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 1%;
        background: #44A993;
        height: 10px;
        z-index: 2;
    }

    .inscription-commercant nav.etape1:after {
        width: 25%;
    }

    .inscription-commercant nav.etape2:after {
        width: 50%;
    }

    .inscription-commercant nav.etape3:after {
        width: 75%;
    }

    .inscription-commercant nav.etape4:after {
        width: 100%;
    }

    body.inscription-commercant {
        margin-top: 84px;
    }

    .inscription-commercant nav a {
        display: none;
    }

    .inscription-commercant nav a.btn-ico {
        display: block!important;
        position: relative;
    }

    .inscription-commercant nav a.btn-ico svg {
        position: absolute;
        top: 8px;
        left: 8px;
    }

    .inscription-commercant nav > svg {
        display: none;
    }

    .inscription-commercant nav a.encours {
        display: block;
        color: var(--White, #FFF);
        /* H6 */
        font-family: "Onest";
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.57px;
        background: transparent;
    }

    .inscription-commercant nav a.encours:before {
        display: block;
        content: "INSCRIPTION";
        color: var(--Dark-Grey, #B2B2B2);
        font-family: Onest;
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
        /* 17.6px */
        text-transform: uppercase;
    }

    .photos.scroll {
        height: auto;
        overflow: visible;
    }

    .photos.scroll > div {
        flex-direction: column!important;
        height: auto!important;
    }

    .photos.scroll > div img {
        max-width: 400px;
        width: 100%;
        height: auto;
        max-height: auto;
    }

    .photos.scroll > div > div .principale {
        display: flex;
    }

    .accueil .spacer {
        display: none;
    }

    .commercants {
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    div#cagnotecol {
        max-width: 100%;
    }

    .bigCagnote.flex.vertical {
        min-width: 100px;
        max-width: 400px;
        width: 100%;
    }

    .bigCagnote.flex.vertical big {
        font-size: 50px;
    }

    div#qrCagnotte {
        flex-direction: column;
        padding-bottom: 20px;
    }

    div#qrCagnotte img {
        width: 100%;
        max-width: 200px;
    }

    .white.p8080.flex.vertical.flexgrow {
        padding: 80px 5px;
    }

    thead {
        display: none;
    }

    .history tbody tr {
        display: flex;
        flex-direction: column;
        border-bottom: solid 1px #E0E0E0;
        padding: 5px 0
    }

    table.history tbody td {
        padding: 2Px;
        border: none;
    }

    section.in.flex.gradient.p8080.space.wrapmobile.section-blocC.m80 {
        flex-direction: column-reverse;
    }

    section.in.flex.gradient.p8080.space.wrapmobile.section-blocC.m80 img {
        max-width: 400px;
    }

    #appliCommercant .in.flex.vertical .flex.top {
        flex-direction: column;
    }

    .appli {
        min-width: 100%;
        padding-left: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-right: 50px;
    }

    .appli img.smartphone {
        width: 150px;
        margin-top: -180px;
        position: relative;
        top: 0;
        left: 0;
        margin: auto;
        order: 1;
    }

    .appli b, .appli p, .appli a {
        order: 2;
    }

    .col2 {
        flex-direction: column;
    }

    .col2 > div {
        width: 100%;
    }
    div#search form {
        flex-direction: column;
    }

    div#search form > * {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }


div#menuMobile a.btn {
    /* margin: 20px 0; */
    border-radius: 16px;
    border: 1px solid rgba(68, 169, 147, 0.30);
    background: rgba(68, 169, 147, 0.20);
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Onest";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: calc(100% - 40px);
    margin: 0px auto;
}

.flex.deuxCol {
    flex-direction: column;
    align-items: center;
}

.border.flex.vertical {
    padding: 20px;
    box-sizing: border-box;
    /* max-width: calc(100% - 80px); */
    /* width: 100%; */
    /* min-width: auto; */
    margin: auto;
}

.lines svg {
    width: 100%;
}

.lines .flex.vertical {
    width: 100%;
}

    .lines .in
    {
        flex-direction:column-reverse;
    }

.large.flex.p8080.infosCommercants {
    flex-direction: column;
    padding: 20px;
    position:relative;
}

.large.flex.p8080.infosCommercants img {
   max-width:80%;
}
}



@media screen and (max-width:500px)
{
    .appPush.flex.vertical.gradientdark img.smartphone
    {
        display:block;
        position:relative;
        margin:auto;
        width: 150px;
        margin:0 auto;
        paddding:0;
        left: 0;
        top: 0;
        border-radius: 20px;
        /* border: 3px; */
    }
    .appPush.flex.vertical.gradientdark
    {
        margin-right:0;
        width:100%;
        padding-right: 20px!important;
    }


    .appPush.flex.vertical.gradientdark p.green,
    .appPush.flex.vertical.gradientdark img
    {
        display:none;
    }
    .btn {
        padding:14px 10px;
    }
    h1 {
        font-size:30px;
    }

}

@media screen and (max-width:900px)
{
     div#intro
    {
        flex-direction:column;
    }
    body.inscription_commercant_info .in
    {
        flex-direction:column-reverse;
        align-items: center;
    }
}


div#popup {
    background: white;
}


nav a.qr {
    border-radius: 8px;
    border: 1px solid var(--Gainsboro, #E0E0E0);
    display: flex;
    align-items: center;
    justify-content: center;
}