214 lines
26 KiB
HTML
214 lines
26 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr" class="fontawesome-i2svg-active fontawesome-i2svg-complete">
|
||
<!-- Mirrored from media.interieur.gouv.fr/deplacement-covid-19/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 29 Nov 2020 13:04:11 GMT -->
|
||
<!-- Added by HTTrack -->
|
||
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
|
||
<!-- /Added by HTTrack -->
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
||
<meta name="msapplication-TileColor" content="#603cba">
|
||
<meta name="msapplication-config" content="browserconfig.429300da.xml">
|
||
<meta name="theme-color" content="#ffffff">
|
||
<meta name="title" content="Générateur d'attestation de déplacement dérogatoire - COVID-19">
|
||
<meta name="description" content="Ce service officiel génère une version numérique de la déclaration de déplacement covid-19 à présenter aux forces de sécurité lors d’un contrôle.">
|
||
<meta name="keywords" content="covid19, covid-19, attestation, déclaration, déplacement, officielle, gouvernement">
|
||
<meta name="robots" content="index, follow">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
<meta name="language" content="French">
|
||
<meta property="og:title" content="Générateur d'attestation de déplacement dérogatoire - COVID-19">
|
||
<meta property="og:locale" content="fr_FR">
|
||
<meta property="og:description" content="Ce service officiel génère une version numérique de la déclaration de déplacement covid-19 à présenter aux forces de sécurité lors d’un contrôle.">
|
||
<style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}</style>
|
||
<link rel="canonical" href="https://media.interieur.gouv.fr/deplacement-covid-19">
|
||
<meta property="og:url" content="https://media.interieur.gouv.fr/deplacement-covid-19">
|
||
<meta property="og:site_name" content="Générateur d'attestation de déplacement dérogatoire - COVID-19">
|
||
<script type="application/ld+json">{"@context":"http://www.schema.org","@type":"GovernmentOrganization","name":"Générateur d'attestation de déplacement dérogatoire - COVID-19","description":"Ce service officiel génère une version numérique de la déclaration de déplacement covid-19 à présenter aux forces de sécurité lors d’un contrôle.","address":{"@type":"PostalAddress","addressCountry":"France"}}</script>
|
||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.fdeabd24.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.623384d0.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.a4687270.png">
|
||
<link rel="manifest" href="favicons/site.webmanifest">
|
||
<link rel="mask-icon" href="safari-pinned-tab.1551797e.svg" color="#21bf73">
|
||
<title>Attestation de déplacement dérogatoire</title>
|
||
<link rel="stylesheet" href="main.fc057723.css">
|
||
</head>
|
||
<body>
|
||
<header role="banner" class="wrapper">
|
||
<picture>
|
||
<source srcset="./deplacement-covid-19/MIN_Interieur_RVB_dark.0e5ee525.svg" media="(prefers-color-scheme: dark)">
|
||
<img src="MIN_Interieur_RVB.124e26ea.svg" alt="Ministère de l'intérieur. Liberté, égalité, fraternité." class="logo" role="presentation" aria-hidden="true">
|
||
</picture>
|
||
<div>
|
||
<h1 class="flex flex-wrap"> <span class="covid-title"> COVID-19 </span> <span class="covid-subtitle"> Attestation de déplacement dérogatoire </span> </h1>
|
||
<p class="text-desc"> En application du décret n°2020-1310 du 29 octobre 2020 prescrivant les mesures générales nécessaires pour faire face à l'épidémie de Covid19 dans le cadre de l'état d'urgence sanitaire </p>
|
||
</div>
|
||
</header>
|
||
<main role="main">
|
||
<p class="alert alert-danger d-none" role="alert" id="alert-facebook"></p>
|
||
<div class="wrapper">
|
||
<form id="form-profile" accept-charset="UTF-8">
|
||
<h2 class="titre-2">Remplissez en ligne votre déclaration numérique : </h2>
|
||
<p class="msg-info">Tous les champs sont obligatoires.</p>
|
||
<div class="form-group">
|
||
<label for="field-firstname" id="field-firstname-label">Prénom</label>
|
||
<div class="input-group align-items-center">
|
||
<input autocomplete="given-name" autofocus="" class="form-control" id="field-firstname" name="firstname" placeholder="Camille" required="" type="text"><span class="validity"></span>
|
||
<p class="exemple basis-100"></p>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="field-lastname" id="field-lastname-label">Nom</label>
|
||
<div class="input-group align-items-center">
|
||
<input autocomplete="family-name" class="form-control" id="field-lastname" name="lastname" placeholder="Dupont" required="" type="text"><span class="validity"></span>
|
||
<p class="exemple basis-100"></p>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="field-birthday" id="field-birthday-label">Date de naissance</label>
|
||
<div class="input-group align-items-center">
|
||
<input maxlength="10" pattern="^([0][1-9]|[1-2][0-9]|30|31)/([0][1-9]|10|11|12)/(19[0-9][0-9]|20[0-1][0-9]|2020)" autocomplete="birthday" class="form-control" id="field-birthday" name="birthday" placeholder="01/01/1970" required="" type="text"><span class="validity"></span>
|
||
<p class="exemple basis-100"></p>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="field-placeofbirth" id="field-placeofbirth-label">Lieu de naissance</label>
|
||
<div class="input-group align-items-center">
|
||
<input autocomplete="off" class="form-control" id="field-placeofbirth" name="placeofbirth" placeholder="Paris" required="" type="text"><span class="validity"></span>
|
||
<p class="exemple basis-100"></p>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="field-address" id="field-address-label">Adresse</label>
|
||
<div class="input-group align-items-center">
|
||
<input autocomplete="address-line1" class="form-control" id="field-address" name="address" placeholder="999 avenue de France" required="" type="text"><span class="validity"></span>
|
||
<p class="exemple basis-100"></p>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="field-city" id="field-city-label">Ville</label>
|
||
<div class="input-group align-items-center">
|
||
<input autocomplete="address-level2" class="form-control" id="field-city" name="city" placeholder="Paris" required="" type="text"><span class="validity"></span>
|
||
<p class="exemple basis-100"></p>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="field-zipcode" id="field-zipcode-label">Code Postal</label>
|
||
<div class="input-group align-items-center">
|
||
<input inputmode="numeric" minlength="4" maxlength="5" min="1000" max="99999" pattern="[0-9]{5}" autocomplete="postal-code" class="form-control" id="field-zipcode" name="zipcode" placeholder="75001" required="" type="number"><span class="validity"></span>
|
||
<p class="exemple basis-100"></p>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="field-datesortie" id="field-datesortie-label">Date de sortie</label>
|
||
<div class="input-group align-items-center">
|
||
<input pattern="^([0][1-9]|[1-2][0-9]|30|31)/([0][1-9]|10|11|12)/(19[0-9][0-9]|20[0-1][0-9]|2020)" autocomplete="" class="form-control" id="field-datesortie" name="datesortie" placeholder="" required="" type="date"><span class="validity"></span>
|
||
<p class="exemple basis-100"></p>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="field-heuresortie" id="field-heuresortie-label">Heure de sortie</label>
|
||
<div class="input-group align-items-center">
|
||
<input autocomplete="" class="form-control" id="field-heuresortie" name="heuresortie" placeholder="" required="" type="time"><span class="validity"></span>
|
||
<p class="exemple basis-100"></p>
|
||
</div>
|
||
</div>
|
||
<fieldset id="reason-fieldset" class="fieldset">
|
||
<legend class="legend titre-3">Choisissez un motif de déplacement</legend>
|
||
<p class="msg-alert hidden">Veuillez choisir un motif</p>
|
||
<p>certifie que mon déplacement est lié au motif suivant (cocher la case) autorisé par le décret n°2020-1310 du 29 octobre 2020 prescrivant les mesures générales nécessaires pour faire face à l'épidémie de Covid19 dans le cadre de l'état d'urgence sanitaire <a class="footnote" href="#footnote1">[1]</a> :</p>
|
||
<div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-travail" name="field-reason" value="travail"><label for="checkbox-travail" class="form-checkbox-label">Déplacements entre le domicile et le lieu d’exercice de l’activité professionnelle ou un établissement d’enseignement ou de formation ; déplacements professionnels ne pouvant être différés <a class="footnote" href="#footnote2">[2]</a> ; déplacements pour un concours ou un examen ;</label></div>
|
||
<div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-achats_culturel_cultuel" name="field-reason" value="achats_culturel_cultuel"><label for="checkbox-achats_culturel_cultuel" class="form-checkbox-label">Déplacements pour se rendre dans un établissement culturel autorisé ou un lieu de culte ; déplacements pour effectuer des achats de biens, pour des services dont la fourniture est autorisée, pour les retraits de commandes et les livraisons à domicile ;</label></div>
|
||
<div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-sante" name="field-reason" value="sante"><label for="checkbox-sante" class="form-checkbox-label">Consultations, examens et soins ne pouvant être assurés à distance et l’achat de médicaments ;</label></div>
|
||
<div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-famille" name="field-reason" value="famille"><label for="checkbox-famille" class="form-checkbox-label">Déplacements pour motif familial impérieux, pour l'assistance aux personnes vulnérables et précaires ou la garde d'enfants ;</label></div>
|
||
<div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-handicap" name="field-reason" value="handicap"><label for="checkbox-handicap" class="form-checkbox-label">Déplacements des personnes en situation de handicap et leur accompagnant ;</label></div>
|
||
<div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-sport_animaux" name="field-reason" value="sport_animaux"><label for="checkbox-sport_animaux" class="form-checkbox-label">Déplacements en plein air ou vers un lieu de plein air, sans changement du lieu de résidence, dans la limite de trois heures quotidiennes et dans un rayon maximal de vingt kilomètres autour du domicile, liés soit à l’activité physique ou aux loisirs individuels, à l’exclusion de toute pratique sportive collective et de toute proximité avec d’autres personnes, soit à la promenade avec les seules personnes regroupées dans un même domicile, soit aux besoins des animaux de compagnie ;</label></div>
|
||
<div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-convocation" name="field-reason" value="convocation"><label for="checkbox-convocation" class="form-checkbox-label">Convocations judiciaires ou administratives et déplacements pour se rendre dans un service public ;</label></div>
|
||
<div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-missions" name="field-reason" value="missions"><label for="checkbox-missions" class="form-checkbox-label">Participation à des missions d'intérêt général sur demande de l'autorité administrative ;</label></div>
|
||
<div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-enfants" name="field-reason" value="enfants"><label for="checkbox-enfants" class="form-checkbox-label">Déplacements pour chercher les enfants à l’école et à l’occasion de leurs activités périscolaires.</label></div>
|
||
</fieldset>
|
||
</form>
|
||
<div id="formgroup-storedata" class="form-check text-center mt-4"> <input class="form-check-input" type="checkbox" name="storedata" id="field-storedata" value="storedata"> <label class="form-check-label" for="field-storedata"> Mon téléphone se souvient de moi </label> </div>
|
||
<p class="text-center mt-5">
|
||
<button type="button" id="generate-btn" class="btn btn-primary btn-attestation">
|
||
<span>
|
||
<svg class="svg-inline--fa fa-file-pdf fa-w-12 inline-block mr-1" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="file-pdf" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
|
||
<path fill="currentColor" d="M181.9 256.1c-5-16-4.9-46.9-2-46.9 8.4 0 7.6 36.9 2 46.9zm-1.7 47.2c-7.7 20.2-17.3 43.3-28.4 62.7 18.3-7 39-17.2 62.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1 428.1c0 .8 13.2-5.4 34.9-40.2-6.7 6.3-29.1 24.5-34.9 40.2zM248 160h136v328c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V24C0 10.7 10.7 0 24 0h200v136c0 13.2 10.8 24 24 24zm-8 171.8c-20-12.2-33.3-29-42.7-53.8 4.5-18.5 11.6-46.6 6.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5 18.3-.4 44.1 8.1 77-11.6 27.6-28.7 64.6-40.8 85.8-.1 0-.1.1-.2.1-27.1 13.9-73.6 44.5-54.5 68 5.6 6.9 16 10 21.5 10 17.9 0 35.7-18 61.1-61.8 25.8-8.5 54.1-19.1 79-23.2 21.7 11.8 47.1 19.5 64 19.5 29.2 0 31.2-32 19.7-43.4-13.9-13.6-54.3-9.7-73.6-7.2zM377 105L279 7c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-74.1 255.3c4.1-2.7-2.5-11.9-42.8-9 37.1 15.8 42.8 9 42.8 9z"></path>
|
||
</svg>
|
||
<!-- <i class="fa fa-file-pdf inline-block mr-1"></i> Font Awesome fontawesome.com --> Générer mon attestation
|
||
</span>
|
||
</button>
|
||
</p>
|
||
<div class="bg-primary d-none" id="snackbar"> L'attestation est téléchargée sur votre appareil. </div>
|
||
<p class="text-center mt-1">
|
||
<button type="button" id="cleardata" class="btn btn-primary btn-clear-data">
|
||
<span>
|
||
<svg class="svg-inline--fa fa-trash fa-w-14 inline-block mr-1" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="trash" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
|
||
<path fill="currentColor" d="M432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM53.2 467a48 48 0 0 0 47.9 45h245.8a48 48 0 0 0 47.9-45L416 128H32z"></path>
|
||
</svg>
|
||
<!-- <i class="fa fa-trash inline-block mr-1"></i> Font Awesome fontawesome.com --> Effacer le formulaire et son contenu sauvegardé sur mon téléphone
|
||
</span>
|
||
</button>
|
||
</p>
|
||
<div class="bg-primary d-none" id="snackbar-cleardata"> Les données du formulaire et les données sauvegardées ont été effacées. </div>
|
||
</div>
|
||
<div id="footnotes">
|
||
<p id="footnote1"> [1] Les personnes souhaitant bénéficier de l'une de ces exceptions doivent se munir s'il y a lieu, lors de leurs déplacements hors de leur domicile, d'un document leur permettant de justifier que le déplacement considéré entre dans le champ de l'une de ces exceptions. </p>
|
||
<p id="footnote2"> [2] A utiliser par les travailleurs non salariés, lorsqu'ils ne peuvent disposer d'un justificatif de déplacement établi par leur employeur. </p>
|
||
</div>
|
||
<p class="label-mi">Pour lutter contre l’épidémie, l’application TousAntiCovid est disponible sur :</p>
|
||
<a target="_blank" href="https://itunes.apple.com/app/id1511279125"><img style="height: 50pt; margin-bottom: 5px;" class="center" src="appstore-badge.png" alt="logo appstore"></a> <a target="_blank" href="https://play.google.com/store/apps/details?id=fr.gouv.android.stopcovid"><img style="height: 48pt; margin-bottom: 15px;" class="center" src="google-play-badge.png" alt="logo playstore"></a>
|
||
<p class="github"> Le code source de ce service est consultable sur <a href="https://github.com/LAB-MI/attestation-deplacement-derogatoire-q4-2020" class="github-link">GitHub</a>. </p>
|
||
<p class="label-mi"> Ministère de l'Intérieur - DNUM - SDIT </p>
|
||
<picture class="center">
|
||
<source srcset="./deplacement-covid-19/logo_dnum_dark.0fe33c5b.svg" media="(prefers-color-scheme: dark)">
|
||
<img class="center" src="logo_dnum.19ebc682.svg" alt="logo dnum">
|
||
</picture>
|
||
</main>
|
||
<footer role="contentinfo" class="main-footer">
|
||
<div class="footer-links">
|
||
<a href="confidentialite.html" title="Confidentialité - nouvelle page" target="_blank" class="footer-line footer-link">Confidentialité</a> <a href="https://www.interieur.gouv.fr/Infos-du-site/Mentions-legales" title="Mentions légales - nouvelle page" target="_blank" class="footer-line footer-link">Mentions légales</a> <a href="https://www.gouvernement.fr/info-coronavirus" title="Information du gouvernement sur le Covid-19 - nouvelle page" target="_blank" class="footer-line footer-link">Informations du gouvernement sur le Covid-19</a>
|
||
<div class="footer-line">Plus d’infos au <a class="num-08" href="tel:0800130000" title="Numéro vert - appel gratuit depuis un poste fixe en France">0 800 130 000</a></div>
|
||
<p class="footer-line" id="version">2020 - 1.1.0</p>
|
||
</div>
|
||
</footer>
|
||
<div class="alert alert-info d-none" id="update-alert">
|
||
Une nouvelle version est disponible. Cliquer sur le bouton pour l'obtenir.
|
||
<p class="text-right"> <button id="reload-btn" class="btn btn-info">Mettre à jour</button> </p>
|
||
</div>
|
||
<script src="main.833af409.js"></script>
|
||
<script async type="text/javascript" src="https://media.interieur.gouv.fr/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=1059390790"></script>
|
||
</body>
|
||
<script>
|
||
function getQueryParams(qs) {
|
||
qs = qs.split('+').join(' ');
|
||
|
||
var params = {},
|
||
tokens,
|
||
re = /[?&]?([^=]+)=([^&]*)/g;
|
||
|
||
while (tokens = re.exec(qs)) {
|
||
params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
|
||
}
|
||
|
||
return params;
|
||
}
|
||
params = getQueryParams(window.top.location.hash.substr(1))
|
||
|
||
// ?firstname=prenom&lastname=nom&birthday=naissance&placeofbirth=villeDeNaissance&address=adresse&city=ville&zipcode=codePostal
|
||
for( param in params ){
|
||
document.querySelector("[name="+param+"]").value = params[param]
|
||
}
|
||
|
||
d = new Date()
|
||
document.querySelector("[name=heuresortie]").value = ('0'+d.getHours()).slice(-2)+":"+('0'+d.getMinutes()).slice(-2)
|
||
|
||
function formToURL(l,x){
|
||
out=document.location.origin + document.location.pathname+"#"
|
||
for( i in l ) { out+=`${i}=${l[i]}&` }
|
||
window.history.pushState('Votre version', 'Votre version', out);
|
||
}
|
||
|
||
</script>
|
||
|
||
</html>
|