-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·985 lines (953 loc) · 57 KB
/
index.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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="author" content="Bernard Vignal">
<title>Bernard Vignal, auteur-compositeur de chansons françaises</title>
<meta name="description"
content="Basé à Saint-Avit (Drôme), son quatuor
vous enchantera dès le premier instant !"/>
<meta name="copyright" content="Bernard Vignal, tous droits réservés © 2017"/>
<meta name="robots" content="index, follow"/>
<meta property="og:title" content="Bernard Vignal, auteur-compositeur de chansons françaises" />
<meta property="og:type" content="music.song" />
<meta property="og:url" content="https://bernardvignal.fr/" />
<meta property="og:image" content="assets/img/header-bg.jpg" />
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Droid+Serif:400,700,400italic,700italic|Dancing+Script:400,700|Roboto+Slab:400,100,300,700"
rel="stylesheet" type="text/css">
<link href="assets/css/agency.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico"/>
</head>
<body id="page-top" class="index">
<nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">
<div class="container">
<div aria-hidden="true" class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1">
<span aria-hidden="true" class="sr-only">Réduire la navigation</span> Menu <i class="fa fa-bars"></i>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a aria-hidden="true" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#header">Accueil</a>
</li>
<li>
<a class="page-scroll" href="#team">Scène</a>
</li>
<li>
<a class="page-scroll" href="#music">Extraits</a>
</li>
<li>
<a class="page-scroll" href="#school">Scolaire</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contacts</a>
</li>
</ul>
</div>
</div>
</nav>
<header id="header">
<div class="hero">
<div class="container">
<div class="row">
<div class="col-sm-8">
<div class="intro-text">
<h1 class="intro-lead-in">Bernard Vignal</h1>
</div>
</div>
<div class="col-sm-4"></div>
</div>
</div>
<div class="container">
<div class="intro-next">
<div class="intro-song">
<p>
<span class="fa fa-quote-left"></span>
Approche approche écoute bien
</p>
<p>C'est la musique qui vient de loin</p>
<p>Elle plane elle flotte elle nous traverse</p>
<p>
Elle vit elle glisse elle nous caresse
<span class="fa fa-quote-right"></span>
</p>
</div>
<a href="#team" class="page-scroll next-button">
<i class="fa fa-angle-double-down fa-4x text-center"></i>
</a>
</div>
</div>
</div>
</header>
<section id="team" class="bg-light-gray">
<div id="team-member-bubbles">
<div class="hero">
<img data-src="assets/img/team-bg-768w.jpg" title="Bernard Vignal, les membres du groupe"
class="lazyload team-no-hero"/>
<div class="team-member-bubble team-member-outerLeft">
<a href="#teamMemberOuterLeft" data-toggle="modal">
<span class="fa-stack fa-lg">
<i class="fa fa-commenting-o fa-stack-1x"></i>
<i class="fa fa-commenting fa-stack-1x"></i>
</span>
</a>
</div>
<div class="team-member-bubble team-member-innerLeft">
<a href="#teamMemberInnerLeft" data-toggle="modal">
<span class="fa-stack fa-lg">
<i class="fa fa-commenting-o fa-stack-1x"></i>
<i class="fa fa-commenting fa-stack-1x"></i>
</span>
</a>
</div>
<div class="team-member-bubble team-member-innerRight">
<a href="#teamMemberInnerRight" data-toggle="modal">
<span class="fa-stack fa-lg">
<i class="fa fa-commenting-o fa-stack-1x"></i>
<i class="fa fa-commenting fa-stack-1x"></i>
</span>
</a>
</div>
<div class="team-member-bubble team-member-outerRight">
<a href="#teamMemberOuterRight" data-toggle="modal">
<span class="fa-stack fa-lg">
<i class="fa fa-commenting-o fa-stack-1x"></i>
<i class="fa fa-commenting fa-stack-1x"></i>
</span>
</a>
</div>
<div class="container team-catchphrase-container">
<div class="row overlay-white team-catchphrase">
<div class="col-lg-12 text-left">
<h2 aria-hidden="true" class="section-heading">Tour de chant tout public</h2>
<a href="#music" class="page-scroll next-button">
<i class="fa fa-angle-double-down text-center"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div id="team-medals">
<div class="container team-medals">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Tour de chant tout public</h2>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-12 gallery-item">
<a href="#galleryModal2" class="gallery-link" data-toggle="modal">
<div class="gallery-hover">
<div class="gallery-hover-content">
<i class="fa fa-expand fa-3x"></i>
</div>
</div>
<img data-src="assets/img/gallery/2-preview.jpg"
class="fullwidth lazyload img-responsive"
alt="Le groupe sur scène">
</a>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="team-member team-member-1">
<img data-src="assets/img/team/p1-final.jpg"
class="lazyload img-responsive img-circle"
alt="Bernard Vignal">
<h3>Bernard <span class="text-uppercase">Vignal</span></h3>
<p class="text-muted">Auteur-compositeur, Voix lead, Guitare</p>
</div>
</div>
<div class="col-sm-6">
<div class="team-member team-member-2">
<img data-src="assets/img/team/p2-final.jpg"
class="lazyload img-responsive img-circle" alt="Emmanuel Mégier">
<h3>Emmanuel <span class="text-uppercase">Mégier</span></h3>
<p class="text-muted">Guitare, Cajon</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="team-member team-member-3">
<img data-src="assets/img/team/p3-final.jpg"
class="lazyload img-responsive img-circle" alt="Cécile Chabert">
<h3>Cécile <span class="text-uppercase">Chabert</span></h3>
<p class="text-muted">Voix</p>
</div>
</div>
<div class="col-sm-6">
<div class="team-member team-member-4">
<img data-src="assets/img/team/p4-final.jpg"
class="lazyload img-responsive img-circle" alt="Muriel Roger">
<h3>Muriel <span class="text-uppercase">Roger</span></h3>
<p class="text-muted">Voix</p>
</div>
</div>
</div>
</div>
</div>
<!-- Bernard profile -->
</section>
<div class="element-modal modal fade" id="teamMemberOuterLeft" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content team-member-modal-content">
<div class="container-fluid">
<div class="row row-no-pd">
<div class="col-md-4 col-md-offset-4 col-sm-8 col-sm-offset-2 col-no-pd">
<div class="modal-body modal-body-no-pd team-member-modal-body">
<div class="team-member team-member-4">
<img data-src="assets/img/team/p4-final.jpg"
class="lazyload img-responsive img-circle"
alt="Muriel Roger">
<h3>Muriel <span class="text-uppercase">Roger</span></h3>
<p class="text-muted">Voix</p>
</div>
<button type="button" class="btn btn-primary btn-close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
Fermer
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="element-modal modal fade" id="teamMemberInnerLeft" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content team-member-modal-content">
<div class="container-fluid">
<div class="row row-no-pd">
<div class="col-md-4 col-md-offset-4 col-sm-8 col-sm-offset-2 col-no-pd">
<div class="modal-body modal-body-no-pd team-member-modal-body">
<div class="team-member team-member-3">
<img data-src="assets/img/team/p3-final.jpg"
class="lazyload img-responsive img-circle"
alt="Cécile Chabert">
<h3>Cécile <span class="text-uppercase">Chabert</span></h3>
<p class="text-muted">Voix</p>
</div>
<button type="button" class="btn btn-primary btn-close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
Fermer
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="element-modal modal fade" id="teamMemberInnerRight" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content team-member-modal-content">
<div class="container-fluid">
<div class="row row-no-pd">
<div class="col-md-4 col-md-offset-4 col-sm-8 col-sm-offset-2 col-no-pd">
<div class="modal-body modal-body-no-pd team-member-modal-body">
<div class="team-member team-member-1">
<img data-src="assets/img/team/p1-final.jpg"
class="lazyload img-responsive img-circle"
alt="Bernard Vignal">
<h3>Bernard <span class="text-uppercase">Vignal</span></h3>
<p class="text-muted">Auteur-compositeur, Voix lead, Guitare</p>
</div>
<button type="button" class="btn btn-primary btn-close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
Fermer
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="element-modal modal fade" id="teamMemberOuterRight" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content team-member-modal-content">
<div class="container-fluid">
<div class="row row-no-pd">
<div class="col-md-4 col-md-offset-4 col-sm-8 col-sm-offset-2 col-no-pd">
<div class="modal-body modal-body-no-pd team-member-modal-body">
<div class="team-member team-member-2">
<img data-src="assets/img/team/p2-final.jpg"
class="lazyload img-responsive img-circle"
alt="Emmanuel Mégier team-member-2">
<h3>Emmanuel <span class="text-uppercase">Mégier</span></h3>
<p class="text-muted">Guitare, Cajon</p>
</div>
<button type="button" class="btn btn-primary btn-close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
Fermer
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section id="music">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="container-fluid">
<!--<div class="row video-content">-->
<!--<div class="col-lg-12">-->
<!--<a href="https://www.youtube.com/" target="_blank">-->
<!--<i class="fa fa-angle-double-right"></i>-->
<!--<i class="fa fa-youtube-square"></i>-->
<!--<i class="fa fa-angle-double-left"></i>-->
<!--<h1>Rejoignez notre chaine YouTube ...</h1>-->
<!--</a>-->
<!--</div>-->
<!--</div>-->
<div class="row music-content">
<div class="player col-lg-12 col-no-pd">
<div class="audio-wrapper">
<h2>Ecoutez nos extraits en exclusivité</h2>
<audio class="lazyload" id="audio" tabindex="0" preload="none" controls="controls">
<source type="audio/mp3"
src="assets/audio/1-approche.mp3"/>
<div class="audio-no-html5">
<p>Désolé, votre navigateur ne permet pas de jouer notre musique.
Veuillez télécharger l'un des navigateurs ci-dessous :
</p>
<ul>
<li><a href="https://www.google.fr/chrome">Google Chrome</a></li>
<li><a href="https://www.mozilla.org/fr/firefox/new/">Firefox</a>
</li>
<li><a href="http://www.opera.com/fr">Opera</a></li>
</ul>
</div>
</audio>
</div>
<div class="audio-list-wrapper">
<div class="playlist-controls"></div>
<ul id="playlist">
<li class="audio-track audio-track-even active">
<a href="assets/audio/1-approche.mp3">
<i class="fa fa-play" aria-hidden="true"></i>
<span class="audio-track-name">Approche, Approche</span>
</a>
</li>
<li class="audio-track audio-track-odd">
<a href="assets/audio/2-un-beau-tresor.mp3">
<i class="fa fa-play" aria-hidden="true"></i>
<span>Un beau trésor</span>
</a>
</li>
<li class="audio-track audio-track-even">
<a href="assets/audio/3-le-blues-du-cycliste.mp3">
<i class="fa fa-play" aria-hidden="true"></i>
<span>Le blues du cycliste</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 hide-from-768w">
<div class="col-sm-6 gallery-item">
<a href="#galleryModal1" class="gallery-link" data-toggle="modal">
<div class="gallery-hover">
<div class="gallery-hover-content">
<i class="fa fa-expand fa-3x"></i>
</div>
</div>
<img data-src="assets/img/gallery/1-preview.jpg"
class="lazyload img-responsive" width="250px"
alt="Cécile Chabert et Muriel Roger">
</a>
</div>
<div class="col-sm-6 gallery-item">
<a href="#galleryModal4" class="gallery-link" data-toggle="modal">
<div class="gallery-hover">
<div class="gallery-hover-content">
<i class="fa fa-expand fa-3x"></i>
</div>
</div>
<img data-src="assets/img/gallery/4-preview.jpg"
class="lazyload img-responsive" width="250px"
alt="Bernard Vignal et Emmanuel Megier">
</a>
</div>
</div>
</div>
</div>
</section>
<section id="school">
<div class="hero">
<div class="overlay-light">
<div class="container">
<article>
<div class="row row-no-mg school-content text-center">
<div class="col-xs-12">
<h2 class="section-heading">
<span>Nous vous proposons des ateliers</span>
<span>de sensibilisation aux chansons du spectacle.</span>
</h2>
<p class="lead">
<span><i>Les ateliers seront menés par un membre du groupe,</i></span>
<span><u>Spécialiste des choeurs d'enfants.</u></span>
</p>
</div>
<div class="col-xs-12">
<h2 class="section-heading">A venir</h2>
<ul id="experiences-future">
<!-- addition of 09/2017 -->
<li class="xp-link coming-soon">
<div title="Bernard Vignal à la mairie de Saint Avit">
<span>25 octobre 2017 :<br/> Concert tout public pour une fête intergénérationnelle organisée par la Com.Com<br/>Nord Drôme/Ardèche à Saint Sorlin en Valloire (26)</span>
</div>
</li>
</ul>
<a href="#experiences" class="page-scroll next-button">
<i class="fa fa-angle-double-down text-center"></i>
</a>
<h2 class="section-heading">Nos expériences passées</h2>
<ul id="experiences">
<!-- addition of 09/2017 -->
<li class="xp-link">
<div title="Bernard Vignal à la mairie de Saint Avit">
<span>
7 décembre 2017 à la médiathèque de Feyzin<br/>
et<br/>
25 juin 2017 au fort de Feyzin :<br/>
programme des chansons du spectacle joué par l'école de musique de Feyzin (69)
</span>
</div>
</li>
<li class="xp-link">
<div title="Bernard Vignal à la mairie de Saint Avit">
<span>23 juin 2017 : <br/>concert tout public à la mairie de Saint Avit (26)</span>
</div>
</li>
<li class="xp-link">
<div title="Bernard Vignal en privé à Lyon">
<span>9 juin 2017 : <br/>concert à domicile Lyon 7è (69)</span>
</div>
</li>
<li class="xp-link">
<div title="Bernard Vignal à Vienne">
<span>29 avril 2017 : <br/>concert à la médiathèque de Vienne (38)</span>
</div>
</li>
<li class="xp-link">
<a href="#experienceModal1" data-toggle="modal"
title="Concert Bernard Vignal à Varennes-les-Mâcon">
<i class="fa fa-external-link fa-4x"></i>
<span>Concert Bernard Vignal à Varennes-les-Mâcon</span>
</a>
</li>
<li class="xp-link">
<a href="http://lewebpedagogique.com/eeflevieu/2016/12/16/spectacle-musical-le-6-janvier-2017-au-foyer-rural/"
title="Spectacle musical le 6 janvier 2017 au Foyer rural de FLEVIEU LE HAUT"
target="_blank">
<i class="fa fa-external-link fa-4x"></i>
<span>Concert Bernard Vignal à FLEVIEU</span>
</a>
</li>
<li class="xp-link">
<a href="http://lewebpedagogique.com/eeflevieu/2017/01/07/bernard-vignal-a-lecole/"
title="Bernard Vignal à l’école de FLEVIEU LE HAUT"
target="_blank">
<i class="fa fa-external-link fa-4x"></i>
<span>Bernard Vignal à l’école</span>
</a>
</li>
</ul>
</div>
<div class="col-xs-12">
<h3 class="section-subheading last">
<i>Plus d'information, veuillez nous contacter grâce au formulaire ci-dessous</i>
</h3>
<a href="#contact" class="page-scroll next-button">
<i class="fa fa-angle-double-down text-center"></i>
</a>
</div>
</div>
</article>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="overlay-x-light">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Contactez-nous</h2>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<form name="sentMessage" id="contactForm" novalidate>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Votre nom *" id="name" required
data-validation-required-message="Veuillez saisir votre nom.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Votre adresse e-mail *"
id="email" required
data-validation-required-message="Veuillez saisir votre adresse e-mail.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="tel" class="form-control" placeholder="Votre numéro de téléphone"
id="phone">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<textarea class="form-control" placeholder="Votre message *" id="message" required
data-validation-required-message="Veuillez saisir votre message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-lg-12">
<div class="g-recaptcha" data-sitekey="6LdRWRMUAAAAANJmTvQOI0Z_KMJ130XZPHWZ351E"></div>
</div>
<div class="col-lg-12 ">
<button type="submit" class="btn btn-xl">Envoyer</button>
<div id="success"></div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<p class="copyright">Copyright © Bernard Vignal 2017</p>
</div>
<div class="col-lg-4 col-md-4">
<ul class="list-inline quicklinks">
<li>
<a href="#legalTerms" class="gallery-link" data-toggle="modal">Mentions légales</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<p class="credits">
Réalisation par
<a href="https://puzzlout.com/portal" title="Puzzlout : des solutions Web pour tous"
target="_blank">
Puzzlout
</a>
</p>
</div>
<div class="col-md-12 col-sm-6">
<p class="credits">
Design par
<a href="https://startbootstrap.com/" title="Modèles et thèmes Bootstrap gratuits et premiums."
target="_blank">
StartBootstrap
</a>
</p>
</div>
</div>
</div>
</footer>
<div class="element-modal modal fade" id="galleryModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container-fluid">
<div class="row row-no-pd">
<div class="col-lg-12 col-no-pd">
<div class="modal-body modal-body-no-pd">
<div class="img-wrapper">
<img class="lazyload img-responsive img-centered"
data-src="assets/img/gallery/1.jpg"
alt="Cécile Chabert et Muriel Roger chantent ensemble.">
</div>
<button type="button" class="btn btn-primary btn-close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
Fermer
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="element-modal modal fade" id="galleryModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container-fluid">
<div class="row row-no-pd">
<div class="col-lg-12 col-no-pd">
<div class="modal-body modal-body-no-pd">
<div class="img-wrapper">
<img class="lazyload img-responsive img-centered"
data-src="assets/img/gallery/2.jpg"
alt="En scène, le groupe Bernard Vignal montre son talent">
</div>
<button type="button" class="btn btn-primary btn-close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
Fermer
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="element-modal modal fade" id="galleryModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container-fluid">
<div class="row row-no-pd">
<div class="col-lg-12 col-no-pd">
<div class="modal-body modal-body-no-pd">
<div class="img-wrapper">
<img class="lazyload img-responsive img-centered"
data-src="assets/img/gallery/4.jpg"
alt="Que de plaisir à jouer pour Bernard Vignal et Emmanuel Mégier">
</div>
<button type="button" class="btn btn-primary btn-close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
Fermer
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="element-modal modal fade" id="experienceModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container-fluid">
<div class="row row-no-pd">
<div class="col-lg-12 col-no-pd">
<div class="modal-body modal-body-no-pd">
<div class="img-wrapper">
<img class="lazyload img-responsive img-centered"
data-src="assets/img/gallery/7.jpg"
alt="Les enfants chantent avec Muriel pendant que Bernard et Emmanuel jouent.">
</div>
<div class="img-wrapper">
<img class="lazyload img-responsive img-centered"
data-src="assets/img/gallery/6.jpg"
alt="Le groupe Bernard Vignal anime le concert.">
</div>
<button type="button" class="btn btn-primary btn-close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
Fermer
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="element-modal modal fade" id="legalTerms" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row row-no-pd">
<div class="col-lg-12">
<div class="modal-body lazyload">
<h2 class="section-heading">Informations légales</h2>
<h3 class="section-subheading">1. Présentation du site.</h3>
<p>En vertu de l'article 6 de la loi n° 2004-575 du 21 juin 2004 pour la confiance dans
l'économie numérique, il est précisé aux utilisateurs du site <a
href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>
l'identité des différents intervenants dans le cadre de sa réalisation et de son suivi :
</p>
<p>
<strong>Propriétaire</strong> : Bernard Vignal – 741 Route de la vallée<br/>
<strong>Créateur</strong> : <a href="https://puzzlout.com/portal"
title="Puzzlout : des solutions Web pour tous"
target="_blank">Litzler
Jérémie @ Puzzlout</a><br/>
<strong>Responsable publication</strong> : Jérémie Litzler – <a
href="mailto:contact@puzzlout.com">contact@puzzlout.com</a><br/>
Le responsable publication est une personne physique ou une personne morale.<br/>
<strong>Webmaster</strong> : Jérémie Litzler – <a href="mailto:contact@puzzlout.com">contact@puzzlout.com</a><br/>
<strong>Hébergeur</strong> : OVH – 2 rue Kellermann - 59100 Roubaix - France<br/>
Crédits : les mentions légales ont été générées et offertes par Subdelirium <a
target="_blank"
href="http://www.subdelirium.com/generateur-de-mentions-legales/">Mentions
légales</a></p>
<h3 class="section-subheading">2. Conditions générales d’utilisation du site et des services
proposés.</h3>
<p>L’utilisation du site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>
implique l’acceptation pleine et entière des conditions générales d’utilisation ci-après
décrites. Ces conditions d’utilisation sont susceptibles d’être modifiées ou complétées
à tout moment, les utilisateurs du site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>
sont donc invités à les consulter de manière régulière.</p>
<p>Ce site est normalement accessible à tout moment aux utilisateurs. Une interruption pour
raison de maintenance technique peut être toutefois décidée par Bernard Vignal, qui
s’efforcera alors de communiquer préalablement aux utilisateurs les dates et heures de
l’intervention.</p>
<p>Le site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a> est mis
à jour régulièrement par Jérémie Litzler. De la même façon, les mentions légales peuvent
être modifiées à tout moment : elles s’imposent néanmoins à l’utilisateur qui est invité
à s’y référer le plus souvent possible afin d’en prendre connaissance.</p>
<h3 class="section-subheading">3. Description des services fournis.</h3>
<p>Le site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a> a pour
objet de fournir une information concernant l’ensemble des activités de la société.</p>
<p>Bernard Vignal s’efforce de fournir sur le site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>
des informations aussi précises que possible. Toutefois, il ne pourra être tenue
responsable des omissions, des inexactitudes et des carences dans la mise à jour,
qu’elles soient de son fait ou du fait des tiers partenaires qui lui fournissent ces
informations.</p>
<p>Tous les informations indiquées sur le site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>
sont données à titre indicatif, et sont susceptibles d’évoluer. Par ailleurs, les
renseignements figurant sur le site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>
ne sont pas exhaustifs. Ils sont donnés sous réserve de modifications ayant été
apportées depuis leur mise en ligne.</p>
<h3 class="section-subheading">4. Limitations contractuelles sur les données
techniques.</h3>
<p>Le site utilise la technologie JavaScript.</p>
<p>Le site Internet ne pourra être tenu responsable de dommages matériels liés à
l’utilisation du site. De plus, l’utilisateur du site s’engage à accéder au site en
utilisant un matériel récent, ne contenant pas de virus et avec un navigateur de
dernière génération mis-à-jour</p>
<h3 class="section-subheading">5. Propriété intellectuelle et contrefaçons.</h3>
<p>Bernard Vignal est propriétaire des droits de propriété intellectuelle ou détient les
droits d’usage sur tous les éléments accessibles sur le site, notamment les textes,
images, graphismes, logo, icônes, sons, logiciels.</p>
<p>Toute reproduction, représentation, modification, publication, adaptation de tout ou
partie des éléments du site, quel que soit le moyen ou le procédé utilisé, est
interdite, sauf autorisation écrite préalable de : Bernard Vignal.</p>
<p>Toute exploitation non autorisée du site ou de l’un quelconque des éléments qu’il
contient sera considérée comme constitutive d’une contrefaçon et poursuivie conformément
aux dispositions des articles L.335-2 et suivants du Code de Propriété
Intellectuelle.</p>
<h3 class="section-subheading">6. Limitations de responsabilité.</h3>
<p>Bernard Vignal ne pourra être tenue responsable des dommages directs et indirects causés
au matériel de l’utilisateur, lors de l’accès au site www.bernardvignal.fr, et résultant
soit de l’utilisation d’un matériel ne répondant pas aux spécifications indiquées au
point 4, soit de l’apparition d’un bug ou d’une incompatibilité.</p>
<p>Bernard Vignal ne pourra également être tenue responsable des dommages indirects (tels
par exemple qu’une perte de marché ou perte d’une chance) consécutifs à l’utilisation du
site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>.</p>
<p>Des espaces interactifs (possibilité de poser des questions dans l’espace contact) sont à
la disposition des utilisateurs. Bernard Vignal se réserve le droit de supprimer, sans
mise en demeure préalable, tout contenu déposé dans cet espace qui contreviendrait à la
législation applicable en France, en particulier aux dispositions relatives à la
protection des données. Le cas échéant, Bernard Vignal se réserve également la
possibilité de mettre en cause la responsabilité civile et/ou pénale de l’utilisateur,
notamment en cas de message à caractère raciste, injurieux, diffamant, ou
pornographique, quel que soit le support utilisé (texte, photographie…).</p>
<h3 class="section-subheading">7. Gestion des données personnelles.</h3>
<p>En France, les données personnelles sont notamment protégées par la loi n° 78-87 du 6
janvier 1978, la loi n° 2004-801 du 6 août 2004, l'article L. 226-13 du Code pénal et la
Directive Européenne du 24 octobre 1995.</p>
<p>A l'occasion de l'utilisation du site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>,
peuvent êtres recueillies : l'URL des liens par l'intermédiaire desquels l'utilisateur a
accédé au site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>,
le fournisseur d'accès de l'utilisateur, l'adresse de protocole Internet (IP) de
l'utilisateur.</p>
<p> En tout état de cause Bernard Vignal ne collecte des informations personnelles relatives
à l'utilisateur que pour le besoin de certains services proposés par le site <a
href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>.
L'utilisateur fournit ces informations en toute connaissance de cause, notamment
lorsqu'il procède par lui-même à leur saisie. Il est alors précisé à l'utilisateur du
site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>
l’obligation ou non de fournir ces informations.</p>
<p>Conformément aux dispositions des articles 38 et suivants de la loi 78-17 du 6 janvier
1978 relative à l’informatique, aux fichiers et aux libertés, tout utilisateur dispose
d’un droit d’accès, de rectification et d’opposition aux données personnelles le
concernant, en effectuant sa demande écrite et signée, accompagnée d’une copie du titre
d’identité avec signature du titulaire de la pièce, en précisant l’adresse à laquelle la
réponse doit être envoyée.</p>
<p>Aucune information personnelle de l'utilisateur du site <a
href="https://www.bernardvignal.fr/" title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>
n'est publiée à l'insu de l'utilisateur, échangée, transférée, cédée ou vendue sur un
support quelconque à des tiers. Seule l'hypothèse du rachat de Bernard Vignal et de ses
droits permettrait la transmission des dites informations à l'éventuel acquéreur qui
serait à son tour tenu de la même obligation de conservation et de modification des
données vis à vis de l'utilisateur du site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>.
</p>
<p>Le site n'est pas déclaré à la CNIL car il ne recueille pas d'informations personnelles.
.</p>
<p>Les bases de données sont protégées par les dispositions de la loi du 1er juillet 1998
transposant la directive 96/9 du 11 mars 1996 relative à la protection juridique des
bases de données.</p>
<h3 class="section-subheading">8. Liens hypertextes et cookies.</h3>
<p>Le site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>
contient un certain nombre de liens hypertextes vers d’autres sites, mis en place avec
l’autorisation de Bernard Vignal. Cependant, Bernard Vignal n’a pas la possibilité de
vérifier le contenu des sites ainsi visités, et n’assumera en conséquence aucune
responsabilité de ce fait.</p>
<p>La navigation sur le site <a href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>
est susceptible de provoquer l’installation de cookie(s) sur l’ordinateur de
l’utilisateur. Un cookie est un fichier de petite taille, qui ne permet pas
l’identification de l’utilisateur, mais qui enregistre des informations relatives à la
navigation d’un ordinateur sur un site. Les données ainsi obtenues visent à faciliter la
navigation ultérieure sur le site, et ont également vocation à permettre diverses
mesures de fréquentation.</p>
<p>Le refus d’installation d’un cookie peut entraîner l’impossibilité d’accéder à certains
services. L’utilisateur peut toutefois configurer son ordinateur de la manière suivante,
pour refuser l’installation des cookies :</p>
<p>Sous Internet Explorer : onglet outil (pictogramme en forme de rouage en haut a droite) /
options internet. Cliquez sur Confidentialité et choisissez Bloquer tous les cookies.
Validez sur Ok.</p>
<p>Sous Firefox : en haut de la fenêtre du navigateur, cliquez sur le bouton Firefox, puis
aller dans l'onglet Options. Cliquer sur l'onglet Vie privée.
Paramétrez les Règles de conservation sur : utiliser les paramètres personnalisés pour
l'historique. Enfin décochez-la pour désactiver les cookies.</p>
<p>Sous Safari : Cliquez en haut à droite du navigateur sur le pictogramme de menu
(symbolisé par un rouage). Sélectionnez Paramètres. Cliquez sur Afficher les paramètres
avancés. Dans la section "Confidentialité", cliquez sur Paramètres de contenu. Dans la
section "Cookies", vous pouvez bloquer les cookies.</p>
<p>Sous Chrome : Cliquez en haut à droite du navigateur sur le pictogramme de menu
(symbolisé par trois lignes horizontales). Sélectionnez Paramètres. Cliquez sur Afficher
les paramètres avancés. Dans la section "Confidentialité", cliquez sur préférences. Dans
l'onglet "Confidentialité", vous pouvez bloquer les cookies.</p>
<h3 class="section-subheading">9. Droit applicable et attribution de juridiction.</h3>
<p>Tout litige en relation avec l’utilisation du site <a
href="https://www.bernardvignal.fr/"
title="Bernard Vignal - www.bernardvignal.fr">www.bernardvignal.fr</a>
est soumis au droit français. Il est fait attribution exclusive de juridiction aux
tribunaux compétents de Paris.</p>
<h3 class="section-subheading">10. Les principales lois concernées.</h3>
<p>Loi n° 78-17 du 6 janvier 1978, notamment modifiée par la loi n° 2004-801 du 6 août 2004
relative à l'informatique, aux fichiers et aux libertés.</p>
<p> Loi n° 2004-575 du 21 juin 2004 pour la confiance dans l'économie numérique.</p>
<h3 class="section-subheading">11. Lexique.</h3>
<p>Utilisateur : Internaute se connectant, utilisant le site susnommé.</p>
<p>Informations personnelles : « les informations qui permettent, sous quelque forme que ce
soit, directement ou non, l'identification des personnes physiques auxquelles elles
s'appliquent » (article 4 de la loi n° 78-17 du 6 janvier 1978).</p>
<button type="button" class="btn btn-primary btn-close-modal" data-dismiss="modal">
<i class="fa fa-times"></i>
Fermer
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cookie-consent">
<p class="cookie-consent-p">
<span class="cookie-consent-part">
En poursuivant votre visite de ce site, vous acceptez l'installation et l'utilisation de cookies
sur votre poste pour améliorer votre expérience de navigation. Pour en savoir plus,
</span>
<span class="cookie-consent-terms">
<a href="#legalTerms" data-toggle="modal">
cliquez ici
</a>
</span>
<span class="cookie-consent-part">.</span>
</p>
<div class="cc-button-wrapper">
<div class="cc-btn cc-btn-positive"><i class="fa fa-times"></i></div>
</div>
</div>
<div id="viewport-spy"></div>
<script id="analytics-script">
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-91643546-2', 'auto');
ga('send', 'pageview');
</script>
<script async src="https://www.google.com/recaptcha/api.js?hl=fr"></script>
<!--<script src="assets/vendor/lazysizes/lazysizes.min.js" async=""></script>-->
<!--<script src="assets/vendor/jquery/jquery.min.js"></script>-->
<!--<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>-->
<!--<script src="assets/js/jqBootstrapValidation.js"></script>-->
<!--<script src="assets/js/contact_me.js"></script>-->
<script src="assets/vendor/vendor.min.js"></script>
<script async src="assets/js/agency.min.js"></script>
</body>
</html>