body{
background-color: #000058; 
background-image: url(bggg2.jpg);
background-attachment: fixed;
background-origin: content-box;
background-position: center top ;
background-repeat: no-repeat repeat;

padding: 0; margin: auto;
font-family: 'Open Sans', sans-serif;
zoom:1;
}


#header{margin: -30px 0 0 0; padding: 0;}

.logo{position: sticky;; top:26px; z-index: -10; display: block; margin-left: auto; margin-right: auto; padding: 120px 0 0 0;}


#nav {margin: 0 auto; ; text-align: center; }


.sortie {padding:0; text-align:center; font-size: 14px; letter-spacing: 6px; color: #fff; font-weight: 400;}


.video {padding: 10 10 10 10; margin: 30 0 0 0;background-color: rgba(0, 0, 88, 0.5);}

.par {background-color: rgba(0, 0, 88, 0.8); padding: 20 150 20 150; margin: 30 0 0 0; text-align:center; font-size: 12px; letter-spacing: 2px; color: #fff; font-weight: 400; line-height: 140%;}

#top {position: sticky; text-align: center;  margin: 150 0 0 0; z-index: -10; font-size: 14px; letter-spacing: 0.1px; color: #fff; font-weight: 200;}

#social {padding: 10 10 10 10;color: #fff; font-weight: 400; background-color: rgba(0, 0, 88, 1); position: sticky; top:0px; z-index: 0; margin: 0 0 0 0;}


#social a{color: #fff; font-weight: 400;  margin: 0 0 0 0; padding: 10 10 10 10;}
#social a:hover {
  background-color: fff;
color: #cfdff4;
}


#pic {position: sticky; top:430px; z-index: 0; padding: 10 10 10 10; margin: 0 auto; ; text-align: center; background-color: rgba(0, 0, 88, 0.5); }
#zoom1 {
position: sticky; top:430px; z-index: 0;
 width: 149px;
 height: 101px;
 background: url(promo0.png) no-repeat;
 margin: 0 auto;
center; 
}
#zoom1 p, #zoom1 a {

 width: 149px;
 height: 101px; 
display: block;
    margin-left: auto;
    margin-right: auto;


}
#zoom1 a:hover {
background: url(promo.jpg) no-repeat;
 width: 716px;
 height: 490px; 
    margin-left: -190%;
    margin-right: 0;
position: absolute;
top : -214px;

}