galerie.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84

<main>
  <h1>Photos</h1>
  <div class="mosaic photos">
    <div class="photo">
      <a href="images/photos/PierreVaillant4.jpg" target="_blank">
        <img src="images/photos/PierreVaillant4.jpg" alt="Le quatuor échange ses instruments"
             style="object-position: center 80%">
      </a>
      <p class="credits"><span class="name">Pierre Vaillant</span></p>
    </div>
    <div class="photo">
      <a href="images/photos/PierreVaillant7.jpg" target="_blank">
        <img src="images/photos/PierreVaillant7.jpg" alt="Le quatuor réuni derrière le violoncelle">
      </a>
      <p class="credits"><span class="name">Pierre Vaillant</span></p>
    </div>
    <div class="photo">
      <a href="images/photos/PierreVaillant6.jpg" target="_blank">
        <img src="images/photos/PierreVaillant6.jpg" alt="Le quatuor s'amuse">
      </a>
      <p class="credits"><span class="name">Pierre Vaillant</span></p>
    </div>
    <div class="photo">
      <a href="images/photos/PierreVaillant5.jpg" target="_blank">
        <img src="images/photos/PierreVaillant5.jpg" alt="Le quatuor tente une nouvelle configuration"
             style="object-position: center 60%">
      </a>
      <p class="credits"><span class="name">Pierre Vaillant</span></p>
    </div>
    <div class="photo">
      <a href="images/photos/PierreVaillant2.jpg" target="_blank">
        <img src="images/photos/PierreVaillant2.jpg" alt="Le quatuor est campé entre les colonnes majestueuses du Palais Royal"
             style="object-position: center bottom">
      </a>
      <p class="credits"><span class="name">Pierre Vaillant</span></p>
    </div>
    <div class="photo">
      <a href="images/photos/PierreVaillant1.jpg" target="_blank">
        <img src="images/photos/PierreVaillant1.jpg" alt="Les membres du quatuor, espiègles, vous observent cachés derrière leur instruments, appuyés sur un buisson">
      </a>
      <p class="credits"><span class="name">Pierre Vaillant</span></p>
    </div>
    <div class="photo">
      <a href="images/photos/CyrilGhestem1.jpg" target="_blank">
        <img src="images/photos/CyrilGhestem1.jpg" alt="Le quartuor de dos, sur scène, en plein jeu">
      </a>
      <p class="credits">
        <a class="name" href="https://www.operadeparis.fr/artistes/cyril-ghestem" target="_blank">
          Cyril Ghestem
        </a>
      </p>
    </div>
    <div class="photo">
      <a href="images/photos/PierreVaillant3.jpg" target="_blank">
        <img src="images/photos/PierreVaillant3.jpg" alt="Le quatuor converge, les pieds posés sur une colonne de Buren"
             style="object-position: 20% center">
      </a>
      <p class="credits"><span class="name">Pierre Vaillant</span></p>
    </div>
  </div>
  <h1>Vidéos</h1>
  <div class="mosaic videos">
    <div class="video">
      <iframe src="https://www.youtube-nocookie.com/embed/1aDVqNtYbbI"
              frameborder="0" allowfullscreen class="yt">
      </iframe>
    </div>
    <div class="video">
      <iframe src="https://www.youtube-nocookie.com/embed/H5RyKIwE3Tk"
              frameborder="0" allowfullscreen class="yt">
      </iframe>
    </div>
    <div class="video">
      <iframe src="https://www.youtube-nocookie.com/embed/_M2QluGXGh8"
              frameborder="0" allowfullscreen class="yt">
      </iframe>
    </div>
    <div class="video">
      <iframe src="https://www.youtube-nocookie.com/embed/JO6GufBy09M"
              frameborder="0" allowfullscreen class="yt">
      </iframe>
    </div>
  </div>
</main>