body{ 
  margin:0;
  padding:0;
    background-color: black;
  /*background: url(img/mer_unchained.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari 
  background-size: cover;  version standardisée */
    height: 100%
}
    #container{
        width: 100%;
         height: 100%;
	/*background-image:-moz-linear-gradient(180deg, #0f385a, #127f8c);
	background-image:-webkit-linear-gradient(180deg, #0f385a, #127f8c);
	background-image:-o-linear-gradient(180deg, #0f385a, #127f8c);
	background-image:linear-gradient(180deg, #0f385a, #127f8c);*/
    }
    header{
        margin-left: auto; 
        margin-right : auto;
    background-image: url(img/logo_teaser_vg.png);
        width:1000px;
        height: 300px;
    }
     footer{
        margin-left: auto; 
        margin-right : auto;
    background-image: url(img/logo_teaser_vg02.png);
        width:1000px;
        height: 300px;
    }
       #content{
        margin-left: auto; 
        margin-right : auto;
   text-align: center;
        width:1000px;
        height: 100px;
    }
     p{
        margin-left: auto; 
        margin-right : auto;
   font-family: arial;
       color:#fff;
         font-size: 23px;
         
    }
     h1, h2{
        margin-left: auto; 
        margin-right : auto;
        font-family: arial;
       color:#fff;
         
    }
     #foot{
        margin-left: auto; 
        margin-right : auto;
   
        width:1000px;
        height: 50px;
    }
     #foot p{
        margin-left: auto; 
        margin-right : auto;
        font-family: sans-serif;
        color:#fff;
        text-align: center;
    }
    a{
        text-decoration: none;
        color:#fff;
    }
    a:hover{
        text-decoration: none;
        color:#127f8c;
    }
#slide1 {
    width:100%;
    height: 130px;
    background-color: #fff;
    
}

#slide2 {
   width:100%;
    height: 25px;
    background-image:linear-gradient(180deg, #ddd, #aaa);
    
}

#slide3 {
   width:100%;
    height: 400px;
    background-image:linear-gradient(180deg, #555, #000);
    
}
#slide4 {
   width:100%;
    height: 400px;
    background-image:linear-gradient(180deg, #555, #000);
    
}
.slide_inside{
    width: 1000px;
    margin: 0 auto 0 auto;
    text-align: center;
    padding: 10px 0 0 0;