<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Rassemblement des citoyens déçus et lassés des politiques français et qui souhaitent redonner du sens aux élections en soutenant et participant à une grande primaire citoyenne, apartisane, ouverte, en 2017 afin d'élire le candidats de tous les Français.">
    <meta name="author" content="des citoyens ordinaires">
    <meta property="og:image" content="http://democratech.co/img/jeudepaume.jpg"/>
    <meta property="og:image:secure_url" content="https://upload.wikimedia.org/wikipedia/commons/8/87/Serment_du_Jeu_de_Paume_-_Jacques-Louis_David.jpg" />
    <meta name="twitter:image:src" content="http://democratech.co/img/jeudepaume.jpg">
    <title>Primaire 2017 - choisissons nos candidats citoyens pour les élections de 2017</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="css/agency.css" rel="stylesheet">
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link rel="canonical" href="http://democratech.co">
<script>
// ABTASTY
(function (i, s, o, g, r, a, m) {
i[r] = i[r] || [], i['abtiming'] = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//try.abtasty.com/82f23a704e9c620652b736f681f363be.js', '_abtasty');
</script>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body id="page-top" class="index">
<div id="fb-root"></div>
<script>(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/en_US/sdk.js#xfbml=1&version=v2.3&appId=115809635110050";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

    <!-- Header -->
    <header id="page-top">
	<div id="header_overlay">
        <div class="container">
            <div class="row">
		    <div class="title">
			<h2>En 2017, la démocratie revient !</h2>
		    </div>
	    </div>
            <div class="row">
                <div class="col-lg-12">
                    <form name="sentMessage" id="contactForm" novalidate>
                        <div class="row" id="lettre_inline">
                            <div class="col-md-8">
				    <div class="lettre">
<p>Cher François, cher Nicolas, chère Marine… et tous les autres candidats autoproclamés des partis politiques, soyons clairs :</p>

<p class="punchy"><b>EN 2017, NOUS N'AVONS PAS ENVIE DE VOTER POUR VOUS.</b></p>

<p>L'élection présidentielle n'est que dans 2 ans et pourtant, vous, candidats des partis politiques, n'avez déjà que cela en tête, attirés par cette élection comme des abeilles par un pot de miel.</p>

<p><b>Vous décidez, en comité restreint, du casting des élections</b>. Un casting déjà établi, négocié entre vous, du réchauffé, les mêmes depuis des années. Seules vos ambitions personnelles vous guident. Vous êtes déconnectés et obsolètes. Vous ne nous représentez plus.</p>

<p class="punchy"><b>VOUS NOUS AVEZ VOLÉ NOTRE DÉMOCRATIE !</b></p>

<p>Ce temps là est révolu. Aujourd'hui, <b>nous sommes plus de 9 français sur 10 à ne plus vous faire confiance</b> pour gouverner notre beau pays.<p/>
<p>Nous, citoyens français, reprenons la main et allons redonner tout son sens à notre démocratie. Pour les élections de 2017, nous utiliserons internet et les réseaux sociaux pour élire de manière démocratique et représentative des candidats légitimes. Face à vous, candidats des partis, il y aura notre candidat, celui choisi démocratiquement par tous les français.</p>

<p class="punchy"><b>ORGANISEZ VOS PRIMAIRES. NOUS ORGANISONS LA NÔTRE.</b></p>

<p class="punchy"><b>EN 2017, LA DEMOCRATIE REVIENT !</b></p>
					<div class="row">
					    <div class="col-md-3">
					    </div>
					    <div class="col-md-9">
<div style="text-align:right;"><i>Nous, un groupe de citoyens ordinaires qui nous rassemblons pour mettre en commun nos compétences et redonner la parole aux Français.</i></div>
					    </div>
					</div>
				    </div>
                            </div>
                            <div class="col-md-4">
				<div class="joinus">
					<div style="padding-bottom:20px;"><h2>Rejoignez nous !</h2></div>
					<div class="form-group">
					    <input type="text" class="form-control" placeholder="Votre prénom *" id="firstname" required data-validation-required-message="Merci d'entrer votre prénom.">
					    <p class="help-block text-danger"></p>
					</div>
					<div class="form-group">
					    <input type="text" class="form-control" placeholder="Votre nom de famille *" id="lastname" required data-validation-required-message="Merci d'entrer votre nom.">
					    <p class="help-block text-danger"></p>
					</div>
					<div class="form-group">
					    <input type="email" class="form-control" placeholder="Votre email *" id="email" required data-validation-required-message="Merci d'entrer votre adresse email.">
					    <p class="help-block text-danger"></p>
					</div>
					<div class="form-group">
					    <input type="zip" class="form-control" placeholder="Votre code postal *" id="zip" required data-validation-required-message="Merci d'entrer votre code postal.">
					    <p class="help-block text-danger"></p>
					</div>
					<div class="form-group">
					    <textarea class="form-control" placeholder="Votre message (optionnel)" id="message"></textarea>
					    <p class="help-block text-danger"></p>
					</div>
					<center><button id="main_button" type="submit" class="btn btn-xl">J'approuve</button></center>
					<p style="color:#bbb;font-size:11px;line-height:1em;"><br/>En cliquant, vous acceptez les <a href="https://www.change.org/fr/nous-conna%C3%AEtre/conditions-utilisation" target="_blank">Conditions d'utilisation</a> et la <a href="https://www.change.org/fr/nous-conna%C3%AEtre/confidentialit%C3%A9" target="_blank">politique de confidentialité</a> de Change.org.</b></p>
					<div id="success"></div>
				</div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
        </div>
    </header>

    <section id="counter">
        <div class="container">
            <div class="text-center">
		<h2>Notre grande entreprise citoyenne démarre dans...</h2>
            </div>
            <div id="clock_wrapper">
		    <div id="clock">
			    <!-- <div class="intro-lead-in">Pour de vraies elections democratiques en 2017</div> -->
			    <!-- <div class="intro-heading">It's Nice To Meet You</div>-->
			    <!-- <a href="#sign" class="page-scroll btn btn-xl">Je signe</a>-->
			<div id="countdownbox"></div>
		    </div>
            </div>
		<div class="row" style="margin:30px auto 0px auto;min-height:30px;width:300px;">
				    <div class="col-xs-6" style="text-align:center;padding:5px;">
<div class="fb-share-button" data-href="http://democratech.co" data-layout="button_count"></div>
				    </div>
				    <div class="col-xs-6" style="text-align:center;padding:5px;">
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Élisons nos candidats aux élections présidentielles de 2017 !" data-via="democratech" data-hashtags="candidat2017">Tweet</a>
			    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
				    </div>
		</div>
	</div>
    </section>

    <section id="team">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Qui est derri&egrave;re ce projet ?</h2>
                    <h3 class="section-subheading text-muted">Voici les citoyens qui contribuent ou ont contribu&eacute;, un peu, beaucoup, passionn&eacute;ment... et peut &ecirc;tre m&ecirc;me &agrave; la folie pour certains :)</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/thibauld.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://twitter.com/thibauld" target="_blank">Thibauld</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/david.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://www.linkedin.com/in/oxeolyaavocatsdavidguez" target="_blank">David</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/jt.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://www.linkedin.com/in/jeantristanchanegue" target="_blank"><NAME></a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/geoffrey.png" class="img-responsive img-circle" alt="">
                        <h4><a href="http://geoffreydorne.com" target="_blank">Geoffrey</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/clara.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://twitter.com/Clarazeld" target="_blank">Clara</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/aude.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://twitter.com/eaudefavre" target="_blank">Aude</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/franck.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://twitter.com/peignoir" target="_blank">Franck</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/nicolas.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://twitter.com/nicolas_colin" target="_blank">Nicolas</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/jm.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://fr.linkedin.com/in/jeanmarcnozeran" target="_blank">Jean-Marc</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/jf.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://sites.google.com/site/jflaslierhomepage/" target="_blank">Jean-Francois</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/arthur.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://www.linkedin.com/pub/arthur-muller/13/640/5b1" target="_blank">Arthur</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/vousf.png" class="img-responsive img-circle" alt="">
                        <h4><a href="mailto:<EMAIL>" target="_blank">Vous ?</a></h4>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <p class="large text-muted">Des citoyens ordinaires, affili&eacute;s &agrave; aucun parti et qui ne sont candidats &agrave; rien... si ce n'est &agrave; aider &agrave; la r&eacute;novation de la d&eacute;mocratie de notre cher pays.</p>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row">
                <div class="text-center">
                    <h2 class="section-heading">Dites m'en plus !</h2>
		    <h3 class="section-subheading text-muted" style="margin-bottom:40px;">Retrouvez ici les articles que nous publions au fil des semaines pour expliquer notre démarche et le projet en détail.</h3>
                </div>
            </div>
            <div class="row">
                <div class="medium-item">
		    <script async src="https://static.medium.com/embed.js"></script>
		    <a class="m-story" data-collapsed="true" href="https://medium.com/@democratech/choisissons-nos-candidats-pour-les-%C3%A9lections-de-2017-2bb9dcb4235d">Aux origines du projet</a>
                </div>
	    </div>
	    <div class="row">
		    <h3 style="margin-bottom:40px;" class="section-subheading text-muted text-center">Pour ne rien rater des articles à venir, n'oubliez pas de suivre le projet sur <a href="https://www.facebook.com/candidatcitoyen2017" target="_blank">facebook</a> et <a href="https://twitter.com/democratech" target="_blank">twitter</a> !</h3>
		    <div class="sharing-buttons">
			    <div class="col-sm-3"></div>
			    <div style="min-height: 40px;" class="col-xs-12 col-sm-3">
				    <a class="facebook" href="https://www.facebook.com/candidatcitoyen2017" target="_blank"><i class="fa fa-facebook-square"></i>Nous suivre sur Facebook</a>
			    </div>
			    <div style="min-height: 40px;" class="col-xs-12 col-sm-3">
				    <a class="twitter" href="https://twitter.com/democratech" target="_blank"><i class="fa fa-twitter-square"></i>Nous suivre sur Twitter</a>
			    </div>
			    <div class="col-sm-3"></div>
		    </div>
	    </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Qu'est-ce qu'en pensent les français ?</h2>
                    <h3 class="section-subheading text-muted">Voici un aperçu des témoignages que nous avons reçus... il semblerait que nous ne soyons pas les seuls à vouloir choisir nos candidats en 2017 !</h3>
                </div>
            </div>
            <div class="row">
		    <div class="col-md-6 col-xs-12">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Suivez, forwardez, signez, participez ... c&#39;est fichtrement intéressant comme démarche <a href="https://t.co/0WvjGdj0hV">https://t.co/0WvjGdj0hV</a></p>&mdash; <NAME> (@Vive_Levant) <a href="https://twitter.com/Vive_Levant/status/619776141864402944">July 11, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="col-md-6 col-xs-12">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Et si? Et si les Français reprenaient leur démocratie en main ? <a href="http://t.co/sqkZqiPYbZ">http://t.co/sqkZqiPYbZ</a> via <a href="https://twitter.com/democratech">@democratech</a> <a href="https://twitter.com/hashtag/d%C3%A9mocratie?src=hash">#démocratie</a> <a href="https://twitter.com/hashtag/hope?src=hash">#hope</a> <a href="https://twitter.com/hashtag/France?src=hash">#France</a> <a href="https://twitter.com/hashtag/p%C3%A9tition?src=hash">#pétition</a></p>&mdash; Lottechar (@imlottechar) <a href="https://twitter.com/imlottechar/status/619066371851350016">July 9, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="clearfix"></div>
		    <div class="col-md-6 col-xs-12 hidden-xs">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">La belle initiative démocratique <a href="https://twitter.com/democratech">@democratech</a> <a href="http://t.co/JoZwtmIVbe">http://t.co/JoZwtmIVbe</a> &#10;<a href="https://twitter.com/hashtag/SocialNetwork?src=hash">#SocialNetwork</a> <a href="https://twitter.com/hashtag/politique?src=hash">#politique</a> #2017 <a href="https://twitter.com/hashtag/democratie?src=hash">#democratie</a> <a href="https://twitter.com/hashtag/onchoisitnospolitiques?src=hash">#onchoisitnospolitiques</a></p>&mdash; <NAME> (@FranckBessiere) <a href="https://twitter.com/FranckBessiere/status/618675958824968192">July 8, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="col-md-6 col-xs-12 hidden-xs">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">longue discussion avec <a href="https://twitter.com/thibauld">@thibauld</a> sur le projet <a href="https://twitter.com/democratech">@democratech</a> ce matin... Quelle super aventure !</p>&mdash; <NAME> (@matleroux) <a href="https://twitter.com/matleroux/status/615528337977511936">June 29, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="clearfix"></div>
		    <div class="col-md-6 col-xs-12">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Pour 2017, choisissons des candidats en dehors des partis <a href="http://t.co/lyyTBUMXeV">http://t.co/lyyTBUMXeV</a> <a href="https://twitter.com/hashtag/candidat2017?src=hash">#candidat2017</a> via <a href="https://twitter.com/democratech">@democratech</a></p>&mdash; <NAME> (@CitizenXXI) <a href="https://twitter.com/CitizenXXI/status/615098911712260096">June 28, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="col-md-6 col-xs-12">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Youpi \o/ on peut choisir nos candidats aux élections présidentielles de 2017 ! <a href="http://t.co/xGO7IduUqy">http://t.co/xGO7IduUqy</a> <a href="https://twitter.com/hashtag/candidat2017?src=hash">#candidat2017</a> via <a href="https://twitter.com/democratech">@democratech</a></p>&mdash; <NAME> (@scrivisier) <a href="https://twitter.com/scrivisier/status/614329509286965248">June 26, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="clearfix"></div>
		    <div class="col-md-6 col-xs-12 hidden-xs">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Une initiative démocratique intéressante : Élisons nos candidats aux présidentielles ! <a href="http://t.co/bp67U076Nz">http://t.co/bp67U076Nz</a> <a href="https://twitter.com/hashtag/candidat2017?src=hash">#candidat2017</a> via <a href="https://twitter.com/democratech">@democratech</a></p>&mdash; <NAME> (@galadath) <a href="https://twitter.com/galadath/status/614330765854306304">June 26, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="col-md-6 col-xs-12 hidden-xs">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Élisons nos candidats aux élections présidentielles de 2017 ! <a href="http://t.co/aXYdW3Ptf7">http://t.co/aXYdW3Ptf7</a> <a href="https://twitter.com/hashtag/candidat2017?src=hash">#candidat2017</a> via <a href="https://twitter.com/democratech">@democratech</a></p>&mdash; <NAME> (@solomonstre) <a href="https://twitter.com/solomonstre/status/614217374971985920">June 25, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="clearfix"></div>
		    <div class="col-md-6 col-xs-12">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Les élections sont confisquées par les partis politiques ? Choisissons notre <a href="https://twitter.com/hashtag/candidat2017?src=hash">#candidat2017</a> : <a href="http://t.co/X2y7P2K7d7">http://t.co/X2y7P2K7d7</a> (via <a href="https://twitter.com/democratech">@democratech</a>)</p>&mdash; ✏Ay. <NAME> (@AymericPM) <a href="https://twitter.com/AymericPM/status/613344300521418752">June 23, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="col-md-6 col-xs-12 hidden-xs">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Pour nos amis de <a href="https://twitter.com/hashtag/France?src=hash">#France</a>. Elisons nos propres candidats pour 2017 ! <a href="http://t.co/iLs98qN3xA">http://t.co/iLs98qN3xA</a> <a href="https://twitter.com/hashtag/candidat2017?src=hash">#candidat2017</a> via <a href="https://twitter.com/democratech">@democratech</a></p>&mdash; <NAME> (@panabart) <a href="https://twitter.com/panabart/status/613654358270562304">June 24, 2015</a></blockquote>
			    </div>
		    </div>
            </div>
	    <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 style="margin-top:20px;" class="section-heading">Et vous, qu'en pensez vous ?</h2>
                    <h3 class="section-subheading text-muted">Si vous approuvez cette initiative, n'hésitez pas à la faire connaître sur les réseaux sociaux.</h3>
                </div>
            </div>
	    <div class="row">
		    <div class="sharing-buttons" style="width:90%; margin:0 auto;">
			    <div style="min-height: 40px;" class="col-xs-12 col-sm-4">
				    <a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fdemocratech.co" target="_blank"><i class="fa fa-facebook-square"></i>Partager sur Facebook</a>
			    </div>
			    <div style="min-height: 40px;" class="col-xs-12 col-sm-4">
				    <a class="twitter" href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fdemocratech.co" target="_blank"><i class="fa fa-twitter-square"></i>Partager sur Twitter</a>
			    </div>
			    <div style="min-height: 40px;" class="col-xs-12 col-sm-4">
				    <a class="google-plus" href="https://plus.google.com/share?url=http%3A%2F%2Fdemocratech.co" target="_blank"><i class="fa fa-google-plus-square"></i>Partager sur Google+</a>
			    </div>
		    </div>
	    </div>
        </div>
    </section>


    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <span class="copyright">Page sous licence Affero GPL</span>
                </div>
                <div class="col-md-4">
                    <ul class="list-inline social-buttons">
                        <li><a target="_blank" href="http://twitter.com/democratech"><i class="fa fa-twitter"></i></a>
                        </li>
                        <li><a target="_blank" href="http://facebook.com/candidatcitoyen2017"><i class="fa fa-facebook"></i></a>
                        </li>
                        <!--<li><a target="_blank" href="http://linkedin.com/democratech"><i class="fa fa-linkedin"></i></a>
                        </li>-->
                        <li><a target="_blank" href="http://github.com/democratech"><i class="fa fa-github"></i></a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-4">
                    <ul class="list-inline quicklinks">
                        <li><a href="/docs/20150623_CP_Fondateur.pdf" target="_blank">Communiqué de presse</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <!-- Portfolio Modal 1 -->
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Merci pour votre soutien !</h2>
                            <p class="item-intro text-muted">N'hésitez pas à partager cet appel le plus possible, ce n'est qu'en se mobilisant tous que nous parviendrons à reprendre en main notre pays.</p>
		<div class="row" style="margin:30px auto 0px auto;min-height:30px;width:300px;">
				    <div class="col-md-6" style="text-align:center;padding:5px;">
<div class="fb-share-button" data-href="http://democratech.co" data-layout="button_count"></div>
				    </div>
				    <div class="col-md-6" style="text-align:center;padding:5px;">
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Élisons nos candidats aux élections présidentielles de 2017 !" data-via="democratech" data-hashtags="candidat2017">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
				    </div>
		</div><br/>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Fermer</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 2 -->
    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2 style="color:#ff2323;">Ooops une erreur est survenue :/</h2>
                            <p class="item-intro text-muted">Désolé, une erreur est survenue au moment d'enregistrer votre signature. N'hésitez pas à réessayer et si le probleme persiste, nous vous invitons à venir signer l'appel directement sur change.org : <a href="https://www.change.org/p/tous-les-candidats-%C3%A0-l-%C3%A9lection-pr%C3%A9sidentielle-de-2017-non-%C3%A0-la-confiscation-des-prochaines-%C3%A9lections-pr%C3%A9sidentielles-par-les-partis-politiques" target="_blank">accéder a l'appel directement sur change.org</a>. Merci d'avance pour votre comprehension et toutes nos excuses pour ce probleme technique !</p><br/>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Fermer</button>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>
    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Plugin JavaScript -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script src="js/classie.js"></script>
    <script src="js/cbpAnimatedHeader.js"></script>
    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js?random=XYZ"></script>
    <!-- Custom Theme JavaScript -->
    <script src="js/agency.js"></script>
<script type="text/javascript">
//###################################################################
// Author: ricocheting.com
// Version: v3.0
// Date: 2014-09-05
// Description: displays the amount of time until the "dateFuture" entered below.

var CDown = function() {
	this.state=0;// if initialized
	this.counts=[];// array holding countdown date objects and id to print to {d:new Date(2013,11,18,18,54,36), id:"countbox1"}
	this.interval=null;// setInterval object
}

CDown.prototype = {
	init: function(){
		this.state=1;
		var self=this;
		this.interval=window.setInterval(function(){self.tick();}, 1000);
	},
	add: function(date,id){
		this.counts.push({d:date,id:id});
		this.tick();
		if(this.state==0) this.init();
	},
	expire: function(idxs){
		for(var x in idxs) {
			this.display(this.counts[idxs[x]], "Now!");
			this.counts.splice(idxs[x], 1);
		}
	},
	format: function(r){
		var out="";
		out += r.w +" "+((r.w==1)?"semaine":"semaines")+", ";
		if(r.d != 0){out += r.d +" "+((r.d==1)?"jour":"jours")+", ";}
		if(r.h != 0){out += r.h +" "+((r.h==1)?"heure":"heures")+", ";}
		out += r.m +" "+((r.m==1)?"min":"min")+", ";
		out += r.s +" "+((r.s==1)?"sec":"secs")+", ";
		return out.substr(0,out.length-2);
	},
	math: function(work){
		var	y=w=d=h=m=s=ms=0;
		ms=(""+((work%1000)+1000)).substr(1,3);
		work=Math.floor(work/1000);//kill the "milliseconds" so just secs
		y=Math.floor(work/31536000);//years (no leapyear support)
		w=Math.floor(work/604800);//weeks
		work=work%604800;
		d=Math.floor(work/86400);//days
		work=work%86400;
		h=Math.floor(work/3600);//hours
		work=work%3600;
		m=Math.floor(work/60);//minutes
		work=work%60;
		s=Math.floor(work);//seconds
		return {y:y,w:w,d:d,h:h,m:m,s:s,ms:ms};
	},
	tick: function(){
		var now=(new Date()).getTime(),
			expired=[],cnt=0,amount=0;

		if(this.counts)
		for(var idx=0,n=this.counts.length; idx<n; ++idx){
			cnt=this.counts[idx];
			amount=cnt.d.getTime()-now;//calc milliseconds between dates
			// if time is already past
			if(amount<0){
				expired.push(idx);
			}
			// date is still good
			else{
				this.display(cnt, this.format(this.math(amount)));
			}
		}

		// deal with any expired
		if(expired.length>0) this.expire(expired);

		// if no active counts, stop updating
		if(this.counts.length==0) window.clearTimeout(this.interval);
		
	},
	display: function(cnt,msg){
		document.getElementById(cnt.id).innerHTML=msg;
	}
};

window.onload=function(){
	var cdown = new CDown();
	cdown.add(new Date(2015,9,15,14,0,0), "countdownbox");
};

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-60977053-1', 'auto');
  ga('send', 'pageview');

// Analytics : Form envoyé
$('#main_button').on('click', function() {
    ga('send', {
      'hitType': 'pageview',
      'page': '/popup-confirmation',
      'title': 'popup confirmation'
    });
  ga('send', 'event', 'form', 'submitted', 'form_submitted');
});
</script>
</body>
</html>
<commit_msg>* slightly changed TITLE<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Rassemblement des citoyens déçus et lassés des politiques français et qui souhaitent redonner du sens aux élections en soutenant et participant à une grande primaire citoyenne, apartisane, ouverte, en 2017 afin d'élire le candidats de tous les Français.">
    <meta name="author" content="des citoyens ordinaires">
    <meta property="og:image" content="http://democratech.co/img/jeudepaume.jpg"/>
    <meta property="og:image:secure_url" content="https://upload.wikimedia.org/wikipedia/commons/8/87/Serment_du_Jeu_de_Paume_-_Jacques-Louis_David.jpg" />
    <meta name="twitter:image:src" content="http://democratech.co/img/jeudepaume.jpg">
    <title>Primaire 2017 - choisissons nos candidats citoyens pour les prochaines élections</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="css/agency.css" rel="stylesheet">
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link rel="canonical" href="http://democratech.co">
<script>
// ABTASTY
(function (i, s, o, g, r, a, m) {
i[r] = i[r] || [], i['abtiming'] = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//try.abtasty.com/82f23a704e9c620652b736f681f363be.js', '_abtasty');
</script>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body id="page-top" class="index">
<div id="fb-root"></div>
<script>(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/en_US/sdk.js#xfbml=1&version=v2.3&appId=115809635110050";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

    <!-- Header -->
    <header id="page-top">
	<div id="header_overlay">
        <div class="container">
            <div class="row">
		    <div class="title">
			<h2>En 2017, la démocratie revient !</h2>
		    </div>
	    </div>
            <div class="row">
                <div class="col-lg-12">
                    <form name="sentMessage" id="contactForm" novalidate>
                        <div class="row" id="lettre_inline">
                            <div class="col-md-8">
				    <div class="lettre">
<p><NAME>, cher Nicolas, chère Marine… et tous les autres candidats autoproclamés des partis politiques, soyons clairs :</p>

<p class="punchy"><b>EN 2017, NOUS N'AVONS PAS ENVIE DE VOTER POUR VOUS.</b></p>

<p>L'élection présidentielle n'est que dans 2 ans et pourtant, vous, candidats des partis politiques, n'avez déjà que cela en tête, attirés par cette élection comme des abeilles par un pot de miel.</p>

<p><b>Vous décidez, en comité restreint, du casting des élections</b>. Un casting déjà établi, négocié entre vous, du réchauffé, les mêmes depuis des années. Seules vos ambitions personnelles vous guident. Vous êtes déconnectés et obsolètes. Vous ne nous représentez plus.</p>

<p class="punchy"><b>VOUS NOUS AVEZ VOLÉ NOTRE DÉMOCRATIE !</b></p>

<p>Ce temps là est révolu. Aujourd'hui, <b>nous sommes plus de 9 français sur 10 à ne plus vous faire confiance</b> pour gouverner notre beau pays.<p/>
<p>Nous, citoyens français, reprenons la main et allons redonner tout son sens à notre démocratie. Pour les élections de 2017, nous utiliserons internet et les réseaux sociaux pour élire de manière démocratique et représentative des candidats légitimes. Face à vous, candidats des partis, il y aura notre candidat, celui choisi démocratiquement par tous les français.</p>

<p class="punchy"><b>ORGANISEZ VOS PRIMAIRES. NOUS ORGANISONS LA NÔTRE.</b></p>

<p class="punchy"><b>EN 2017, LA DEMOCRATIE REVIENT !</b></p>
					<div class="row">
					    <div class="col-md-3">
					    </div>
					    <div class="col-md-9">
<div style="text-align:right;"><i>Nous, un groupe de citoyens ordinaires qui nous rassemblons pour mettre en commun nos compétences et redonner la parole aux Français.</i></div>
					    </div>
					</div>
				    </div>
                            </div>
                            <div class="col-md-4">
				<div class="joinus">
					<div style="padding-bottom:20px;"><h2>Rejoignez nous !</h2></div>
					<div class="form-group">
					    <input type="text" class="form-control" placeholder="Votre prénom *" id="firstname" required data-validation-required-message="Merci d'entrer votre prénom.">
					    <p class="help-block text-danger"></p>
					</div>
					<div class="form-group">
					    <input type="text" class="form-control" placeholder="Votre nom de famille *" id="lastname" required data-validation-required-message="Merci d'entrer votre nom.">
					    <p class="help-block text-danger"></p>
					</div>
					<div class="form-group">
					    <input type="email" class="form-control" placeholder="Votre email *" id="email" required data-validation-required-message="Merci d'entrer votre adresse email.">
					    <p class="help-block text-danger"></p>
					</div>
					<div class="form-group">
					    <input type="zip" class="form-control" placeholder="Votre code postal *" id="zip" required data-validation-required-message="Merci d'entrer votre code postal.">
					    <p class="help-block text-danger"></p>
					</div>
					<div class="form-group">
					    <textarea class="form-control" placeholder="Votre message (optionnel)" id="message"></textarea>
					    <p class="help-block text-danger"></p>
					</div>
					<center><button id="main_button" type="submit" class="btn btn-xl">J'approuve</button></center>
					<p style="color:#bbb;font-size:11px;line-height:1em;"><br/>En cliquant, vous acceptez les <a href="https://www.change.org/fr/nous-conna%C3%AEtre/conditions-utilisation" target="_blank">Conditions d'utilisation</a> et la <a href="https://www.change.org/fr/nous-conna%C3%AEtre/confidentialit%C3%A9" target="_blank">politique de confidentialité</a> de Change.org.</b></p>
					<div id="success"></div>
				</div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
        </div>
    </header>

    <section id="counter">
        <div class="container">
            <div class="text-center">
		<h2>Notre grande entreprise citoyenne démarre dans...</h2>
            </div>
            <div id="clock_wrapper">
		    <div id="clock">
			    <!-- <div class="intro-lead-in">Pour de vraies elections democratiques en 2017</div> -->
			    <!-- <div class="intro-heading">It's Nice To Meet You</div>-->
			    <!-- <a href="#sign" class="page-scroll btn btn-xl">Je signe</a>-->
			<div id="countdownbox"></div>
		    </div>
            </div>
		<div class="row" style="margin:30px auto 0px auto;min-height:30px;width:300px;">
				    <div class="col-xs-6" style="text-align:center;padding:5px;">
<div class="fb-share-button" data-href="http://democratech.co" data-layout="button_count"></div>
				    </div>
				    <div class="col-xs-6" style="text-align:center;padding:5px;">
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Élisons nos candidats aux élections présidentielles de 2017 !" data-via="democratech" data-hashtags="candidat2017">Tweet</a>
			    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
				    </div>
		</div>
	</div>
    </section>

    <section id="team">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Qui est derri&egrave;re ce projet ?</h2>
                    <h3 class="section-subheading text-muted">Voici les citoyens qui contribuent ou ont contribu&eacute;, un peu, beaucoup, passionn&eacute;ment... et peut &ecirc;tre m&ecirc;me &agrave; la folie pour certains :)</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/thibauld.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://twitter.com/thibauld" target="_blank">Thibauld</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/david.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://www.linkedin.com/in/oxeolyaavocatsdavidguez" target="_blank">David</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/jt.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://www.linkedin.com/in/jeantristanchanegue" target="_blank"><NAME></a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/geoffrey.png" class="img-responsive img-circle" alt="">
                        <h4><a href="http://geoffreydorne.com" target="_blank">Geoffrey</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/clara.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://twitter.com/Clarazeld" target="_blank">Clara</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/aude.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://twitter.com/eaudefavre" target="_blank">Aude</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/franck.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://twitter.com/peignoir" target="_blank">Franck</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/nicolas.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://twitter.com/nicolas_colin" target="_blank">Nicolas</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/jm.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://fr.linkedin.com/in/jeanmarcnozeran" target="_blank">Jean-Marc</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/jf.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://sites.google.com/site/jflaslierhomepage/" target="_blank">Jean-Francois</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/arthur.png" class="img-responsive img-circle" alt="">
                        <h4><a href="https://www.linkedin.com/pub/arthur-muller/13/640/5b1" target="_blank">Arthur</a></h4>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <div class="team-member">
                        <img src="img/team/vousf.png" class="img-responsive img-circle" alt="">
                        <h4><a href="mailto:<EMAIL>" target="_blank">Vous ?</a></h4>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <p class="large text-muted">Des citoyens ordinaires, affili&eacute;s &agrave; aucun parti et qui ne sont candidats &agrave; rien... si ce n'est &agrave; aider &agrave; la r&eacute;novation de la d&eacute;mocratie de notre cher pays.</p>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row">
                <div class="text-center">
                    <h2 class="section-heading">Dites m'en plus !</h2>
		    <h3 class="section-subheading text-muted" style="margin-bottom:40px;">Retrouvez ici les articles que nous publions au fil des semaines pour expliquer notre démarche et le projet en détail.</h3>
                </div>
            </div>
            <div class="row">
                <div class="medium-item">
		    <script async src="https://static.medium.com/embed.js"></script>
		    <a class="m-story" data-collapsed="true" href="https://medium.com/@democratech/choisissons-nos-candidats-pour-les-%C3%A9lections-de-2017-2bb9dcb4235d">Aux origines du projet</a>
                </div>
	    </div>
	    <div class="row">
		    <h3 style="margin-bottom:40px;" class="section-subheading text-muted text-center">Pour ne rien rater des articles à venir, n'oubliez pas de suivre le projet sur <a href="https://www.facebook.com/candidatcitoyen2017" target="_blank">facebook</a> et <a href="https://twitter.com/democratech" target="_blank">twitter</a> !</h3>
		    <div class="sharing-buttons">
			    <div class="col-sm-3"></div>
			    <div style="min-height: 40px;" class="col-xs-12 col-sm-3">
				    <a class="facebook" href="https://www.facebook.com/candidatcitoyen2017" target="_blank"><i class="fa fa-facebook-square"></i>Nous suivre sur Facebook</a>
			    </div>
			    <div style="min-height: 40px;" class="col-xs-12 col-sm-3">
				    <a class="twitter" href="https://twitter.com/democratech" target="_blank"><i class="fa fa-twitter-square"></i>Nous suivre sur Twitter</a>
			    </div>
			    <div class="col-sm-3"></div>
		    </div>
	    </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Qu'est-ce qu'en pensent les français ?</h2>
                    <h3 class="section-subheading text-muted">Voici un aperçu des témoignages que nous avons reçus... il semblerait que nous ne soyons pas les seuls à vouloir choisir nos candidats en 2017 !</h3>
                </div>
            </div>
            <div class="row">
		    <div class="col-md-6 col-xs-12">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Suivez, forwardez, signez, participez ... c&#39;est fichtrement intéressant comme démarche <a href="https://t.co/0WvjGdj0hV">https://t.co/0WvjGdj0hV</a></p>&mdash; <NAME> (@Vive_Levant) <a href="https://twitter.com/Vive_Levant/status/619776141864402944">July 11, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="col-md-6 col-xs-12">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Et si? Et si les Français reprenaient leur démocratie en main ? <a href="http://t.co/sqkZqiPYbZ">http://t.co/sqkZqiPYbZ</a> via <a href="https://twitter.com/democratech">@democratech</a> <a href="https://twitter.com/hashtag/d%C3%A9mocratie?src=hash">#démocratie</a> <a href="https://twitter.com/hashtag/hope?src=hash">#hope</a> <a href="https://twitter.com/hashtag/France?src=hash">#France</a> <a href="https://twitter.com/hashtag/p%C3%A9tition?src=hash">#pétition</a></p>&mdash; Lottechar (@imlottechar) <a href="https://twitter.com/imlottechar/status/619066371851350016">July 9, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="clearfix"></div>
		    <div class="col-md-6 col-xs-12 hidden-xs">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">La belle initiative démocratique <a href="https://twitter.com/democratech">@democratech</a> <a href="http://t.co/JoZwtmIVbe">http://t.co/JoZwtmIVbe</a> &#10;<a href="https://twitter.com/hashtag/SocialNetwork?src=hash">#SocialNetwork</a> <a href="https://twitter.com/hashtag/politique?src=hash">#politique</a> #2017 <a href="https://twitter.com/hashtag/democratie?src=hash">#democratie</a> <a href="https://twitter.com/hashtag/onchoisitnospolitiques?src=hash">#onchoisitnospolitiques</a></p>&mdash; <NAME> (@FranckBessiere) <a href="https://twitter.com/FranckBessiere/status/618675958824968192">July 8, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="col-md-6 col-xs-12 hidden-xs">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">longue discussion avec <a href="https://twitter.com/thibauld">@thibauld</a> sur le projet <a href="https://twitter.com/democratech">@democratech</a> ce matin... Quelle super aventure !</p>&mdash; <NAME> (@matleroux) <a href="https://twitter.com/matleroux/status/615528337977511936">June 29, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="clearfix"></div>
		    <div class="col-md-6 col-xs-12">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Pour 2017, choisissons des candidats en dehors des partis <a href="http://t.co/lyyTBUMXeV">http://t.co/lyyTBUMXeV</a> <a href="https://twitter.com/hashtag/candidat2017?src=hash">#candidat2017</a> via <a href="https://twitter.com/democratech">@democratech</a></p>&mdash; <NAME> (@CitizenXXI) <a href="https://twitter.com/CitizenXXI/status/615098911712260096">June 28, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="col-md-6 col-xs-12">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Youpi \o/ on peut choisir nos candidats aux élections présidentielles de 2017 ! <a href="http://t.co/xGO7IduUqy">http://t.co/xGO7IduUqy</a> <a href="https://twitter.com/hashtag/candidat2017?src=hash">#candidat2017</a> via <a href="https://twitter.com/democratech">@democratech</a></p>&mdash; <NAME> (@scrivisier) <a href="https://twitter.com/scrivisier/status/614329509286965248">June 26, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="clearfix"></div>
		    <div class="col-md-6 col-xs-12 hidden-xs">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Une initiative démocratique intéressante : Élisons nos candidats aux présidentielles ! <a href="http://t.co/bp67U076Nz">http://t.co/bp67U076Nz</a> <a href="https://twitter.com/hashtag/candidat2017?src=hash">#candidat2017</a> via <a href="https://twitter.com/democratech">@democratech</a></p>&mdash; <NAME> (@galadath) <a href="https://twitter.com/galadath/status/614330765854306304">June 26, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="col-md-6 col-xs-12 hidden-xs">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Élisons nos candidats aux élections présidentielles de 2017 ! <a href="http://t.co/aXYdW3Ptf7">http://t.co/aXYdW3Ptf7</a> <a href="https://twitter.com/hashtag/candidat2017?src=hash">#candidat2017</a> via <a href="https://twitter.com/democratech">@democratech</a></p>&mdash; <NAME> (@solomonstre) <a href="https://twitter.com/solomonstre/status/614217374971985920">June 25, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="clearfix"></div>
		    <div class="col-md-6 col-xs-12">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Les élections sont confisquées par les partis politiques ? Choisissons notre <a href="https://twitter.com/hashtag/candidat2017?src=hash">#candidat2017</a> : <a href="http://t.co/X2y7P2K7d7">http://t.co/X2y7P2K7d7</a> (via <a href="https://twitter.com/democratech">@democratech</a>)</p>&mdash; ✏Ay. <NAME> (@AymericPM) <a href="https://twitter.com/AymericPM/status/613344300521418752">June 23, 2015</a></blockquote>
			    </div>
		    </div>
		    <div class="col-md-6 col-xs-12 hidden-xs">
			    <div class="tweet-item">
			    <blockquote class="twitter-tweet" lang="en"><p lang="fr" dir="ltr">Pour nos amis de <a href="https://twitter.com/hashtag/France?src=hash">#France</a>. Elisons nos propres candidats pour 2017 ! <a href="http://t.co/iLs98qN3xA">http://t.co/iLs98qN3xA</a> <a href="https://twitter.com/hashtag/candidat2017?src=hash">#candidat2017</a> via <a href="https://twitter.com/democratech">@democratech</a></p>&mdash; <NAME> (@panabart) <a href="https://twitter.com/panabart/status/613654358270562304">June 24, 2015</a></blockquote>
			    </div>
		    </div>
            </div>
	    <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 style="margin-top:20px;" class="section-heading">Et vous, qu'en pensez vous ?</h2>
                    <h3 class="section-subheading text-muted">Si vous approuvez cette initiative, n'hésitez pas à la faire connaître sur les réseaux sociaux.</h3>
                </div>
            </div>
	    <div class="row">
		    <div class="sharing-buttons" style="width:90%; margin:0 auto;">
			    <div style="min-height: 40px;" class="col-xs-12 col-sm-4">
				    <a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fdemocratech.co" target="_blank"><i class="fa fa-facebook-square"></i>Partager sur Facebook</a>
			    </div>
			    <div style="min-height: 40px;" class="col-xs-12 col-sm-4">
				    <a class="twitter" href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fdemocratech.co" target="_blank"><i class="fa fa-twitter-square"></i>Partager sur Twitter</a>
			    </div>
			    <div style="min-height: 40px;" class="col-xs-12 col-sm-4">
				    <a class="google-plus" href="https://plus.google.com/share?url=http%3A%2F%2Fdemocratech.co" target="_blank"><i class="fa fa-google-plus-square"></i>Partager sur Google+</a>
			    </div>
		    </div>
	    </div>
        </div>
    </section>


    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <span class="copyright">Page sous licence Affero GPL</span>
                </div>
                <div class="col-md-4">
                    <ul class="list-inline social-buttons">
                        <li><a target="_blank" href="http://twitter.com/democratech"><i class="fa fa-twitter"></i></a>
                        </li>
                        <li><a target="_blank" href="http://facebook.com/candidatcitoyen2017"><i class="fa fa-facebook"></i></a>
                        </li>
                        <!--<li><a target="_blank" href="http://linkedin.com/democratech"><i class="fa fa-linkedin"></i></a>
                        </li>-->
                        <li><a target="_blank" href="http://github.com/democratech"><i class="fa fa-github"></i></a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-4">
                    <ul class="list-inline quicklinks">
                        <li><a href="/docs/20150623_CP_Fondateur.pdf" target="_blank">Communiqué de presse</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <!-- Portfolio Modal 1 -->
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Merci pour votre soutien !</h2>
                            <p class="item-intro text-muted">N'hésitez pas à partager cet appel le plus possible, ce n'est qu'en se mobilisant tous que nous parviendrons à reprendre en main notre pays.</p>
		<div class="row" style="margin:30px auto 0px auto;min-height:30px;width:300px;">
				    <div class="col-md-6" style="text-align:center;padding:5px;">
<div class="fb-share-button" data-href="http://democratech.co" data-layout="button_count"></div>
				    </div>
				    <div class="col-md-6" style="text-align:center;padding:5px;">
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Élisons nos candidats aux élections présidentielles de 2017 !" data-via="democratech" data-hashtags="candidat2017">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
				    </div>
		</div><br/>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Fermer</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 2 -->
    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2 style="color:#ff2323;">Ooops une erreur est survenue :/</h2>
                            <p class="item-intro text-muted">Désolé, une erreur est survenue au moment d'enregistrer votre signature. N'hésitez pas à réessayer et si le probleme persiste, nous vous invitons à venir signer l'appel directement sur change.org : <a href="https://www.change.org/p/tous-les-candidats-%C3%A0-l-%C3%A9lection-pr%C3%A9sidentielle-de-2017-non-%C3%A0-la-confiscation-des-prochaines-%C3%A9lections-pr%C3%A9sidentielles-par-les-partis-politiques" target="_blank">accéder a l'appel directement sur change.org</a>. Merci d'avance pour votre comprehension et toutes nos excuses pour ce probleme technique !</p><br/>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Fermer</button>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>
    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Plugin JavaScript -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script src="js/classie.js"></script>
    <script src="js/cbpAnimatedHeader.js"></script>
    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js?random=XYZ"></script>
    <!-- Custom Theme JavaScript -->
    <script src="js/agency.js"></script>
<script type="text/javascript">
//###################################################################
// Author: <EMAIL>
// Version: v3.0
// Date: 2014-09-05
// Description: displays the amount of time until the "dateFuture" entered below.

var CDown = function() {
	this.state=0;// if initialized
	this.counts=[];// array holding countdown date objects and id to print to {d:new Date(2013,11,18,18,54,36), id:"countbox1"}
	this.interval=null;// setInterval object
}

CDown.prototype = {
	init: function(){
		this.state=1;
		var self=this;
		this.interval=window.setInterval(function(){self.tick();}, 1000);
	},
	add: function(date,id){
		this.counts.push({d:date,id:id});
		this.tick();
		if(this.state==0) this.init();
	},
	expire: function(idxs){
		for(var x in idxs) {
			this.display(this.counts[idxs[x]], "Now!");
			this.counts.splice(idxs[x], 1);
		}
	},
	format: function(r){
		var out="";
		out += r.w +" "+((r.w==1)?"semaine":"semaines")+", ";
		if(r.d != 0){out += r.d +" "+((r.d==1)?"jour":"jours")+", ";}
		if(r.h != 0){out += r.h +" "+((r.h==1)?"heure":"heures")+", ";}
		out += r.m +" "+((r.m==1)?"min":"min")+", ";
		out += r.s +" "+((r.s==1)?"sec":"secs")+", ";
		return out.substr(0,out.length-2);
	},
	math: function(work){
		var	y=w=d=h=m=s=ms=0;
		ms=(""+((work%1000)+1000)).substr(1,3);
		work=Math.floor(work/1000);//kill the "milliseconds" so just secs
		y=Math.floor(work/31536000);//years (no leapyear support)
		w=Math.floor(work/604800);//weeks
		work=work%604800;
		d=Math.floor(work/86400);//days
		work=work%86400;
		h=Math.floor(work/3600);//hours
		work=work%3600;
		m=Math.floor(work/60);//minutes
		work=work%60;
		s=Math.floor(work);//seconds
		return {y:y,w:w,d:d,h:h,m:m,s:s,ms:ms};
	},
	tick: function(){
		var now=(new Date()).getTime(),
			expired=[],cnt=0,amount=0;

		if(this.counts)
		for(var idx=0,n=this.counts.length; idx<n; ++idx){
			cnt=this.counts[idx];
			amount=cnt.d.getTime()-now;//calc milliseconds between dates
			// if time is already past
			if(amount<0){
				expired.push(idx);
			}
			// date is still good
			else{
				this.display(cnt, this.format(this.math(amount)));
			}
		}

		// deal with any expired
		if(expired.length>0) this.expire(expired);

		// if no active counts, stop updating
		if(this.counts.length==0) window.clearTimeout(this.interval);
		
	},
	display: function(cnt,msg){
		document.getElementById(cnt.id).innerHTML=msg;
	}
};

window.onload=function(){
	var cdown = new CDown();
	cdown.add(new Date(2015,9,15,14,0,0), "countdownbox");
};

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-60977053-1', 'auto');
  ga('send', 'pageview');

// Analytics : Form envoyé
$('#main_button').on('click', function() {
    ga('send', {
      'hitType': 'pageview',
      'page': '/popup-confirmation',
      'title': 'popup confirmation'
    });
  ga('send', 'event', 'form', 'submitted', 'form_submitted');
});
</script>
</body>
</html>

{'fraction_non_alphanumeric': 0.1844951829543509, 'fraction_numerical': 0.027952872328835348, 'mean_word_length': 2.6805865841782666, 'pattern_counts': {'":': 10, '<': 1477, '<?xml version=': 0, '>': 1475, 'https://': 134, 'lorem ipsum': 0, 'www.': 20, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2076664', 'n_tokens_mistral': 24296, 'n_tokens_neox': 21736, 'n_words': 4153}