File "petition-1gi6c76.html"
Full path: /home/argothem/www/organecyberpresse/IMG/distant/html/petition-1gi6c76.html
File size: 56.01 KB
MIME-type: text/html
Charset: utf-8
<!DOCTYPE html>
<html lang="fr">
<head>
<script defer>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KVML24Z');</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="format-detection" content="telephone=no">
<title>Erreur 404 - Page non trouvée</title>
<meta name="description" lang="fr" content="" />
<meta name="language" content="fr" />
<meta itemprop="name" name="author" content="MesOpinions.com" />
<link itemprop="url" rel="canonical" href="" />
<meta name="robots" content="index, follow" />
<meta name="syndication-source" content="" />
<meta name="original-source" content="" />
<meta property="og:site_name" content="https://www.mesopinions.com/" />
<meta property="fb:admins" content="100000468289564" />
<meta property="fb:app_id" content="297755490271968" />
<meta property="fb:pages" content="2125327014362689" />
<meta property="og:title" content="Erreur 404 - Page non trouvée" />
<meta property="og:description" content="" />
<meta property="og:image" content="https://www.mesopinions.com/public/img/facebook_share.png" />
<meta property="og:image:width" content="620" />
<meta property="og:image:height" content="372" />
<meta property="og:url" content="" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="fr_FR" />
<meta name="google-site-verification" content="lqRipVGM6cJvPqqE-KHUtMMBlxEK-Ns6SFhb43GoxgI" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@mesopinions_com" />
<meta name="twitter:creator" content="@mesopinions_com" />
<meta name="twitter:title" content="Erreur 404 - Page non trouvée" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="https://www.mesopinions.com/public/img/facebook_share.png" />
<link rel="preconnect" href="https://connect.facebook.net" crossorigin>
<link rel="preconnect" href="https://www.facebook.com" crossorigin>
<link rel="preconnect" href="https://www.google.com" crossorigin>
<link rel="preconnect" href="https://www.google.fr" crossorigin>
<link rel="preconnect" href="https://www.google-analytics.com" crossorigin>
<link rel="preconnect" href="https://stats.g.doubleclick.net" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="stylesheet" type="text/css"href="https://www.mesopinions.com/public/css/style.min.css?v=2.2">
<script type="text/javascript" src="https://www.mesopinions.com/public/js/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="https://www.mesopinions.com/public/css/notifications.css" media="none" onload="if(media!='all')media='all'">
<noscript><link rel="stylesheet" href="https://www.mesopinions.com/public/css/notifications.css"></noscript>
<link rel="stylesheet" href="https://www.mesopinions.com/public/css/langselector.css" media="none" onload="if(media!='all')media='all'">
<noscript><link rel="stylesheet" href="https://www.mesopinions.com/public/css/langselector.css"></noscript>
<link rel="stylesheet" href="https://www.mesopinions.com/public/cookiebanner/cookiebanner.css?v=1.6" media="none" onload="if(media!='all')media='all'">
<noscript><link rel="stylesheet" href="https://www.mesopinions.com/public/cookiebanner/cookiebanner.css?v=1.6"></noscript>
<link rel="stylesheet" href="https://www.mesopinions.com/public/css/fontawesome-5.2.0/css/all.min.css" media="none" onload="if(media!='all')media='all'">
<noscript><link rel="stylesheet" href="https://www.mesopinions.com/public/css/fontawesome-5.2.0/css/all.min.css"></noscript>
<link rel="icon" type="image/png" href="https://www.mesopinions.com/public/assets/favicon.png"/>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.4.0/clipboard.min.js" async></script>
<script type="text/javascript" src="https://www.mesopinions.com/public/js/common.js?v=2.3"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- Global site tag (gtag.js) - Google Ads: 976293053 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-1781857-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-1781857-1');
gtag('config', 'AW-976293053');
</script>
<script defer>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"17448704"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
<!-- Facebook Pixel Code -->
<script defer>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '263137394219355');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=263137394219355&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<meta name="facebook-domain-verification" content="e1g7w8o0vyzc2s6qmbcjho11n7jb87" />
</head>
<body>
<div class="mo-userbar">
<a href="https://www.mesopinions.com/communaute/connexion" class="mo-login-btn">
Se connecter </a>
</div>
<style type="text/css">
body .mo-navbar .mo-navbar-sub-container .mo-navbar-sub-menu .sub-item.sub-item-special:hover {
border-color: #DA091B;
}
</style>
<div class="mo-navbar">
<a aria-label="Accueil de MesOpinions.com" class="brand-a" href="https://www.mesopinions.com/fr">
<picture>
<!--[if IE 9]><video style="display: none;><![endif]-->
<source type="image/webp" srcset="https://www.mesopinions.com/public/assets/logo.webp">
<source type="image/jpeg" srcset="https://www.mesopinions.com/public/assets/logo.jpg">
<!--[if IE 9]></video><![endif]-->
<img class="mo-image-main lazyload loading" src="https://www.mesopinions.com/public/assets/logo.jpg" alt="Logo MesOpinions.com">
</picture>
</a>
<div class="mo-navbar-sub-container">
<div class="mo-navbar-sub-menu sub-menu-petitions">
<div class="common sub-col hide-bg">
<div class="menu-header">
<a href="https://www.mesopinions.com/soutenir?source=header-menu-mobile" class="no-underline c-quaternary">Nous soutenir</a>
</div>
<div class="menu-header pt-3">
<a href="https://www.mesopinions.com/petition/creer-petition?source=header-menu-mobile" class="no-underline c-primary">Lancer une pétition</a>
</div>
</div>
<div class="common sub-col">
<div class="menu-header">Pétitions</div>
<a href="https://www.mesopinions.com/petition/a-la-une" class="sub-item">Les pétitions à la une</a>
<a href="https://www.mesopinions.com/petition/top-petition" class="sub-item">Les tops pétitions</a>
<a href="https://www.mesopinions.com/petition/" class="sub-item">Les pétitions récentes</a>
</div>
<div class="categories">
<div class="menu-header">Catégories pétitions</div>
<div class="categories-items">
<div class="categories-col">
<div class="categorie-item">
<a href="https://www.mesopinions.com/petition/politique/" class="sub-item">Politique</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/petition/animaux/" class="sub-item">Animaux</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/petition/nature-environnement/" class="sub-item">Nature et environnement</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/petition/social/" class="sub-item">Social</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/petition/justice/" class="sub-item">Justice</a>
</div>
</div>
<div class="categories-col">
<div class="categorie-item">
<a href="https://www.mesopinions.com/petition/sante/" class="sub-item">Santé</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/petition/droits-homme/" class="sub-item">Droits de l'Homme</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/petition/espace-europeen/" class="sub-item">Espace européen</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/petition/enfants/" class="sub-item">Enfants</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/petition/art-culture/" class="sub-item">Arts et culture</a>
</div>
</div>
<div class="categories-col">
<div class="categorie-item">
<a href="https://www.mesopinions.com/petition/medias/" class="sub-item">Médias</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/petition/sports/" class="sub-item">Sports</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/petition/autres/" class="sub-item">Autres</a>
</div>
</div>
</div>
</div>
<div class="common sub-col hide-bg">
<div class="menu-header">
<a href="https://www.mesopinions.com/petition/victoire/" class="no-underline c-black">Victoires</a>
</div>
</div>
<a href="https://www.mesopinions.com/petition/creer-petition?source=header-img" class="cta hide-sm">
<div class="menu-image" style="background-image:url(https://www.mesopinions.com/public/assets/menu-start-petition.jpg)">
<div class="menu-image-overlay">
<p class="menu-image-txt f-quote">"Nous permettons au plus grand nombre de citoyens d'être entendus dans leur combat, jusqu'à la <span class="highlight-primary">victoire</span>, pour plus de démocratie et de solidarité."</p>
<div class="menu-image-btn f-title">Lancer votre pétition</div>
</div>
</div>
</a>
</div>
<div class="mo-navbar-sub-menu sub-menu-sondages">
<div class="common sub-col">
<div class="menu-header">Sondages</div>
<a href="https://www.mesopinions.com/sondage/a-la-une" class="sub-item">Les sondages à la une</a>
<a href="https://www.mesopinions.com/sondage/top-sondage" class="sub-item">Les tops sondages</a>
<a href="https://www.mesopinions.com/sondage/" class="sub-item">Les sondages récents</a>
<a href="https://www.mesopinions.com/sondage/creer-sondage" class="sub-item">Lancer un sondage</a>
</div>
<div class="categories">
<div class="menu-header">Catégories sondages</div>
<div class="categories-items">
<div class="categories-col">
<div class="categorie-item">
<a href="https://www.mesopinions.com/sondage/politique/" class="sub-item">Politique</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/sondage/animaux/" class="sub-item">Animaux</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/sondage/nature-environnement/" class="sub-item">Nature et environnement</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/sondage/social/" class="sub-item">Social</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/sondage/justice/" class="sub-item">Justice</a>
</div>
</div>
<div class="categories-col">
<div class="categorie-item">
<a href="https://www.mesopinions.com/sondage/sante/" class="sub-item">Santé</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/sondage/droits-homme/" class="sub-item">Droits de l'Homme</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/sondage/espace-europeen/" class="sub-item">Espace européen</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/sondage/enfants/" class="sub-item">Enfants</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/sondage/art-culture/" class="sub-item">Arts et culture</a>
</div>
</div>
<div class="categories-col">
<div class="categorie-item">
<a href="https://www.mesopinions.com/sondage/medias/" class="sub-item">Médias</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/sondage/sports/" class="sub-item">Sports</a>
</div>
<div class="categorie-item">
<a href="https://www.mesopinions.com/sondage/autres/" class="sub-item">Autres</a>
</div>
</div>
</div>
</div>
<a href="https://www.mesopinions.com/sondage/creer-sondage" class="cta hide-sm">
<div class="menu-image" style="background-image:url(https://www.mesopinions.com/public/assets/menu-start-survey.jpg)">
<div class="menu-image-overlay">
<p class="menu-image-txt f-quote">"Participez à la démocratie numérique en interrogeant d’autres citoyens."</p>
<div class="menu-image-btn f-title">Lancer votre sondage</div>
</div>
</div>
</a>
</div>
<div class="mo-navbar-sub-menu sub-menu-sondages">
<div class="common sub-col hide-bg">
<a href="https://www.mesopinions.com/blog/?source=nav-mobile" class="sub-item">Blog - Parlons Mobilisation</a>
</div>
</div>
<div class="mo-navbar-sub-menu sub-menu-search">
<form class="mo-search-grp" action="https://www.mesopinions.com/recherche" method="GET">
<input name="search-url" type="hidden" value="recherche">
<input name="search-txt" type="text" placeholder="Rechercher des pétitions" value="">
<div id="nav-search-btn" class="mo-button-primary">
<i class="fas fa-search"></i>
</div>
</form>
</div>
</div>
<div class="mo-controls">
<a class="mo-navbar-btn menu-btn-no-dropdown" href="https://www.mesopinions.com/fr">Accueil</a>
<a href="https://www.mesopinions.com/petition/a-la-une" class="mo-navbar-btn menu-petition">
<span>Pétitions</span>
<i class="fas fa-chevron-down"></i>
</a>
<a href="https://www.mesopinions.com/sondage/a-la-une" class="mo-navbar-btn menu-sondage">
<span>Sondages</span>
<i class="fas fa-chevron-down"></i>
</a>
<a class="mo-navbar-btn menu-btn-no-dropdown" href="https://www.mesopinions.com/petition/victoire/">Victoires</a>
<a id="menu-support-item" class="mo-navbar-btn menu-btn-no-dropdown" href="https://www.mesopinions.com/blog/">Blog</a>
<a id="menu-support-item" class="mo-navbar-btn menu-btn-no-dropdown c-quaternary" href="https://www.mesopinions.com/soutenir?source=header-menu">Nous soutenir</a>
<div class="mo-navbar-btn mo-navbar-btn-search">
<i class="fas fa-search"></i>
</div>
<a class="mo-navbar-btn-red" href="https://www.mesopinions.com/petition/creer-petition?source=header-btn">Lancer une pétition</a>
</div>
<div class="mo-controls-sm">
<div class="mo-navbar-btn mo-navbar-btn-search-sm">
<i class="fas fa-search"></i>
</div>
<div class="mo-navbar-btn mo-login-btn">
<a href="https://www.mesopinions.com/communaute/mon-compte" class="c-black"><i class="fas fa-user"></i></a>
</div>
<div class="mo-navbar-btn mo-navbar-btn-menu">
<i class="fas fa-bars"></i>
</div>
</div></div>
<script src="https://www.mesopinions.com/public/js/views/navbar.js?v=2.0"></script>
<div class="alerts-container"></div>
<div class="alert-error-prototype">
<div class="c-error bg-error f-text d-flex p-3 mb-3 align-center">
<div class="d-flex mr-3">
<i class="far fa-times-circle fa-2x"></i>
</div>
<div class="d-flex">
<span class="d-block c-error error-text"></span>
</div>
</div>
</div>
<div class="alert-success-prototype">
<div class="c-success bg-success f-text d-flex p-3 mb-3 align-center">
<div class="d-flex mr-3">
<i class="far fa-check-circle fa-2x"></i>
</div>
<div class="d-flex">
<span class="d-block c-success success-text"></span>
</div>
</div>
</div>
<!-- Rich Snippets -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type" : "Organization",
"name" : "MesOpinions",
"url" : "https://www.mesopinions.com",
"logo" : "https://www.mesopinions.com/public/assets/logo.jpg",
"sameAs" : [
"https://www.facebook.com/mesopinions",
"https://twitter.com/mesopinions_com",
"https://www.instagram.com/mesopinions/",
"https://www.youtube.com/c/MesOpinionsMobilisation"
]
}
</script>
<div class="container bg-white">
<div class="mo-container-classic py-5" id="mo-cms-body">
<h1 class="mo-title-classic pad-v-15">Désolé, la page demandée n'existe pas.</h1>
<div class="mo-error-content f-text">
Désolé, la page demandée n'existe pas. </div>
</div>
</div>
<link rel="stylesheet" href="https://www.mesopinions.com/public/css/views/error.css">
<div class="mo-pre-footer">
<img class="logo-footer lazyload" data-src="https://www.mesopinions.com/public/assets/logowhite.png" alt="">
<img class="logo-footer-sm lazyload" data-src="https://www.mesopinions.com/public/assets/logowhiteshort.png" alt="">
<div class="mo-socials">
<a target="_blank" href="https://www.facebook.com/mesopinions"><div class="mo-social-btn social-fb">
<img class="lazyload" data-src="https://www.mesopinions.com/public/assets/facebook.png" alt="Logo facebook" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div></a>
<a target="_blank" href="https://twitter.com/mesopinions_com"><div class="mo-social-btn social-tw">
<img class="lazyload" data-src="https://www.mesopinions.com/public/assets/twitter.png" alt="Logo twitter" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div></a>
<a target="_blank" href="https://www.youtube.com/channel/UCsmX_RrQCtrG1mfDCIRbwog"><div class="mo-social-btn social-yt">
<img class="lazyload" data-src="https://www.mesopinions.com/public/assets/youtube.png" alt="Logo youtube" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div></a>
<a target="_blank" href="https://www.instagram.com/mesopinions/"><div class="mo-social-btn social-ig">
<img class="lazyload" data-src="https://www.mesopinions.com/public/assets/instagram.png" alt="Logo instagram" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
</div></a>
</div>
</div>
<div class="mo-footer">
<div class="footer-top">
<div>
<span>Réussir votre mobilisation</span>
<ul>
<li><a href="https://www.mesopinions.com/petition/creer-petition?source=footer-link">Lancer votre pétition</a></li>
<li><a href="https://www.mesopinions.com/sondage/creer-sondage">Lancer votre sondage</a></li>
<li><a href="https://www.mesopinions.com/blog/?source=footer">Blog - Parlons Mobilisation</a></li>
<li><a href="https://www.mesopinions.com/cese">Plateforme labellisée par le CESE</a></li>
<li><a href="https://www.mesopinions.com/fundraising">Partenariat et fundraising</a></li>
</ul>
</div>
<div>
<span>Notre communauté</span>
<ul>
<li><a target="_blank" rel="nofollow" href="https://www.facebook.com/mesopinions">Facebook</a></li>
<li><a target="_blank" rel="nofollow" href="https://twitter.com/mesopinions_com">Twitter</a></li>
<li><a target="_blank" rel="nofollow" href="https://www.instagram.com/mesopinions/">Instagram</a></li>
<li><a target="_blank" rel="nofollow" href="https://www.youtube.com/channel/UCsmX_RrQCtrG1mfDCIRbwog">Youtube</a></li>
<li><a target="_blank" rel="nofollow" href="https://www.mesopinions.com/forum/">Forum</a></li>
</ul>
</div>
<div>
<span>Espace presse</span>
<ul>
<li><a href="https://www.mesopinions.com/qui-sommes-nous">Qui sommes-nous?</a></li>
<li><a href="https://www.mesopinions.com/presse/petition-presse">Nos pétitions dans la presse</a></li>
<li><a href="https://www.mesopinions.com/mesopinions-presse">MesOpinions dans la presse</a></li>
<li><a href="https://www.mesopinions.com/contact?type=8">Contact presse</a></li>
</ul>
</div>
</div>
<div class="footer-middle">
<a href="https://www.mesopinions.com/fr">Accueil</a><span>|</span>
<a href="https://www.mesopinions.com/soutenir?source=footer-link">Nous soutenir</a><span>|</span>
<a href="https://www.mesopinions.com/aide">Aide</a><span>|</span>
<a href="https://www.mesopinions.com/faq">FAQ</a><span>|</span>
<a href="https://www.mesopinions.com/contact">Contactez-nous</a><span>|</span>
<a href="https://www.mesopinions.com/vie-privee">Vie privée</a><span>|</span>
<a href="https://www.mesopinions.com/mentions-legales">Mentions légales</a><span>|</span>
<a href="https://www.mesopinions.com/conditions-utilisation">Conditions d'utilisation</a>
</div>
<div class="footer-bottom">
<div>© Copyright MesOpinions.com</div>
<div class="dropup">
<div class="footer-select-lang dropbtn">
Langue <div class="dropup-content">
<a id="lang-FR" class="lang-item" href="#"><img src="https://www.mesopinions.com/public/img/flag/fr_FR.png" alt="Drapeau FR" width="24" height="24">FR</a>
<a id="lang-EN" class="lang-item" href="#"><img src="https://www.mesopinions.com/public/img/flag/en_EN.png" alt="Drapeau EN" width="24" height="24">EN</a>
</div>
<i class="fas fa-chevron-up ml-1"></i>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://www.mesopinions.com/public/js/cookie.js?v=2.1"></script>
<script type="text/javascript" src="https://www.mesopinions.com/public/cookiebanner/jquery.ihavecookies.js?v=1.5"></script>
<script type="text/javascript" src="https://www.mesopinions.com/public/js/mo-front.js?v=2.1"></script>
<script type="text/javascript" src="https://www.mesopinions.com/public/js/lazysizes.min.js" async></script>
<script>
var options = {
title: "",
message: "En utilisant notre plateforme vous permettez à MesOpinions.com de vous proposer des contenus pertinents et personnalisés.",
delay: 600,
expires: 30,
link: '/vie-privee',
onAccept: function(){
},
acceptBtnLabel: "J'ai compris",
moreInfoLabel: "En savoir plus",
fixedCookieTypeLabel: "Défaut",
fixedCookieTypeDesc: "Ces cookies sont nécessaires pour le fonctionnement du site",
cookieTypesTitle: "Sélectionnez les cookies à accepter",
advancedBtnLabel: "Personnaliser les cookies",
cookieTypes: [
{
type: "Réseaux sociaux",
value: "social",
description: "L'information collectée par ces outils nous permet de mieux cibler et de personnaliser nos campagnes de réseaux sociaux"
},
{
type: "Analytics",
value: "analytics",
description: "L'information collectée par ces outils nous permet d'améliorer l'expérience utilisateur de manière anonyme"
}
]
}
$(document).ready(function() {
$('body').ihavecookies(options);
$('#ihavecookiesBtn').on('click', function(){
$('body').ihavecookies(options, 'reinit');
});
});
if(document.domain == 'www.mesopinions.com'){
(function () {
var ZTRemail;
var ZTRpromote = 0;
ZTRemail = '0';
// Pétition : Page avec promote=true
ZTRidpetition = '0';
// Sondage : Page avec promote=true
ZTRidsondage = '0';
var ZTR = document.createElement('script');
var ZTRurl = encodeURIComponent(window.location.href);
var ZTRreferer = encodeURIComponent((window.document.referrer != null
&& typeof window.document.referrer !== 'undefined') ? window.document.referrer : '');
ZTR.src = ((location.protocol === 'https:') ? 'https:' : 'http:') + '//prz.mesopinions.com/visite/add?url=' + ZTRurl + '&type=1&referrer=' + ZTRreferer + '&email=' + ZTRemail + '&id_petition=' + ZTRidpetition + '&id_sondage=' + ZTRidsondage + '&mediatisation=' + ZTRpromote;
var ZTRtag = document.getElementsByTagName('script')[0];
ZTRtag.parentNode.insertBefore(ZTR, ZTRtag); }())
}
</script><link rel="stylesheet" href="https://www.mesopinions.com/public/css/views/connexion-popup.css" type="text/css">
<div id="popup-connexion" class="f-text">
<form class="w-m-100 w-30 p-2 p-md-3">
<input type="hidden" id="mailUser">
<input type="hidden" id="typeLogin" value="0">
<!-- LOGIN WITHOUT PASSWORD -->
<div id="login-form" class="block-popup px-3">
<div class="close-popup">
<span><i class="fa fa-times fa-1x"></i></span>
</div>
<div class="login-form-title f-title h-title">Connexion</div>
<div class="f-text c-text-light text-center d-block my-3">Vous n'avez pas encore de compte ? <span class="cursor-pointer inscription-btn btn-other c-primary text-underline">Inscription</span></div>
<div id="comm-fb-connect-div" class="f-text w-100">
<img id="fb-logo" src="https://www.mesopinions.com/public/img/account/social/fb-official.png">
Se connecter avec Facebook </div>
<span class="my-3 f-text text-uppercase" id="or">ou</span>
<div>
<span id="login-email-forgot-error" class="c-error f-text errors-mail mb-2"></span>
<!-- <span id="create-account-error" class="c-error f-text errors-mail mb-2"></span> -->
</div>
<div class="block-input block-input-login-email">
<input type="email" maxlength="150" required id="login-email" value="" placeholder="Email" autofocus class="p-3 form-input" />
</div>
<span id="login-email-error" class="c-error f-text messages"></span>
<div class="mo-button-primary mb-3 mt-3 p-3 mx-auto text-uppercase w-100" id="valid-login-form">Valider</div>
<div class="f-text c-text-light text-center d-block cursor-pointer forgotpass-btn btn-other mb-2">Mot de passe oublié ?</div>
</div>
<div id="message-block">
<div class="login-form-title f-title h-title">Connexion</div>
<span id="message-email"></span>
<p id="message-text">Il s'agit de votre première connexion sur votre profil MesOpinions.com. Pour y accéder, un lien vous permettant de créer votre mot de passe personnalisé vous a été envoyé par mail.</p>
<div class="btn-other" id="btn-to-login">Connexion</div>
</div>
<!-- SIGN IN -->
<div id="login-password-form" class="block-popup">
<div class="close-popup">
<span><i class="fa fa-times fa-1x"></i></span>
</div>
<div class="login-form-title f-title h-title">Connexion</div>
<p class="f-text text-center">Identifiant : <span id="email-login-password"></span></p>
<div class="block-input input-wrapper hideShowPasswordForm block-input-login-password">
<input type="password" minlength="4" maxlength="50" id="login-password" required autofocus placeholder="Mot de passe" class="p-3 form-input show-hide-password" />
<span toggle=".show-hide-password" class="displayPassword fas fa-eye-slash" title="Afficher / Cacher votre mot de passe"></span>
</div>
<span id="login-password-error" class="c-error f-text"></span>
<div class="mo-button-primary my-3 p-3 mx-auto text-uppercase w-100" id="valid-login-password-form">Valider</div>
<div class="f-text c-text-light text-center d-block cursor-pointer forgotpass-btn btn-other mb-2">Mot de passe oublié ?</div>
<div class="f-text c-text-light text-center d-block cursor-pointer inscription-btn btn-other">Inscription</div>
</div>
<div id="message-block">
<div class="login-form-title f-title h-title">Connexion</div>
<span id="message-email"></span>
<p id="message-text">Il s'agit de votre première connexion sur votre profil MesOpinions.com. Pour y accéder, un lien vous permettant de créer votre mot de passe personnalisé vous a été envoyé par mail.</p>
<div class="btn-other" id="btn-to-login">Connexion</div>
</div>
<!-- SIGN UP -->
<div id="signup-form" class="block-popup">
<div class="back cursor-pointer">
<span><i class="fa fa-arrow-left fa-1x"></i></span>
</div>
<div class="close-popup">
<span><i class="fa fa-times fa-1x"></i></span>
</div>
<div class="login-form-title f-title h-title">Inscription</div>
<div id="comm-fb-register-div" class="f-text w-100 mt-3">
<img id="fb-logo" src="https://www.mesopinions.com/public/img/account/social/fb-official.png">
S'inscrire avec Facebook </div>
<span class="my-3 f-text text-uppercase" id="or">ou</span>
<div class="form-input-grp mt-2" id="form-signup">
<div id="block-civilite" class="block-input-radio f-text mb-3 text-left">
Civilité* :
<input type="radio" id="Mme" name="gender" value="2"/>
<label for="Mme">Mme</label>
<input type="radio" id="Mr" name="gender" value="1"/>
<label for="Mr">M.</label>
</div>
<span id="signup-gender-error" class="c-error f-text"></span>
<div class="block-input block-input-signup-fname mt-2">
<input type="text" id="fname-popup" maxlength="50" required placeholder="Prénom*" class="p-3 form-input" />
</div>
<span id="signup-fname-error" class="c-error f-text"></span>
<div class="block-input block-input-signup-name mt-2">
<input type="text" id="name-popup" maxlength="50" required placeholder="Nom*" class="p-3 form-input" />
</div>
<span id="signup-name-error" class="c-error f-text"></span>
<div class="block-input block-input-signup-email mt-2">
<input type="email" maxlength="150" required id="email-popup" placeholder="Email*" class="p-3 form-input" />
</div>
<span id="signup-email-error" class="c-error f-text"></span>
<div class="block-input block-input-signup-password mt-2 input-wrapper hideShowPasswordForm">
<input type="password" minlength="4" maxlength="50" required id="signup-password" placeholder="Mot de passe*" class="p-3 form-input show-hide-password" />
<span toggle=".show-hide-password" class="displayPassword fas fa-eye-slash" title="Afficher / Cacher votre mot de passe"></span>
</div>
<span id="signup-password-error" class="c-error f-text"></span>
<div class="mo-button-primary my-3 p-3 mx-auto text-uppercase w-100" id="valid-signup-form">Inscription</div>
<div id="block-rgpd" class="d-flex flex-end text-center">
<figure class="m-0">
<figcaption class="f-text">RGPD - DPO : 14846</figcaption>
</figure>
</div>
</div>
</div>
<!-- CODE FORM -->
<div id="code-form" class="block-popup">
<div class="back cursor-pointer">
<span><i class="fa fa-arrow-left fa-1x"></i></span>
</div>
<div class="close-popup">
<span><i class="fa fa-times fa-1x"></i></span>
</div>
<div class="login-form-title f-title h-title">Connexion</div>
<div class="form-input-grp" id="form-password">
<p id="txt-code-form" class="c-text-light"></p>
<div class="block-input block-input-code" id="form-password">
<input type="text" required id="code-validation" placeholder="Code de validation*" class="p-3 form-input" />
</div>
<span id="code-error" class="c-error f-text"></span>
<div class="mo-button-primary my-3 p-3 mx-auto text-uppercase w-100" id="valid-code-form">Valider</div>
</div>
</div>
<!-- PASSWORD -->
<div id="password-form" class="block-popup">
<div class="back cursor-pointer">
<span><i class="fa fa-arrow-left fa-1x"></i></span>
</div>
<div class="close-popup">
<span><i class="fa fa-times fa-1x"></i></span>
</div>
<div class="login-form-title f-title h-title">Mot de passe</div>
<p class="f-text text-center">Email : <span id="password-email"></span></p>
<div class="block-input input-wrapper hideShowPasswordForm block-input-password">
<input type="password" minlength="4" maxlength="50" id="password-popup" required autofocus placeholder="Mot de passe*" class="p-3 form-input show-hide-password" />
<span toggle=".show-hide-password" class="displayPassword fas fa-eye-slash" title="Afficher / Cacher votre mot de passe"></span>
</div>
<span id="password-error" class="c-error f-text"></span>
<div class="mo-button-primary my-3 p-3 mx-auto text-uppercase w-100" id="valid-password-form">Valider</div>
</div>
<!-- FORGOT PASSWORD -->
<div id="forgot-password-form" class="block-popup">
<div class="back cursor-pointer">
<span><i class="fa fa-arrow-left fa-1x"></i></span>
</div>
<div class="close-popup">
<span><i class="fa fa-times fa-1x"></i></span>
</div>
<div class="login-form-title f-title h-title">Mot de passe oublié ?</div>
<p class="my-2 text-center c-text-light">Indiquez votre adresse email. Un mail vous permettant de créer un nouveau mot de passe va vous être envoyé.</p>
<div class="block-input block-input-forgot-password-mail" id="form-password">
<input type="email" maxlength="150" required id="forgot-password-email" value="" placeholder="Email*" class="p-3 form-input" />
</div>
<span id="forgot-password-mail-error" class="c-error f-text"></span>
<div class="mo-button-primary my-3 p-3 mx-auto text-uppercase w-100" id="valid-forgot-password-form">Réinitialiser votre mot de passe</div>
</div>
</form>
</div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
appId : '1737315313006946',
cookie : true,
version: 'v3.3'
});
FB.AppEvents.logPageView();
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/fr_FR/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
$(function() {
$('#popup-connexion .displayPassword').on('click', function(){
$(this).toggleClass("fa-eye-slash fa-eye");
var input = $($(this).attr("toggle"));
if(input.attr("type") == "password") {
input.prop("type", "text");
} else {
input.prop("type", "password");
}
});
$('.block-popup .close-popup').on('click', function() {
closePopup();
});
$('.back').on('click', function() {
$('#signup-form').hide();
$('#forgot-password-form').hide();
$('#password-form').hide();
$('#code-form').hide();
$('#login-form').css('display', 'flex');
});
$('.inscription-btn').on('click', function() {
$('#login-form').hide();
$('#login-password-form').hide();
$('#email-popup').val($('#login-email').val());
$('#signup-form').css('display', 'flex');
});
$('#create-account-error').on('click', '#link-create-account',function() {
$('#login-form').hide();
$('#signup-form').css('display', 'flex');
});
$('#btn-to-login').on('click', function() {
$('#signup-form').hide();
$('#login-form').css('display', 'flex');
});
$('#signup-form').on('click', '#code-btn-to-login', function() {
$('#signup-form').hide();
$('#login-form').css('display', 'flex');
})
$('#login-email').on('keypress', function(event) {
if (event.keyCode==13){
verifLogin();
}
});
$('#valid-login-form').on('click', function(event) {
verifLogin();
});
$('#login-password').on('keypress', function(event) {
if (event.keyCode==13){
verifLoginPassword();
}
});
$('#valid-login-password-form').on('click', function(event) {
verifLoginPassword();
});
$('.forgotpass-btn').on('click', function() {
$('#login-form').hide();
$('#login-password-form').hide();
$('#forgot-password-email').val($('#login-email').val());
$('#forgot-password-form').css('display', 'flex');
$('#forgot-password-email').focus();
});
function closePopup() {
$('#login-form').css('display', 'flex');
$('#signup-form').hide();
$('#popup-connexion').hide();
$('#create-account-error').empty();
$('#code-form').hide();
$('#forgot-password-form').hide();
$('#password-form').hide();
$('#login-password-form').hide();
$('#sucess-login').hide();
$('.c-error').hide();
}
function verifLogin() {
$('.c-error').text('').hide();
$('.block-input').removeClass('form-error');
let data = {
email : $('#login-email').val()
};
wsRequestCommon('/connexionws/connexion', 'GET', data, false, function(response, err) {
if (err) {
response.errors.forEach(function(element) {
$('#' + Object.getOwnPropertyNames(element)[0] + '-error').html(element[Object.getOwnPropertyNames(element)[0]]);
$('.' + Object.getOwnPropertyNames(element)[0] + '-input').addClass('error-input');
$('.block-input-' + Object.getOwnPropertyNames(element)[0]).addClass('form-error');
});
$('.c-error').show();
} else {
if (response.message == 1) {
$('#mailUser').val($('#login-email').val());
$('#login-form').hide();
$('#login-password-form').css('display', 'flex');
$('#email-login-password').text($('#login-email').val());
$('#login-password').focus();
} else if (response.message == 2) {
// Mdp vide => inscription
$('#mailUser').val($('#login-email').val());
$('#login-form').hide();
$('#code-form').css('display', 'flex');
$('#txt-code-form').text("Il s'agit de votre première connexion sur votre profil MesOpinions.com. Pour y accéder, un code vous permettant de créer votre mot de passe personnalisé vous a été envoyé par mail.");
}
}
});
}
function verifLoginPassword() {
$('.c-error').text('').hide();
$('.block-input').removeClass('form-error');
let data = {
email : $('#mailUser').val(),
password: $('#login-password').val(),
url : document.location.href
};
wsRequestCommon('/connexionws/connexionPassword', 'GET', data, false, function(response, err) {
if (err) {
response.errors.forEach(function(element) {
$('#' + Object.getOwnPropertyNames(element)[0] + '-error').html(element[Object.getOwnPropertyNames(element)[0]]);
$('.' + Object.getOwnPropertyNames(element)[0] + '-input').addClass('error-input');
$('.block-input-' + Object.getOwnPropertyNames(element)[0]).addClass('form-error');
});
$('.c-error').show();
} else {
if($('#typeLogin').val() == 1) {
submitFormCreatePetition();
} else {
location.reload();
}
}
});
}
$('#forgot-password-email').on('keypress', function(event) {
if (event.keyCode==13){
verifForgotPassword();
}
});
$('#valid-forgot-password-form').on('click', function(event) {
verifForgotPassword();
});
function verifForgotPassword() {
$('.c-error').text('').hide();
$('.block-input').removeClass('form-error');
let data = {
email: $('#forgot-password-email').val()
};
wsRequestCommon('/connexionws/forgotPassword', 'GET', data, false, function(response, err) {
if (err) {
response.errors.forEach(function(element) {
$('#' + Object.getOwnPropertyNames(element)[0] + '-error').html(element[Object.getOwnPropertyNames(element)[0]]);
$('.' + Object.getOwnPropertyNames(element)[0] + '-input').addClass('error-input');
$('.block-input-' + Object.getOwnPropertyNames(element)[0]).addClass('form-error');
});
$('.c-error').show();
} else {
$('#mailUser').val($('#forgot-password-email').val());
$('#forgot-password-form').hide();
$('#code-form').css('display', 'flex');
$('#txt-code-form').text("Veuillez entrer ci-dessous le code que vous avez reçu par mail. Celui-ci vous permettra de créer votre mot de passe personnalisé.");
}
});
}
$('input').on('keypress', function(event) {
$(this).removeClass('error-input');
});
$(document).on('updateAutoVilleCP', function(event) {
$('#city').removeClass('error-input');
$('#zipcode').removeClass('error-input');
$('#verif-zipcode-error').hide();
$('#verif-city-error').hide();
});
$('#valid-signup-form').on('click', function(event) {
$('.c-error').text('').hide();
$('.block-input').removeClass('form-error');
let data = {
gender : $("input[name=gender]:checked").val(),
fname : $('#fname-popup').val(),
name : $('#name-popup').val(),
email : $('#email-popup').val(),
password : $('#signup-password').val(),
optin : $('input[name=optin]').is(':checked'),
optinComm : $('input[name=aboCommercial').is(':checked'),
isregistration: 'true'
};
$('#mailUser').val($('#email-popup').val());
wsRequestCommon('/connexionws/register', 'GET', data, false, function(response, err) {
if (err) {
response.errors.forEach(function(element) {
$('#' + Object.getOwnPropertyNames(element)[0] + '-error').html(element[Object.getOwnPropertyNames(element)[0]]);
$('.' + Object.getOwnPropertyNames(element)[0] + '-input').addClass('error-input');
$('.block-input-' + Object.getOwnPropertyNames(element)[0]).addClass('form-error');
});
$('.c-error').show();
} else {
if (response.message == 1) {
// Si l'enregistrement vient du formulaire de la page soutenir
if($("#formRegisterPA").val() == 1){
// On ferme le formulaire d'inscription et procède au paiement
closePopup();
if($('#typePay').val() == 'paypal') {
$('#paypal-button-container').click();
hideLoaderShowPayBtn('paypal');
} else {
$("#pay-button").click();
}
// Sinon, on recharge la page
} else {
if($('#typeLogin').val() == 1) {
submitFormCreatePetition();
} else {
location.reload();
}
}
}
}
});
});
$('#valid-code-form').on('click', function(event) {
$('.c-error').text('').hide();
$('.block-input').removeClass('form-error');
let data = {
code : $("#code-validation").val(),
email : $('#mailUser').val()
};
wsRequestCommon('/connexionws/verifyCode', 'GET', data, false, function(response, err) {
if (err) {
response.errors.forEach(function(element) {
$('#' + Object.getOwnPropertyNames(element)[0] + '-error').html(element[Object.getOwnPropertyNames(element)[0]]);
$('.' + Object.getOwnPropertyNames(element)[0] + '-input').addClass('error-input');
$('.block-input-' + Object.getOwnPropertyNames(element)[0]).addClass('form-error');
});
$('.c-error').show();
} else {
if (response.message == 1) {
$('#code-form').hide();
$('#password-form').css('display', 'flex');
$('#password-email').text($('#mailUser').val());
}
}
});
});
$('#valid-password-form').on('click', function() {
$('.c-error').text('').hide();
$('.block-input').removeClass('form-error');
let data = {
password: $("#password-popup").val(),
email : $('#mailUser').val()
};
wsRequestCommon('/connexionws/newPassword', 'GET', data, false, function(response, err) {
if (err) {
response.errors.forEach(function(element) {
$('#' + Object.getOwnPropertyNames(element)[0] + '-error').html(element[Object.getOwnPropertyNames(element)[0]]);
$('.' + Object.getOwnPropertyNames(element)[0] + '-input').addClass('error-input');
$('.block-input-' + Object.getOwnPropertyNames(element)[0]).addClass('form-error');
});
$('.c-error').show();
} else {
if (response.message == 1) {
if($('#typeLogin').val() == 1) {
submitFormCreatePetition();
} else {
location.reload();
}
}
}
});
});
});
$("#comm-fb-connect-div, #comm-fb-register-div").on('click', function() {
FB.login(
function(response) {
if (response.authResponse) {
wsRequestCommon('/connexionws/registerFacebook', 'POST', {}, false, function(response, err) {
if($('#typeLogin').val() == 1) {
submitFormCreatePetition();
} else {
location.reload();
}
});
} else {
console.log('User cancelled login or did not fully authorize.');
}
},
{
scope:'email',
auth_type: 'rerequest'
}
);
});
</script></body>
</html>