index.html

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="Parti Pirate">

    <title>Parti Pirate - Legislatives 2017</title>

    <!-- Bootstrap Core CSS -->
    <link href="assets/css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css">

    <!-- Fonts -->
    <link href="assets/css/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!-- <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'> -->

    <!-- Retina Images Plugin -->
    <script src="assets/js/plugins/retina/retina.min.js"></script>

    <!-- Plugin CSS -->
    <link href="assets/css/plugins/hover/hover.min.css" rel="stylesheet">
    <link href="assets/css/plugins/owl.carousel/owl.carousel.css" rel="stylesheet">
    <link href="assets/css/plugins/owl.carousel/owl.theme.css" rel="stylesheet">
    <link href="assets/css/plugins/owl.carousel/owl.transitions.css" rel="stylesheet">
    <link href="assets/css/plugins/jquery.fs.wallpaper/jquery.fs.wallpaper.css" rel="stylesheet">
    <link href="assets/css/plugins/magnific-popup/magnific-popup.css" rel="stylesheet">

    <!-- Spectrum CSS -->
    <!-- Note: spectrum.css is the default blue theme. To use another theme, uncomment the one you want and delete the rest, including the default spectrum.css! -->
    <link href="assets/css/spectrum-purple.css" rel="stylesheet">
    <link href="assets/css/pp.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

	<!-- Piwik -->
	<script type="text/javascript">
	  var _paq = _paq || [];
	  _paq.push(["setDomains", ["*.2017.partipirate.org"]]);
	  _paq.push(['trackPageView']);
	  _paq.push(['enableLinkTracking']);
	  (function() {
	    var u="//piwik.partipirate.org/";
	    _paq.push(['setTrackerUrl', u+'piwik.php']);
	    _paq.push(['setSiteId', 3]);
	    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
	    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
	  })();
	</script>
	<noscript><p><img src="//piwik.partipirate.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
	<!-- End Piwik Code -->

    <div id="wrapper">

        <nav class="navbar navbar-dark navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header page-scroll">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                        <i class="fa fa-bars"></i>
                    </button>
                    <a class="navbar-brand" href="#page-top">
                        <span class="logo">
                            <img src="assets/img/logo.png" alt="">
                        </span>
                    </a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                    <ul class="nav navbar-nav">
                        <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                        <li class="hidden">
                            <a href="#page-top"></a>
                        </li>
                        <li class="page-scroll">
                            <a href="#portfolio">Notre Programme</a>
                        </li>
                        <!--<li class="page-scroll">
                            <a href="#contact">Soyez Candidat !</a>
                        </li>-->
                        <li class="page-scroll">
                            <a href="#about">L'équipe</a>
                        </li>
                        <li class="page-scroll">
                            <a href="#services">Nos Services</a>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>

        <header class="video-bg">
            <div class="intro-video intro-dark-bg container">
                <div class="overlay"></div>
                <div class="intro-body">
                    <div class="container">
                        <span class="page-scroll">
                            <a href="#contact" class="btn btn-primary btn-square btn-lg">Je veux être candidat du Parti Pirate</a>
                        </span>
                        <br>
                        <br>
                        <h1 class="brand-heading">
                            Législatives<br><span class="text-primary">2017</span>
                        </h1>
                        <hr class="light">
                        <div class="carousel slide" data-ride="carousel">
                            <div class="carousel-inner">
                                <div class="item">
                                    <h4>Protéger l’égalité des droits des citoyens grâce à des institutions humaines et transparentes</h4>
                                </div>
                                <div class="item">
                                    <h4>Défendre les libertés fondamentales sur Internet comme dans la vie quotidienne</h4>
                                </div>
                                 <div class="item active">
                                    <h4>Partager fraternellement les savoirs culturels et scientifiques de l’humanité</h4>
                                </div>
                           </div>
                        </div>
                        <div class="page-scroll" data-scrollreveal="enter bottom after .6s">
                            <a href="#portfolio" class="btn btn-scroll-light sink">
                                <i class="fa fa-angle-double-down"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </header>

		<section id="portfolio" class="portfolio-1">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center" data-scrollreveal="move 0 over 1s">
                        <h2>Notre Programme</h2>
                        <hr class="primary">
                        <ul class="list-inline" id="filters">
                            <li><button data-filter="*" type="button" class="btn btn-primary btn-square btn-raised">Tous</button></li>
                            <li><button data-filter=".democratie" type="button" class="btn btn-primary btn-square btn-raised">Démocratie</button></li>
                            <li><button data-filter=".droits" type="button" class="btn btn-primary btn-square btn-raised">Droits fondamentaux</button></li>
                            <li><button data-filter=".eco" type="button" class="btn btn-primary btn-square btn-raised">Économie</button></li>
                            <li><button data-filter=".culture" type="button" class="btn btn-primary btn-square btn-raised">Education et Culture</button></li>
                        </ul>
                    </div>
                </div>
                <div class="row" data-scrollreveal="enter bottom over 1s">
                    <div class="isotope">
						<div class="col-sm-4 portfolio-item democratie">
                            <a href="#portfolio-modal-7" class="portfolio-link" data-toggle="modal">
                                <div class="caption">
                                    <div class="caption-content">
                                        <h3>
                                        	<i class="fa fa-search fa-2x"></i><br /><br />
											Assemblée constituante
                                        </h3>
                                    </div>
                                </div>
                                <img src="assets/img/demo-portfolio/constituante_1.jpg" class="img-centered" alt="">
                            </a>
                        </div>
						<div class="col-sm-4 portfolio-item democratie">
                            <a href="#portfolio-modal-8" class="portfolio-link" data-toggle="modal">
                                <div class="caption">
                                    <div class="caption-content">
                                        <h3>
                                        	<i class="fa fa-search fa-2x"></i><br /><br />
											Reconnaissance du vote blanc
                                        </h3>
                                    </div>
                                </div>
                                <img src="assets/img/demo-portfolio/vb_1.jpg" class="img-centered" alt="">
                            </a>
                        </div>
                        <div class="col-sm-4 portfolio-item democratie">
                            <a href="#portfolio-modal-5" class="portfolio-link" data-toggle="modal">
                                <div class="caption">
                                    <div class="caption-content">
                                        <h3>
                                        	<i class="fa fa-search fa-2x"></i><br /><br />
											Lutte contre le cumul des mandats
                                        </h3>
                                    </div>
                                </div>
                                <img src="assets/img/demo-portfolio/non_cumul_1.jpg" class="img-centered" alt="">
                            </a>
                        </div>
                        <div class="col-sm-4 portfolio-item droits">
                            <a href="#portfolio-modal-10" class="portfolio-link" data-toggle="modal">
                                <div class="caption">
                                    <div class="caption-content">
                                        <h3>
                                        	<i class="fa fa-search fa-2x"></i><br /><br />
											Droits de vote des étrangers
                                        </h3>
                                    </div>
                                </div>
                                <img src="assets/img/demo-portfolio/Urne_2.jpg" class="img-centered" alt="">
                            </a>
                        </div>
                        <div class="col-sm-4 portfolio-item droits">
                            <a href="#portfolio-modal-6" class="portfolio-link" data-toggle="modal">
                                <div class="caption">
                                    <div class="caption-content">
                                        <h3>
                                        	<i class="fa fa-search fa-2x"></i><br /><br />
											Protection des lanceurs d'alerte
                                        </h3>
                                    </div>
                                </div>
                                <img src="assets/img/demo-portfolio/lanceurs_d_alerte_1.jpg" class="img-centered" alt="">
                            </a>
                        </div>
                        <div class="col-sm-4 portfolio-item droits">
                            <a href="#portfolio-modal-9" class="portfolio-link" data-toggle="modal">
                                <div class="caption">
                                    <div class="caption-content">
                                        <h3>
                                        	<i class="fa fa-search fa-2x"></i><br /><br />
											Protection des travailleuses et travailleurs du sexe
                                        </h3>
                                    </div>
                                </div>
                                <img src="assets/img/demo-portfolio/TdS_1.jpg" class="img-centered" alt="">
                            </a>
                        </div>
						<div class="col-sm-4 portfolio-item eco">
                            <a href="#portfolio-modal-11" class="portfolio-link" data-toggle="modal">
                                <div class="caption">
                                    <div class="caption-content">
                                        <h3>
                                        	<i class="fa fa-search fa-2x"></i><br /><br />
											Revenu de base
                                        </h3>
                                    </div>
                                </div>
                                <img src="assets/img/demo-portfolio/rdb_2.jpg" class="img-centered" alt="">
                            </a>
                        </div>
						<div class="col-sm-4 portfolio-item eco">
                            <a href="#portfolio-modal-12" class="portfolio-link" data-toggle="modal">
                                <div class="caption">
                                    <div class="caption-content">
                                        <h3>
                                        	<i class="fa fa-search fa-2x"></i><br /><br />
											Taxe sur les transactions financières
                                        </h3>
                                    </div>
                                </div>
                                <img src="assets/img/demo-portfolio/ttf_1.jpg" class="img-centered" alt="">
                            </a>
                        </div>
                        <div class="col-sm-4 portfolio-item culture">
                            <a href="#portfolio-modal-2" class="portfolio-link" data-toggle="modal">
                                <div class="caption">
                                    <div class="caption-content">
                                        <h3>
                                        	<i class="fa fa-search fa-2x"></i><br /><br />
											Refonte du droit d'auteur
                                        </h3>
                                    </div>
                                </div>
                                <img src="assets/img/demo-portfolio/copyright_1.jpg" class="img-centered" alt="">
                            </a>
                        </div>
                        <div class="col-sm-4 portfolio-item culture">
                            <a href="#portfolio-modal-3" class="portfolio-link" data-toggle="modal">
                                <div class="caption">
                                    <div class="caption-content">
                                        <h3>
                                        	<i class="fa fa-search fa-2x"></i><br /><br />
											Fin du géo-blocage
                                        </h3>
                                    </div>
                                </div>
                                <img src="assets/img/demo-portfolio/geoblocking_1.jpg" class="img-centered" alt="">
                            </a>
                        </div>
                        <div class="col-sm-4 portfolio-item culture">
                            <a href="#portfolio-modal-1" class="portfolio-link" data-toggle="modal">
                                <div class="caption">
                                    <div class="caption-content">
                                        <h3>
                                        	<i class="fa fa-search fa-2x"></i><br /><br />
											Apprentissage obligatoire des Premiers Secours
                                        </h3>
                                    </div>
                                </div>
                                <img src="assets/img/demo-portfolio/secours_2.jpg" class="img-centered" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <aside class="bg-parallax-light nopadding" style="background-image: url(assets/img/demo-bgs/fond.png);" data-stellar-background-ratio="0">
            <div class="aside-overlay">
                <div class="container">
                    <div class="row text-center">
                        <div class="col-lg-8 col-lg-offset-2">
                            <h2>Pourquoi ce nom de Parti Pirate ?</h2>
                            <hr class="dark">
                            <p>Pourquoi ce nom de Parti Pirate ? Tout simplement parce que le mot "Pirate" symbolise la manière dont sont stigmatisés les citoyens 
                            	qui partagent librement la culture, notamment via Internet.</p>
							<p>Notre crime ? Vouloir partager la culture.</p>
							<p>L’étymologie du mot "pirate" nous rappelle qu’il vient du grec <i>pierao</i> qui pourrait se traduire par "essayer, tenter sa chance à l’aventure", repris en latin sous la forme <i>pirata</i> signifiant "qui est entreprenant".<br />
							Ainsi, face aux systèmes politiques et économiques actuels, dépassés par la révolution numérique, le Parti Pirate constitue une nouvelle aventure humaine pour construire et apporter une réponse politique aux aspirations des citoyens pour un monde réellement libre, juste et solidaire.</p>
                            <a href="#contact" class="btn btn-outline btn-dark btn-lg btn-square">Venez participer à la campagne !</a>
                        </div>
                    </div>
                </div>
            </div>
        </aside>


        <!-- About Option 1 -->
        <section id="about" class="about-1">
            <div class="container">
                <div class="row" data-scrollreveal="move 0 over 1s">
                    <div class="col-lg-12 text-center">
                        <h2>Notre équipe de campagne</h2>
                        <hr class="primary">
                    </div>
                    <div class="col-lg-8 col-lg-offset-2 text-center">
                        <p>La campagne des législatives 2017 est gérée par l'ensemble du Bureau National du Parti Pirate : les porte-paroles pour envoyer les communiqués officiels et 
                        	donner quelques conseils de communication, les trésoriers pour expliquer les bases d'un financement de campagne, les délégués à la vie interne pour gérer les 
                        	échanges particuliers entre le parti et les candidats, les secrétaires nationaux pour superviser le fonctionnement global.</p>
                    </div>
                </div>
                <div class="row" data-scrollreveal="enter bottom over 1s">
                    <div class="col-lg-12">
                    	<!-- Profile pictures are overwritten (for desktop view) in assets/css/spectrum-purple.css -->
                        <div id="about-1-carousel" class="text-center">
                            <div class="item about-img-SN">
                                <div class="info">
                                    <!-- Mobile Fallback Image -->
                                    <img class="img-responsive img-circle visible-xs" src="assets/img/demo-portraits/nicolas_petitdemange.jpg" alt="Nicolas Petitdemange">

                                    <h3>Nicolas Petitdemange</h3>
                                    <ul class="list-inline">
                                        <li><a class="light-text" href="https://www.facebook.com/nicolas.petitdemange.9"><i class="fa fa-facebook fa-fw"></i></a></li>
                                        <li><a class="light-text" href="https://twitter.com/npetitdemange"><i class="fa fa-twitter fa-fw"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="item about-img-SCN">
                                <div class="info">
                                    <!-- Mobile Fallback Image -->
                                    <img class="img-responsive img-circle visible-xs" src="assets/img/demo-portraits/cedric_levieux.jpg" alt="Cedric Levieux">

                                    <h3>Cédric Levieux</h3>
                                    <ul class="list-inline">
                                        <li><a class="light-text" href="https://twitter.com/farlistener"><i class="fa fa-twitter fa-fw"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="item about-img-PP-1">
                                <div class="info">
                                    <!-- Mobile Fallback Image -->
                                    <img class="img-responsive img-circle visible-xs" src="assets/img/demo-portraits/thomas_vermorel.jpg" alt="Thomas Vermorel">

                                    <h3>Thomas Watanabe-Vermorel</h3>
                                    <ul class="list-inline">
                                        <li><a class="light-text" href="https://www.facebook.com/thomas.w.vermorel"><i class="fa fa-facebook fa-fw"></i></a></li>
                                        <li><a class="light-text" href="https://twitter.com/wvt_partipirate"><i class="fa fa-twitter fa-fw"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="item about-img-PP-2">
                                <div class="info">
                                    <!-- Mobile Fallback Image -->
                                    <img class="img-responsive img-circle visible-xs" src="assets/img/demo-portraits/nicolas_bessau.jpg" alt="Nicolas Bessau">

                                    <h3>Nicolas Bessau</h3>
                                    <ul class="list-inline">
                                        <li><a class="light-text" href="https://www.facebook.com/bernie.noel.773"><i class="fa fa-facebook fa-fw"></i></a></li>
                                        <li><a class="light-text" href="https://twitter.com/omarwallace72"><i class="fa fa-twitter fa-fw"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="item about-img-Treso">
                                <div class="info">
                                    <!-- Mobile Fallback Image -->
                                    <img class="img-responsive img-circle visible-xs" src="assets/img/demo-portraits/maxime_zeiler.jpg" alt="Maxime Zeiler">

                                    <h3>Maxime Zeiler</h3>
                                    <!--<ul class="list-inline">
                                        <li></li>
                                    </ul>-->
                                </div>
                            </div>
                            <div class="item about-img-DVI-1">
                                <div class="info">
                                    <!-- Mobile Fallback Image -->
                                    <img class="img-responsive img-circle visible-xs" src="assets/img/demo-portraits/inconnu.jpg" alt="">

                                    <h3>Daryan Colard</h3>
                                    <!--<ul class="list-inline">
                                        <li><a class="light-text" href="#"><i class="fa fa-facebook fa-fw"></i></a></li>
                                    </ul>-->
                                </div>
                            </div>
                            <div class="item about-img-DVI-2">
                                <div class="info">
                                    <!-- Mobile Fallback Image -->
                                    <img class="img-responsive img-circle visible-xs" src="assets/img/demo-portraits/raphael_isla.jpg" alt="Raphael Isla">

                                    <h3>Raphael Isla</h3>
                                    <ul class="list-inline">
                                        <li><a class="light-text" href="https://www.facebook.com/raphael.isla"><i class="fa fa-facebook fa-fw"></i></a></li>
                                        <li><a class="light-text" href="https://twitter.com/relf_pp"><i class="fa fa-twitter fa-fw"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Services/Features Option 2 -->
        <section id="services" class="services-2">
            <div class="container">
                <div class="row" data-scrollreveal="move 0 over 1s">
                    <div class="col-lg-12 text-center">
                        <h2>Nos Services</h2>
                        <hr class="primary">
                    </div>
                    <div class="col-lg-8 col-lg-offset-2 text-center">
                        <p>Pour vous accompagner dans votre élection, le Parti Pirate met à votre disposition un ensemble d'outils simples et accessibles.</p>
                    </div>
                </div>
                <div class="row" data-scrollreveal="enter bottom over 1s">
                    <div class="col-lg-6 services-col">
                        <div class="row">
                            <div class="col-sm-3 text-center text-primary"><i class="fa fa-4x fa-mobile"></i>
                            </div>
                            <div class="col-sm-9">
                                <h3>OpenTweetBar</h3>
                                <p>Gérer et planifier votre communication Twitter et Facebook en toute simplicité avec votre équipe.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 services-col">
                        <div class="row">
                            <div class="col-sm-3 text-center text-primary"><i class="fa fa-4x fa-tint"></i>
                            </div>
                            <div class="col-sm-9">
                                <h3>Gérer ma campagne</h3>
                                <p>"Gérer ma campagne" est un outil de planification pour vous et votre mandataire. Pour ne rater aucune échéance, aucune obligation.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row" data-scrollreveal="enter bottom over 1s">
                    <div class="col-lg-6 services-col">
                        <div class="row">
                            <div class="col-sm-3 text-center text-primary"><i class="fa fa-4x fa-user"></i>
                            </div>
                            <div class="col-sm-9">
                                <h3>Site Web clef-en-main</h3>
                                <p>Le Parti Pirate vous fournit un site pré-configuré pour votre campagne sur la page campagne en ligne</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <footer class="footer-1">
            <div class="upper">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3">
                            <h2 class="script">Parti Pirate</h2>
                            <address>
                                21, rue de la République<br>
                                75003 Paris<br>
							</address>
                        </div>
                        <div class="col-md-3">
                            <h4>Liens</h4>
                            <ul class="list-unstyled footer-links">
                                <li>
                                    <a href="https://www.partipirate.org" target="_blank">Site du Parti Pirate</a>
                                </li>
                                <li>
                                    <a href="https://wiki.partipirate.org" target="_blank">Wiki du Parti Pirate</a>
                                </li>
                            </ul>
                        </div>

                        <div class="col-md-3">
                            <h4>Social</h4>
                            <ul class="list-inline">
                                <li>
                                    <a href="https://www.facebook.com/partipiratefr/" class="btn btn-social-light btn-facebook"><i class="fa fa-fw fa-facebook"></i></a>
                                </li>
                                <li>
                                    <a href="https://twitter.com/partipirate" class="btn btn-social-light btn-twitter"><i class="fa fa-fw fa-twitter"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="lower">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <span class="small"><a href="licences.html" title="Information licence">Mentions légales</a></span>
                        </div>
                    </div>
                </div>
            </div>
        </footer>

    </div>

    <!-- Standard Portfolio Modal - Images and Text -->
    <div id="portfolio-modal-1" class="portfolio-modal modal fade" 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 first">
				<div class="col-lg-12"><h2 class="page-header">Apprentissage obligatoire des Premiers Secours</h2></div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div id="project-details-carousel" class="owl-carousel owl-theme">
 						<div class="item"><img src="assets/img/demo-portfolio/secours_2.jpg" alt=""></div>
					</div>
				</div>
				<div class="col-md-6">
					<h3>Description&nbsp;:</h3>
					<p>Introduire l'apprentissage des premiers secours civils dans le programme de l'&Eacute;ducation nationale.</p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<p><br />Les premiers secours civils (PSC1, brevet de secourisme) doivent être enseignés dans le cadre de l'enseignement laïc et obligatoire<!-- ce qui correspond à primaire-collège. On peut supprimer ici le lycée et évoquer plus généralement le renouvellement des compétences ensuite (le brevet de secourisme n'est valable que 3 ans je crois)-->.<br />
	Cet apprentissage pourra se faire d'abord au collège. Il sera alors une condition indispensable pour la réussite au brevet des collèges et pour le passage en lycée 
	(général, technologique ou professionnel). Il sera ensuite complété et rappelé dans une épreuve complémentaire afin d'assurer la réussite au baccalauréat (quelle que soit la filière).<br />
	Cet apprentissage sera complet : savoir appeler à l'aide et gérer son stress, analyser une situation dangereuse, réaliser les premiers gestes de secours 
	(compressions abdominales en cas d'étouffement, bouche à bouche, massage cardiaque, défibrillateur, PLS, etc.).<br />
	Il pourra se faire dans le cadre d'un enseignement de biologie–anatomie, puisqu'il nécessite de comprendre les principes physiologiques de base et le fonctionnement de 
	certains organes, comme le cœur et les poumons.</p>
				</div>
			</div>
		</div>
        </div>
</div>

<!-- Standard Portfolio Modal - Video and Text -->
<div id="portfolio-modal-2" class="portfolio-modal modal fade" 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 first">
				<div class="col-lg-12"><h2 class="page-header">Refonte du droit d'auteur</h2></div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div id="project-details-carousel" class="owl-carousel owl-theme">
						<div class="item"><img src="assets/img/demo-portfolio/copyright_1.jpg" alt=""></div>
						<div class="item"><img src="assets/img/demo-portfolio/copyright_2.jpg" alt=""></div>
					</div>
				</div>
				<div class="col-md-6">
					<h3>Description:</h3>
					<p>Les Pirates travaillent sans frontière. Pour leur combat en faveur d'une refonte du droit d'auteur, 
						les Pirates se basent sur le rapport Reda, du nom de la députée européenne qui l'a rapporté.<br />
						Ce rapport peut être téléchargé sur le site du Parlement européen et une analyse a été publiée sur le site de la députée.<br />
						<strong>Entre autres points</strong>, ce rapport préconise :</p>
					<ul>
						<li>une harmonisation de la durée de protection du droit d'auteur, telle qu'écrite dans le traité de Berne (50 ans)</li>
						<li>une autorisation de caricature et de parodie telle qu'on la connait en France, étendue à toute l'Europe,</li>
						<li>la création d'une exception aux droits d'auteur dans le cadre de l'éducation ou de la recherche,</li>
						<li>une véritable liberté de panorama (photographier ce qui est visible sur l'espace public),</li>
						<li>une égalité entre les droits d'auteur en ligne et hors ligne.</li>
					</ul>
				</div>
			</div>
			<div class="row">
				<div class="col-md-8">
					<h3>Informations complémentaires : </h3>
					<ul class="list-unstyled project-details">
					<li>Le <a href="http://www.europarl.europa.eu/sides/getDoc.do?pubRef=-//EP//NONSGML+COMPARL+PE-546.580+02+DOC+PDF+V0//FR&language=FR" target="_blank">rapport Reda</a></li>
					<li>L'<a href="https://juliareda.eu/le-rapport-reda-explique/" target="_blank">analyse</a> du rapport Reda</li>
					</ul>
				</div>
			</div>
		</div>
        </div>
</div>
	
	<!-- Standard Portfolio Modal - Images and Text -->
    <div id="portfolio-modal-3" class="portfolio-modal modal fade" 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 first">
                    <div class="col-lg-12">
                        <h2 class="page-header">Fin du géo-blocage</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
					<div id="project-details-carousel" class="owl-carousel owl-theme">
						<div class="item"><img src="assets/img/demo-portfolio/geoblocking_1.jpg" alt=""></div>
						<div class="item"><img src="assets/img/demo-portfolio/geoblocking_2.jpg" alt=""></div>
					</div>
                    </div>
                    <div class="col-md-6">
                        <h3>Description:</h3>
						<p>Les Pirates travaillent vraiment sans frontière. Comme l'eurodéputée Julia Reda, nous souhaitons la disparition du <strong>géo-blocage</strong>.<br />
							Chaque jour, des frontières numériques artificielles bloquent des millions d'Européens et d'Européennes quand ils veulent commander des biens, 
							acheter ou accèder à des contenus (livres, films, radios, TV, etc.). C'est le géo-blocage, l'accès est filtré selon la localisation.<br>
							Nous souhaitons y mettre fin, ne serait-ce que parce qu'il trahit les principes de l'Union européenne.<br />Le travail de Julia Reda au niveau européen doit être complété au niveau
							législatif national, non seulement via les échanges entre le Parlement français et les autres parlements européens, mais aussi par des décrets interdisant 
							aux médias publics de faire du géo-blocage.</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-8">
                        <h3>Informations complémentaires : </h3>
						<ul class="list-unstyled project-details">
							<li>Le site explicatif <a href="https://endgeoblocking.eu/fr/" target="_blank">"Stop au géo-blocage"</a></li>
							<li>L'<a href="https://juliareda.eu/2016/05/je-lance-une-campagne-pour-mettre-fin-au-geoblocage-au-sein-de-lunion-europeenne-vous-participez/" target="_blank">analyse</a> de Julia 
								Reda à ce sujet</li>
						</ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

	<!-- Standard Portfolio Modal - Images and Text -->
    <div id="portfolio-modal-5" class="portfolio-modal modal fade" 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 first">
                    <div class="col-lg-12">
                        <h2 class="page-header">Lutte contre le cumul des mandats</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div id="project-details-carousel" class="owl-carousel owl-theme">
                            <div class="item"><img src="assets/img/demo-portfolio/non_cumul_1.jpg" alt=""></div>
                            <div class="item"><img src="assets/img/demo-portfolio/non_cumul_2.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <h3>Description :</h3>
                        <p>Aujourd’hui, des élus restent en poste 10, 15, 20 ans, voire plus encore. Ce qui a pour conséquence regrettable de transformer la fonction d’élu (le mandat) en métier.<br />
                        Afin de résister à cette professionnalisation de la vie politique, c'est-à-dire permettre son renouvellement, il est indispensable de limiter le cumul des 
                        mandats dans le temps.<br />
                        Nous proposons la suppression de la mention "sont indéfiniment rééligibles" du code électoral et son remplacement par "sont rééligibles une unique fois" pour les législatives, 
                        sénatoriales ou européennes et "sont rééligibles seulement deux fois consécutivement" pour les élections locales (municipales, cantonales ou 
                        départementales, territoriales, régionales, etc.).</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

	<!-- Standard Portfolio Modal - Images and Text -->
    <div id="portfolio-modal-6" class="portfolio-modal modal fade" 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 first">
                    <div class="col-lg-12">
                        <h2 class="page-header">Protection des lanceurs d'alerte</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div id="project-details-carousel" class="owl-carousel owl-theme">
                            <div class="item"><img src="assets/img/demo-portfolio/lanceurs_d_alerte_1.jpg" alt=""></div>
                            <div class="item"><img src="assets/img/demo-portfolio/lanceurs_d_alerte_2.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <h3>Description&nbsp;:</h3>
                        <p>Le lanceur d’alerte est une personne qui, dans le contexte de son travail, signale un fait illégal et dangereux, 
                        	touchant à l’intérêt général, aux personnes ou aux instances ayant le pouvoir d’y mettre fin. Dernier recours lorsque les contrôles sont 
                        	défaillants, il ou elle joue un rôle fondamental dans la lutte contre la corruption.<br />
                        	Pourtant, comme en témoignent de nombreux exemples dans l’actualité, les lanceurs d'alerte restent la cible d’intimidations, de menaces et de représailles : 
                        	licenciement, procès en diffamation, harcèlement…<br />
                        	En France, les lanceurs d'alerte ne sont protégés que dans les domaines de la santé ou de la protection de l'environnement. 
                        	Il manque tout un pan de protection dans le cadre de la corruption ou de la dictature <!-- cad les lanceurs d'alerte des pays étrangers, c'est ça ?-->, entre autres.</p>
                    </div>
                </div>
                <div class="row">
			<div class="col-md-8">
				<h3>Informations complémentaires : </h3>
					<ul class="list-unstyled project-details">
						<li>La page de <a href="https://transparency-france.org/lanceurs-dalerte/" target="_blank">Transparency France au sujet des lanceurs d'alerte</a></li>
						<li>L'<a href="https://www.legifrance.gouv.fr/affichTexte.do?cidTexte=JORFTEXT000027324252&categorieLien=id" target="_blank">article de loi sur Légifrance</a> au sujet des 
							lanceurs d'alerte dans le domaine de la santé et de l'environnement</li>
					</ul>
				</div>
			</div>
		</div>
        </div>
    </div>

	<!-- Standard Portfolio Modal - Images and Text -->
    <div id="portfolio-modal-7" class="portfolio-modal modal fade" 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 first">
                    <div class="col-lg-12">
                        <h2 class="page-header">Assemblée constituante</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div id="project-details-carousel" class="owl-carousel owl-theme">
                            <div class="item"><img src="assets/img/demo-portfolio/constituante_1.jpg" alt=""></div>
                            <div class="item"><img src="assets/img/demo-portfolio/constituante_2.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <h3>Description&nbsp;:</h3>
                        <p>Une assemblée constituante est une institution collégiale avec pour tâche la rédaction, ou l'adoption, d'une constitution, c'est-à-dire du texte 
                        fondamental d'organisation des pouvoirs publics d'un pays. La façon dont les membres de l'assemblée sont désignés dépend des circonstances et des pays.<br />
                        Les Pirates considèrent que les institutions actuelles ne sont plus en adéquation avec la réalité ni avec les valeurs républicaines qu'elles étaient censées 
                        défendre. Les Pirates souhaitent donc que la définition même du fonctionnement de la République française soit revu, et ce par les citoyens et citoyennes eux-mêmes.</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-8">
						<h3>Informations complémentaires : </h3>
						<ul class="list-unstyled project-details">
							<li><a href="https://www.pouruneconstituante.fr/spip.php?article82" target="_blank">Quatorze raisons</a> pour élire une Assemblée Constituante</li>
						</ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

	<!-- Standard Portfolio Modal - Images and Text -->
    <div id="portfolio-modal-8" class="portfolio-modal modal fade" 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 first">
                    <div class="col-lg-12">
                        <h2 class="page-header">Reconnaissance du vote blanc</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div id="project-details-carousel" class="owl-carousel owl-theme">
                            <div class="item"><img src="assets/img/demo-portfolio/vb_1.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <h3>Description :</h3>
						<p>Actuellement, l'art 1. de la loi n° 2014-172 du 21 février 2014 visant à reconnaître le vote blanc aux élections impose que les bulletins blancs 
							soient décomptés séparément, mais ils ne sont pas considérés comme des suffrages exprimés.</p>
						<p>Le Parti Pirate propose qu'un bulletin "Vote blanc" soit mis en place à chaque élection et que ces votes blancs soient comptabilisés comme exprimés.</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <h3>Informations complémentaires : </h3>
                        <ul class="list-unstyled project-details">
                            <li><strong>Lien vers le Point de programme :</strong>Disponible début Aout</li>
                            <li><a href="http://www.parti-du-vote-blanc.fr/" target="_blank">Association Citoyens du Vote Blanc</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

	<!-- Standard Portfolio Modal - Images and Text -->
    <div id="portfolio-modal-9" class="portfolio-modal modal fade" 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 first">
                    <div class="col-lg-12">
                        <h2 class="page-header">Protection des travailleuses et travailleurs du sexe</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div id="project-details-carousel" class="owl-carousel owl-theme">
                            <div class="item"><img src="assets/img/demo-portfolio/TdS_1.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <h3>Proposition :</h3>
                        <p> La loi n° 2016-444 du 13 avril 2016 dite « contre le système prostitutionnel » doit être abrogée. Elle sera remplacée par un ensemble 
                        	législatif permettant d'aider les personnes en situation de prostitution et les travailleuses et travailleurs du sexe, qui tiendra compte 
                        	de la diversité de leurs situations concrètes et qui sera élaboré en concertation avec elles. </p>
                        <p>Les personnes qui exercent une activité économique basée sur l'érotisme, la pornographie ou impliquant des rapports sexuels consentis 
                        	entre elles-mêmes et d'autres personnes doivent être libres de l'exercer dans les conditions qu'elles ont déterminées pour le faire. Il ne pourra 
                        	être porté atteinte à ce droit par des pressions ou des chantages exercés sur elles ou sur leur clientèle. </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

	<!-- Standard Portfolio Modal - Images and Text -->
    <div id="portfolio-modal-10" class="portfolio-modal modal fade" 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 first">
                    <div class="col-lg-12">
                        <h2 class="page-header">Droit de vote des étrangers</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div id="project-details-carousel" class="owl-carousel owl-theme">
                            <div class="item"><img src="assets/img/demo-portfolio/Urne_1.jpg" alt=""></div>
                            <div class="item"><img src="assets/img/demo-portfolio/Urne_2.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <h3>Description :</h3>
                        <p>Toute personne résidant en France depuis plus d'un an et pouvant en attester dispose de la possibilité de participer à la vie politique 
                        	nationale et à la vie politique locale dans le lieu où elle a élu son domicile.</p>
						<p>Ces droits incluent celui de s'inscrire sur les listes électorales, de voter et de se présenter comme candidat aux élections. 
							Il est indépendant de la nationalité et n'est pas exclusif de la participation à d'autres scrutins à l'étranger. La France demande la 
							réciprocité de cette mesure à tous les États pour ses propres ressortissants, mais confère ce droit à tous les résidents en France sans condition.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

	<!-- Standard Portfolio Modal - Images and Text -->
    <div id="portfolio-modal-11" class="portfolio-modal modal fade" 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 first">
                    <div class="col-lg-12">
                        <h2 class="page-header">Revenu de base</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div id="project-details-carousel" class="owl-carousel owl-theme">
                            <div class="item"><img src="assets/img/demo-portfolio/rdb_2.jpg" alt=""></div>
                            <div class="item"><img src="assets/img/demo-portfolio/rdb_1.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <h3>Proposition :</h3>
						<p>Le Parti Pirate propose, comme nouveau contrat social, l'instauration d'un revenu de base inconditionnel pour l'ensemble des citoyennes et citoyens. 
							Ce revenu de base devra être individuel, inconditionnel et cumulable, versé mensuellement, de la naissance à la mort.<br />
							Le revenu de base est un droit inaliénable, inconditionnel, cumulable avec d’autres revenus, distribué par une communauté politique à tous ses
							membres, de la naissance à la mort, sur base individuelle, sans contrôle des ressources ni exigence de contrepartie, dont le montant et le financement 
							sont ajustés démocratiquement.</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-8">
                        <h3>Informations complémentaires : </h3>
                        <ul class="list-unstyled project-details">
                            <li>Page programme du <a href="https://wiki.partipirate.org/Revenu_de_base" title="Programme du Parti Pirate sur le revenu de base" target="_blank">revenu de base</a></li>
                            <li>Le site du <a href="http://revenudebase.info/" title="Mouvement français pour un revenu de base" target="_blank">Mouvement Français pour un Revenu De Base</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
	
	<!-- Standard Portfolio Modal - Images and Text -->
    <div id="portfolio-modal-12" class="portfolio-modal modal fade" 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 first">
                    <div class="col-lg-12">
                        <h2 class="page-header">Taxe sur les transactions financières</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div id="project-details-carousel" class="owl-carousel owl-theme">
                            <div class="item"><img src="assets/img/demo-portfolio/ttf_1.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <h3>Description :</h3>
                        <p>La taxe Tobin prévoyait une taxation des transactions monétaires internationales afin de limiter les variations des taux de change. Cette idée est intéressante 
                        	mais il faut aussi y ajouter une taxe à toutes les transactions financières, pas seulement liées aux taux de change.</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-8">
                    <!-- 
                        <h3>Détails:</h3>
                        <ul class="list-unstyled project-details">
                            <li>
                                <strong>Client:</strong>Lorem Ipsum</li>
                            <li>
                                <strong>Services:</strong>Web Design, Photography</li>
                            <li>
                                <strong>Date:</strong>January 2015</li>
                        </ul>
                     -->    
                    </div>
                </div>
            </div>
        </div>
    </div>
	
	
	<div id="volunteerVeil" class="text-center simply-hidden">
		<img src="assets/img/logo_pp.png" alt="Logo du Parti Pirate">
	</div>

    <script src="assets/js/min.js"></script>

    <!-- Script to Activate Formstone Wallpaper jQuery Plugin - Use this script if you want to use an .mp4, .ovg, or .webm video as a background video. -->
    <script>
    $(".video-bg").wallpaper({
        source: {
            mp4: "assets/mp4/Drapeau.mp4",
            poster: "assets/img/demo-bgs/video-bg-fallback.jpg"
        }
    });
    </script>

</body>

</html>