<!DOCTYPE html>
<html lang="fr">
    <head>

        <script type="text/javascript" src="https://cache.consentframework.com/js/pa/31260/c/iuk2E/stub" referrerpolicy="origin" charset="utf-8"></script>
        <script type="text/javascript" src="https://cdn.sirdata.eu/insights.js" async></script>
        <script type="text/javascript" src="https://tag.analytics-helper.com/ans/ga?pa=31260&c=242&tid=UA-1781857-1"></script>
                <script type="text/javascript" src="https://choices.consentframework.com/js/pa/31260/c/iuk2E/cmp" referrerpolicy="origin" charset="utf-8" async></script>
    
        <!-- GTM -->
        <script>(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-NGSWKSK');</script>
        <!-- End GTM -->

        <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>P&eacute;tition, sondage : MyPetition.org - Site de p&eacute;tition et de sondage en ligne</title>
        <meta name="description" lang="fr" content="Site de petitions et de sondages en ligne - Créer, gérer gratuitement vos pétitions et vos sondages en ligne" />
        <meta name="language" content="fr" />
        <meta itemprop="name" name="author" content="MyPetition.org" />
        <link rel="apple-touch-icon" href="https://www.mypetition.org/public/img/thematique/mesopinions-logo-socials-networks.png">

                        <link rel="canonical" href="https://www.mypetition.org/fr" />
                            <link rel="alternate" hreflang="pt" href="https://www.mypetition.org/pt" />
                            <link rel="alternate" hreflang="de" href="https://www.mypetition.org/de" />
                            <link rel="alternate" hreflang="en" href="https://www.mypetition.org/en" />
                            <link rel="alternate" hreflang="es" href="https://www.mypetition.org/es" />
                            <link rel="alternate" hreflang="fr" href="https://www.mypetition.org/fr" />
                            <link rel="alternate" hreflang="it" href="https://www.mypetition.org/it" />
                            <link rel="alternate" hreflang="pl" href="https://www.mypetition.org/pl" />
                            <link rel="alternate" hreflang="tr" href="https://www.mypetition.org/tr" />
                            <link rel="alternate" hreflang="x-default" href="https://www.mypetition.org/fr" />
            
                        <meta name="robots" content="index, follow" />
            
        
        <meta name="syndication-source" content="https://www.mypetition.org/fr" />
        <meta name="original-source" content="https://www.mypetition.org/fr" />

        <meta property="og:site_name" content="https://www.mypetition.org/" />
        <meta property="fb:admins" content="100000468289564" />
        <meta property="fb:app_id" content="1737315313006946" />
        <meta property="fb:pages" content="362787738480" />
        <meta property="og:title" content="P&eacute;tition, sondage : MyPetition.org - Site de p&eacute;tition et de sondage en ligne" />
        <meta property="og:description" content="Site de petitions et de sondages en ligne - Créer, gérer gratuitement vos pétitions et vos sondages en ligne" />
        <meta property="og:image" content="https://www.mypetition.org/public/img/facebook_share.png" />
        <meta property="og:image:width" content="620" />
        <meta property="og:image:height" content="372" />
        <meta property="og:url" content="https://www.mypetition.org/fr" />
        <meta property="og:type" content="website" />
        <meta property="og:locale" content="fr" />

        <meta name="google-site-verification" content="lqRipVGM6cJvPqqE-KHUtMMBlxEK-Ns6SFhb43GoxgI" />
        <meta name="google-site-verification" content="uuK9rIu_-wNiSyiUOnMRzvudHNIV3E-4wIDnW-dZC58" />

        <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="P&eacute;tition, sondage : MyPetition.org - Site de p&eacute;tition et de sondage en ligne" />
        <meta name="twitter:description" content="Site de petitions et de sondages en ligne - Créer, gérer gratuitement vos pétitions et vos sondages en ligne" />
                <meta name="twitter:image" content="https://www.mypetition.org/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://stats.g.doubleclick.net" crossorigin>
        <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>

        <link rel="stylesheet" type="text/css"href="https://www.mypetition.org/public/css/style.min.css?v=2.93">

        <script type="text/javascript" src="https://www.mypetition.org/public/js/jquery-3.4.1.min.js"></script>

        
        <link rel="stylesheet" href="https://www.mypetition.org/public/css/notifications.css" media="none" onload="if(media!='all')media='all'">
        <noscript><link rel="stylesheet" href="https://www.mypetition.org/public/css/notifications.css"></noscript>

        <link rel="stylesheet" href="https://www.mypetition.org/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.mypetition.org/public/css/fontawesome-5.2.0/css/all.min.css"></noscript>

        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
        <noscript><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet"></noscript>
        
        <link rel="icon" type="image/png" href="https://www.mypetition.org/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.mypetition.org/public/js/common.js?v=2.5"></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>
        

        <meta name="facebook-domain-verification" content="e1g7w8o0vyzc2s6qmbcjho11n7jb87" />
        <!-- <meta name="referrer" content="no-referrer-when-downgrade" /> -->
    </head>
<body>

<!-- GTM (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NGSWKSK"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End GTM (noscript) -->

    <div class="mo-userbar">
            <a href="https://www.mypetition.org/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 MyPetition.org" class="brand-a" href="https://www.mypetition.org/fr">
        <picture>
            <!--[if IE 9]><video style="display: none;><![endif]-->
                <source type="image/webp" srcset="https://www.mypetition.org/public/assets/mypetition/logo_name_color.webp">
                <source type="image/jpeg" srcset="https://www.mypetition.org/public/assets/mypetition/logo_name_color.png">
            <!--[if IE 9]></video><![endif]-->
            <img class="mo-image-main lazyload loading" src="https://www.mypetition.org/public/assets/mypetition/logo_name_color.png" alt="Logo MyPetition.org">
        </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.mypetition.org/soutenir?source=header-menu-mobile" class="no-underline c-quaternary">Nous soutenir</a>
                </div>
                <div class="menu-header pt-3">
                    <a href="https://www.mypetition.org/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.mypetition.org/petition/a-la-une" class="sub-item">Les pétitions à la une</a>
                <a href="https://www.mypetition.org/petition/top-petition" class="sub-item">Les tops pétitions</a>
                <a href="https://www.mypetition.org/petition/" class="sub-item">Les pétitions récentes</a>
                <a href="https://www.mypetition.org/mobilisation-cause-animale" class="sub-item">
                    <picture>
                        <!--[if IE 9]><video style="display: none;><![endif]-->
                            <source type="image/webp" srcset="https://www.mypetition.org/public/assets/mca/LOGO_MCA_2.webp">
                            <source type="image/jpeg" srcset="https://www.mypetition.org/public/assets/mca/LOGO_MCA_2.png">
                        <!--[if IE 9]></video><![endif]-->
                        <img class="mo-image-main lazyload loading mca-image" src="https://www.mypetition.org/public/assets/mca/LOGO_MCA_2.png" alt="Logo Mobilisation pour la Cause Animale">
                    </picture>
                </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.mypetition.org/petition/politique/" class="sub-item">Politique</a>
                                                                    </div>
                                                                                                                                                <div class="categorie-item">
                                                                            <div class="menu-header-cat-mca">
                                            <a href="https://www.mypetition.org/petition/animaux/" class="sub-item">Animaux</a>
                                            <img src="/public/assets/mca/LOGO_MCA_JAUNEMARRONSANSFOND_min.png" alt="Logo MCA">
                                        </div>
                                                                    </div>
                                                                                                                                                <div class="categorie-item">
                                                                            <a href="https://www.mypetition.org/petition/nature-environnement/" class="sub-item">Nature et environnement</a>
                                                                    </div>
                                                                                                                                                <div class="categorie-item">
                                                                            <a href="https://www.mypetition.org/petition/social/" class="sub-item">Social</a>
                                                                    </div>
                                                                                                                                                <div class="categorie-item">
                                                                            <a href="https://www.mypetition.org/petition/justice/" class="sub-item">Justice</a>
                                                                    </div>
                                                                                                </div>
                                                                                                                    <div class="categories-col">
                                                            <div class="categorie-item">
                                                                            <a href="https://www.mypetition.org/petition/sante/" class="sub-item">Santé</a>
                                                                    </div>
                                                                                                                                                <div class="categorie-item">
                                                                            <a href="https://www.mypetition.org/petition/droits-homme/" class="sub-item">Droits de l'Homme</a>
                                                                    </div>
                                                                                                                                                <div class="categorie-item">
                                                                            <a href="https://www.mypetition.org/petition/espace-europeen/" class="sub-item">Espace européen</a>
                                                                    </div>
                                                                                                                                                <div class="categorie-item">
                                                                            <a href="https://www.mypetition.org/petition/enfants/" class="sub-item">Enfants</a>
                                                                    </div>
                                                                                                                                                <div class="categorie-item">
                                                                            <a href="https://www.mypetition.org/petition/art-culture/" class="sub-item">Arts et culture</a>
                                                                    </div>
                                                                                                </div>
                                                                                                                    <div class="categories-col">
                                                            <div class="categorie-item">
                                                                            <a href="https://www.mypetition.org/petition/medias/" class="sub-item">Médias</a>
                                                                    </div>
                                                                                                                                                <div class="categorie-item">
                                                                            <a href="https://www.mypetition.org/petition/sports/" class="sub-item">Sports</a>
                                                                    </div>
                                                                                                                                                <div class="categorie-item">
                                                                            <a href="https://www.mypetition.org/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.mypetition.org/petition/victoire/" class="no-underline c-black">Victoires</a>
                </div>
            </div>
            <a href="https://www.mypetition.org/petition/creer-petition?source=header-img" class="cta hide-sm">
                <div class="menu-image" style="background-image:url(https://www.mypetition.org/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.mypetition.org/sondage/a-la-une" class="sub-item">Les sondages à la une</a>
                <a href="https://www.mypetition.org/sondage/top-sondage" class="sub-item">Les tops sondages</a>
                <a href="https://www.mypetition.org/sondage/" class="sub-item">Les sondages récents</a>
                <a href="https://www.mypetition.org/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.mypetition.org/sondage/politique/" class="sub-item">Politique</a>
                                </div>
                                                                                                                                                <div class="categorie-item">
                                    <a href="https://www.mypetition.org/sondage/animaux/" class="sub-item">Animaux</a>
                                </div>
                                                                                                                                                <div class="categorie-item">
                                    <a href="https://www.mypetition.org/sondage/nature-environnement/" class="sub-item">Nature et environnement</a>
                                </div>
                                                                                                                                                <div class="categorie-item">
                                    <a href="https://www.mypetition.org/sondage/social/" class="sub-item">Social</a>
                                </div>
                                                                                                                                                <div class="categorie-item">
                                    <a href="https://www.mypetition.org/sondage/justice/" class="sub-item">Justice</a>
                                </div>
                                                                                                </div>
                                                                                                                    <div class="categories-col">
                                                            <div class="categorie-item">
                                    <a href="https://www.mypetition.org/sondage/sante/" class="sub-item">Santé</a>
                                </div>
                                                                                                                                                <div class="categorie-item">
                                    <a href="https://www.mypetition.org/sondage/droits-homme/" class="sub-item">Droits de l'Homme</a>
                                </div>
                                                                                                                                                <div class="categorie-item">
                                    <a href="https://www.mypetition.org/sondage/espace-europeen/" class="sub-item">Espace européen</a>
                                </div>
                                                                                                                                                <div class="categorie-item">
                                    <a href="https://www.mypetition.org/sondage/enfants/" class="sub-item">Enfants</a>
                                </div>
                                                                                                                                                <div class="categorie-item">
                                    <a href="https://www.mypetition.org/sondage/art-culture/" class="sub-item">Arts et culture</a>
                                </div>
                                                                                                </div>
                                                                                                                    <div class="categories-col">
                                                            <div class="categorie-item">
                                    <a href="https://www.mypetition.org/sondage/medias/" class="sub-item">Médias</a>
                                </div>
                                                                                                                                                <div class="categorie-item">
                                    <a href="https://www.mypetition.org/sondage/sports/" class="sub-item">Sports</a>
                                </div>
                                                                                                                                                <div class="categorie-item">
                                    <a href="https://www.mypetition.org/sondage/autres/" class="sub-item">Autres</a>
                                </div>
                                                                                                        </div>
                </div>
            </div>
            <a href="https://www.mypetition.org/sondage/creer-sondage" class="cta hide-sm">
                <div class="menu-image" style="background-image:url(https://www.mypetition.org/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.mypetition.org/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.mypetition.org/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.mypetition.org/fr">Accueil</a>
        <a href="https://www.mypetition.org/petition/a-la-une" class="mo-navbar-btn menu-petition">
            <span>Pétitions</span>
            <i class="fas fa-chevron-down"></i>
        </a>

        <a class="mo-navbar-btn menu-btn-no-dropdown" href="https://www.mypetition.org/petition/victoire/">Victoires</a>
        
        <a id="menu-support-item" class="mo-navbar-btn mca menu-btn-no-dropdown" href="https://www.mypetition.org/mobilisation-cause-animale">
            <picture>
                <!--[if IE 9]><video style="display: none;><![endif]-->
                    <source type="image/webp" srcset="https://www.mypetition.org/public/assets/mca/LOGO_MCA_2.webp">
                    <source type="image/jpeg" srcset="https://www.mypetition.org/public/assets/mca/LOGO_MCA_2.png">
                <!--[if IE 9]></video><![endif]-->
                <img class="mo-image-main lazyload loading mca-image" src="https://www.mypetition.org/public/assets/mca/LOGO_MCA_2.png" alt="Logo Mobilisation pour la Cause Animale">
            </picture>
        </a>

        <a id="menu-support-item" class="mo-navbar-btn menu-btn-no-dropdown" href="https://www.mypetition.org/blog/">Blog</a>

        <a id="menu-support-item" class="mo-navbar-btn menu-btn-no-dropdown c-quaternary" href="https://www.mypetition.org/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.mypetition.org/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.mypetition.org/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>

    <div class="mo-announcement-banner">
        <div class="mo-announcement-banner__inner">
            <span class="mo-announcement-banner__icon">&#9670;</span>
            <p class="mo-announcement-banner__text">MesOpinions change de nom et devient <strong>MyPetition</strong> : vos mobilisations vont encore plus loin !</p>
            <span class="mo-announcement-banner__icon">&#9670;</span>
        </div>
    </div>

    <style>
        .mo-announcement-banner{width:100%;background-color:#0e415a;color:#fff;text-align:center;padding:11px 16px;font-family:"Asap",sans-serif;box-sizing:border-box;position:relative;z-index:10}
        .mo-announcement-banner__inner{display:flex;align-items:center;justify-content:center;gap:12px;max-width:900px;margin:0 auto}
        .mo-announcement-banner__text{margin:0;font-size:16px;letter-spacing:.02em;line-height:1.5}
        .mo-announcement-banner__text strong{font-weight:700;color:#DA091B}
        .mo-announcement-banner__icon{font-size:8px;opacity:.7;flex-shrink:0;color:#DA091B}
        @media (max-width: 667px) {
        .mo-announcement-banner{padding:9px 10px}
        .mo-announcement-banner__text{font-size:14px}
        .mo-announcement-banner__icon{display:none}
        }
    </style>


<script src="https://www.mypetition.org/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"    : "MyPetition",
        "url"     : "https://www.mypetition.org",
        "logo"    : "https://www.mypetition.org/public/assets/logo.jpg",
        "sameAs"  : [
                            "https://www.facebook.com/mesopinions",
                "https://x.com/mesopinions_com",
                "https://www.instagram.com/mesopinions",
                "https://www.youtube.com/@MesOpinionsMobilisation"
                    ]
    }
</script>

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type"   : "WebSite",
        "url"     : "https://www.mypetition.org",
        "potentialAction": {
            "@type": "SearchAction",
            "target": {
            "@type": "EntryPoint",
            "urlTemplate": "https://www.mypetition.org/recherche?t={search_term_string}"
            },
            "query-input": "required name=search_term_string"
        }
    }
</script>

<div id="homepage-banner-block" class="container mo-txtoverimg-home pad-v-30">
    <div class="banner-overlay">
        <div class="banner-block">
            <h1 class="banner-text">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é.</h1>
            <p class="banner-signs">
                Déjà <strong id="homeTotalCounter"></strong> signatures sur MyPetition.org            </p>
            <a href="https://www.mypetition.org/petition/creer-petition?source=homepage" class="mo-button-primary button-home text-uppercase">Lancer votre pétition</a>
        </div>
        <div class="banner-more p-2">
            <i class="fas fa-chevron-down"></i>
        </div>
    </div>
</div>

    <div class="container-home">
        <div class="container pad-v-30">
            <span class="petiton-section text-uppercase">- Bénéficiez de l’accompagnement MyPetition -</span>
            <div class="blog-header header-list">L'expertise gratuite pour mener vos combats jusqu'à la victoire</div>
            <a class="no-underline" href="https://www.mypetition.org/accompagnement/?source=home">
                <div class="mo-button-showmore-light mo-button-showmore-blog"><h2>Accéder à la page "Accompagnement"</h2></div>
            </a>
        </div>
        <div class="container pad-v-30">
            <span class="petiton-section text-uppercase">- Retrouvez les pétitions proches de chez vous -</span>
            <div class="blog-header header-list">Explorez la carte et découvrez toutes les pétitions locales</div>
            <a class="no-underline" href="https://www.mypetition.org/autour-de-vous">
                <div class="mo-button-showmore-light mo-button-showmore-blog"><h2>Accédez à la page "Les pétitions proches de chez vous"</h2></div>
            </a>
        </div>
    </div>

    <div id="homepage-block-victories" class="container bg-tertiary pad-v-30">
        <span class="petiton-section text-uppercase">- Victoires -</span>
        <div class="petition-header header-list">Vous avez gagné</div>

        <div class="mo-list">
                            <a href="https://www.mypetition.org/petition/enfants/exigeons-mise-retrait-vice-presidente-ciivise/227608" class="mo-list-item">
                    <div class="mo-card">
                        <div class="mo-card-header">
                                                            <picture>
                                    <!--[if IE 9]><video style="display: none;><![endif]-->
                                        <source type="image/webp" data-srcset="https://www.mypetition.org/public/img/petition/petition-img-227608-fr.webp" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload loading">
                                        <source type="image/jpeg" data-srcset="https://www.mypetition.org/public/img/petition/petition-img-227608-fr.jpeg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload loading">
                                    <!--[if IE 9]></video><![endif]-->
                                    <img class="mo-image-main lazyload loading" data-src="https://www.mypetition.org/public/img/petition/petition-img-227608-fr.jpeg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Victoire : Exigeons la mise en retrait de la vice-présidente de la CIIVISE, la docteure Caroline Rey-Salmon">
                                </picture>
                                                    </div>
                        <div class="mo-card-body">
                            <div class="card-body-type">Victoire</div>
                            <div class="card-body-title">Exigeons la mise en retrait de la vice-présidente de la CIIVISE, la docteure Car...</div>
                            <div class="card-body-user">
                                                                <div class=""><span>Auteur : </span><span class="user-name">MOUV'ENFANTS</span></div>
                            </div>
                            <div class="card-body-counter"><strong>8.014</strong> signatures</div>
                            <p class="card-body-text">Par cette pétition, nous apportons notre soutien à Louison Lume, victime d’inceste qui, le 5 février 2024, a rendu public des faits de violences gynécologiques, agressions sex...</p>
                        </div>
                    </div>
                </a>
                            <a href="https://www.mypetition.org/petition/art-culture/retrait-boi-bouquinistes-jeux-olympiques/213258" class="mo-list-item">
                    <div class="mo-card">
                        <div class="mo-card-header">
                                                            <picture>
                                    <!--[if IE 9]><video style="display: none;><![endif]-->
                                        <source type="image/webp" data-srcset="https://www.mypetition.org/public/img/petition/petition-img-213258-fr.webp" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload loading">
                                        <source type="image/jpeg" data-srcset="https://www.mypetition.org/public/img/petition/petition-img-213258-fr.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload loading">
                                    <!--[if IE 9]></video><![endif]-->
                                    <img class="mo-image-main lazyload loading" data-src="https://www.mypetition.org/public/img/petition/petition-img-213258-fr.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Victoire : Non au retrait des boîtes des bouquinistes pour les Jeux Olympiques !">
                                </picture>
                                                    </div>
                        <div class="mo-card-body">
                            <div class="card-body-type">Victoire</div>
                            <div class="card-body-title">Non au retrait des boîtes des bouquinistes pour les Jeux Olympiques !</div>
                            <div class="card-body-user">
                                                                <div class=""><span>Auteur : </span><span class="user-name">Hugues Dufour</span></div>
                            </div>
                            <div class="card-body-counter"><strong>16.727</strong> signatures</div>
                            <p class="card-body-text">Quelle ne fut pas ma surprise et mon indignation lorsque j’ai appris que la mairie de Paris avait décidé de retirer les boîtes des bouquinistes des quais de Seine pour les Jeu...</p>
                        </div>
                    </div>
                </a>
                            <a href="https://www.mypetition.org/petition/enfants/a-fermeture-classe-maternelle-a-st/227068" class="mo-list-item">
                    <div class="mo-card">
                        <div class="mo-card-header">
                                                            <picture>
                                    <!--[if IE 9]><video style="display: none;><![endif]-->
                                        <source type="image/webp" data-srcset="https://www.mypetition.org/public/img/petition/petition-img-227068-fr.webp" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload loading">
                                        <source type="image/jpeg" data-srcset="https://www.mypetition.org/public/img/petition/petition-img-227068-fr.jpeg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload loading">
                                    <!--[if IE 9]></video><![endif]-->
                                    <img class="mo-image-main lazyload loading" data-src="https://www.mypetition.org/public/img/petition/petition-img-227068-fr.jpeg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Victoire : Non à la fermeture d'une classe maternelle à St Gervais d'Auvergne">
                                </picture>
                                                    </div>
                        <div class="mo-card-body">
                            <div class="card-body-type">Victoire</div>
                            <div class="card-body-title">Non à la fermeture d'une classe maternelle à St Gervais d'Auvergne</div>
                            <div class="card-body-user">
                                                                <div class=""><span>Auteur : </span><span class="user-name">DÉLÉGUÉ PARENTS D'ÉLÈVES ST GERVAIS D'AUVERGNE</span></div>
                            </div>
                            <div class="card-body-counter"><strong>8.854</strong> signatures</div>
                            <p class="card-body-text">ECOLE EN DANGER, SIGNEZ NOTRE PÉTITION, SVP<br /><br /> Nous avons appris qu’une classe pourrait être fermée lors de la rentrée scolaire de septembre 2024. <br /><br />Nous, p...</p>
                        </div>
                    </div>
                </a>
                    </div>

        <a class="no-underline" href="https://www.mypetition.org/petition/victoire/">
            <div class="mo-button-showmore-light text-uppercase"><h2>Voir toutes les victoires</h2></div>
        </a>
    </div>
    <div class="container pad-v-30">
        <span class="petiton-section text-uppercase">- Pétitions -</span>
        <div class="petition-header header-list">Mobilisez-vous</div>

        <div class="mo-list">
                            <a href="https://www.mypetition.org/petition/enfants/prise-charge-immediate-enfants-victimes-violences/277314" class="mo-list-item">
                    <div class="mo-card">
                        <div class="mo-card-header">
                                                            <picture>
                                    <!--[if IE 9]><video style="display: none;><![endif]-->
                                        <source type="image/webp" data-srcset="https://www.mypetition.org/public/img/petition/petition-img-277314-1771801175-fr.webp" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload loading">
                                        <source type="image/jpeg" data-srcset="https://www.mypetition.org/public/img/petition/petition-img-277314-1771801175-fr.jpeg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload loading">
                                    <!--[if IE 9]></video><![endif]-->
                                    <img class="mo-image-main lazyload loading" data-src="https://www.mypetition.org/public/img/petition/petition-img-277314-1771801175-fr.jpeg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Pétition : Pour la prise en charge immédiate des enfants victimes de violences sexuelles et de leurs familles">
                                </picture>
                                                    </div>
                        <div class="mo-card-body">
                            <div class="card-body-type">Pétition</div>
                            <div class="card-body-title">Pour la prise en charge immédiate des enfants victimes de violences sexuelles et...</div>
                            <div class="card-body-user">
                                                                <div class=""><span>Auteur : </span><span class="user-name">Christophe Aigouy, Président de l'association "Les Voix de L...</span></div>
                            </div>
                            <div class="card-body-counter"><strong>22.150</strong> signatures</div>
                            <p class="card-body-text">En France, des enfants victimes de violences sexuelles continuent d’être laissés sans protection réelle après les faits. Le choc subi ne s’arrête pas à l’agression : il se pro...</p>
                        </div>
                        <div class="mo-card-footer">
                            <div class="card-footer-btn">
                                <i class="fas fa-pencil-alt"></i>
                                <span class="card-footer-btn-label">Je signe</span>
                            </div>
                        </div>
                    </div>
                </a>
                            <a href="https://www.mypetition.org/petition/justice/justice-enzo-reouverture-poursuite-dossier-viol/277653" class="mo-list-item">
                    <div class="mo-card">
                        <div class="mo-card-header">
                                                            <picture>
                                    <!--[if IE 9]><video style="display: none;><![endif]-->
                                        <source type="image/webp" data-srcset="https://www.mypetition.org/public/img/petition/petition-img-277653-1772637524-fr.webp" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload loading">
                                        <source type="image/jpeg" data-srcset="https://www.mypetition.org/public/img/petition/petition-img-277653-1772637524-fr.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload loading">
                                    <!--[if IE 9]></video><![endif]-->
                                    <img class="mo-image-main lazyload loading" data-src="https://www.mypetition.org/public/img/petition/petition-img-277653-1772637524-fr.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Pétition : Justice pour Enzo : pour la réouverture et la poursuite du dossier de viol !">
                                </picture>
                                                    </div>
                        <div class="mo-card-body">
                            <div class="card-body-type">Pétition</div>
                            <div class="card-body-title">Justice pour Enzo : pour la réouverture et la poursuite du dossier de viol !</div>
                            <div class="card-body-user">
                                                                <div class=""><span>Auteur : </span><span class="user-name">Sandrine</span></div>
                            </div>
                            <div class="card-body-counter"><strong>18.823</strong> signatures</div>
                            <p class="card-body-text">Je suis la mère d’Enzo, victime d’un viol commis dans un bus à Pau le 4 décembre 2025. Depuis, je vis une colère et une incompréhension profondes. Un témoin a alerté la conduc...</p>
                        </div>
                        <div class="mo-card-footer">
                            <div class="card-footer-btn">
                                <i class="fas fa-pencil-alt"></i>
                                <span class="card-footer-btn-label">Je signe</span>
                            </div>
                        </div>
                    </div>
                </a>
                            <a href="https://www.mypetition.org/petition/social/urgent-toit-marc-61-ans-attend/270980" class="mo-list-item">
                    <div class="mo-card">
                        <div class="mo-card-header">
                                                            <picture>
                                    <!--[if IE 9]><video style="display: none;><![endif]-->
                                        <source type="image/webp" data-srcset="https://www.mypetition.org/public/img/petition/petition-img-270980-1762394734-fr.webp" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload loading">
                                        <source type="image/jpeg" data-srcset="https://www.mypetition.org/public/img/petition/petition-img-270980-1762394734-fr.jpeg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload loading">
                                    <!--[if IE 9]></video><![endif]-->
                                    <img class="mo-image-main lazyload loading" data-src="https://www.mypetition.org/public/img/petition/petition-img-270980-1762394734-fr.jpeg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Pétition : Urgent un toit pour Marc 61 ans qui attend  un logement depuis 4 ans assis dans sa voiturette près de Nantes">
                                </picture>
                                                    </div>
                        <div class="mo-card-body">
                            <div class="card-body-type">Pétition</div>
                            <div class="card-body-title">Urgent un toit pour Marc 61 ans qui attend  un logement depuis 4 ans assis dans ...</div>
                            <div class="card-body-user">
                                                                <div class=""><span>Auteur : </span><span class="user-name">Les habitants ont la parole</span></div>
                            </div>
                            <div class="card-body-counter"><strong>20.193</strong> signatures</div>
                            <p class="card-body-text">PÉTITION : Un logement d’urgence pour Marc, 61 ans, contraint de dormir dans une voiture depuis 4 ans à Saint-Herblain<br />À Saint-Herblain, près de Nantes, notre association...</p>
                        </div>
                        <div class="mo-card-footer">
                            <div class="card-footer-btn">
                                <i class="fas fa-pencil-alt"></i>
                                <span class="card-footer-btn-label">Je signe</span>
                            </div>
                        </div>
                    </div>
                </a>
                    </div>
        <a class="no-underline" href="https://www.mypetition.org/petition/">
            <div class="mo-button-showmore-light text-uppercase"><h2>Voir toutes les pétitions</h2></div>
        </a>
    </div>

<script>
	$(function () {
		var counter = 295926826;
		$('#homeTotalCounter').text(spaceSeparateNumber(Math.round(counter)));

		$('.banner-more').on('click', function() {
			$('html, body').animate({
		        scrollTop: $('#homepage-block-victories').offset().top
		    }, 500);
		});

		function displayCounter() {
			counter += getRandomNumber(1,4);
			$('#homeTotalCounter').text(spaceSeparateNumber(Math.round(counter)));

			delay = getRandomNumber(200, 700);
  			setTimeout(displayCounter, delay);
		}

		setTimeout(displayCounter, 200);
	});

	function getRandomNumber(min, max) {
	    return Math.random() * (+max - +min) + +min;
	}

	function spaceSeparateNumber(val){
	    while (/(\d+)(\d{3})/.test(val.toString())){
	      	val = val.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1 ");
	    }
	    return val;
	}
</script>		  
		    <div class="mo-pre-footer">
    <img class="logo-footer lazyload" data-src="https://www.mypetition.org/public/assets/mypetition/logo_name_white.png" alt="">
    <img class="logo-footer-sm lazyload" data-src="https://www.mypetition.org/public/assets/mypetition/logo_white.png" alt="">
    <div class="mo-socials">
        <a target="_blank" href="https://www.facebook.com/mypetition"><div class="mo-social-btn social-fb">
            <img class="lazyload" data-src="https://www.mypetition.org/public/assets/facebook.png" alt="Logo facebook" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
        </div></a>
        <a target="_blank" href="https://www.tiktok.com/@mesopinions"><div class="mo-social-btn social-tt">
            <img class="lazyload" data-src="https://www.mypetition.org/public/assets/tiktok.png" alt="Logo tiktok" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
        </div></a>
        <a target="_blank" href="https://x.com/mypetitionfr"><div class="mo-social-btn social-tw">
            <img class="lazyload" data-src="https://www.mypetition.org/public/assets/x.png" alt="Logo X" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
        </div></a>
        <a target="_blank" href="https://www.youtube.com/@MesOpinionsMobilisation"><div class="mo-social-btn social-yt">
            <img class="lazyload" data-src="https://www.mypetition.org/public/assets/youtube.png" alt="Logo youtube" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
        </div></a>
        <a target="_blank" href="https://www.instagram.com/mypetitionfr/"><div class="mo-social-btn social-ig">
            <img class="lazyload" data-src="https://www.mypetition.org/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.mypetition.org/petition/creer-petition?source=footer-link">Lancer votre pétition</a></li>
                    <li><a href="https://www.mypetition.org/blog/?source=footer">Blog - Parlons Mobilisation</a></li>
                                    <li><a href="https://www.mypetition.org/accompagnement?source=footer">Accompagnement</a></li>
                    <li><a href="https://www.mypetition.org/fundraising">Partenariat et fundraising</a></li>
                    <li><a href="https://www.mypetition.org/autour-de-vous">Les pétitions proches de chez vous</a></li>
                            </ul>
        </div>

        <div>
            <span>Notre communauté</span>
            <ul>
                <li><a target="_blank" rel="nofollow" href="https://www.facebook.com/mypetition">Facebook</a></li>
                <li><a target="_blank" rel="nofollow" href="https://www.tiktok.com/@mesopinions">TikTok</a></li>
                <li><a target="_blank" rel="nofollow" href="https://x.com/mypetitionfr">X</a></li>
                <li><a target="_blank" rel="nofollow" href="https://www.instagram.com/mypetitionfr/">Instagram</a></li>
                <li><a target="_blank" rel="nofollow" href="https://www.youtube.com/@MesOpinionsMobilisation">Youtube</a></li>
            </ul>
        </div>

        <div>
            <span>Espace presse</span>
            <ul>
                <li><a href="https://www.mypetition.org/qui-sommes-nous">Qui sommes-nous?</a></li>
                <li><a href="https://www.mypetition.org/presse/petition-presse">Nos pétitions dans la presse</a></li>
                <li><a href="https://www.mypetition.org/mesopinions-presse">MyPetition dans la presse</a></li>
                <li><a href="https://www.mypetition.org/contact?type=8">Contact presse</a></li>
            </ul>
        </div>

        <div>
            <a href="/bcorp"><img src="https://www.mypetition.org/public/img/logo-bcorp-light.png" alt="B Corp" class="logo-bcorp"></a>
        </div>
    </div>
    <div class="footer-middle">
        <a href="https://www.mypetition.org/fr">Accueil</a><span>|</span>
        <a href="https://www.mypetition.org/soutenir?source=footer-link">Nous soutenir</a><span>|</span>
        <a href="https://www.mypetition.org/aide">Aide</a><span>|</span>
        <a href="https://www.mypetition.org/faq">FAQ</a><span>|</span>
        <a href="https://www.mypetition.org/contact">Contactez-nous</a><span>|</span>
        <a href="https://www.mypetition.org/vie-privee">Vie privée</a><span>|</span>
        <a href="#" onclick="window.Sddan.cmp.displayUI(); return false;">Cookies</a><span>|</span>
        <a href="https://www.mypetition.org/politique-confidentialite">Politique de confidentialité</a><span>|</span>
        <a href="https://www.mypetition.org/mentions-legales">Mentions légales</a><span>|</span>
        <a href="https://www.mypetition.org/conditions-utilisation">Conditions d'utilisation</a>
    </div>
    <div class="footer-bottom">

        <div>© Copyright MyPetition.org - Site réalisé par l'agence <a href="https://www.developr.fr/" target="_blank" style="color:#2e3242;text-decoration:none;">Developr</a></div>
                <div class="dropup">
            <div class="footer-select-lang-container">
                <select id="select-lang" onchange="handleLangSelectChange(this)">
                                                                        <option value="br" >
                                Brasil                            </option>
                                                                                                <option value="de" >
                                Deutsch                            </option>
                                                                                                <option value="au" >
                                English (Australia)                            </option>
                                                                                                <option value="ca" >
                                English (Canada)                            </option>
                                                                                                <option value="in" >
                                English (India)                            </option>
                                                                                                <option value="en" >
                                English (United Kingdom)                            </option>
                                                                                                <option value="us" >
                                English (United States)                            </option>
                                                                                                <option value="ar" >
                                Español (Argentina)                            </option>
                                                                                                <option value="es" >
                                Español (España)                            </option>
                                                                                                <option value="lat" >
                                Español (Latinoamérica)                            </option>
                                                                                                <option value="fr" selected>
                                Français                            </option>
                                                                                                <option value="it" >
                                Italiano                            </option>
                                                                                                <option value="pl" >
                                Polski                            </option>
                                                                                                <option value="pt" >
                                Português                            </option>
                                                                                                <option value="tr" >
                                Türkçe                            </option>
                                                            </select>
            </div>
        </div>
    </div>

</div>
		
		
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript" src="https://www.mypetition.org/public/js/mo-front.js?v=2.1"></script>
<script type="text/javascript" src="https://www.mypetition.org/public/js/lazysizes.min.js" async></script>


<script>
    $(document).ready(function() {
        $('.close-store-notice').on('click', function(evt) {
            evt.preventDefault();

            $('#store-notice').remove();
            
            wsRequestCommon('/petitionws/addCookie', 'POST', {cookie_name: 'notice'}, null, function(response, err) {
            });
        });

        $('.link-store-notice').on('click', function(evt) {
            evt.preventDefault();

            var urlNotice = $(this).attr('href');

            wsRequestCommon('/petitionws/incrementClicsNotice', 'POST', {}, null, function(response, err) {
                window.location.href = urlNotice;
            });
        });
    });
if(document.domain == 'www.mypetition.org'){
    (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.mypetition.org/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.mypetition.org/public/css/views/connexion-popup.css?v=0.1" 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="googleConnect" class="m-auto"></div>
			<div id="comm-fb-connect-div" class="f-text">
				<img id="fb-logo" src="https://www.mypetition.org/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 m-auto w-80 w-m-100">
				<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-80 w-m-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 MyPetition.org. 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 MyPetition.org. 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 class="f-text c-text-light text-center d-block my-3">Vous avez déjà un compte ? <span class="backco cursor-pointer btn-other c-primary text-underline">Connexion</span></div>
			<div id="googleRegister" class="m-auto"></div>
			<div id="comm-fb-register-div2" class="f-text">
				<img id="fb-logo" src="https://www.mypetition.org/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 src="https://accounts.google.com/gsi/client?hl=fr" async defer></script>
<script type="text/javascript">
    window.popupCallback = null;

    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();
        });

        $('.backco').on('click', function() {
            $('#signup-form').hide();
            $('#forgot-password-form').hide();
            $('#password-form').hide();
            $('#code-form').hide();
            $('#login-form').css('display', 'flex');
        });

        $('.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();
            window.popupCallback = null;
        }

        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 MyPetition.org. 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 (window.popupCallback !== null) {
                        window.popupCallback();
                        closePopup();
                    } 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');
            
            // Récupération de la valeur Altcha
            let altchaValue = '';
                        
            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',
                altcha        : altchaValue
            };
            $('#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 (window.popupCallback !== null) {
                                window.popupCallback();
                                closePopup();
                            } 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 (window.popupCallback !== null) {
                            window.popupCallback();
                            closePopup();
                        } else if($('#typeLogin').val() == 1) {
                            submitFormCreatePetition();
                        } else {
                            location.reload();
                        }
                    }
                }
            });
        });
    });

    $("#comm-fb-connect-div, #comm-fb-register-div, #fb-connect-div2").on('click', function() {
        FB.login(
            function(response) {
                if (response.authResponse) {
                    wsRequestCommon('/connexionws/registerFacebook', 'POST', {}, false, function(response, err) {
                        if (window.popupCallback !== null) {
                            window.popupCallback();
                            closePopup();
                        } else if($('#typeLogin').val() == 1) {
                            submitFormCreatePetition();
                        } else {
                            location.reload();
                        }
                    });
                } else {
                    console.log('User cancelled login or did not fully authorize.');
                }
            },
            {
                scope:'email',
                auth_type: 'rerequest'
            }
        );
    });

    function handleCredentialResponse(datas) {
        $.ajax({
            type: 'POST',  
            url: '/connexionws/connectGoogle',
            data: datas,
            success: function (response) {
                if(response.code_retour){
                    if(window.location.pathname.split('/')[2] == 'connexion'){
                        window.location = "https://www.mypetition.org/communaute/connexion";
                    } else {
                        if (window.popupCallback !== null) {
                            window.popupCallback();
                            closePopup();
                        } else {
                            submitFormCreatePetition();
                        }
                    }
                }
            }
        });
    }

    window.onload = function () {
        $keyGooglOAuth = "803313661052-hjt1l0qg4que8i7qteprvfn46lacfs8d.apps.googleusercontent.com";
        let largeur = 0;
        if($("#fb-connect-div2").width() > 0){
            largeur = Math.round($("#fb-connect-div2").width());
        } else if($("#comm-fb-connect-div").width() > 0) {
            largeur = Math.round($("#comm-fb-connect-div").width());
        } else {
            largeur = Math.round($("#comm-fb-register-div2").width());
        }

        // Page creation pétition
        google.accounts.id.initialize({
            client_id: $keyGooglOAuth,
            callback: handleCredentialResponse
        });
        google.accounts.id.renderButton(
            document.getElementById("googleConnect"),
            {
                theme: "outline", 
                size: "large",
                width: largeur,
                locale: "fr"
            }
        );

        google.accounts.id.renderButton(
            document.getElementById("googleRegister"),
            {
                theme: "outline", 
                size: "large",
                width: largeur,
                text: "signup_with",
                locale: "fr"
            }
        );

        // Page login
        google.accounts.id.renderButton(
            document.getElementById("googleConnect2"),
            {
                theme: "outline", 
                size: "large",
                width: largeur,
                locale: "fr"
            }
        );

        google.accounts.id.renderButton(
            document.getElementById("googleConnectSign"),
            {
                theme: "filled_black", 
                size : "large",
                width: "370px",
                text : "continue_with",
                locale: "fr"
            }
        );
    }
</script></body>
</html>