Les150/serment-pour-le-climat
0
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Commit intiial

Browse source
This commit is contained in:
Matt Marcha 2021-03-24 08:16:59 +01:00
commit 0a37e711d8
19 changed files with 1032 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

71
.htaccess Normal file
View file

@ -0,0 +1,71 @@
# REecriture et redirections
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^/?(.*) https://%{SERVER_NAME}/$1 [R,L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)\.html$ /$1 [L,R=301]
# LA 404
ErrorDocument 404 /404.html
# MOD_DEFLATE COMPRESSION
SetOutputFilter DEFLATE
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/x-httpd-php
#Pour les navigateurs incompatibles
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
#ne pas mettre en cache si ces fichiers le sont déjà
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip
#les proxies doivent donner le bon contenu
Header append Vary User-Agent env=!dont-vary
# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 7200 seconds"
ExpiresByType image/jpg "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType text/css "access plus 2592000 seconds"
ExpiresByType text/html "access plus 7200 seconds"
ExpiresByType application/xhtml+xml "access plus 7200 seconds"
ExpiresByType application/javascript A2592000
ExpiresByType application/x-javascript "access plus 2592000 seconds"
</IfModule>
# END Expire headers
# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<FilesMatch "\.(ico|jpe?g|png|gif|swf|css|gz)$">
Header set Cache-Control "max-age=2592000, public"
</FilesMatch>
<FilesMatch "\.(js)$">
Header set Cache-Control "max-age=2592000, private"
</FilesMatch>
<filesMatch "\.(html|htm)$">
Header set Cache-Control "max-age=7200, public"
</filesMatch>
# Disable caching for scripts and other dynamic files
<FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$">
Header unset Cache-Control
</FilesMatch>
</IfModule>
# END Cache-Control Headers
# KILL THEM ETAGS
Header unset ETag
FileETag none
# protect the htaccess file
<files .htaccess>
order allow,deny
deny from all
</files>
# protection de la lecture des répertoires
Options -Indexes

113
404.html Normal file
View file

@ -0,0 +1,113 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=320, initial-scale=1, shrink-to-fit=no">
<!-- SEO Meta Tags -->
<meta name="description" content="">
<meta name="author" content="Association Les 150">
<!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
<meta property="og:site_name" content="Serment pour le Climat" /> <!-- website name -->
<meta property="og:site" content="https://sermentpourleclimat.les150.fr/" /> <!-- website link -->
<meta property="og:title" content="404"/> <!-- title shown in the actual shared post -->
<meta property="og:description" content="Page d'erreur" /> <!-- description shown in the actual shared post -->
<meta property="og:image" content="https://sermentpourleclimat.les150.fr/images/Titre_Serment.jpg" /> <!-- image link, make sure it's jpg -->
<meta property="og:url" content="https://sermentpourleclimat.les150.fr/404" /> <!-- where do you want your post to link to -->
<!-- Website Title -->
<title>Erreur 404</title>
<!-- Favicon -->
<link rel="icon" href="images/favicon.svg">
<link rel="stylesheet" href="includes/style.css" media="screen">
<link rel="stylesheet" href="includes/print.css" media="print">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
_paq.push([function() {
var self = this;
function getOriginalVisitorCookieTimeout() {
var now = new Date(),
nowTs = Math.round(now.getTime() / 1000),
visitorInfo = self.getVisitorInfo();
var createTs = parseInt(visitorInfo[2]);
var cookieTimeout = 33696000; // 13 mois en secondes
var originalTimeout = createTs + cookieTimeout - nowTs;
return originalTimeout;
}
this.setVisitorCookieTimeout( getOriginalVisitorCookieTimeout() );
}]);
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.marcha.pro/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<main>
<header id="header" class="ex-header">
<h1>Erreur 404</h1>
</header>
<section>
<p>Je ne sais pas ce que vous cherchiez, mais ce n'est visiblement pas ici.<br />
Et si vous <a href="/">retourniez à l'accueil ?</a></p>
</section>
</main>
<footer>
<p>Partagez le Serment pour le Climat sur les réseaux :</p>
<div class='buttons'>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://sermentpourleclimat.les150.fr" target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-3 7h-1.924c-.615 0-1.076.252-1.076.889v1.111h3l-.238 3h-2.762v8h-3v-8h-2v-3h2v-1.923c0-2.022 1.064-3.077 3.461-3.077h2.539v3z" fill="#fff"/></svg>
</a>
<a href="https://twitter.com/intent/tweet?url=https://sermentpourleclimat.les150.fr&text=%C3%80%20ce%20qui%20parait,%20%C3%A0%2067%20millions%20de%20signataires%20du%20#SermentClimat,%20@WilliamAucant%20chante%20%22allumer%20le%20feu%22%20d%C3%A9guis%C3%A9%20en%20Amish." target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-.139 9.237c.209 4.617-3.234 9.765-9.33 9.765-1.854 0-3.579-.543-5.032-1.475 1.742.205 3.48-.278 4.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098 1.021.069 1.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394 1.486.411-1.461-.977-1.875-2.907-1.016-4.383 1.619 1.986 4.038 3.293 6.766 3.43-.479-2.053 1.08-4.03 3.199-4.03.943 0 1.797.398 2.395 1.037.748-.147 1.451-.42 2.086-.796-.246.767-.766 1.41-1.443 1.816.664-.08 1.297-.256 1.885-.517-.439.656-.996 1.234-1.639 1.697z" fill="#fff"/></svg>
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://sermentpourleclimat.les150.fr" target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" fill="#fff"/></svg>
</a>
</div>
<div class="menu">
<p>Copyright © 2021 <a href="https://www.les150.fr">Les 150</a> - <a href="/mentions-legales" class="mentions">Mentions légales</a></p>
</div>
</footer>
<section id='share'>
<a id='je-signe' href='https://www.change.org/sermentpourleclimat/' target='_blank'>
<p id="link">#JeSigne</p>
<p class="sublink">change.org/sermentpourleclimat/</p>
</a>
<div id="thankyou">
<h3>Merci pour votre soutien !</h3>
<p>Vous êtes plein ou pleine d'énergie ? Rien ne vous arrête ? Vous pouvez encore partager le Serment pour le Climat sur les réseaux !</p>
<div class='buttons'>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://sermentpourleclimat.les150.fr" target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-3 7h-1.924c-.615 0-1.076.252-1.076.889v1.111h3l-.238 3h-2.762v8h-3v-8h-2v-3h2v-1.923c0-2.022 1.064-3.077 3.461-3.077h2.539v3z" fill="#fff"/></svg>
</a>
<a href="https://twitter.com/intent/tweet?url=https://sermentpourleclimat.les150.fr&text=%C3%80%20ce%20qui%20parait,%20%C3%A0%2067%20millions%20de%20signataires%20du%20#SermentClimat,%20@WilliamAucant%20chante%20%22allumer%20le%20feu%22%20d%C3%A9guis%C3%A9%20en%20Amish." target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-.139 9.237c.209 4.617-3.234 9.765-9.33 9.765-1.854 0-3.579-.543-5.032-1.475 1.742.205 3.48-.278 4.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098 1.021.069 1.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394 1.486.411-1.461-.977-1.875-2.907-1.016-4.383 1.619 1.986 4.038 3.293 6.766 3.43-.479-2.053 1.08-4.03 3.199-4.03.943 0 1.797.398 2.395 1.037.748-.147 1.451-.42 2.086-.796-.246.767-.766 1.41-1.443 1.816.664-.08 1.297-.256 1.885-.517-.439.656-.996 1.234-1.639 1.697z" fill="#fff"/></svg>
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://sermentpourleclimat.les150.fr" target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" fill="#fff"/></svg>
</a>
</div>
</div>
</section>
</body>
</html>

BIN
fonts/lato-black-webfont.woff Normal file
View file

Binary file not shown.

BIN
fonts/lato-black-webfont.woff2 Normal file
View file

Binary file not shown.

BIN
fonts/lato-regular-webfont.woff Normal file
View file

Binary file not shown.

BIN
fonts/lato-regular-webfont.woff2 Normal file
View file

Binary file not shown.

BIN
images/Illustration_Serment_.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 74 KiB

BIN
images/Illustration_Serment_2.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 62 KiB

BIN
images/Illustration_Serment_3.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 66 KiB

BIN
images/Illustration_Serment_4.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
images/Illustration_Serment_5.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
images/Illustration_Serment_6.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
images/Titre_Serment.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
images/Titre_Serment.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 68 KiB

1
images/favicon.svg Normal file
View file

@ -0,0 +1 @@
<svg height='100px' width='100px' fill="#add6ed" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="-39.302 -39.295 100 100" enable-background="new -39.302 -39.295 100 100" xml:space="preserve"><path fill="#000000" d="M10.705-34.333c-24.874,0-45.038,20.165-45.038,45.038c0,24.878,20.165,45.038,45.038,45.038 c5.14,0,10.062-0.903,14.66-2.489h0.004l0,0c17.662-6.09,30.374-22.819,30.374-42.549C55.743-14.168,35.578-34.333,10.705-34.333z M-14.998-18.187c2.021,2.668,5.448,5.656,4.897,7.747c-0.945,3.575-10.658,4.598-12.622,7.733 c-2.938,4.693-3.258,18.285-3.188,25.91c-1.348-3.924-2.112-8.118-2.112-12.498C-28.022-0.781-22.965-11.089-14.998-18.187z M-23.264,29.279c4.902,1.397,15.485,4.729,18.156,8.07c1.293,1.61,1.861,6.389,2.104,9.535 C-11.658,43.59-18.852,37.313-23.264,29.279z M22.304,47.649l-1.783-3.242c-0.637-4.704,0.521-15.197-2.543-18.833 c-3.641-4.314-18.386-2.083-21.542-6.763C-6.078,15.085-5.511,7.684-2.652,4.222c3.624-4.388,15.399-9.129,20.859-7.54 c2.494,0.723,5.982,5.632,8.563,5.826c1.199,0.088,2.576-2.696,3.73-3.049c2.367-0.725,7.839,2.326,9.873,0.9 c0.702-0.493,1.221-2.533,0.88-3.324c-1.094-2.537-7.248-6.504-9.709-5.255c-1.18,0.602,0.509,4.741-0.715,5.247 c-3.583,1.481-8.443-9.072-12.302-9.438C14.28-12.813,6.901-2.519,3.265-4.755c-1.467-0.906-1.122-5.58-0.017-6.9 c0.731-0.871,3.805,0.129,4.478-0.783c0.74-1.002-1.117-3.817-0.607-4.953c1.211-2.701,6.89-5.914,9.729-6.748 c2.757-0.812,7.597,3.258,10.227,2.895c0.714-0.097,1.696-0.848,2.646-1.75c11.75,6.66,19.713,19.257,19.713,33.701 c0,2.761-0.301,5.447-0.854,8.049c-0.033-0.009-0.087,0.008-0.116-0.004c-2.473-0.854-5.842-10.414-7.209-9.097 c-2.712,2.604,2.854,12.493,5.09,16.204C41.93,36.202,33.134,44.243,22.304,47.649z"></path></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
images/hr_Serment.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 28 KiB

382
includes/style.css Normal file
View file

@ -0,0 +1,382 @@
/**
* GÉNÉRALITÉS
**/
:root {
--blue: rgb(0, 79, 135);
}
@font-face {
font-family: 'Lato';
src: local("Lato Regular"),
url('../fonts/lato-regular-webfont.woff2') format('woff2'),
url('../fonts/lato-regular-webfont.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: local("Lato Black"),
url('../fonts/lato-black-webfont.woff2') format('woff2'),
url('../fonts/lato-black-webfont.woff') format('woff');
font-weight: 900;
font-style: normal;
}
html {
scroll-behavior: smooth;
}
body {
color: var(--blue);
font-family: Lato, Verdana, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.3;
overflow-x: hidden;
}
strong {
font-weight: 600;
}
main {
max-width : 600px;
min-height: calc(100vh - 192px);
margin: auto;
padding: 0 5px;
}
hr.joli {
position: relative;
background: url(/images/hr_Serment.png) center center no-repeat;
background-size: contain;
border: none;
height: 50px;
}
hr.joli:before,
hr.joli:after {
content: "";
border: 2px solid #f7c748;
width: calc(50% - 95px);
height: 0px;
position: absolute;
top: -18px;
bottom: 0;
margin: auto;
}
hr.joli:before {
left: -15px;
}
hr.joli:after {
right: -15px;
}
/* --- */
/* ACCORDÉONS */
.accordion {
position: relative;
overflow: hidden;
}
.accordion input.toggle-accordion-content {
position: absolute;
z-index: 10;
top: 0;
left:0;
width: 100%;
height: 100%;
opacity: 0;
}
.accordion .accordion-content {
margin: 0 .5em;
transition: font-size .1s,
margin .1s,
padding .1s,
opacity .2s .1s;
}
.accordion input.toggle-accordion-content:checked {
z-index: -1;
}
.accordion input.toggle-accordion-content:not(:checked) ~ .accordion-content {
opacity: 0;
font-size: 0;
margin: 0;
padding: 0;
}
.accordion .accordion-close {
z-index: 0;
}
.accordion .accordion-close input.clear {
position: absolute;
top: 0;
left:0;
width: 100%;
height: 4em;
opacity: 0;
}
.accordion input.toggle-accordion-content:checked ~ .accordion-close input.clear {
z-index: 15;
}
.accordion .accordion-title:before {
content: "+";
display: inline-block;
position: absolute;
left: 5px;
top: -3px;
transform-origin: center center;
transition: transform .2s;
border: 1px solid var(--blue);
border-radius: 30px;
margin-top: 2px;
height: 20px;
width: 14px;
padding-left: 6px;
}
.accordion .toggle-accordion-content:hover ~ .accordion-title:before,
.accordion .accordion-close:hover ~ .accordion-title:before{
color: #fff;
border-color: #fff;
background-color: var(--blue);
}
.accordion .accordion-title {
font-size: 0.8em;
position: relative;
padding-left: 35px;
margin-top: .5em;
margin-bottom: .5em;
}
.accordion input.toggle-accordion-content:checked ~ .accordion-title::before {
transform: rotate(.125turn);
}
/* --- */
/* TITRE & INTRO */
h1 {
text-align: center;
margin: 5px;
}
#intro {
margin-bottom: 1em;
}
#intro .emphase {
font-size: 1.2em;
margin-bottom: 5px;
}
#intro .accordion-title {
font-size: 0.8em;
}
/* --- */
/* SERMENT */
#serment .titre-serment + p {
margin-top: 0;
}
#serment p.objectifs-title {
text-transform: uppercase;
}
#serment ul.objectifs {
padding-left: 0;
list-style: circle
}
#serment ul.objectifs li {
margin-left: 20px;
}
#serment .accordion .accordion-title {
margin-top: 1em;
}
#serment .fait,
#serment .info-fin {
font-style: italic;
font-size: .8em;
}
/* --- */
/* SIGNATAIRES */
#signataires h2 {
text-align: center;
}
#signataires p.subtitle {
font-style: italic;
font-size: 0.8em;
text-align: center;
}
#signataires .signataires .meta-info {
margin-top: 0;
font-style: italic;
font-size: .9em;
}
#signataires ul.noms {
display: grid;
list-style: none;
padding-left: 0;
width: 100%;
grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
font-size: .6em;
font-weight: 900;
}
/* --- */
/* FOOTER */
footer {
position: relative;
background-color: #518aca;
margin: 0 -15px -15px -15px;
padding: 0 15px 2em 15px;
color: #fff;
}
footer p {
padding-top: 2em;
font-size: 0.8em;
text-align: center;
}
footer .buttons {
text-align: center;
margin-bottom: 2em;
}
footer .buttons a {
margin: 5px;
text-decoration: none;
}
footer .buttons svg {
width: 30px;
height: 30px;
}
footer .menu {
font-size: .8em;
position: absolute;
bottom: 1em;
}
footer .menu a {
color: #fff;
}
/* --- */
/* SIGNATURE, PARTAGE */
#share #je-signe {
position: fixed;
bottom: 0;
right: 0;
padding: .6em;
border-radius: 1em 0 0 0 ;
background-color: #518aca;
font-size: 1.1em;
transition: font-size .2s;
text-decoration: none;
}
#share #je-signe #link {
color: #fff;
font-size: 1.2em;
font-weight: 900;
margin-bottom: 0;
margin-top: 0;
text-decoration: underline;
}
#share #je-signe:hover {
font-size: 1.5em;
}
#share #je-signe .sublink {
color: #fff;
font-size: 0.33em;
text-decoration: none;
margin: 0;
line-height: 0.2;
}
#share #thankyou {
display: none;
position: fixed;
z-index: 99;
width: 94vw;
height: calc(90vh - 1.5em);
top: 3vh;
left: 3vw;
border-radius: 5px;
background-color: #518aca;
color: #fff;
text-align: center;
}
#share #thankyou .buttons a {
text-decoration: none;
margin: 0 15px
}
#share #thankyou .buttons svg {
width: 60px;
height: 60px;
}
#share #je-signe:focus + #thankyou,
#share:focus-within #thankyou,
#share #thankyou:focus,
#share #thankyou:focus-within
{
display: block;
}
@media only screen and (min-width : 601px) {
footer {
padding : 0 calc(50% - 285px) 2em calc(50% - 285px);
}
#share #je-signe {
margin-right: calc(50% - 315px );
border-radius: 1em 1em 0 0 ;
font-size: 1.4em;
}
#share #je-signe:hover {
font-size: 1.8em;
}
}

286
index.html Normal file
View file

@ -0,0 +1,286 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=320, initial-scale=1, shrink-to-fit=no">
<!-- SEO Meta Tags -->
<meta name="description" content="Les 150 appellent aujourd’hui à s’engager à leurs côtés par le Serment pour le climat : un engagement libre et symbolique pour la sauvegarde des biens communs, pour la communauté humaine, ou tout simplement pour vivre mieux.">
<meta name="author" content="Association Les 150">
<!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
<meta property="og:site_name" content="Serment pour le Climat" /> <!-- website name -->
<meta property="og:site" content="https://sermentpourleclimat.les150.fr/" /> <!-- website link -->
<meta property="og:title" content="Le Serment des citoyennes et des citoyens pour le climat"/> <!-- title shown in the actual shared post -->
<meta property="og:description" content="Les 150 appellent aujourd’hui à s’engager à leurs côtés par le Serment pour le climat : un engagement libre et symbolique pour la sauvegarde des biens communs, pour la communauté humaine, ou tout simplement pour vivre mieux." /> <!-- description shown in the actual shared post -->
<meta property="og:image" content="https://sermentpourleclimat.les150.fr/images/Titre_Serment.jpg" /> <!-- image link, make sure it's jpg -->
<meta property="og:url" content="https://sermentpourleclimat.les150.fr/" /> <!-- where do you want your post to link to -->
<!-- Website Title -->
<title>Le serment des citoyennes et des citoyens pour le climat</title>
<!-- Favicon -->
<link rel="icon" href="images/favicon.svg">
<link rel="stylesheet" href="includes/style.css" media="screen">
<link rel="stylesheet" href="includes/print.css" media="print">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
_paq.push([function() {
var self = this;
function getOriginalVisitorCookieTimeout() {
var now = new Date(),
nowTs = Math.round(now.getTime() / 1000),
visitorInfo = self.getVisitorInfo();
var createTs = parseInt(visitorInfo[2]);
var cookieTimeout = 33696000; // 13 mois en secondes
var originalTimeout = createTs + cookieTimeout - nowTs;
return originalTimeout;
}
this.setVisitorCookieTimeout( getOriginalVisitorCookieTimeout() );
}]);
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.marcha.pro/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<main>
<h1>Le serment pour le climat</h1>
<section id='intro'>
<p class='emphase'>Les 150 appellent aujourd’hui à s’engager à leurs côtés par le «&nbsp;Serment des citoyennes et des citoyens pour le climat&nbsp;», un engagement libre et symbolique pour la sauvegarde des biens communs, pour la communauté humaine, ou tout simplement pour vivre mieux.</p>
<div class="accordion">
<input type="radio" class="toggle-accordion-content" name="services">
<div class="accordion-close">
<input type="radio" class="clear" name="services">
</div>
<p class="accordion-title">En savoir plus</p>
<div class="accordion-content">
<p>Ce serment reprend la vision globale, systémique et inclusive de la Convention Citoyenne pour le Climat. Il s’appuie sur le texte fondateur du rapport final remis à l’exécutif le 21 juin 2020 : 47 familles d’objectifs pour 149 recommandations concrètes, responsables, inspirantes, construites dans le consensus, pour réduire les émissions de gaz à effets de serre (GES) de 40% d’ici 2030, dans un esprit de justice sociale.</p>
<p>Alors qu’une marche pour le climat s’organise pour exiger une politique de lois ambitieuse à la hauteur de l'enjeu et que l’Union européenne a décidé d’un rehaussement de notre objectif à une baisse de 55% de nos émissions de GES d’ici à 2030, les 150 souhaitent réaffirmer l'esprit et les objectifs de la Convention Citoyenne pour le Climat afin de les remettre et les maintenir au centre du débat public.</p>
<p>En remettant leurs engagements à tous les citoyens français, les 150 souhaitent à la fois renouveler leur attachement à des mesures construites dans le consensus mais aussi partager hors-des-murs de la convention la nécessité de l'effort aussi bien individuel que collectif que la crise climatique impose désormais.</p>
<p>C’est un engagement libre et symbolique avec soi-même, pour la sauvegarde des biens communs, pour la communauté des humaines et humains, ou tout simplement pour vivre mieux. Témoin du souffle de l'engagement citoyen, le Serment pour le climat pose les fondements d’un projet ambitieux, vertueux et partagé par le peuple et pour le peuple.</p>
</div>
</div>
</section>
<hr class="joli"/>
<section id='serment'>
<img class="titre-serment" src="images/Titre_Serment.jpg" width="100%">
<p><strong>Je m’engage</strong> dès aujourd&#39;hui, dans mon quotidien, dans mon travail et dans mes activités à porter, appliquer ou transmettre les objectifs suivant ce serment. Ils contribueront à l&#39;effort de réduction des émissions de gaz à effet de serre et de leurs conséquences sur le réchauffement climatique dans un esprit de justice sociale.</p>
<p><strong>J’ai conscience</strong> que les efforts individuels ne suffiront pas mais que mon engagement sera essentiel pour le climat, dans une démarche universelle, au service du bien commun, dans le respect du vivant, pour notre avenir à toutes et tous.</p>
<hr class="joli"/>
<p class="objectifs-title"><strong>Nos objectifs sont :</strong></p>
<ul class="objectifs">
<img class="illustration-serment" src="images/Illustration_Serment_.jpg" width="100%">
<li>Développer les autres modes de transport que la voiture individuelle</li>
<img class="illustration-serment" src="images/Illustration_Serment_2.jpg" width="100%">
<li>Rendre obligatoire la rénovation énergétique globale des bâtiments d’ici 2040</li>
<li>Engager la restauration collective vers des pratiques plus vertueuses</li>
<img class="illustration-serment" src="images/Illustration_Serment_4.jpg" width="100%">
<li>Créer une obligation d&#39;affichage de l&#39;impact carbone des produits et services</li>
<li>Favoriser une production plus responsable, développer les filières de réparation, de recyclage et de gestion des déchets</li>
<li>Garantir la préservation de la biodiversité, de l&#39;environnement et lutter contre le dérèglement climatique</li>
<li>Réduire les émissions de gaz à effet de serre sur les autoroutes et voies rapides</li>
<img class="illustration-serment" src="images/Illustration_Serment_3.jpg" width="100%">
<li>Lutter contre l’artificialisation des sols et l’étalement urbain en rendant attractive la vie dans les villes et les villages</li>
<li>Développer les pratiques agroécologiques</li>
<li>Réguler la publicité pour réduire les incitations à la surconsommation</li>
<img class="illustration-serment" src="images/Illustration_Serment_5.jpg" width="100%">
<li>Inclure des citoyens dans la gouvernance des mobilités au niveau local comme au niveau national</li>
<li>Développer et soutenir l&#39;innovation de la transition</li>
<li>Organiser la conciliation des droits, libertés et principes qui ne saurait compromettre la préservation de l’environnement, patrimoine commun de l’humanité.</li>
<li>Limiter de manière significative la consommation d&#39;énergie dans les lieux publics, privés et les industries</li>
<li>Développer les circuits courts</li>
<li>Assurer une meilleure application des politiques publiques environnementales et les évaluer pour les rendre plus efficaces</li>
<li>Renforcer la Protection des écosystèmes et de la biodiversité</li>
<li>Renforcer le Contrôle des politiques environnementales</li>
<li>Limiter les effets néfastes du transport aérien</li>
<img class="illustration-serment" src="images/Illustration_Serment_6.jpg" width="100%">
<li>Réformer l&#39;enseignement et la formation agricole</li>
<li>Faire de l&#39;éducation, de la formation et de la sensibilisation des leviers d&#39;action de la consommation responsable</li>
<li>Accompagner l&#39;évolution du numérique pour réduire ses impacts environnementaux</li>
<div class="accordion">
<input type="radio" class="toggle-accordion-content" name="services">
<div class="accordion-close">
<input type="radio" class="clear" name="services">
</div>
<p class="accordion-title">Voir les objectifs suivants</p>
<div class="accordion-content">
<li>Réformer le Conseil économique, social et environnemental</li>
<li>Agir sur la réglementation et aider à la transition vers un parc véhicules propres</li>
<li>Légiférer sur le crime d’écocide</li>
<li>Limiter le suremballage et l&#39;utilisation du plastique à usage unique en développant le vrac et les consignes dans les lieux de distribution</li>
<li>Demander une production, stockage et redistribution d&#39;énergie pour et par tous</li>
<li>Créer les conditions d&#39;un retour fort à l&#39;usage du train au-delà des voies à grande vitesse</li>
<li>Réformer le fonctionnement des labels</li>
<li>Réduire à zéro les émissions des navires lors de leurs opérations dans les ports</li>
<li>Inciter au développement d’une pêche à faible émission</li>
<li>Prendre en compte les émissions gaz à effet de serre liées aux importations dans les politiques européennes</li>
<li>Impliquer les entreprises et les administrations pour penser et mieux organiser les déplacements de leurs salariés ou agents</li>
<li>Mieux informer le consommateur</li>
<li>Accompagner la reconversion des entreprises et la transformation des métiers au niveau régional</li>
<li>Mettre en place un portail unique permettant d&#39;avoir toutes les informations sur les dispositifs et moyens de transports sur un territoire</li>
<li>Réglementer la production, l’importation et l’usage des auxiliaires techniques et additifs alimentaires</li>
<li>Réduire la circulation des poids lourds émetteurs de gaz à effet de serre sur de longues distances, en permettant un report modal vers le ferroviaire ou le fluvial</li>
<li>Réfléchir sur un modèle de politique commerciale d’avenir soucieux d’encourager une alimentation saine et une agriculture faible en émissions de gaz à effet de serre en France</li>
<li>Renforcer les clauses environnementales dans les marchés publics</li>
<li>Aménager les voies publiques pour permettre de nouvelles habitudes de déplacement</li>
<li>Organiser et soutenir le financement de la transformation de l&#39;outil de production des entreprises dans le cadre de la transition écologique</li>
<li>Rendre les négociations tripartites plus transparentes et plus justes pour les agriculteurs</li>
<li>Ajouter un bilan carbone dans le bilan comptable de toutes les structures qui doivent produire un bilan</li>
<li>Poursuivre les efforts sur la réduction du gaspillage alimentaire en restauration collective et au niveau individuel</li>
<li>Tenir une position ambitieuse de la France pour la négociation de la Politique agricole commune (PAC)</li>
<li>Utiliser la PAC comme levier de transformation au niveau national</li>
</div>
</div>
</ul>
<p class='info-fin'>(47 objectifs issus des familles d’objectifs de Se Déplacer, Se Loger, Se Nourrir, Consommer, Produire et Travailler et Gouvernance de la Convention Citoyenne pour le Climat)</p>
<p class='fait'>Fait aux six coins de l&#39;Hexagone et des Outre-mer, le 28 février 2021.</p>
</section>
<hr class="joli"/>
<section id='signataires'>
<div class='signataires'>
<h2>Premières et premiers signataires</h2>
<p class="subtitle">à l'initiative des membres de la Convention Citoyenne pour le Climat</p>
<ul class='noms'>
<li>Adeline S</li>
<li>Agnès C</li>
<li>Alain B</li>
<li>Amadou S</li>
<li>Amandine R</li>
<li>Angela B</li>
<li>Aurore A</li>
<li>Benoit B</li>
<li>Brigitte D</li>
<li>Brigitte M</li>
<li>Brigitte P</li>
<li>Christine A</li>
<li>Claire B</li>
<li>Claire M</li>
<li>Claude H</li>
<li>Corinne M</li>
<li>Danièle D</li>
<li>Denis F</li>
<li>Élisabeth L</li>
<li>Éloïse</li>
<li>Évelyne D</li>
<li>Évelyne M</li>
<li>Fabien B</li>
<li>Francine G</li>
<li>Françoise L</li>
<li>Grégoire F</li>
<li>Grégory O</li>
<li>Guillaume G</li>
<li>Guillaume R</li>
<li>Guy K</li>
<li>Hubert H</li>
<li>Hugues-Olivier B</li>
<li>Isabelle P</li>
<li>Isabelle R</li>
<li>Jean Luc V</li>
<li>Jean Michel D</li>
<li>Jean Pierre C</li>
<li>Jocelyn B</li>
<li>Kisito O</li>
<li>Lionel M</li>
<li>Lydia</li>
<li>Marie-Hélène B</li>
<li>Marie-Josée V</li>
<li>Marie-Line M</li>
<li>Marie-Noelle I</li>
<li>Marie-Sylvie D</li>
<li>Martine G</li>
<li>Mathieu B</li>
<li>Mathieu D</li>
<li>Mathieu Sp</li>
<li>Matthias M-C</li>
<li>Matthieu Sa</li>
<li>Mélanie B</li>
<li>Mélanie C</li>
<li>Mickaël F</li>
<li>Mohamed M</li>
<li>Myriam L</li>
<li>Nadine B</li>
<li>Nicolas A</li>
<li>Pascal O</li>
<li>Patrice M</li>
<li>Patricia S</li>
<li>Paul T</li>
<li>Pierre F</li>
<li>Pierre R</li>
<li>Pierre V</li>
<li>Philippe M</li>
<li>Rachel D</li>
<li>Rachel TC</li>
<li>Radja K</li>
<li>Robert G</li>
<li>Samyr A</li>
<li>Sandrine F</li>
<li>Siriki O</li>
<li>Sylvain B</li>
<li>Sylvie L</li>
<li>Tina A</li>
<li>Tristant D</li>
<li>Valérie-Frédérique S</li>
<li>Virginie A</li>
<li>Vita E</li>
<li>William A</li>
<li>Yolande B</li>
<li>ZaÏa T</li>
</ul>
<p class='meta-info'>au 23 mars à 17:00</p>
</div>
</section>
</main>
<footer>
<p>Partagez le Serment pour le Climat sur les réseaux :</p>
<div class='buttons'>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://sermentpourleclimat.les150.fr" target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-3 7h-1.924c-.615 0-1.076.252-1.076.889v1.111h3l-.238 3h-2.762v8h-3v-8h-2v-3h2v-1.923c0-2.022 1.064-3.077 3.461-3.077h2.539v3z" fill="#fff"/></svg>
</a>
<a href="https://twitter.com/intent/tweet?url=https://sermentpourleclimat.les150.fr&text=%C3%80%20ce%20qui%20parait,%20%C3%A0%2067%20millions%20de%20signataires%20du%20#SermentClimat,%20@WilliamAucant%20chante%20%22allumer%20le%20feu%22%20d%C3%A9guis%C3%A9%20en%20Amish." target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-.139 9.237c.209 4.617-3.234 9.765-9.33 9.765-1.854 0-3.579-.543-5.032-1.475 1.742.205 3.48-.278 4.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098 1.021.069 1.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394 1.486.411-1.461-.977-1.875-2.907-1.016-4.383 1.619 1.986 4.038 3.293 6.766 3.43-.479-2.053 1.08-4.03 3.199-4.03.943 0 1.797.398 2.395 1.037.748-.147 1.451-.42 2.086-.796-.246.767-.766 1.41-1.443 1.816.664-.08 1.297-.256 1.885-.517-.439.656-.996 1.234-1.639 1.697z" fill="#fff"/></svg>
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://sermentpourleclimat.les150.fr" target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" fill="#fff"/></svg>
</a>
</div>
<div class="menu">
<p>Copyright © 2021 <a href="https://www.les150.fr">Les 150</a> - <a href="/mentions-legales" class="mentions">Mentions légales</a></p>
</div>
</footer>
<section id='share'>
<a id='je-signe' href='https://www.change.org/sermentpourleclimat/' target='_blank'>
<p id="link">#JeSigne</p>
<p class="sublink">change.org/sermentpourleclimat/</p>
</a>
<div id="thankyou">
<h3>Merci pour votre soutien !</h3>
<p>Vous êtes plein ou pleine d'énergie ? Rien ne vous arrête ? Vous pouvez encore partager le Serment pour le Climat sur les réseaux !</p>
<div class='buttons'>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://sermentpourleclimat.les150.fr" target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-3 7h-1.924c-.615 0-1.076.252-1.076.889v1.111h3l-.238 3h-2.762v8h-3v-8h-2v-3h2v-1.923c0-2.022 1.064-3.077 3.461-3.077h2.539v3z" fill="#fff"/></svg>
</a>
<a href="https://twitter.com/intent/tweet?url=https://sermentpourleclimat.les150.fr&text=%C3%80%20ce%20qui%20parait,%20%C3%A0%2067%20millions%20de%20signataires%20du%20#SermentClimat,%20@WilliamAucant%20chante%20%22allumer%20le%20feu%22%20d%C3%A9guis%C3%A9%20en%20Amish." target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-.139 9.237c.209 4.617-3.234 9.765-9.33 9.765-1.854 0-3.579-.543-5.032-1.475 1.742.205 3.48-.278 4.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098 1.021.069 1.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394 1.486.411-1.461-.977-1.875-2.907-1.016-4.383 1.619 1.986 4.038 3.293 6.766 3.43-.479-2.053 1.08-4.03 3.199-4.03.943 0 1.797.398 2.395 1.037.748-.147 1.451-.42 2.086-.796-.246.767-.766 1.41-1.443 1.816.664-.08 1.297-.256 1.885-.517-.439.656-.996 1.234-1.639 1.697z" fill="#fff"/></svg>
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://sermentpourleclimat.les150.fr" target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" fill="#fff"/></svg>
</a>
</div>
</div>
</section>
</body>
</html>

179
mentions-legales.html Normal file
View file

@ -0,0 +1,179 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=320, initial-scale=1, shrink-to-fit=no">
<!-- SEO Meta Tags -->
<meta name="description" content="">
<meta name="author" content="Association Les 150">
<!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
<meta property="og:site_name" content="Serment pour le Climat" /> <!-- website name -->
<meta property="og:site" content="https://sermentpourleclimat.les150.fr/" /> <!-- website link -->
<meta property="og:title" content="Mentions légales"/> <!-- title shown in the actual shared post -->
<meta property="og:description" content="Mentions légales du site" /> <!-- description shown in the actual shared post -->
<meta property="og:image" content="https://sermentpourleclimat.les150.fr/images/Titre_Serment.jpg" /> <!-- image link, make sure it's jpg -->
<meta property="og:url" content="https://sermentpourleclimat.les150.fr/mentions-legales" /> <!-- where do you want your post to link to -->
<!-- Website Title -->
<title>Mentions légales</title>
<!-- Favicon -->
<link rel="icon" href="images/favicon.svg">
<link rel="stylesheet" href="includes/style.css" media="screen">
<link rel="stylesheet" href="includes/print.css" media="print">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
_paq.push([function() {
var self = this;
function getOriginalVisitorCookieTimeout() {
var now = new Date(),
nowTs = Math.round(now.getTime() / 1000),
visitorInfo = self.getVisitorInfo();
var createTs = parseInt(visitorInfo[2]);
var cookieTimeout = 33696000; // 13 mois en secondes
var originalTimeout = createTs + cookieTimeout - nowTs;
return originalTimeout;
}
this.setVisitorCookieTimeout( getOriginalVisitorCookieTimeout() );
}]);
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.marcha.pro/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<main class="mentions">
<nav><a href="/">< Retour au site</a> </nav>
<header id="header" class="ex-header">
<h1>Mentions légales</h1>
</header>
<section>
<h2>Légende</h2>
<p>"site" : fait référence au site web disponible à l'adresse https://sermentpourleclimat.les150.fr/</p>
<h2>Responsables et intervenants</h2>
<p>Conformément aux dispositions de la loi n° 2004-575 du 21 juin 2004 pour la confiance en l’économie numérique, il est précisé aux utilisateurs du site l’identité des différents intervenants dans le cadre de sa réalisation et de son suivi.</p>
<h3>Éditrice</h3>
<p>Association les 150<br />
9 Place d’Iéna<br />
75016 Paris<br />
Email : <a href="mailto:contact@les150.fr">contact@les150.fr</a></p>
<h3>Directeurs et directrices de publication</h3>
<p>Alexia Fundéré, Benoît Baubry, Agnès Catoire, Hubert Hacquart</p>
<h4>Responsable de publication</h4>
<p>William Aucant</p>
<h4>Webmestre</h4>
<p>Matt Marcha<br />
Email :
<a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#109;&#97;&#116;&#116;&#64;&#109;&#97;&#114;&#99;&#104;&#97;&#46;&#112;&#114;&#111;">&#109;&#97;&#116;&#116;&#64;&#109;&#97;&#114;&#99;&#104;&#97;&#46;&#112;&#114;&#111;</a><br>
Site web :
<a href="https://matt.marcha.pro" target="_blank">matt.marcha.pro</a><br>
<h3>Hébergement</h3>
<p>Infomaniak<br>
Rue Eugène-Marziano 25<br>1227 Genève GE<br>
<a href="tel:+41228203544">+41 22 820 35 44</a><br>
<a rel="noreferrer noopener" aria-label="https://www.infomaniak.com (s’ouvre dans un nouvel onglet)" href="https://www.infomaniak.com" target="_blank">https://www.infomaniak.com</a>
</p>
<h2>Protection des données personnelles</h2>
<h3>Cookies et traqueurs</h3>
<p>Le site utilise la technologie des cookies pour surveiller l’évolution du trafic de ses visiteurs, aussi appelée mesure d’audience. Les cookies sont de petits fichiers textes ou éléments d’information stockés sur votre ordinateur ou appareil portable (ex : smartphone ou tablette) lorsque vous visitez le site.</p>
<p>Lors de votre visite sur le site, des cookies sont déposés sur votre ordinateur afin de nous permettre d’effectuer correctement notre mesure d’audience. Les informations personnelles à propos du visiteurs (adresse IP) sont anonymisées et les cookies sont automatiquement supprimés au bout de 13 mois, conformément à la réglementation en vigueur. Vous pouvez vous opposer au dépôt de ces cookies au moyen de l’option ci-dessous :</p>
<iframe style="border: 0; width: 100%;" src="https://stats.marcha.pro/index.php?module=CoreAdminHome&action=optOut&language=fr&backgroundColor=&fontColor=&fontSize=&fontFamily="></iframe>
<h3>Utilisation de données personnelles</h3>
<p>Le site ne collecte ni ne traite aucune donnée personnelle à propos de ses utilisateurs.</p>
<h3>Droit d’accès, de rectification et d’opposition</h3>
<p> Conformément à la réglementation européenne en vigueur, les visiteurs du site disposent des droits suivants : </p>
<ul>
<li>droit d'accès (article 15 RGPD) et de rectification (article 16 RGPD), de mise à jour, de complétude des données des Utilisateurs droit de verrouillage ou d’effacement des données des Utilisateurs à caractère personnel (article 17 du RGPD), lorsqu’elles sont inexactes, incomplètes, équivoques, périmées, ou dont la collecte, l'utilisation, la communication ou la conservation est interdite </li>
<li>droit de retirer à tout moment un consentement (article 13-2c RGPD) </li>
<li>droit à la limitation du traitement des données des Utilisateurs (article 18 RGPD) </li>
<li>droit d’opposition au traitement des données des Utilisateurs (article 21 RGPD) </li>
<li>droit à la portabilité des données que les Utilisateurs auront fournies, lorsque ces données font l’objet de traitements automatisés fondés sur leur consentement ou sur un contrat (article 20 RGPD) </li><li>droit de définir le sort des données des Utilisateurs après leur mort et de choisir à qui le site devra communiquer (ou non) ses données à un tiers qu’ils aura préalablement désigné</li>
</ul>
<h3>Délégué à la protection des données</h3>
<p>Pour toute question concernant vos données personnelles collectées, traitées ou exploitées par le site, vous pouvez contacter le Délégué à la protection des données :<br>
Email :
<a href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x64;&#x70;&#x6F;&#x40;&#x6C;&#x65;&#x73;&#x31;&#x35;&#x30;&#x2E;&#x66;&#x72;">&#x64;&#x70;&#x6F;&#x40;&#x6C;&#x65;&#x73;&#x31;&#x35;&#x30;&#x2E;&#x66;&#x72;</a>
</p>
<h2>Droit applicable et attribution de juridiction.</h2>
<p>Tout litige en relation avec l’utilisation du site est soumis au droit français. En dehors des cas où la loi ne le permet pas, il est fait attribution exclusive de juridiction aux tribunaux compétents de Paris.</p>
<h2>Crédits</h2>
<p>Illustrations et graphisme par la génialissime <a href ='https://www.louiseplantin.fr/' target="_blank">Louise Plantin</a></p>
</section>
</main>
<footer>
<p>Partagez le Serment pour le Climat sur les réseaux :</p>
<div class='buttons'>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://sermentpourleclimat.les150.fr" target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-3 7h-1.924c-.615 0-1.076.252-1.076.889v1.111h3l-.238 3h-2.762v8h-3v-8h-2v-3h2v-1.923c0-2.022 1.064-3.077 3.461-3.077h2.539v3z" fill="#fff"/></svg>
</a>
<a href="https://twitter.com/intent/tweet?url=https://sermentpourleclimat.les150.fr&text=%C3%80%20ce%20qui%20parait,%20%C3%A0%2067%20millions%20de%20signataires%20du%20#SermentClimat,%20@WilliamAucant%20chante%20%22allumer%20le%20feu%22%20d%C3%A9guis%C3%A9%20en%20Amish." target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-.139 9.237c.209 4.617-3.234 9.765-9.33 9.765-1.854 0-3.579-.543-5.032-1.475 1.742.205 3.48-.278 4.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098 1.021.069 1.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394 1.486.411-1.461-.977-1.875-2.907-1.016-4.383 1.619 1.986 4.038 3.293 6.766 3.43-.479-2.053 1.08-4.03 3.199-4.03.943 0 1.797.398 2.395 1.037.748-.147 1.451-.42 2.086-.796-.246.767-.766 1.41-1.443 1.816.664-.08 1.297-.256 1.885-.517-.439.656-.996 1.234-1.639 1.697z" fill="#fff"/></svg>
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://sermentpourleclimat.les150.fr" target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" fill="#fff"/></svg>
</a>
</div>
<div class="menu">
<p>Copyright © 2021 <a href="https://www.les150.fr">Les 150</a> - <a href="/mentions-legales" class="mentions">Mentions légales</a></p>
</div>
</footer>
<section id='share'>
<a id='je-signe' href='https://www.change.org/sermentpourleclimat/' target='_blank'>
<p id="link">#JeSigne</p>
<p class="sublink">change.org/sermentpourleclimat/</p>
</a>
<div id="thankyou">
<h3>Merci pour votre soutien !</h3>
<p>Vous êtes plein ou pleine d'énergie ? Rien ne vous arrête ? Vous pouvez encore partager le Serment pour le Climat sur les réseaux !</p>
<div class='buttons'>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://sermentpourleclimat.les150.fr" target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-3 7h-1.924c-.615 0-1.076.252-1.076.889v1.111h3l-.238 3h-2.762v8h-3v-8h-2v-3h2v-1.923c0-2.022 1.064-3.077 3.461-3.077h2.539v3z" fill="#fff"/></svg>
</a>
<a href="https://twitter.com/intent/tweet?url=https://sermentpourleclimat.les150.fr&text=%C3%80%20ce%20qui%20parait,%20%C3%A0%2067%20millions%20de%20signataires%20du%20#SermentClimat,%20@WilliamAucant%20chante%20%22allumer%20le%20feu%22%20d%C3%A9guis%C3%A9%20en%20Amish." target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-.139 9.237c.209 4.617-3.234 9.765-9.33 9.765-1.854 0-3.579-.543-5.032-1.475 1.742.205 3.48-.278 4.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098 1.021.069 1.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394 1.486.411-1.461-.977-1.875-2.907-1.016-4.383 1.619 1.986 4.038 3.293 6.766 3.43-.479-2.053 1.08-4.03 3.199-4.03.943 0 1.797.398 2.395 1.037.748-.147 1.451-.42 2.086-.796-.246.767-.766 1.41-1.443 1.816.664-.08 1.297-.256 1.885-.517-.439.656-.996 1.234-1.639 1.697z" fill="#fff"/></svg>
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://sermentpourleclimat.les150.fr" target='_blank'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" fill="#fff"/></svg>
</a>
</div>
</div>
</section>
</body>
</html>