body {

    background-image: url(../../img/geo_1.jpg);
    background-attachment: fixed;
    background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-background-size: cover;/* pour Firefox */   
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    -o-background-size: cover; /* pour Opera */  
  
}
        


@media screen and (orientation : portrait)  and (max-device-width : 320px)  { 
    body { 
    background-image: url(../../img/geo_2.jpg);
    background-attachment: scroll;
    
    }

}
@media screen and (orientation : landscape) and (max-device-width : 1024px) { 
    body { 
    background-image: url(../../img/geo_3.jpg);
    background-attachment: scroll;

    }
}