@media screen and (max-width: 320px)
{
    #logo {position:absolute; top:0px; width:300px; height:124px; background:url(../../img/unisys_logo_red_responsive.png); z-index:-1;left:50%;margin-left: -150px}
    #paris {
        position:relative; 
        top:0px; 
        width:300px; 
        height:89px;
        margin-left: -480px;
        background:url(../../img/France_slider_responsive.jpg); 
        z-index:-2; 
        margin : 0 auto;
        border: 1px solid black;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        
        }

    div#pied_page_acc {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            border: 0px;
            width:300px;
            height:50px;
            }
    div#resultat_login {
            font-weight: bold;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            width:300px;
            color: red;
            }
    div#bloc_acc {
            width:300px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }
    
    body {
      margin: 0; /* pour éviter les marges */
      padding-left: 0.5em;
      padding-right: 0.5em;
      padding-top: 0.5em;
      padding-bottom: 0em;
    }
}
@media screen and (max-width: 720px)
{
#logo {position:absolute; top:0px; width:300px; height:124px; background:url(../../img/unisys_logo_red_responsive.png); z-index:-1;left:50%;margin-left: -150px}
#paris {
    position:relative; 
    top:0px; 
    width:300px; 
    height:89px;
    margin-left: -480px;
    background:url(../../img/France_slider_responsive.jpg); 
    z-index:-2; 
    margin : 0 auto;
    border: 1px solid black;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    behavior: url(css/PIE.htc);
    }
    
div#pied_page_acc {
	text-align: center;
        margin-left: auto;
	margin-right: auto;
	border: 0px;
	width:300px;
	height:50px;
	}
div#resultat_login {
        font-weight: bold;
	text-align: center;
        margin-left: auto;
	margin-right: auto;
        width:300px;
        color: red;
        }
div#bloc_acc {
	width:300px;
	margin-left: auto;
	margin-right: auto;
        text-align: center;
    }
    body {
      margin: 0; /* pour éviter les marges */
      padding-left: 0.5em;
      padding-right: 0.5em;
      padding-top: 0.5em;
      padding-bottom: 0em;
    }
    
}