body{width: 100%;height: 100%;}
main{width: 100%;height: 100%;}


#module-connexion {
    background: #0045a3;
    background: -moz-linear-gradient(left, #0045a3 0%, #0070e2 19%, #0070e2 81%, #0045a3 100%);
    background: -webkit-linear-gradient(left, #0045a3 0%,#0070e2 19%,#0070e2 81%,#0045a3 100%);
    background: linear-gradient(to right, #0045a3 0%,#0070e2 19%,#0070e2 81%,#0045a3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0045a3', endColorstr='#0045a3',GradientType=1 );
    position: relative;
}
#module-connexion::after{
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/bandeau-fond.png)center top no-repeat;
    /* background:#286FD4 url(../img/bandeau-fond.png)center top no-repeat; */
    background-size: cover;
    z-index: 1;
}

#module-connexion #card-connexion {
    border-radius: 5px;
    position: relative;
    z-index: 2;
}

#module-connexion button[type=submit] {
    background-color: #286FD4;
    color: #FFF;
}
@media screen and (max-width: 1050px) {
    #module-connexion {
    /* background: -moz-linear-gradient(left, #0045a3 0%, #0070e2 10%, #0070e2 90%, #0045a3 100%);
    background: -webkit-linear-gradient(left, #0045a3 0%,#0070e2 10%,#0070e2 90%,#0045a3 100%);
    background: linear-gradient(to right, #0045a3 0%,#0070e2 10%,#0070e2 90%,#0045a3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0045a3', endColorstr='#0045a3',GradientType=1 ); */
    }
}