html { background: #666; background-image: url('http://www.paris-docks-en-seine.fr/landing/interface/bg.jpg'); margin:0; padding:0; background-repeat: no-repeat; background-position: top; background-attachment: fixed; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; }
body { font-family: 'Arial'; }
hr {height: 0px; clear: both;}

header { height: 762px; }
    header figure.top{ width: 100%; height: 53px; position: absolute; top: 0px; left: 0px; background: #000; }
    header figure.top + figure.top { height: 17px; top: 53px; background: #00ff00; }
    header figure + a { position: absolute; left: 50%; margin-left: -512px; }
    header figure + a + a { width: 153px; height: 58px; position: absolute; left: 50%; margin-left: 239px; top: 76px; padding: 18px 60px; background: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; }
    header figure + a + a:hover { background: #00ff00; }
    
    header article { width: 745px; height: 580px; position: absolute; left: 50%; margin-left: -512px; top: 176px; }
        header article h1 { position: absolute; left: 120px; top: 222px; text-transform: uppercase; color: #fff; font-size: 34px; font-weight: 700; }
            header article h1 mark { color: #00ff00; }
            header article h1 span { font-style: italic; }
        header article h2 { width: 625px; height: 10px; padding: 25px 60px; background: #fff; border-bottom: 1px dashed #000; text-transform: uppercase; font-weight: 700; }
            header article h2 span{ color: #00ff00; }
        header article div.fenetre figure { width: 100%; height: 60px; position: absolute; background: #fff; }
        header article div.fenetre figure + figure { width: 60px; height: 400px; right: 0px; top: 120px; }
        header article div.fenetre figure + figure + figure { width: 100%; height: 60px; top: inherit; bottom: 0px; }
        header article div.fenetre figure + figure + figure + figure { width: 60px; height: 400px; left: 0px; top: 120px;}
            header article div.fenetre figure p { width: 362px; height: 50px; margin-left: 60px; padding: 10px 0 0 60px; background: #00ff00; font-size: 10px; }
                header article div.fenetre figure p mark {font-weight: 700;}
    header aside { width: 273px; height: 580px; position: absolute; left: 50%; margin-left: 239px; top: 176px; background: #f5f5f5; }
        header aside h2 { width: 153px; height: 10px; padding: 25px 60px; border-bottom: 1px dashed #000; text-transform: uppercase; font-weight: 700; }
        header aside h3 { padding-left: 60px; height: 25px; margin-top: 20px; color: #00ff00; font-weight: 700; }
        header aside h3.adresse { height: auto; background: url('http://www.paris-docks-en-seine.fr/landing/interface/picto-adresse.png') 20px 5px no-repeat; }
        header aside h3.horaires { background: url('http://www.paris-docks-en-seine.fr/landing/interface/picto-horaires.png') 20px 5px no-repeat; }
        header aside h3.tarifs { background: url('http://www.paris-docks-en-seine.fr/landing/interface/picto-tarifs.png') 20px 5px no-repeat; }
        header aside h3.acces { background: url('http://www.paris-docks-en-seine.fr/landing/interface/picto-acces.png') 20px 5px no-repeat; }
        header aside p { width: 153px; margin-top: -8px; padding: 0 60px 20px 60px; border-bottom: 1px dashed #00ff00; font-size: 12px; line-height: 13px; }
        header aside h3.adresse + p { margin-top: 3px; }
        header aside h3.acces + p { border: 0; }
            header aside p mark { font-weight: 700; }
            header aside p mark.prix { color: #00ff00; }
            header aside p span { font-style: italic; }

header + article { width: 1024px; position: relative; margin: 0 auto; background: #fff; }
    header + article section:first-child { padding: 60px 60px 10px 60px; }
        header + article section:first-child div { width: 422px; margin-bottom: 25px; float: left; }
        header + article section:first-child div + div { margin-left: 60px; }
            header + article section:first-child div p { margin-bottom: 15px; text-align: justify; }
        header + article section:first-child p { margin-bottom: 20px; }
            header + article section:first-child p mark { font-weight: 700; }
            
    header + article section + section { padding: 30px 0px; border-top: 1px dashed; border-bottom: 1px dashed; border-color: #00ff00; }
        header + article section + section h2 { margin: 0px 0px 30px 60px; text-transform: uppercase; font-weight: 700; }
        header + article section + section div { width: 260px; padding-left: 60px; float: left; background: url('http://www.paris-docks-en-seine.fr/landing/interface/picto-contact.png') 20px 5px no-repeat; }
            header + article section + section div h3 { color: #00ff00; font-weight: 700; }
            header + article section + section div p { font-size: 12px; line-height: 15px; }
                header + article section + section div p mark { font-weight: 700; }
                header + article section + section div p a { color: #00ff00; text-decoration: underline; }
                header + article section + section div p a:hover { text-decoration: none; }
                header + article section + section div p span { font-style: italic; }
                
    header + article section + section + aside { padding: 30px 60px; }
        header + article section + section + aside h2 { margin-bottom: 30px; text-transform: uppercase; font-weight: 700; }
        header + article section + section + aside div { width: 290px; margin-left: 17px; float: left; }
            header + article section + section + aside div figure {position: relative; margin-bottom: 6px; }
            header + article section + section + aside div figure:hover > figcaption { display: block; }
                header + article section + section + aside div figure figcaption { width: 254px;  padding: 10px 18px; position: absolute; bottom: 2px; background: #00ff00; display: none; font-size: 10px; }
                    header + article section + section + aside div figure figcaption mark { font-weight: 700; }
        header + article section + section + aside h2 + div { margin: 0px; }
    header + article footer div { padding: 30px 60px; }
    header + article footer div:first-child { border-top: 1px dashed #00ff00; border-bottom: 1px dashed #00ff00; }
        header + article footer div h2 { color: #00ff00; }
    
article + footer { width: 100%; height: 150px; margin-top: 28px; background: #00ff00; }