378 lines
22 KiB
HTML
378 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<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="./favicons/browserconfig.xml">
|
||
<meta name="theme-color" content="#ffffff">
|
||
<meta name="title" content="Générateur d'attestation de déplacement international dérogatoire vers la France métropolitaine - COVID-19">
|
||
<meta name="description" content="Ce service officiel génère une version numérique de l’attestation 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éplacement, international, 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 international dérogatoire vers la France métropolitaine - 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 l’attestation déplacement covid-19 à présenter aux forces de sécurité lors d’un contrôle." />
|
||
<link rel="canonical" href="https://media.interieur.gouv.fr/deplacement-vers-france-covid-19/" />
|
||
<meta property="og:url" content="https://media.interieur.gouv.fr/deplacement-vers-france-covid-19/" />
|
||
<meta property="og:site_name" content="Générateur d'attestation de déplacement international dérogatoire vers la France métropolitaine - COVID-19" />
|
||
<script type='application/ld+json'>{"@context":"http://www.schema.org","@type":"GovernmentOrganization","name":"Générateur d'attestation de déplacement international dérogatoire vers la France métropolitaine - COVID-19","description":"Ce service officiel génère une version numérique de l’attestation 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="./favicons/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="./favicons/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="./favicons/favicon-16x16.png">
|
||
<link rel="manifest" href="./favicons/site.webmanifest">
|
||
<link rel="mask-icon" href="./favicons/safari-pinned-tab.svg" color="#21bf73">
|
||
|
||
<title>COVID-19 – Générateur d'attestation de déplacement international dérogatoire vers la France métropolitaine</title>
|
||
</head>
|
||
<body>
|
||
<header role="banner" class="wrapper">
|
||
<ul class="flex-justify">
|
||
<img class="logo" src="/MIN_Interieur_RVB.svg" alt="Ministère de l'intérieur. Liberté, égalité, fraternité.">
|
||
<fieldset class="form-language">
|
||
<legend class="legend-language">Choisissez votre langue</legend>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-language" id="radio-language-en" value="en">
|
||
<label class="form-check-label" for="radio-language-en">ENGLISH</label>
|
||
<img class="flags" src="flag EN.svg">
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-language" id="radio-language-fr" value="fr" checked>
|
||
<label class="form-check-label" for="radio-language-fr">FRANCAIS</label>
|
||
<img class="flags" src="Flag_of_France.svg">
|
||
</div>
|
||
</fieldset>
|
||
</ul>
|
||
<div>
|
||
<h1 class="flex flex-wrap">
|
||
<span class="covid-title">
|
||
COVID-19
|
||
</span>
|
||
<span class="covid-subtitle">
|
||
Générateur d'attestation de déplacement international dérogatoire vers la France métropolitaine
|
||
</span>
|
||
</h1>
|
||
|
||
<p class="text-alert">
|
||
Les données saisies sont stockées exclusivement sur votre téléphone ou votre ordinateur. Aucune information n'est collectée par le Ministère de l'Intérieur.
|
||
L'attestation pdf générée contient un QR Code. Ce code-barres graphique permet de lire les informations portées dans votre attestation au moment de leur saisie.
|
||
Il peut être déchiffré à l'aide de tout type de lecteur de QR code générique.
|
||
</p>
|
||
<p>
|
||
Cette attestation est à présenter aux compagnies de transport, avant l’utilisation du titre de transport, par les
|
||
passagers qui souhaitent voyager à destination de la France métropolitaine. Elle sera aussi présentée aux autorités en
|
||
charge du contrôle frontières, pour tout type de frontière :
|
||
<ul>
|
||
<li>Aux frontières extérieures de la France (liaisons aériennes, maritimes, terrestres, dont les liaisons ferroviaires).</li>
|
||
<li>Aux frontières intérieures de la France.</li>
|
||
</ul>
|
||
</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 attestation numérique :</h2>
|
||
<p class="text-alert">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
|
||
type="text"
|
||
class="form-control"
|
||
id="field-firstname"
|
||
name="firstname"
|
||
autocomplete="given-name"
|
||
placeholder="Jean"
|
||
required
|
||
aria-invalid="true"
|
||
>
|
||
<span class="validity" aria-hidden="true"></span>
|
||
</div>
|
||
<p class="exemple"></p>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="field-lastname" id="field-lastname-label">Nom</label>
|
||
<div class="input-group align-items-center">
|
||
<input
|
||
type="text"
|
||
class="form-control"
|
||
id="field-lastname"
|
||
name="lastname"
|
||
autocomplete="family-name"
|
||
placeholder="Dupont"
|
||
aria-invalid="true"
|
||
required
|
||
>
|
||
<span class="validity" aria-hidden="true"></span>
|
||
</div>
|
||
<p class="exemple"></p>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="field-birthday" id="field-birthday-label">Date de naissance (au format jj/mm/aaaa)</label>
|
||
<div class="input-group align-items-center">
|
||
<input
|
||
type="text"
|
||
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)"
|
||
inputmode="numeric"
|
||
class="form-control"
|
||
id="field-birthday"
|
||
name="birthday"
|
||
aria-invalid="true"
|
||
autocomplete="bday"
|
||
placeholder="01/01/1970"
|
||
maxlength="10"
|
||
required
|
||
>
|
||
<span class="validity" aria-hidden="true"></span>
|
||
</div>
|
||
<p class="exemple"></p>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="field-nationality" id="field-nationality-label">Nationalité</label>
|
||
<div class="input-group align-items-center">
|
||
<input
|
||
type="text"
|
||
class="form-control"
|
||
id="field-nationality"
|
||
name="nationality"
|
||
autocomplete="country-name"
|
||
aria-invalid="true"
|
||
placeholder="Belge"
|
||
required
|
||
>
|
||
<span class="validity" aria-hidden="true"></span>
|
||
</div>
|
||
<p class="exemple"></p>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="field-address" id="field-address-label">Adresse</label>
|
||
<div class="input-group align-items-center">
|
||
<input
|
||
type="text"
|
||
class="form-control"
|
||
id="field-address"
|
||
name="address"
|
||
aria-invalid="true"
|
||
autocomplete="address-line1"
|
||
placeholder="999 avenue de Belgique"
|
||
required
|
||
>
|
||
<span class="validity" aria-hidden="true"></span>
|
||
</div>
|
||
<p class="exemple"></p>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="field-town" id="field-town-label">Ville</label>
|
||
<div class="input-group align-items-center">
|
||
<input
|
||
type="text"
|
||
class="form-control"
|
||
id="field-town"
|
||
name="town"
|
||
autocomplete="address-level1"
|
||
aria-invalid="true"
|
||
placeholder="Bruxelles"
|
||
required
|
||
>
|
||
<span class="validity" aria-hidden="true"></span>
|
||
</div>
|
||
<p class="exemple"></p>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="field-zipcode" id="field-zipcode-label" >Code Postal</label>
|
||
<div class="input-group align-items-center">
|
||
<input
|
||
type="text"
|
||
class="form-control"
|
||
id="field-zipcode"
|
||
name="zipcode"
|
||
aria-invalid="true"
|
||
autocomplete="postal-code"
|
||
placeholder="1000"
|
||
required
|
||
>
|
||
<span class="validity" aria-hidden="true"></span>
|
||
</div>
|
||
<p class="exemple"></p>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="field-country" id="field-country-label">Pays</label>
|
||
<div class="input-group align-items-center">
|
||
<input
|
||
type="text"
|
||
class="form-control"
|
||
id="field-country"
|
||
name="country"
|
||
autocomplete="country-name"
|
||
aria-invalid="true"
|
||
placeholder="Belgique"
|
||
required
|
||
>
|
||
<span class="validity" aria-hidden="true"></span>
|
||
</div>
|
||
<p class="exemple"></p>
|
||
</div>
|
||
|
||
<fieldset class="control">
|
||
<legend class="titre-3">Vous êtes : </legend>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-type-nationality" id="radio-tiers" value="tiers">
|
||
<label class="form-nationality-label" for="radio-tiers">Ressortissant de pays tiers.</label>
|
||
|
||
<fieldset class='conditional'>
|
||
<legend class="titre-4">Choisissez le motif :</legend>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-residence-tiers" value="residence">
|
||
<label class="form-check-label" for="radio-residence-tiers">Personnes ayant leur résidence principale en France ou dans l’Union européenne et pays assimilés<a href="#footnote1">[1]</a>, titulaires d’un titre de séjour ou d’un visa de long séjour français ou européen en cours de validité, ainsi que leurs conjoints et leurs enfants.</label>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-transit-tiers" value="transit">
|
||
<label class="form-check-label" for="radio-transit-tiers">Personnes en transit pour rejoindre leur pays d’origine, présentant le titre de voyage vers leur pays d’origine et
|
||
restant en zone internationale sans entrer sur le territoire national.</label>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-prof._sante-tiers" value="prof._sante">
|
||
<label class="form-check-label" for="radio-prof._sante-tiers">Professionnels de santé aux fins de lutter contre le Covid-19.</label>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-marchandises-tiers" value="marchandises">
|
||
<label class="form-check-label" for="radio-marchandises-tiers">Transporteurs de marchandises, dont les marins.</label>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-equipage-tiers" value="equipage">
|
||
<label class="form-check-label" for="radio-equipage-tiers">Équipages et personnels exploitant des vols passagers et cargo, ou voyageant comme passagers pour se positionner sur leur base de départ.</label>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-diplomatique-tiers" value="diplomatique">
|
||
<label class="form-check-label" for="radio-diplomatique-tiers">Personnels des missions diplomatiques et consulaires, ainsi que des organisations internationales ayant leur siège
|
||
ou un bureau en France, titulaires d’un titre de séjour spécial ou d’un visa D promae.</label>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-frontalier-tiers" value="frontalier">
|
||
<label class="form-check-label" for="radio-frontalier-tiers">Travailleurs frontaliers aux frontières intérieures terrestres.</label>
|
||
</div>
|
||
|
||
</fieldset>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-type-nationality" id="radio-eu" value="eu">
|
||
<label class="form-nationality-label" for="radio-eu">Ressortissant de l’Union européenne et assimilés<a href="#footnote2">[2]</a>.</label>
|
||
|
||
<fieldset class='conditional'>
|
||
<legend class="titre-4">Choisissez le motif</legend>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-residence-eu" value="residence">
|
||
<label class="form-check-label" for="radio-residence-eu">Personnes ayant leur résidence principale en France, ainsi que leurs conjoints et leurs enfants.</label>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-transit-eu" value="transit">
|
||
<label class="form-check-label" for="radio-transit-eu">Personnes transitant par la France pour rejoindre leur résidence, ainsi que leurs conjoints et leurs enfants.</label>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-prof._sante-eu" value="prof._sante">
|
||
<label class="form-check-label" for="radio-prof._sante-eu">Professionnels de santé aux fins de lutter contre le Covid-19.</label>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-marchandises-eu" value="marchandises">
|
||
<label class="form-check-label" for="radio-marchandises-eu">Transporteurs de marchandises, dont les marins.</label>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-equipage-eu" value="equipage">
|
||
<label class="form-check-label" for="radio-equipage-eu">Équipages et personnels exploitant des vols passagers et cargo, ou voyageant comme passagers pour se positionner sur leur base de départ.</label>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-diplomatique-eu" value="diplomatique">
|
||
<label class="form-check-label" for="radio-diplomatique-eu">Personnels des missions diplomatiques et consulaires, ainsi que des organisations internationales ayant leur siège
|
||
ou un bureau en France, titulaires d’un titre de séjour spécial ou d’un visa D promae.</label>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-reason" id="radio-frontalier" value="frontalier">
|
||
<label class="form-check-label" for="radio-frontalier">Travailleurs frontaliers aux frontières intérieures terrestres.</label>
|
||
</div>
|
||
|
||
</fieldset>
|
||
</div>
|
||
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="field-type-nationality" id="radio-fr" value="fr">
|
||
<label class="form-nationality-label" for="radio-fr">Ressortissant de nationalité française, ainsi que votre conjoint et enfants.</label>
|
||
</div>
|
||
|
||
</fieldset>
|
||
|
||
<p class="text-center mt-5">
|
||
<button type="button" id="generate-btn" class="btn btn-primary btn-attestation"><span ><i class="fa fa-file-pdf inline-block mr-1"></i> 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>
|
||
</form>
|
||
|
||
|
||
</div>
|
||
<div class="">
|
||
<p id="footnotes">
|
||
<span id="footnote1">[1] Royaume-Uni, Islande, Liechtenstein, Norvège, Andorre, Monaco, Suisse, Saint-Marin, Saint Siège.</span><br>
|
||
<span id="footnote2">[2] Ressortissants de l’Union européenne et ressortissants britanniques, ainsi que les ressortissants islandais, liechtensteinois, norvégiens, andorrans, monégasques, suisses, saint-marinais, citoyens du Saint Siège (directive 2004/38/CE).</span>
|
||
</p>
|
||
|
||
<p class="github">
|
||
Le code source de ce service est consultable sur <a href="https://github.com/LAB-MI/deplacement-covid-19" class="github-link">Github</a>.
|
||
</p>
|
||
<p class="label-mi">
|
||
Ministère de l'Intérieur - DNUM - SDIT
|
||
</p>
|
||
<img class="center" src="/logo_dnum.svg" alt="logo dnum">
|
||
</div>
|
||
</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">0 800 130 000</a></div>
|
||
<p class="footer-line" id="version"></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="./certificate.js"></script>
|
||
</body>
|
||
</html>
|