Templates consist mostly of groups of organisms stitched together to form pages. It’s here where we start to see the design coming together and start seeing things like layout in action.
<div class="vl-layout">
<div class="vl-layout--navbar">
<div class="vl-navbar"><img class="vl-logo" src="logo.png" alt="image"/>
<div class="vl-link-group"><a class="vl-link">Link</a><a class="vl-link">Link</a><a class="vl-link">Link</a>
</div>
<div class="vl-button-group">
<button class="vl-button -red">Button
</button>
<button class="vl-button -red">Button
</button>
<button class="vl-button -red">Button
</button>
</div>
</div>
</div>
<div class="vl-layout--main-content -white">
<p></p>
<div class="vl-home">
<div class="vl-home--banner-container"><img class="vl-home--image" src="fourviere.png" alt="image"/>
<div class="vl-home--title">
<h1 class="vl-title -color-white -font-undefined -weight-undefined">DE VIENNE À FOURVIÈRE
</h1>
<h3 class="vl-title -color-white -font-poppins -weight-bold">MARCHONS - ADORONS - TRANSMETTONS
</h3>
<h2 class="vl-title -color-white -font-poppins -weight-undefined">4&5 OCTOBRE 2025
</h2>
<div class="vl-home--title-button">
<button class="vl-button -red">Je m'inscris
</button>
</div>
</div>
</div>
<div class="vl-home--cards">
<div class="vl-card-group">
<div class="vl-card">
<h2 class="vl-title -color-white -font-undefined -weight-undefined">MARCHE AVEC NOUS
</h2>
<div class="vl-card--image-container"><img class="vl-card--image" src="marche.jpg" alt="image"/></div>
<p class="vl-paragraph -color-white">Marche sur les pas des premiers chrétiens, et ensemble avançons vers Fourvière !
</p>
<div class="vl-card--buttons">
<button class="vl-button -light -red">EN SAVOIR PLUS
</button>
<button class="vl-button -light -red">S'INSCRIRE
</button>
</div>
</div>
<div class="vl-card">
<h2 class="vl-title -color-white -font-undefined -weight-undefined">MARCHE AVEC NOUS
</h2>
<div class="vl-card--image-container"><img class="vl-card--image" src="marche.jpg" alt="image"/></div>
<p class="vl-paragraph -color-white">Marche sur les pas des premiers chrétiens, et ensemble avançons vers Fourvière !
</p>
<div class="vl-card--buttons">
<button class="vl-button -light -red">EN SAVOIR PLUS
</button>
<button class="vl-button -light -red">S'INSCRIRE
</button>
</div>
</div>
<div class="vl-card">
<h2 class="vl-title -color-white -font-undefined -weight-undefined">MARCHE AVEC NOUS
</h2>
<div class="vl-card--image-container"><img class="vl-card--image" src="marche.jpg" alt="image"/></div>
<p class="vl-paragraph -color-white">Marche sur les pas des premiers chrétiens, et ensemble avançons vers Fourvière !
</p>
<div class="vl-card--buttons">
<button class="vl-button -light -red">EN SAVOIR PLUS
</button>
<button class="vl-button -light -red">S'INSCRIRE
</button>
</div>
</div>
<div class="vl-card">
<h2 class="vl-title -color-white -font-undefined -weight-undefined">MARCHE AVEC NOUS
</h2>
<div class="vl-card--image-container"><img class="vl-card--image" src="marche.jpg" alt="image"/></div>
<p class="vl-paragraph -color-white">Marche sur les pas des premiers chrétiens, et ensemble avançons vers Fourvière !
</p>
<div class="vl-card--buttons">
<button class="vl-button -light -red">EN SAVOIR PLUS
</button>
<button class="vl-button -light -red">S'INSCRIRE
</button>
</div>
</div>
</div>
</div>
<div class="vl-home--person-cards">
<h1 class="vl-title -color-white -font-undefined -weight-undefined">QUI SOMMES-NOUS ?
</h1>
<div class="vl-person-card-group">
<div class="vl-person-card"><img src="person.png" alt="image"/>
<div class="vl-person-card--description">
<h2 class="vl-title -color-white -font-undefined -weight-undefined">Titre
</h2>
<p class="vl-paragraph -color-white">Description
</p>
</div>
</div>
<div class="vl-person-card"><img src="person.png" alt="image"/>
<div class="vl-person-card--description">
<h2 class="vl-title -color-white -font-undefined -weight-undefined">Titre
</h2>
<p class="vl-paragraph -color-white">Description
</p>
</div>
</div>
<div class="vl-person-card"><img src="person.png" alt="image"/>
<div class="vl-person-card--description">
<h2 class="vl-title -color-white -font-undefined -weight-undefined">Titre
</h2>
<p class="vl-paragraph -color-white">Description
</p>
</div>
</div>
<div class="vl-person-card"><img src="person.png" alt="image"/>
<div class="vl-person-card--description">
<h2 class="vl-title -color-white -font-undefined -weight-undefined">Titre
</h2>
<p class="vl-paragraph -color-white">Description
</p>
</div>
</div>
<div class="vl-person-card"><img src="person.png" alt="image"/>
<div class="vl-person-card--description">
<h2 class="vl-title -color-white -font-undefined -weight-undefined">Titre
</h2>
<p class="vl-paragraph -color-white">Description
</p>
</div>
</div>
<div class="vl-person-card"><img src="person.png" alt="image"/>
<div class="vl-person-card--description">
<h2 class="vl-title -color-white -font-undefined -weight-undefined">Titre
</h2>
<p class="vl-paragraph -color-white">Description
</p>
</div>
</div>
<div class="vl-person-card"><img src="person.png" alt="image"/>
<div class="vl-person-card--description">
<h2 class="vl-title -color-white -font-undefined -weight-undefined">Titre
</h2>
<p class="vl-paragraph -color-white">Description
</p>
</div>
</div>
</div>
</div>
<div class="vl-home--text-image-section">
<div class="vl-home--text-image-section--text">
<h1 class="vl-title -color-white -font-undefined -weight-undefined">Tout commence…
</h1>
<div class="vl-home--text-image-section--text-paragraph">
<p class="vl-paragraph -color-white">Il y a près de 2 000 ans, sur les terres de Lyon, Saint Pothin, Sainte Blandine et les premiers martyrs ont donné leur vie pour le Christ ; leur foi a traversé les siècles, faisant de Lyon la première Église de France. Aujourd’hui encore, l’Église de Lyon résonne de cet héritage et c’est à nous qu’il revient de le transmettre.
</p>
<p class="vl-paragraph -color-white">Via Lucis est une réponse à cet appel : marcher sur les pas des saints, redonner vie à cette histoire et porter ensemble la lumière de l’Évangile.
</p>
</div>
</div>
<div class="vl-home--text-image-section--image"><img src="st-pothin.png" alt="image"/></div>
</div>
<div class="vl-home--text-image-section -reversed">
<div class="vl-home--text-image-section--text">
<h1 class="vl-title -color-white -font-undefined -weight-undefined">Pourquoi marcher avec nous ?
</h1>
<div class="vl-home--text-image-section--text-paragraph">
<p class="vl-paragraph -color-white">• Pour renouer avec les traditions vivantes de l’Église de Lyon.
</p>
<p class="vl-paragraph -color-white">• Pour vivre un temps de conversion et de mission, ouvert à tous : familles, jeunes, paroisses.
</p>
<p class="vl-paragraph -color-white">• Pour célébrer la liturgie dans sa forme lyonnaise, qui remonte à l’époque carolingienne, véritable école de contemplation et de beauté.
</p>
</div>
</div>
<div class="vl-home--text-image-section--image"><img src="marche.png" alt="image"/></div>
</div>
<div class="vl-home--contact">
<h1 class="vl-title -color-white -font-undefined -weight-undefined">Contact
</h1>
<p class="vl-paragraph -color-white">Si tu nous écris, sois assuré(e) que nous reviendrons vers toi très vite !
</p>
<div class="vl-home--contact-form">
<div class="vl-home--contact-form-slot">
<div class="vl-home--contact-form-line">
<div class="vl-label-input">
<div class="vl-label -color-white">Label</div>
<input class="vl-input" placeholder="Placeholder"/>
</div>
<div class="vl-label-input">
<div class="vl-label -color-white">Label</div>
<input class="vl-input" placeholder="Placeholder"/>
</div>
</div>
<div class="vl-home--contact-form-line">
<div class="vl-label-input">
<div class="vl-label -color-white">Label</div>
<input class="vl-input" placeholder="Placeholder"/>
</div>
</div>
<div class="vl-home--contact-form-line">
<div class="vl-label-input">
<div class="vl-label -color-white">Label</div>
<label class="vl-radio">
<input type="radio" name="name"/><span class="vl-radio--mark"></span><span class="vl-radio--label-text">Radio label</span>
</label>
<label class="vl-radio">
<input type="radio" name="name"/><span class="vl-radio--mark"></span><span class="vl-radio--label-text">Radio label</span>
</label>
<label class="vl-radio">
<input type="radio" name="name"/><span class="vl-radio--mark"></span><span class="vl-radio--label-text">Radio label</span>
</label>
<label class="vl-radio">
<input type="radio" name="name"/><span class="vl-radio--mark"></span><span class="vl-radio--label-text">Radio label</span>
</label>
<label class="vl-radio">
<input type="radio" name="name"/><span class="vl-radio--mark"></span><span class="vl-radio--label-text">Radio label</span>
</label>
<label class="vl-radio">
<input type="radio" name="name"/><span class="vl-radio--mark"></span><span class="vl-radio--label-text">Radio label</span>
</label>
</div>
</div>
</div>
<div class="vl-home--contact-form-slot">
<div class="vl-home--contact-form-line">
<div class="vl-label-input">
<div class="vl-label -color-white">Label</div>
<textarea class="vl-textarea" rows="5" placeholder="Placeholder"></textarea>
</div>
</div>
<div class="vl-home--contact-form-line">
<label class="vl-radio">
<input type="radio" name="name"/><span class="vl-radio--mark"></span><span class="vl-radio--label-text">Je m’abonne à la newsletter</span>
</label>
</div>
<div class="vl-home--contact-form-line">
<label class="vl-radio">
<input type="radio" name="name"/><span class="vl-radio--mark"></span><span class="vl-radio--label-text">En remplissant le formulaire ci-dessus, vous confirmez l’envoi des données saisies afin d’être recontacté par nos équipes pour aller plus loin dans votre démarche.</span>
</label>
</div>
<div class="vl-home--contact-form-line">
<button class="vl-button -light -blue">Envoyer
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="vl-layout--footer">
<div class="vl-footer">
<div class="vl-footer--content"><img class="vl-logo" src="logo.png" alt="image"/>
<div class="vl-link-group"><a class="vl-link -color-white">Link</a><a class="vl-link -color-white">Link</a><a class="vl-link -color-white">Link</a>
</div>
<div class="vl-button-group">
<button class="vl-button -red">Button
</button>
<button class="vl-button -red">Button
</button>
<button class="vl-button -red">Button
</button>
</div>
</div>
<p class="vl-footer--rights">© 2025 - Tous droits réservés Via Lucis</p>
</div>
</div>
</div>.vl-layout
.vl-layout--navbar
.vl-navbar
img.vl-logo(src="logo.png" alt="image")
.vl-link-group
a.vl-link Link
a.vl-link Link
a.vl-link Link
.vl-button-group
button.vl-button.-red Button
button.vl-button.-red Button
button.vl-button.-red Button
.vl-layout--main-content.-white
p
.vl-home
.vl-home--banner-container
img.vl-home--image(src="fourviere.png" alt="image")
.vl-home--title
h1.vl-title.-color-white.-font-undefined.-weight-undefined DE VIENNE À FOURVIÈRE
h3.vl-title.-color-white.-font-poppins.-weight-bold MARCHONS - ADORONS - TRANSMETTONS
h2.vl-title.-color-white.-font-poppins.-weight-undefined 4&5 OCTOBRE 2025
.vl-home--title-button
button.vl-button.-red Je m'inscris
.vl-home--cards
.vl-card-group
.vl-card
h2.vl-title.-color-white.-font-undefined.-weight-undefined MARCHE AVEC NOUS
.vl-card--image-container
img.vl-card--image(src="marche.jpg" alt="image")
p.vl-paragraph.-color-white Marche sur les pas des premiers chrétiens, et ensemble avançons vers Fourvière !
.vl-card--buttons
button.vl-button.-light.-red EN SAVOIR PLUS
button.vl-button.-light.-red S'INSCRIRE
.vl-card
h2.vl-title.-color-white.-font-undefined.-weight-undefined MARCHE AVEC NOUS
.vl-card--image-container
img.vl-card--image(src="marche.jpg" alt="image")
p.vl-paragraph.-color-white Marche sur les pas des premiers chrétiens, et ensemble avançons vers Fourvière !
.vl-card--buttons
button.vl-button.-light.-red EN SAVOIR PLUS
button.vl-button.-light.-red S'INSCRIRE
.vl-card
h2.vl-title.-color-white.-font-undefined.-weight-undefined MARCHE AVEC NOUS
.vl-card--image-container
img.vl-card--image(src="marche.jpg" alt="image")
p.vl-paragraph.-color-white Marche sur les pas des premiers chrétiens, et ensemble avançons vers Fourvière !
.vl-card--buttons
button.vl-button.-light.-red EN SAVOIR PLUS
button.vl-button.-light.-red S'INSCRIRE
.vl-card
h2.vl-title.-color-white.-font-undefined.-weight-undefined MARCHE AVEC NOUS
.vl-card--image-container
img.vl-card--image(src="marche.jpg" alt="image")
p.vl-paragraph.-color-white Marche sur les pas des premiers chrétiens, et ensemble avançons vers Fourvière !
.vl-card--buttons
button.vl-button.-light.-red EN SAVOIR PLUS
button.vl-button.-light.-red S'INSCRIRE
.vl-home--person-cards
h1.vl-title.-color-white.-font-undefined.-weight-undefined QUI SOMMES-NOUS ?
.vl-person-card-group
.vl-person-card
img(src="person.png" alt="image")
.vl-person-card--description
h2.vl-title.-color-white.-font-undefined.-weight-undefined Titre
p.vl-paragraph.-color-white Description
.vl-person-card
img(src="person.png" alt="image")
.vl-person-card--description
h2.vl-title.-color-white.-font-undefined.-weight-undefined Titre
p.vl-paragraph.-color-white Description
.vl-person-card
img(src="person.png" alt="image")
.vl-person-card--description
h2.vl-title.-color-white.-font-undefined.-weight-undefined Titre
p.vl-paragraph.-color-white Description
.vl-person-card
img(src="person.png" alt="image")
.vl-person-card--description
h2.vl-title.-color-white.-font-undefined.-weight-undefined Titre
p.vl-paragraph.-color-white Description
.vl-person-card
img(src="person.png" alt="image")
.vl-person-card--description
h2.vl-title.-color-white.-font-undefined.-weight-undefined Titre
p.vl-paragraph.-color-white Description
.vl-person-card
img(src="person.png" alt="image")
.vl-person-card--description
h2.vl-title.-color-white.-font-undefined.-weight-undefined Titre
p.vl-paragraph.-color-white Description
.vl-person-card
img(src="person.png" alt="image")
.vl-person-card--description
h2.vl-title.-color-white.-font-undefined.-weight-undefined Titre
p.vl-paragraph.-color-white Description
.vl-home--text-image-section
.vl-home--text-image-section--text
h1.vl-title.-color-white.-font-undefined.-weight-undefined Tout commence…
.vl-home--text-image-section--text-paragraph
p.vl-paragraph.-color-white Il y a près de 2 000 ans, sur les terres de Lyon, Saint Pothin, Sainte Blandine et les premiers martyrs ont donné leur vie pour le Christ ; leur foi a traversé les siècles, faisant de Lyon la première Église de France. Aujourd’hui encore, l’Église de Lyon résonne de cet héritage et c’est à nous qu’il revient de le transmettre.
p.vl-paragraph.-color-white Via Lucis est une réponse à cet appel : marcher sur les pas des saints, redonner vie à cette histoire et porter ensemble la lumière de l’Évangile.
.vl-home--text-image-section--image
img(src="st-pothin.png" alt="image")
.vl-home--text-image-section.-reversed
.vl-home--text-image-section--text
h1.vl-title.-color-white.-font-undefined.-weight-undefined Pourquoi marcher avec nous ?
.vl-home--text-image-section--text-paragraph
p.vl-paragraph.-color-white • Pour renouer avec les traditions vivantes de l’Église de Lyon.
p.vl-paragraph.-color-white • Pour vivre un temps de conversion et de mission, ouvert à tous : familles, jeunes, paroisses.
p.vl-paragraph.-color-white • Pour célébrer la liturgie dans sa forme lyonnaise, qui remonte à l’époque carolingienne, véritable école de contemplation et de beauté.
.vl-home--text-image-section--image
img(src="marche.png" alt="image")
.vl-home--contact
h1.vl-title.-color-white.-font-undefined.-weight-undefined Contact
p.vl-paragraph.-color-white Si tu nous écris, sois assuré(e) que nous reviendrons vers toi très vite !
.vl-home--contact-form
.vl-home--contact-form-slot
.vl-home--contact-form-line
.vl-label-input
.vl-label.-color-white Label
input.vl-input(placeholder="Placeholder")
.vl-label-input
.vl-label.-color-white Label
input.vl-input(placeholder="Placeholder")
.vl-home--contact-form-line
.vl-label-input
.vl-label.-color-white Label
input.vl-input(placeholder="Placeholder")
.vl-home--contact-form-line
.vl-label-input
.vl-label.-color-white Label
label.vl-radio
input(type="radio" name="name")
span.vl-radio--mark
span.vl-radio--label-text Radio label
label.vl-radio
input(type="radio" name="name")
span.vl-radio--mark
span.vl-radio--label-text Radio label
label.vl-radio
input(type="radio" name="name")
span.vl-radio--mark
span.vl-radio--label-text Radio label
label.vl-radio
input(type="radio" name="name")
span.vl-radio--mark
span.vl-radio--label-text Radio label
label.vl-radio
input(type="radio" name="name")
span.vl-radio--mark
span.vl-radio--label-text Radio label
label.vl-radio
input(type="radio" name="name")
span.vl-radio--mark
span.vl-radio--label-text Radio label
.vl-home--contact-form-slot
.vl-home--contact-form-line
.vl-label-input
.vl-label.-color-white Label
textarea.vl-textarea(rows="5" placeholder="Placeholder")
.vl-home--contact-form-line
label.vl-radio
input(type="radio" name="name")
span.vl-radio--mark
span.vl-radio--label-text Je m’abonne à la newsletter
.vl-home--contact-form-line
label.vl-radio
input(type="radio" name="name")
span.vl-radio--mark
span.vl-radio--label-text En remplissant le formulaire ci-dessus, vous confirmez l’envoi des données saisies afin d’être recontacté par nos équipes pour aller plus loin dans votre démarche.
.vl-home--contact-form-line
button.vl-button.-light.-blue Envoyer
.vl-layout--footer
.vl-footer
.vl-footer--content
img.vl-logo(src="logo.png" alt="image")
.vl-link-group
a.vl-link.-color-white Link
a.vl-link.-color-white Link
a.vl-link.-color-white Link
.vl-button-group
button.vl-button.-red Button
button.vl-button.-red Button
button.vl-button.-red Button
p.vl-footer--rights © 2025 - Tous droits réservés Via Lucis<div class="vl-layout">
<div class="vl-layout--navbar">
<div class="vl-navbar"><img class="vl-logo" src="logo.png" alt="image"/>
<div class="vl-link-group"><a class="vl-link">Link</a><a class="vl-link">Link</a><a class="vl-link">Link</a>
</div>
<div class="vl-button-group">
<button class="vl-button -red">Button
</button>
<button class="vl-button -red">Button
</button>
<button class="vl-button -red">Button
</button>
</div>
</div>
</div>
<div class="vl-layout--main-content -white">
<p></p>
<div class="vl-legal">
<h2 class="vl-title -color-black -font-poppins -weight-undefined">Mentions légales
</h2>
<h3 class="vl-title -color-black -font-poppins -weight-undefined">Éditeur du site
</h3>
<p class="vl-paragraph">Le site www.via-lucis.fr est édité par l’association Via Lucis, association en cours de création.
</p>
<p class="vl-paragraph">Siège social : 16 avenue Gambetta, 69160 Tassin-la-Demi-Lune
</p>
<p class="vl-paragraph">Responsable de la publication : Bernard Perreau
</p>
<p class="vl-paragraph">Contact : contact@via-lucis.fr
</p>
<p class="vl-paragraph">Numéro SIRET : en cours d’enregistrement
</p>
<h3 class="vl-title -color-black -font-poppins -weight-undefined">Hébergement
</h3>
<p class="vl-paragraph">Le site est hébergé par Scaleway
</p>
<p class="vl-paragraph">11bis rue Roquépine, 75008 Paris – https://www.scaleway.com
</p>
<h3 class="vl-title -color-black -font-poppins -weight-undefined">Données personnelles
</h3>
<p class="vl-paragraph">Les données collectées via les formulaires du site (nom, prénom, adresse, téléphone, e-mail) sont utilisées uniquement dans le cadre de l’organisation du pèlerinage Via Lucis (inscriptions, bénévolat, dons, newsletters).
</p>
<p class="vl-paragraph">Conformément à la législation en vigueur, vous disposez d’un droit d’accès, de rectification et de suppression de vos données. Vous pouvez en faire la demande à l’adresse suivante : contact@via-lucis.fr
</p>
<h3 class="vl-title -color-black -font-poppins -weight-undefined">Cookies
</h3>
<p class="vl-paragraph">Le site utilise des cookies techniques nécessaires à son bon fonctionnement. Une bannière de consentement est affichée à l’arrivée sur le site. L’outil Google Analytics pourra être utilisé pour des statistiques de fréquentation, dans le respect de la réglementation RGPD.
</p>
<h3 class="vl-title -color-black -font-poppins -weight-undefined">Propriété intellectuelle
</h3>
<p class="vl-paragraph">L’ensemble des contenus présents sur le site (textes, images, vidéos, graphismes) est protégé par le droit d’auteur.
</p>
<p class="vl-paragraph">Toute reproduction, représentation ou diffusion sans autorisation écrite est interdite.
</p>
<p class="vl-paragraph">Tous droits réservés – Via Lucis.
</p>
</div>
</div>
<div class="vl-layout--footer">
<div class="vl-footer">
<div class="vl-footer--content"><img class="vl-logo" src="logo.png" alt="image"/>
<div class="vl-link-group"><a class="vl-link -color-white">Link</a><a class="vl-link -color-white">Link</a><a class="vl-link -color-white">Link</a>
</div>
<div class="vl-button-group">
<button class="vl-button -red">Button
</button>
<button class="vl-button -red">Button
</button>
<button class="vl-button -red">Button
</button>
</div>
</div>
<p class="vl-footer--rights">© 2025 - Tous droits réservés Via Lucis</p>
</div>
</div>
</div>.vl-layout
.vl-layout--navbar
.vl-navbar
img.vl-logo(src="logo.png" alt="image")
.vl-link-group
a.vl-link Link
a.vl-link Link
a.vl-link Link
.vl-button-group
button.vl-button.-red Button
button.vl-button.-red Button
button.vl-button.-red Button
.vl-layout--main-content.-white
p
.vl-legal
h2.vl-title.-color-black.-font-poppins.-weight-undefined Mentions légales
h3.vl-title.-color-black.-font-poppins.-weight-undefined Éditeur du site
p.vl-paragraph Le site www.via-lucis.fr est édité par l’association Via Lucis, association en cours de création.
p.vl-paragraph Siège social : 16 avenue Gambetta, 69160 Tassin-la-Demi-Lune
p.vl-paragraph Responsable de la publication : Bernard Perreau
p.vl-paragraph Contact : contact@via-lucis.fr
p.vl-paragraph Numéro SIRET : en cours d’enregistrement
h3.vl-title.-color-black.-font-poppins.-weight-undefined Hébergement
p.vl-paragraph Le site est hébergé par Scaleway
p.vl-paragraph 11bis rue Roquépine, 75008 Paris – https://www.scaleway.com
h3.vl-title.-color-black.-font-poppins.-weight-undefined Données personnelles
p.vl-paragraph Les données collectées via les formulaires du site (nom, prénom, adresse, téléphone, e-mail) sont utilisées uniquement dans le cadre de l’organisation du pèlerinage Via Lucis (inscriptions, bénévolat, dons, newsletters).
p.vl-paragraph Conformément à la législation en vigueur, vous disposez d’un droit d’accès, de rectification et de suppression de vos données. Vous pouvez en faire la demande à l’adresse suivante : contact@via-lucis.fr
h3.vl-title.-color-black.-font-poppins.-weight-undefined Cookies
p.vl-paragraph Le site utilise des cookies techniques nécessaires à son bon fonctionnement. Une bannière de consentement est affichée à l’arrivée sur le site. L’outil Google Analytics pourra être utilisé pour des statistiques de fréquentation, dans le respect de la réglementation RGPD.
h3.vl-title.-color-black.-font-poppins.-weight-undefined Propriété intellectuelle
p.vl-paragraph L’ensemble des contenus présents sur le site (textes, images, vidéos, graphismes) est protégé par le droit d’auteur.
p.vl-paragraph Toute reproduction, représentation ou diffusion sans autorisation écrite est interdite.
p.vl-paragraph Tous droits réservés – Via Lucis.
.vl-layout--footer
.vl-footer
.vl-footer--content
img.vl-logo(src="logo.png" alt="image")
.vl-link-group
a.vl-link.-color-white Link
a.vl-link.-color-white Link
a.vl-link.-color-white Link
.vl-button-group
button.vl-button.-red Button
button.vl-button.-red Button
button.vl-button.-red Button
p.vl-footer--rights © 2025 - Tous droits réservés Via Lucis