@media(min-width : 640px){

    .landing-idaia-store-2020-content {
        font-family: 'Segoe UI';
        font-size: 14px;
        color: #373535;
    }

    button[disabled=disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .landing-idaia-store-2020-content .entete {
        height : 240px;
    }

    .landing-idaia-store-2020-content .entete h3 {
        font-family : 'GraphitBold';
        text-transform : uppercase;
        font-size : 20px;
        color : #cccccc;
        padding-top : 30px;
        margin-left : calc(40% - 350px);
    }

    .landing-idaia-store-2020-content .entete h2 {
        font-family : 'GraphitBold';
        text-transform : uppercase;
        color : #ffffff;
        font-size : 24px;
        margin-left : calc(40% - 350px);
        margin-bottom : 40px;
        width : 50%;
        max-width : 500px;
    }

    .landing-idaia-store-2020-content .entete .btn-obtenir {
        font-family : 'GraphitRegular';
        color : black;
        background-color: #ffffff;
        margin-left : calc(40% - 320px);
        padding : 5px 5px 5px 5px;
    }

    .landing-idaia-store-2020-content .entete-background {
        background : url(/resources/images/landing/Image-principal.png) no-repeat center center;
        position : absolute;
        z-index : -5;
        width : 100%;
        height : 240px;
        background-size : cover;
    }

    .landing-idaia-store-2020-content .entete-fond {
        background : url(/resources/images/landing/Fond-sur-image-principal.png) no-repeat center center;
        position : absolute ; 
        z-index : -4;
        width : 100%;
        height : 240px;
        background-size : cover;
    }

    .landing-idaia-store-2020-content .commerce-unifie-background {
        background :#efefef;
        margin-top : -20px;
        padding-bottom : 50px;
        background-size : contain;
    }

    .landing-idaia-store-2020-content .commerce-unifie {
        width : 100%;
    }

    .landing-idaia-store-2020-content .commerce-unifie h2{
        width : 80%;
        margin-left : calc(40% - 250px);
        max-width : 960px;
        font-family : 'GraphitBold';
        text-transform : uppercase;
        color : #531334;
        font-size : 24px;
        text-align : center;
        padding-top : 20px;
    }

    .landing-idaia-store-2020-content .commerce-unifie p{
        width : 80%;
        margin-left : calc(40% - 250px);
        max-width : 960px;
        font-family : 'GraphitLight';
        font-size : 18px;
        text-align : left;
        padding-top : 30px;
    }

    .landing-idaia-store-2020-content .bloc-contact {
        padding-bottom : 40px;
    }

    .landing-idaia-store-2020-content .bloc-contact .bloc-titre {
        height: 80px;
        margin-top: 31px;
        margin-left : calc(40% - 160px);
        max-width : 960px;
        text-align : left;
    }

    .landing-idaia-store-2020-content .bloc-contact .bloc-titre .titre {
        font-family: GraphitBold;
        font-size: 22px;
        margin-bottom: 5px;
        display: block;
        text-transform : uppercase;
    }

    .landing-idaia-store-2020-content .bloc-contact .bloc-titre .indication {
        font-size: 16px;
    }

    .landing-idaia-store-2020-content .bloc-contact .bloc-titre .indication.error {
        display:none;
        color:firebrick;
    }

    .landing-idaia-store-2020-content .bloc-contact .bloc-titre.error .indication {
        display:none;
    }

    .landing-idaia-store-2020-content .bloc-contact .bloc-titre.error .indication.error {
        display:block;
    }

    .landing-idaia-store-2020-content .bloc-contact .bloc-titre .logo-lettre {
        position: relative;
        width: 104px;
        height: 99px;
        background: url(/resources/images/landing/logo-envoi.png) no-repeat top right;
        background-size: contain;
        display: block;
        top : -50px;
        left: 65%;
    }

    .landing-idaia-store-2020-content .bloc-contact .contact-form {
        margin-left : calc(40% - 200px);
        max-width : 960px;
        padding-left : 40px;
    }


    .landing-idaia-store-2020-content .bloc-contact .contact-form input::placeholder {
        color: rgba(112, 112, 112, 0.29);;
    }

    .landing-idaia-store-2020-content .bloc-contact .contact-form .champ-line {
        height: 45px;
        width: 35%;
        font-size: 18px;
        background: rgba(255,255,255, 0.0);
        border: none;
        border-bottom: 2px solid rgba(112, 112, 112, 0.29);
        -webkit-appearance: none;
        outline: none;
        color: rgba(112, 112, 112, 1);
        margin : auto 7% 2rem auto;
    }

    .landing-idaia-store-2020-content .bloc-contact .contact-form .champ-line.error {
        border-color: firebrick;
        color: firebrick;
    }

    .landing-idaia-store-2020-content .bloc-contact .contact-form .btn-send {
        -webkit-appearance: none;
        border: none;
        margin-top: 22px;
        width: 50%;
        height: 55px;
        background: #531334 0% 0% no-repeat padding-box;
        color: #FFFFFF;
        font-family: GraphitRegular;
        font-size: 15px;
        margin-left: 120px;
    }

    .landing-idaia-store-2020-content .bloc-contact .contact-form .btn-send .logo-send {
        width: 35px;  
        height: 35px;
        background: url(/resources/images/landing/logo-obtenir-demo.png) no-repeat center center;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        background-size : contain;
    }

    .landing-idaia-store-2020-content .fonctionnalites {
        height: 750px;
        width: 100%;
    }

    .landing-idaia-store-2020-content .fonctionnalites .fonctionnalites-background {
        background: #efefef;
        position : absolute;
        z-index : -5;
        width : 100%;
        height: 750px;
        background-size : cover;
    } 

    .landing-idaia-store-2020-content .fonctionnalites-content .title {
        text-align: left;
        font-family: GraphitRegular;
        letter-spacing : 5px;
        font-size: 30px;
        color : #cccccc;
        text-transform : uppercase;
        margin-left: 50%;
        padding-top : 100px;
    }

    .landing-idaia-store-2020-content .fonctionnalites-content .points{
        display : grid;
        position : absolute;
        max-width : 1200px;
        row-gap: 50px;
        column-gap : 30px;
        margin-left : 50%;
        column-width : 250px;
    }

    .landing-idaia-store-2020-content .fonctionnalites-content .points h2 {
        text-align : left;
        font-size : 14px;
        color : #373535;
        max-width : 250px;
        margin-left : 0;
    }

    .landing-idaia-store-2020-content .fonctionnalites-content .points p {
        font-size : 12px;
        text-align : left;
        max-width : 250px;
        margin-left : 0;
    }

    .landing-idaia-store-2020-content .fonctionnalites-content .points .suivi {
        grid-row: 1;
        grid-column : 1;
    }

    .landing-idaia-store-2020-content .fonctionnalites-content .points .stock {
        grid-row: 1;
        grid-column : 2;
    }

    .landing-idaia-store-2020-content .fonctionnalites-content .points .clienteling {
        grid-row: 2;
        grid-column : 1;
    }

    .landing-idaia-store-2020-content .fonctionnalites-content .points .cataloging {
        grid-row: 2;
        grid-column : 2;
    }

    .landing-idaia-store-2020-content .img-gauche {
        display : grid;
        position : absolute;
        margin : 0 auto 0 calc(40% - 400px);
        padding-top : 150px;
        max-width: 1200px;
        row-gap: 20px;
        column-gap : 20px;
    }

    .landing-idaia-store-2020-content .img-gauche h3 {
        color : #FFFFFF;
        font-size : 12px;
        text-transform : uppercase;
        text-align : center;
        margin-top : 160px;
    }

    .landing-idaia-store-2020-content .img-gauche .logo2-background{
        background : #531334;
        width : 180px;
        height : 180px;
        position : absolute;
        z-index : -5;
    }

    .landing-idaia-store-2020-content .img-gauche .logo2-carre {
        background : url(/resources/images/landing/carre-violet.png) no-repeat center center;
        background-size : contain ;
        position : absolute;
        z-index : -2;
        width : 100px;
        height : 100px;
        margin-top : -20px;
        margin-left : 100px;
    }

    .landing-idaia-store-2020-content .img-gauche .logo1-carre {
        background : url(/resources/images/landing/carre-violet.png) no-repeat center center;
        background-size : contain ;
        position : absolute;
        z-index : -2;
        width : 100px;
        height : 100px;
        margin-left : -20px;
        margin-top : 100px;
    }

    .landing-idaia-store-2020-content .img-gauche .logo1-background{
        background : #531334;
        width : 180px;
        height : 180px;
        position : absolute;
        z-index : -5;
    }

    .landing-idaia-store-2020-content .img-gauche .img-bas-page {
        background : url(/resources/images/landing/Image-bas-de-page.png) no-repeat center center;
        background-size : contain;
        width : 200px;
        height : 200px;
        grid-row: 1;
        grid-column : 1;
        margin-left: 30px;
    }

    .landing-idaia-store-2020-content .img-gauche .logo2 {
        background : url(/resources/images/landing/Logo-2.png) no-repeat center center;
        background-size : contain;
        width : 170px;
        height : 170px;
        grid-row: 1;
        grid-column : 2;
        margin-top : 20px;
    }

    .landing-idaia-store-2020-content .img-gauche .img-bas-page2 {
        background : url(/resources/images/landing/Image-bas-de-page2.png) no-repeat center center;
        background-size : contain;
        width : 200px;
        height : 200px;
        grid-row: 2;
        grid-column : 2;
    }

    .landing-idaia-store-2020-content .img-gauche .logo1 {
        background : url(/resources/images/landing/logo-1.png) no-repeat center center;
        background-size : contain;
        width : 170px;
        height : 170px;
        grid-row: 2;
        grid-column : 1;
        margin-left : 50px;
    }

}

@media (min-width : 640px) and (max-width : 940px){

    .landing-idaia-store-2020-content .entete h3 {
        margin-left : 20px;
    }

    .landing-idaia-store-2020-content .entete h2 {
        margin-left : 20px;
    }

    .landing-idaia-store-2020-content .entete .btn-obtenir {
        margin-left : 30px;
    }

    .landing-idaia-store-2020-content .commerce-unifie h2 {
        margin-left : 10%;
    }

    .landing-idaia-store-2020-content .commerce-unifie p {
        margin-left : 10%;
    }

    .landing-idaia-store-2020-content .fonctionnalites-content .title{
        font-size : 28px;
        letter-spacing : 4px;
        margin-left : 40%;
    }

    .landing-idaia-store-2020-content .fonctionnalites-content .points {
        row-gap: 20px;
        column-gap : 20px;
        margin-left : 40%;
    }

    .landing-idaia-store-2020-content .img-gauche {
        margin : 100px auto 0 20px;
        row-gap: 20px;
        column-gap : 20px;
    }

    .landing-idaia-store-2020-content .img-gauche h3 {
        font-size : 10px;
        width : 100px;
        height : 100px;
        margin-top : 75px;
    }

    .landing-idaia-store-2020-content .img-gauche .logo2 h3 {
        margin-top : 80px;
    }

    .landing-idaia-store-2020-content .img-gauche .logo2-background{
        width : 100px;
        height : 100px;
    }

    .landing-idaia-store-2020-content .img-gauche .logo1-background{
        width : 100px;
        height : 100px;
    }

    .landing-idaia-store-2020-content .img-gauche .logo2-carre {
        width : 50px;
        height : 50px;
        margin-top : -10px;
        margin-left : 60px;
    }

    .landing-idaia-store-2020-content .img-gauche .logo1-carre {
        z-index : -2;
        width : 50px;
        height : 50px;
        margin-left : -10px;
        margin-top : 60px;
    }

    .landing-idaia-store-2020-content .img-gauche .img-bas-page {
        width : 100px;
        height : 100px;        
    }

    .landing-idaia-store-2020-content .img-gauche .logo2 {
        width : 85px;
        height : 85px;
        margin-top : 0px;
    }

    .landing-idaia-store-2020-content .img-gauche .img-bas-page2 {
        width : 100px;
        height : 100px;
    }

    .landing-idaia-store-2020-content .img-gauche .logo1 {
        width : 85px;
        height : 85px;
        margin-left : 30px;
    }
}

@media (min-width : 640px) and (max-width : 760px){
    .landing-idaia-store-2020-content .img-gauche {
        margin-left : 0;
    }
}