Download raw (3.2 KB)

<!--
-  O U V E R T U R E  -
-->

<article id="ouverture" style="padding-top: 100px; background: none;">
    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1 style="text-align: center;">O u v e r t u r e</h1>
    </div>
    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1 style="text-align: center;">d e</h1>
    </div>
        
    <div class="titre" style="width: 10%; border-width: 3px ; border-bottom-width: 7px; border-radius: 15px;">
        <h1 style="text-align: center;">s a i s o n</h1>
    </div>
    <div class="titre" style="width: 5%;   border-width: 2px; border-bottom-width: 4px; border-radius: 10px;margin-left:1px; ">
        <h2 style="text-align: center;">2 0 1 3 &ndash; 2 0 1 4</h2>
    </div>

    <div class="date" style="width: 50%; margin: 30px 10px;">
        <p>Le 19 septembre 2013</p>
    </div>
    <div class="image-cmjn" style="width: 35%; height: 230px; outline: none;
        position: relative; z-index: -10; margin-left: 70px;">
        <img alt="" class="noir rose" src="../materials/extract/allo.gif" style="width: 100%;" />
        <img alt="" class="preview" src="../materials/extract-R/allo.gif" style="width: 100%;" />
        <div style="padding: 72px 57px;position: relative;text-align: center;">
            <p>
                <span class="under">Dès 19h</span>
            </p>
            <p>Vernissage des photos de saison 2013&mdash;2014 de Hichem Dahes </p>
        </div>
    </div>
    <div class="image-cmjn" style="width: 65%; height: 450px; outline: none; position: relative; z-index: -10; margin-top: -90px; margin-left:-70px;">
        <div style="padding: 250px 63px; text-align: center;width: 71%;">
        <p>
            <span class="under" style="text-decoration: none;">
                What if all the artists would be there to
                inaugurate this new season&thinsp;?
            </span>
        </p>
        </div>
        <img alt="" class="noir vert turn-left" src="../materials/extract/DSC_6516.gif" style="width: 80%;margin-left: 50px;" />
        <img alt="" class="preview turn-left" src="../materials/extract-G/DSC_6516.gif" style="width: 80%;margin-left: 50px;" />
        <div style="padding: 250px 63px; text-align: center;width:
            71%;position: relative;top: -497px;">
        <p>
            <span class="under">À 20h30</span>
        </p>
        <p>
            Ouverture de saison en compagnie des artistes qui la&nbsp;feront&thinsp;! 
        </p>
        </div>
    </div>
            <img alt="" class="noir rose" src="../photos/layers-processed/meteor/meteor_Calque-7_t.png" style="position:absolute; left:563px; top: 4383px; width: 650px; z-index:100" />
            <img alt="" class="preview" src="../photos/layers-processed/meteor/meteor_Calque-7_t.png" style="position:absolute; left:563px; top: 4383px;  width: 650px; z-index:100" />

    <div class="transition" style="height: 400px; outline: none; margin-top: 110px;">
        <img alt="" class="noir vert" src="../materials/extract/hairs.gif" style="width: 100%;" />
        <img alt="" class="preview" src="../materials/extract-G/hairs.gif" style="width: 100%;" />
    </div>
</article>