2020-04-06 16:27:49 +00:00
<!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" >
2020-04-16 08:15:53 +00:00
< meta name = "title" content = "Générateur d'attestation de déplacement international dérogatoire vers la France métropolitaine - COVID-19" >
2020-04-06 16:27:49 +00:00
< meta name = "description" content = "Ce service officiel génère une version numérique de l’ ’ >
2020-04-16 08:15:53 +00:00
< meta name = "keywords" content = "covid19, covid-19, attestation, déplacement, international, officielle, gouvernement" >
2020-04-06 16:27:49 +00:00
< meta name = "robots" content = "index, follow" >
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" >
< meta name = "language" content = "French" >
2020-04-16 08:15:53 +00:00
< meta property = "og:title" content = "Générateur d'attestation de déplacement international dérogatoire vers la France métropolitaine - COVID-19" / >
2020-04-06 16:27:49 +00:00
< meta property = "og:locale" content = "fr_FR" / >
< meta property = "og:description" content = "Ce service officiel génère une version numérique de l’ ’ / >
2020-04-16 08:15:53 +00:00
< 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’ ’ , "address" : { "@type" : "PostalAddress" , "addressCountry" : "France" } } < / script >
2020-04-06 16:27:49 +00:00
< 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" >
2020-04-16 08:15:53 +00:00
< title > COVID-19 – < / title >
2020-04-06 16:27:49 +00:00
< / head >
< body >
2020-04-10 14:23:28 +00:00
< header role = "banner" class = "wrapper" >
2020-04-16 08:15:53 +00:00
< 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 >
2020-04-06 16:27:49 +00:00
< div >
< h1 class = "flex flex-wrap" >
< span class = "covid-title" >
COVID-19
< / span >
< span class = "covid-subtitle" >
2020-04-16 08:15:53 +00:00
Générateur d'attestation de déplacement international dérogatoire vers la France métropolitaine
2020-04-06 16:27:49 +00:00
< / span >
< / h1 >
2020-04-16 08:15:53 +00:00
2020-04-06 16:27:49 +00:00
< 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.
2020-04-16 08:15:53 +00:00
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.
2020-04-06 16:27:49 +00:00
Il peut être déchiffré à l'aide de tout type de lecteur de QR code générique.
< / p >
2020-04-16 08:15:53 +00:00
< p >
Cette attestation est à présenter aux compagnies de transport, avant l’
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 >
2020-04-06 16:27:49 +00:00
< / div >
< / header >
2020-04-10 14:23:28 +00:00
< main role = "main" >
2020-04-09 05:55:35 +00:00
< p class = "alert alert-danger d-none" role = "alert" id = "alert-facebook" > < / p >
2020-04-06 16:27:49 +00:00
< div class = "wrapper" >
2020-04-09 05:55:35 +00:00
< form id = "form-profile" accept-charset = "UTF-8" >
2020-04-06 16:27:49 +00:00
< h2 class = "titre-2" > Remplissez en ligne votre attestation numérique :< / h2 >
2020-04-09 05:55:35 +00:00
< p class = "text-alert" > Tous les champs sont obligatoires.< / p >
2020-04-16 08:15:53 +00:00
2020-04-06 16:27:49 +00:00
< 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
2020-04-10 14:23:28 +00:00
aria-invalid="true"
2020-04-06 16:27:49 +00:00
>
2020-04-09 05:55:35 +00:00
< span class = "validity" aria-hidden = "true" > < / span >
2020-04-06 16:27:49 +00:00
< / div >
< p class = "exemple" > < / p >
< / div >
2020-04-16 08:15:53 +00:00
2020-04-06 16:27:49 +00:00
< 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"
2020-04-10 14:23:28 +00:00
aria-invalid="true"
2020-04-06 16:27:49 +00:00
required
>
2020-04-09 05:55:35 +00:00
< span class = "validity" aria-hidden = "true" > < / span >
2020-04-06 16:27:49 +00:00
< / div >
< p class = "exemple" > < / p >
< / div >
2020-04-16 08:15:53 +00:00
2020-04-06 16:27:49 +00:00
< 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"
2020-04-10 14:23:28 +00:00
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)"
2020-04-06 16:27:49 +00:00
inputmode="numeric"
class="form-control"
id="field-birthday"
name="birthday"
2020-04-10 14:23:28 +00:00
aria-invalid="true"
2020-04-06 16:27:49 +00:00
autocomplete="bday"
placeholder="01/01/1970"
maxlength="10"
required
>
2020-04-09 05:55:35 +00:00
< span class = "validity" aria-hidden = "true" > < / span >
2020-04-06 16:27:49 +00:00
< / div >
< p class = "exemple" > < / p >
< / div >
2020-04-16 08:15:53 +00:00
2020-04-06 16:27:49 +00:00
< div class = "form-group" >
2020-04-16 08:15:53 +00:00
< label for = "field-nationality" id = "field-nationality-label" > Nationalité< / label >
2020-04-06 16:27:49 +00:00
< div class = "input-group align-items-center" >
< input
type="text"
class="form-control"
2020-04-16 08:15:53 +00:00
id="field-nationality"
name="nationality"
autocomplete="country-name"
2020-04-10 14:23:28 +00:00
aria-invalid="true"
2020-04-16 08:15:53 +00:00
placeholder="Belge"
2020-04-06 16:27:49 +00:00
required
>
2020-04-09 05:55:35 +00:00
< span class = "validity" aria-hidden = "true" > < / span >
2020-04-06 16:27:49 +00:00
< / div >
< p class = "exemple" > < / p >
< / div >
2020-04-16 08:15:53 +00:00
2020-04-06 16:27:49 +00:00
< 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"
2020-04-10 14:23:28 +00:00
aria-invalid="true"
2020-04-16 08:15:53 +00:00
autocomplete="address-line1"
placeholder="999 avenue de Belgique"
2020-04-06 16:27:49 +00:00
required
>
2020-04-09 05:55:35 +00:00
< span class = "validity" aria-hidden = "true" > < / span >
2020-04-06 16:27:49 +00:00
< / div >
< p class = "exemple" > < / p >
< / div >
2020-04-16 08:15:53 +00:00
2020-04-06 16:27:49 +00:00
< 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"
2020-04-10 14:23:28 +00:00
aria-invalid="true"
2020-04-16 08:15:53 +00:00
placeholder="Bruxelles"
2020-04-06 16:27:49 +00:00
required
>
2020-04-09 05:55:35 +00:00
< span class = "validity" aria-hidden = "true" > < / span >
2020-04-06 16:27:49 +00:00
< / div >
< p class = "exemple" > < / p >
< / div >
2020-04-16 08:15:53 +00:00
2020-04-06 16:27:49 +00:00
< div class = "form-group" >
< label for = "field-zipcode" id = "field-zipcode-label" > Code Postal< / label >
< div class = "input-group align-items-center" >
< input
2020-04-09 05:55:35 +00:00
type="text"
2020-04-06 16:27:49 +00:00
class="form-control"
id="field-zipcode"
name="zipcode"
2020-04-10 14:23:28 +00:00
aria-invalid="true"
2020-04-16 08:15:53 +00:00
autocomplete="postal-code"
placeholder="1000"
2020-04-06 16:27:49 +00:00
required
>
2020-04-09 05:55:35 +00:00
< span class = "validity" aria-hidden = "true" > < / span >
2020-04-06 16:27:49 +00:00
< / div >
< p class = "exemple" > < / p >
< / div >
2020-04-16 08:15:53 +00:00
< 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 >
2020-04-09 05:55:35 +00:00
< / div >
2020-04-16 08:15:53 +00:00
< p class = "exemple" > < / p >
< / div >
< fieldset class = "control" >
< legend class = "titre-3" > Vous êtes : < / legend >
2020-04-09 05:55:35 +00:00
< div class = "form-check" >
2020-04-16 08:15:53 +00:00
< 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’ < a href = "#footnote1" > [1]< / a > , titulaires d’ ’ < / 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’ ’
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’ ’ < / 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 >
2020-04-09 05:55:35 +00:00
< / div >
2020-04-16 08:15:53 +00:00
2020-04-09 05:55:35 +00:00
< div class = "form-check" >
2020-04-16 08:15:53 +00:00
< 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’ < 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’ ’ < / 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 >
2020-04-09 05:55:35 +00:00
< / div >
2020-04-16 08:15:53 +00:00
2020-04-09 05:55:35 +00:00
< div class = "form-check" >
2020-04-16 08:15:53 +00:00
< 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 >
2020-04-09 05:55:35 +00:00
< / div >
2020-04-16 08:15:53 +00:00
2020-04-09 05:55:35 +00:00
< / fieldset >
2020-04-16 08:15:53 +00:00
2020-04-06 16:27:49 +00:00
< p class = "text-center mt-5" >
2020-04-09 05:55:35 +00:00
< 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 >
2020-04-06 16:27:49 +00:00
< / p >
2020-04-09 05:55:35 +00:00
2020-04-06 16:27:49 +00:00
< div class = "bg-primary d-none" id = "snackbar" >
L'attestation est téléchargée sur votre appareil.
< / div >
< / form >
2020-04-16 08:15:53 +00:00
2020-04-06 16:27:49 +00:00
< / div >
< div class = "" >
2020-04-16 08:15:53 +00:00
< 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’ < / span >
< / p >
2020-04-09 05:55:35 +00:00
< 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 >
2020-04-06 16:27:49 +00:00
< p class = "label-mi" >
Ministère de l'Intérieur - DNUM - SDIT
2020-04-16 08:15:53 +00:00
< / p >
2020-04-06 16:27:49 +00:00
< img class = "center" src = "/logo_dnum.svg" alt = "logo dnum" >
< / div >
2020-04-10 14:23:28 +00:00
< / main >
< footer role = "contentinfo" class = "main-footer" >
2020-04-06 16:27:49 +00:00
< div class = "footer-links" >
2020-04-10 14:23:28 +00:00
< 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 >
2020-04-16 08:15:53 +00:00
< 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 >
2020-04-10 14:23:28 +00:00
< div class = "footer-line" > Plus d’ < a class = "num-08" href = "tel:0800130000" > 0 800 130 000< / a > < / div >
< p class = "footer-line" id = "version" > < / p >
2020-04-06 16:27:49 +00:00
< / div >
2020-04-16 08:15:53 +00:00
< / footer >
2020-04-06 16:27:49 +00:00
2020-04-09 05:55:35 +00:00
< 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 >
2020-04-06 16:27:49 +00:00
< / div >
< script src = "./certificate.js" > < / script >
< / body >
< / html >
