@charset "utf-8";

/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

body {
    margin: 0;
    padding: 0;
    min-width: 980px;
}
#nav {
    position: fixed;
    top: 10px;
    right: 20px;
    z-index: 200;
    
    list-style: none;
    /* border: solid 1px black; */  
}
#nav li {
    margin-bottom: 15px;
}

section  {
    position: relative; /* Pour fixer le point de référence pour les enfants qui sont en position: absolute */
}
#section-01 {
    height: 1000px;
}
#section-02 {
    height: 1000px;
}
#image-02 {
    position: absolute; /* Pour être superposé sur la section-02 */
    width: 1900px;
    height: 1200px;
    z-index: 100;
  
    background: url(../images/arc-en-ciel-02.png) 50% 0 no-repeat fixed  
}
#section-03 {
    height: 1000px;
}
.contenu {
    width: 350px; 
    color: white;  
}
.gauche {
    float: left;
    margin-left: 100px;
}
.droit {
    float: right;
    margin-right : 100px;
}

video {
    position: absolute; /* ABSOLUMENT NECESSAIRE, car position: relative par défaut ne fonctionne pas*/
    width: 100%;
    height: 100%;
    z-index: -100;
    object-fit: cover; /* FORMULE MIRACLE qui est similaire à background-size: cover */
}