integration/edition.html
author Anthony Ly <anthonyly.com@gmail.com>
Tue, 23 Oct 2012 18:39:37 +0200
changeset 3 338f10af79dd
parent 2 25e1f60979ae
child 5 9560f52f0979
permissions -rw-r--r--
ajout du bloc segmentation
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     1
<!DOCTYPE html>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     2
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     3
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     4
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     5
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     6
    <head>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     7
        <meta charset="utf-8">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     8
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     9
        <title>Edition</title>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    10
        <link rel="stylesheet" href="css/reset.css" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    11
        <link rel="stylesheet" href="css/style.css" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    12
        <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.24.custom.css">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    13
        <script src="js/vendor/modernizr-2.6.1.min.js"></script>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    14
    </head>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    15
    <body>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    16
        <div class="wrap">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    17
            <div class="wrap-header">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    18
                <a title="Bibliothèque centre Pompidou" href="#"><img src="img/pompidou-logo.png" alt="Bibliothèque centre Pompidou" /></a>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    19
            </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    20
            <div class="header">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    21
                <!-- popin header -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    22
                <div class="popin update-title" id="update-title">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    23
                    <img class="pointer" src="img/popin-triangle.png" alt="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    24
                    <div class="popin-content">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    25
                        <form class="clearfix" action="#" method="">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    26
                            <div class="form-left">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    27
                                <p class="titre-wrap">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    28
                                    <label for="titre-video">Titre :</label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    29
                                    <input type="text" id="titre-video" name="" value="Mon Hashcut" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    30
                                </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    31
                                <p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    32
                                    <label for="tags-video">Tags :</label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    33
                                    <input type="text" id="tags-video" name="" value="Lune, Espace, Lune" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    34
                                </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    35
                            </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    36
                            <p class="form-right">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    37
                                <label for="description-video">Description :</label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    38
                                <textarea name="" id="description-video" cols="30" rows="10"></textarea>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    39
                            </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    40
                        </form>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    41
                    </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    42
                </div><!-- popin update-title -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    43
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    44
                <div class="popin user info" id="user">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    45
                    <img class="pointer" src="img/popin-triangle.png" alt="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    46
                    <div class="popin-content">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    47
                        <h2>Mashup75</h2>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    48
                        <h3>mash@cinecast.fr</h3>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    49
                        <a href="#" class="nb-hashcut">12 Hashcuts</a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    50
                        <a href="#" class="change-account">Changer de compte</a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    51
                    </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    52
                </div><!-- popin user info-->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    53
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    54
                <div class="popin user signup" id="user">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    55
                    <img class="pointer" src="img/popin-triangle.png" alt="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    56
                    <div class="popin-content">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    57
                        <h2>Créer un compte :</h2>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    58
                        <form action="#">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    59
                            <p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    60
                                <label for="signup-pseudo">Pseudonyme : </label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    61
                                <input type="text" id="signup-pseudo" name="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    62
                            </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    63
                            <p >
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    64
                                <label for="signup-email">Email : </label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    65
                                <input type="text" id="signup-email" name="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    66
                            </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    67
                            <p >
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    68
                                <label for="signup-password">Mot de passe : </label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    69
                                <input type="password" id="signup-password" name="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    70
                            </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    71
                            <p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    72
                                <label for="signup-password">Confirmer le mot de passe : </label>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    73
                                <input type="password" id="signup-password" name="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    74
                            </p>
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    75
                            <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    76
                                <input type="submit" value="Créer le compte">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    77
                            </p>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    78
                        </form>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    79
   
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    80
                    </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    81
                </div><!-- popin user signup-->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    82
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    83
                <div class="popin user login" id="user">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    84
                    <img class="pointer" src="img/popin-triangle.png" alt="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    85
                    <div class="popin-content">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    86
                        <h2>Connexion :</h2>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    87
                        <form action="#">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    88
                            <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    89
                                <label for="signup-pseudo">E-mail : </label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    90
                                <input type="text" id="signup-pseudo" name="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    91
                            </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    92
                            <p >
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    93
                                <label for="signup-email">Mot de passe : </label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    94
                                <input type="password" id="signup-email" name="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    95
                            </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    96
                            <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    97
                                <input type="submit" value="Se connecter">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    98
                            </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    99
                            <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   100
                                <a class="signup-button" href="#">Créer un compte</a>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   101
                            </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   102
                        </form>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   103
   
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   104
                    </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   105
                </div><!-- popin user login-->
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   106
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   107
                <h1><a title="Hashcut - Le Mashup cliquable" class="clearfix" href="#">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   108
                    <img src="img/hashcut-logo.png" alt="Hashcut" />
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   109
                    <span>Le Mashup<br />Cliquable</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   110
                </a></h1>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   111
                <div class="title-video-wrap">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   112
                    <a class="open-popin" href="#update-title">Hashcut sans titre</a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   113
                    <p class="time-length">Durée: <span>02:24</span></p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   114
                </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   115
                <div class="profil-wrap">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   116
                    <a href="#" class="all-hashcut">Tous les Hashcuts</a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   117
                    <a href="#user" class="my-profil open-popin">Mon profil</a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   118
                </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   119
            </div><!-- header -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   120
            <div class="content clearfix">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   121
                <div class="col-left">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   122
                    <form action="#" method="">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   123
                        <h2>Sélectionner les vidéos</h2>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   124
                        <p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   125
                            <input type="text" name="" placeholder="Rechercher une vidéo" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   126
                            <input type="submit" value="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   127
                        </p>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   128
                    </form>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   129
                    <ul class="list-video">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   130
                        <li class="item-video">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   131
                            <a class="clearfix" href="#">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   132
                                <span class="number">12</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   133
                                <img src="img/apercu-video.jpg" alt="aperçu" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   134
                                <span class="video-info">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   135
                                    <span class="title-video">Le a Lune</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   136
                                    <span class="author">Par : Mozilla Foundation</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   137
                                    <span class="time-lenght">Durée : <span>12:33</span></span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   138
                                </span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   139
                            </a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   140
                        </li><!-- item-video -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   141
                        <li class="item-video">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   142
                            <a class="clearfix active" href="#">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   143
                                <span class="number">12</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   144
                                <img src="img/apercu-video.jpg" alt="aperçu" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   145
                                <span class="video-info">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   146
                                    <span class="title-video">Le a Lune</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   147
                                    <span class="author">Par : Mozilla Foundation</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   148
                                    <span class="time-lenght">Durée : <span>12:33</span></span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   149
                                </span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   150
                            </a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   151
                        </li><!-- item-video -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   152
                        <li class="item-video">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   153
                            <a class="clearfix" href="#">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   154
                                <span class="number">12</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   155
                                <img src="img/apercu-video.jpg" alt="aperçu" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   156
                                <span class="video-info">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   157
                                    <span class="title-video">Le a Lune</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   158
                                    <span class="author">Par : Mozilla Foundation</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   159
                                    <span class="time-lenght">Durée : <span>12:33</span></span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   160
                                </span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   161
                            </a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   162
                        </li><!-- item-video -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   163
                    </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   164
                </div><!-- col-left -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   165
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   166
                <div class="col-middle">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   167
                    <div class="bloc-segmentation">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   168
                        <div class="col-middle-header disable">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   169
                            <a href="#" class="segmenter ">Segmenter <em>La cuisine du Popcorn</em></a>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   170
                            <a href="#" class="previsualiser disable">Prévisualiser</a>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   171
                        </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   172
                        <div class="video">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   173
                            <a class="publier-button" title="Publier" href="#"></a>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   174
                            <img src="img/visuel-player.png" alt="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   175
                        </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   176
                        <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   177
                            <img src="img/visuel-segment.png" alt="">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   178
                        </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   179
                        <div class="popin segmentation" id="">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   180
                            <img class="pointer" src="img/popin-triangle.png" alt="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   181
                            <div class="popin-content">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   182
                                <h2>Créer un nouveau segment de <span>02:27</span> à <span>02:27</span> (durée: <span>02:27</span>)</h2>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   183
                                <form action="#">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   184
                                    <div class="form-segment-left">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   185
                                        <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   186
                                            <label for="titre">Titre :</label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   187
                                            <input type="text" id="titre" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   188
                                        </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   189
                                        <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   190
                                            <label for="tags">Tags :</label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   191
                                            <input type="text" id="tags" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   192
                                        </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   193
                                    </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   194
                                    <div class="form-segment-right">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   195
                                        <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   196
                                            <label for="description">Description :</label>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   197
                                            <textarea id="description"></textarea>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   198
                                        </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   199
                                        <p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   200
                                            <input type="submit" value="Ajouter au Hashcut" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   201
                                        </p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   202
                                    </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   203
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   204
                                </form>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   205
                            </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   206
                        </div><!-- popin segmentation -->
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   207
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   208
                        <div class="existant">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   209
                            <h2>Segments existants :</h2>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   210
                            <div class="segments">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   211
                                <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   212
                                    <div class="section" style="left:0%;width:20%;"></div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   213
                                    <div class="popin segment-section" id="">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   214
                                        <img style="left:20px;" class="pointer" src="img/popin-triangle.png" alt="" />
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   215
                                        <div class="popin-content clearfix">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   216
                                            <div class="instant-description">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   217
                                                <h2>Le moment crucial où le maïs explose</h2>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   218
                                                <p>De: <span>00:43</span> à <span>01:20</span> (durée: <span>00:37</span>)</p>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   219
                                            </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   220
                                            <a href="#" class="reprendre-segment">Reprendre le segment</a>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   221
                                        </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   222
                                    </div><!-- popin segment-section -->
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   223
                                </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   224
                                <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   225
                                    <div class="section" style="left:20%;width:20%;"></div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   226
                                </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   227
                                <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   228
                                    <div class="section" style="left:60%;width:20%;"></div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   229
                                </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   230
                                <div class="segment">
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   231
                                    <div class="section" style="left:80%;width:10%;"></div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   232
                                </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   233
                            </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   234
                        </div>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   235
                    </div><!-- bloc-segmentation -->
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   236
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   237
                    <div class="bloc-pvw">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   238
                        <div class="col-middle-header">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   239
                            <a href="#" class="segmenter">Segmenter <em>La cuisine du Popcorn</em></a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   240
                            <a href="#" class="previsualiser">Prévisualiser</a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   241
                        </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   242
                        <div class="video">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   243
                            <a class="publier-button" title="Publier" href="#"></a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   244
                            <img src="img/visuel-player.png" alt="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   245
                        </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   246
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   247
                        <div class="frise clearfix">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   248
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   249
                            <span class="indication" style="left:24%;">00:30</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   250
                            <span class="indication" style="left:44%;">00:30</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   251
                            <span class="indication" style="left:64%;">00:30</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   252
                            <span class="indication" style="left:84%;">00:30</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   253
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   254
                            <div class="segments">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   255
                                <div class="segment" style="background-color:red;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   256
                                <div class="segment" style="background-color:green;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   257
                                <div class="segment" style="background-color:red;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   258
                                <div class="segment" style="background-color:green;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   259
                                <div class="segment" style="background-color:red;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   260
                            </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   261
                            
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   262
                            
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   263
                            <div class="popin frise-description" id="frise-description">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   264
                                <img class="pointer" src="img/popin-triangle.png" alt="" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   265
                                <div class="popin-content">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   266
                                    <ul class="tools">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   267
                                        <li><a class="edit" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   268
                                        <li><a class="bottom" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   269
                                        <li><a class="top" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   270
                                        <li><a class="delete" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   271
                                    </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   272
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   273
                                    <h2>Chargement de la capsule lunaire</h2>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   274
                                    <table>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   275
                                        <tbody>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   276
                                            <tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   277
                                                <th>Extrait de :</th>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   278
                                                <td>Le Voyage dans la Lune (05:01 - 05:24)</td>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   279
                                            </tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   280
                                            <tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   281
                                                <th>Description :</th>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   282
                                                <td>Lors d'un colloque d'astronomie, le professeur Barbenfouillis crée l'événement en faisant part à l'assemblée de son projet de voyage dans la Lune. Il organise ensuite la visite à ses confrères de l'atelier où l'obus spatial est en chantier. Il sera propulsé en direction de la Lune au moyen d'un canon géant.</td>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   283
                                            </tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   284
                                            <tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   285
                                                <th>Tags :</th>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   286
                                                <td>astronomie, lune, fiction, histoire du cinéma, canon, projectile</td>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   287
                                            </tr>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   288
                                        </tbody>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   289
                                    </table>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   290
                                </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   291
                            </div><!-- popin frise-description -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   292
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   293
                        </div><!-- frise -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   294
                    </div><!-- bloc-pvw -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   295
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   296
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   297
                </div><!-- col-middle -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   298
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   299
                <div class="col-right">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   300
                    <div class="liste-segment">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   301
                        <h2>Liste des segments</h2>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   302
                        <div class="frise clearfix">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   303
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   304
                            <span class="indication" style="left:64%;">00:30</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   305
                            <span class="indication" style="left:84%;">00:30</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   306
                            <div class="segments">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   307
                                 <div class="segment" style="background-color:red;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   308
                                 <div class="segment" style="background-color:yellow;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   309
                                 <div class="segment" style="background-color:blue;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   310
                                 <div class="segment" style="background-color:green;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   311
                                 <div class="segment" style="background-color:brown;width:20%;"></div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   312
                            </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   313
                        </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   314
                    </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   315
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   316
                    <ul class="list-video" id="sortable">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   317
                        <li class="item-video">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   318
                            <a class="clearfix" href="#">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   319
                                <img src="img/apercu-video.jpg" alt="aperçu" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   320
                                <span class="video-info">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   321
                                    <span class="title-video">Le a Lune 1</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   322
                                    <span class="subtitle">Chargement de la Capsule</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   323
                                    <span class="duration">01:17 - 02:01 (00:44)</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   324
                                </span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   325
                            </a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   326
                            <ul class="tools">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   327
                                <li><a class="edit" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   328
                                <li><a class="bottom" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   329
                                <li><a class="top" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   330
                                <li><a class="delete" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   331
                            </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   332
                        </li><!-- item-video -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   333
                        <li class="item-video">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   334
                            <a class="clearfix" href="#">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   335
                                <img src="img/apercu-video.jpg" alt="aperçu" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   336
                                <span class="video-info">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   337
                                    <span class="title-video">Le a Lune 2</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   338
                                    <span class="subtitle">Chargement de la Capsule</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   339
                                    <span class="duration">01:17 - 02:01 (00:44)</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   340
                                </span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   341
                            </a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   342
                            <ul class="tools">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   343
                                <li><a class="edit" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   344
                                <li><a class="bottom" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   345
                                <li><a class="top" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   346
                                <li><a class="delete" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   347
                            </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   348
                        </li><!-- item-video -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   349
                        <li class="item-video">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   350
                            <a class="clearfix" href="#">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   351
                                <img src="img/apercu-video.jpg" alt="aperçu" />
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   352
                                <span class="video-info">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   353
                                    <span class="title-video">Le a Lune 3</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   354
                                    <span class="subtitle">Chargement de la Capsule</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   355
                                    <span class="duration">01:17 - 02:01 (00:44)</span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   356
                                </span>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   357
                            </a>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   358
                            <ul class="tools">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   359
                                <li><a class="edit" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   360
                                <li><a class="bottom" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   361
                                <li><a class="top" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   362
                                <li><a class="delete" href="#"></a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   363
                            </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   364
                        </li><!-- item-video -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   365
                    </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   366
                </div><!-- col-right -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   367
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   368
            </div><!-- content -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   369
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   370
            <div class="footer clearfix">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   371
                <ul class="links-left">
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   372
                    <li><a href="#">Mentions légales</a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   373
                    <li><a href="#">Contacts</a></li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   374
                </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   375
                <ul class="links-right">
3
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   376
                    <li><a title="IRI" href="http://www.iri.centrepompidou.fr/"> <img src="img/logo-iri.png" alt="iri" /></a></li>
338f10af79dd ajout du bloc segmentation
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   377
                    <li><a title="cinecast" href="http://cinecast.fr/"><img src="img/logo-cinecast.png" alt="cinecast" /></a></li>
2
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   378
                    <li>© 2012</li>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   379
                </ul>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   380
            </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   381
        </div>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   382
        <!-- JavaScript -->
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   383
        <script src="js/vendor/jquery-1.8.0.min.js"></script>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   384
        <script src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   385
        <script src="js/plugins.js"></script>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   386
        <script src="js/main.js"></script>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   387
    </body>
25e1f60979ae 1ere partie de l'intégration de la page édition
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   388
</html>