@media screen and (max-width:959px) {  
    .sectionCONNEXION .mid {
        width:100%;
        height: 100%;
        margin:0 auto;
        padding:12px 0 240px 0;
        background: url('../img/persos.png') no-repeat right 20px, url('../img/bg_sectionCONNEXION.png') no-repeat 50% 0;
    }

    .sectionCONNEXION .mid .content {
        width:96%;
        max-width: none;
    }

    .sectionCONNEXION .bloc-avantages {
        width:100%;
    }
    .sectionCONNEXION .bloc-avantages.bloc-avantages-left {
        width:50%;
        float:none;

    }
    .sectionCONNEXION .bloc-avantages-left {
        margin:0 0 90px 0;
    }    

}


@media screen and (max-width:900px) {  


}

@media screen and (max-width:820px) {  
    .sectionCONNEXION .mid {
        width:100%;
        height: 100%;
        margin:0 auto;
        padding:12px 0 40px 0;
        background:none;
    }
    .sectionCONNEXION .bloc-avantages {
        width:100%;
        float:none;

    }
    .sectionCONNEXION .bloc-avantages.bloc-avantages-left {
        width:100%;
        float:none;

    }
    .sectionCONNEXION .bloc-avantages-left {
        margin:0 0 40px 0;
    }  


}

@media screen and (max-width:768px) {  




}
@media screen and (max-width:700px) {  




}


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

    .registration_form input[type="text"], .registration_form input[type="password"] {
        max-width:280px;
    }
    .sectionCONNEXION .wrapp-line-input {
        max-width:340px;
    }
    .sectionCONNEXION .wrapp-password {
        max-width:340px;
    }
}


@media screen and (max-width:639px) {  



}


@media screen and (max-width:578px) {  



}



@media screen and (max-width:480px) {  

    .sectionCONNEXION .bloc-avantages, .sectionCONNEXION .bloc-avantages.bloc-avantages-left {
        width:99%;
    }  
}
@media screen and (max-width:479px) {  
    .sectionCONNEXION .bloc-avantages .wrapp-offer ul .item-offer .text-offer {
        width:70%;
        width: calc( 100% - 75px );
    }
    .sectionCONNEXION .bloc-avantages .wrapp-offer ul .item-offer .text-offer.double-picto {
        width:64%;
        width: calc( 100% - 140px );
    }
}


@media screen and (max-width:320px) {  

    .registration_form input[type="text"], .registration_form input[type="password"] {
        max-width:220px;
    }
    .sectionCONNEXION .wrapp-line-input {
        max-width:300px;
    }
    .sectionCONNEXION .wrapp-password {
        max-width:280px;
    }



}