attestation-deplacement-derogatoire-covid-19

Created Diff never expires
30 removals
Lines
Total
Removed
Words
Total
Removed
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
452 lines
147 additions
Lines
Total
Added
Words
Total
Added
To continue using this feature, upgrade to
Diffchecker logo
Diffchecker Pro
544 lines
<html lang="fr" class="fontawesome-i2svg-active fontawesome-i2svg-complete" data-ember-extension="1"><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="/attestation-deplacement-derogatoire-covid-19/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 {
<html lang="fr" class="fontawesome-i2svg-active fontawesome-i2svg-complete" data-ember-extension="1"><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.a931cee7.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;
overflow: visible;
}
}


.svg-inline--fa {
.svg-inline--fa {
display: inline-block;
display: inline-block;
font-size: inherit;
font-size: inherit;
height: 1em;
height: 1em;
overflow: visible;
overflow: visible;
vertical-align: -0.125em;
vertical-align: -0.125em;
}
}
.svg-inline--fa.fa-lg {
.svg-inline--fa.fa-lg {
vertical-align: -0.225em;
vertical-align: -0.225em;
}
}
.svg-inline--fa.fa-w-1 {
.svg-inline--fa.fa-w-1 {
width: 0.0625em;
width: 0.0625em;
}
}
.svg-inline--fa.fa-w-2 {
.svg-inline--fa.fa-w-2 {
width: 0.125em;
width: 0.125em;
}
}
.svg-inline--fa.fa-w-3 {
.svg-inline--fa.fa-w-3 {
width: 0.1875em;
width: 0.1875em;
}
}
.svg-inline--fa.fa-w-4 {
.svg-inline--fa.fa-w-4 {
width: 0.25em;
width: 0.25em;
}
}
.svg-inline--fa.fa-w-5 {
.svg-inline--fa.fa-w-5 {
width: 0.3125em;
width: 0.3125em;
}
}
.svg-inline--fa.fa-w-6 {
.svg-inline--fa.fa-w-6 {
width: 0.375em;
width: 0.375em;
}
}
.svg-inline--fa.fa-w-7 {
.svg-inline--fa.fa-w-7 {
width: 0.4375em;
width: 0.4375em;
}
}
.svg-inline--fa.fa-w-8 {
.svg-inline--fa.fa-w-8 {
width: 0.5em;
width: 0.5em;
}
}
.svg-inline--fa.fa-w-9 {
.svg-inline--fa.fa-w-9 {
width: 0.5625em;
width: 0.5625em;
}
}
.svg-inline--fa.fa-w-10 {
.svg-inline--fa.fa-w-10 {
width: 0.625em;
width: 0.625em;
}
}
.svg-inline--fa.fa-w-11 {
.svg-inline--fa.fa-w-11 {
width: 0.6875em;
width: 0.6875em;
}
}
.svg-inline--fa.fa-w-12 {
.svg-inline--fa.fa-w-12 {
width: 0.75em;
width: 0.75em;
}
}
.svg-inline--fa.fa-w-13 {
.svg-inline--fa.fa-w-13 {
width: 0.8125em;
width: 0.8125em;
}
}
.svg-inline--fa.fa-w-14 {
.svg-inline--fa.fa-w-14 {
width: 0.875em;
width: 0.875em;
}
}
.svg-inline--fa.fa-w-15 {
.svg-inline--fa.fa-w-15 {
width: 0.9375em;
width: 0.9375em;
}
}
.svg-inline--fa.fa-w-16 {
.svg-inline--fa.fa-w-16 {
width: 1em;
width: 1em;
}
}
.svg-inline--fa.fa-w-17 {
.svg-inline--fa.fa-w-17 {
width: 1.0625em;
width: 1.0625em;
}
}
.svg-inline--fa.fa-w-18 {
.svg-inline--fa.fa-w-18 {
width: 1.125em;
width: 1.125em;
}
}
.svg-inline--fa.fa-w-19 {
.svg-inline--fa.fa-w-19 {
width: 1.1875em;
width: 1.1875em;
}
}
.svg-inline--fa.fa-w-20 {
.svg-inline--fa.fa-w-20 {
width: 1.25em;
width: 1.25em;
}
}
.svg-inline--fa.fa-pull-left {
.svg-inline--fa.fa-pull-left {
margin-right: 0.3em;
margin-right: 0.3em;
width: auto;
width: auto;
}
}
.svg-inline--fa.fa-pull-right {
.svg-inline--fa.fa-pull-right {
margin-left: 0.3em;
margin-left: 0.3em;
width: auto;
width: auto;
}
}
.svg-inline--fa.fa-border {
.svg-inline--fa.fa-border {
height: 1.5em;
height: 1.5em;
}
}
.svg-inline--fa.fa-li {
.svg-inline--fa.fa-li {
width: 2em;
width: 2em;
}
}
.svg-inline--fa.fa-fw {
.svg-inline--fa.fa-fw {
width: 1.25em;
width: 1.25em;
}
}


.fa-layers svg.svg-inline--fa {
.fa-layers svg.svg-inline--fa {
bottom: 0;
bottom: 0;
left: 0;
left: 0;
margin: auto;
margin: auto;
position: absolute;
position: absolute;
right: 0;
right: 0;
top: 0;
top: 0;
}
}


.fa-layers {
.fa-layers {
display: inline-block;
display: inline-block;
height: 1em;
height: 1em;
position: relative;
position: relative;
text-align: center;
text-align: center;
vertical-align: -0.125em;
vertical-align: -0.125em;
width: 1em;
width: 1em;
}
}
.fa-layers svg.svg-inline--fa {
.fa-layers svg.svg-inline--fa {
-webkit-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
transform-origin: center center;
}
}


.fa-layers-counter, .fa-layers-text {
.fa-layers-counter, .fa-layers-text {
display: inline-block;
display: inline-block;
position: absolute;
position: absolute;
text-align: center;
text-align: center;
}
}


.fa-layers-text {
.fa-layers-text {
left: 50%;
left: 50%;
top: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
transform-origin: center center;
}
}


.fa-layers-counter {
.fa-layers-counter {
background-color: #ff253a;
background-color: #ff253a;
border-radius: 1em;
border-radius: 1em;
-webkit-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
color: #fff;
color: #fff;
height: 1.5em;
height: 1.5em;
line-height: 1;
line-height: 1;
max-width: 5em;
max-width: 5em;
min-width: 1.5em;
min-width: 1.5em;
overflow: hidden;
overflow: hidden;
padding: 0.25em;
padding: 0.25em;
right: 0;
right: 0;
text-overflow: ellipsis;
text-overflow: ellipsis;
top: 0;
top: 0;
-webkit-transform: scale(0.25);
-webkit-transform: scale(0.25);
transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: top right;
-webkit-transform-origin: top right;
transform-origin: top right;
transform-origin: top right;
}
}


.fa-layers-bottom-right {
.fa-layers-bottom-right {
bottom: 0;
bottom: 0;
right: 0;
right: 0;
top: auto;
top: auto;
-webkit-transform: scale(0.25);
-webkit-transform: scale(0.25);
transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: bottom right;
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
transform-origin: bottom right;
}
}


.fa-layers-bottom-left {
.fa-layers-bottom-left {
bottom: 0;
bottom: 0;
left: 0;
left: 0;
right: auto;
right: auto;
top: auto;
top: auto;
-webkit-transform: scale(0.25);
-webkit-transform: scale(0.25);
transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: bottom left;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
transform-origin: bottom left;
}
}


.fa-layers-top-right {
.fa-layers-top-right {
right: 0;
right: 0;
top: 0;
top: 0;
-webkit-transform: scale(0.25);
-webkit-transform: scale(0.25);
transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: top right;
-webkit-transform-origin: top right;
transform-origin: top right;
transform-origin: top right;
}
}


.fa-layers-top-left {
.fa-layers-top-left {
left: 0;
left: 0;
right: auto;
right: auto;
top: 0;
top: 0;
-webkit-transform: scale(0.25);
-webkit-transform: scale(0.25);
transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: top left;
-webkit-transform-origin: top left;
transform-origin: top left;
transform-origin: top left;
}
}


.fa-lg {
.fa-lg {
font-size: 1.3333333333em;
font-size: 1.3333333333em;
line-height: 0.75em;
line-height: 0.75em;
vertical-align: -0.0667em;
vertical-align: -0.0667em;
}
}


.fa-xs {
.fa-xs {
font-size: 0.75em;
font-size: 0.75em;
}
}


.fa-sm {
.fa-sm {
font-size: 0.875em;
font-size: 0.875em;
}
}


.fa-1x {
.fa-1x {
font-size: 1em;
font-size: 1em;
}
}


.fa-2x {
.fa-2x {
font-size: 2em;
font-size: 2em;
}
}


.fa-3x {
.fa-3x {
font-size: 3em;
font-size: 3em;
}
}


.fa-4x {
.fa-4x {
font-size: 4em;
font-size: 4em;
}
}


.fa-5x {
.fa-5x {
font-size: 5em;
font-size: 5em;
}
}


.fa-6x {
.fa-6x {
font-size: 6em;
font-size: 6em;
}
}


.fa-7x {
.fa-7x {
font-size: 7em;
font-size: 7em;
}
}


.fa-8x {
.fa-8x {
font-size: 8em;
font-size: 8em;
}
}


.fa-9x {
.fa-9x {
font-size: 9em;
font-size: 9em;
}
}


.fa-10x {
.fa-10x {
font-size: 10em;
font-size: 10em;
}
}


.fa-fw {
.fa-fw {
text-align: center;
text-align: center;
width: 1.25em;
width: 1.25em;
}
}


.fa-ul {
.fa-ul {
list-style-type: none;
list-style-type: none;
margin-left: 2.5em;
margin-left: 2.5em;
padding-left: 0;
padding-left: 0;
}
}
.fa-ul > li {
.fa-ul > li {
position: relative;
position: relative;
}
}


.fa-li {
.fa-li {
left: -2em;
left: -2em;
position: absolute;
position: absolute;
text-align: center;
text-align: center;
width: 2em;
width: 2em;
line-height: inherit;
line-height: inherit;
}
}


.fa-border {
.fa-border {
border: solid 0.08em #eee;
border: solid 0.08em #eee;
border-radius: 0.1em;
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
padding: 0.2em 0.25em 0.15em;
}
}


.fa-pull-left {
.fa-pull-left {
float: left;
float: left;
}
}


.fa-pull-right {
.fa-pull-right {
float: right;
float: right;
}
}


.fa.fa-pull-left,
.fa.fa-pull-left,
.fas.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
.fab.fa-pull-left {
margin-right: 0.3em;
margin-right: 0.3em;
}
}
.fa.fa-pull-right,
.fa.fa-pull-right,
.fas.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
.fab.fa-pull-right {
margin-left: 0.3em;
margin-left: 0.3em;
}
}


.fa-spin {
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
}


.fa-pulse {
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
}


@-webkit-keyframes fa-spin {
@-webkit-keyframes fa-spin {
0% {
0% {
-webkit-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
}
100% {
100% {
-webkit-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
transform: rotate(360deg);
}
}
}
}


@keyframes fa-spin {
@keyframes fa-spin {
0% {
0% {
-webkit-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
}
100% {
100% {
-webkit-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
transform: rotate(360deg);
}
}
}
}
.fa-rotate-90 {
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transform: rotate(90deg);
}
}


.fa-rotate-180 {
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transform: rotate(180deg);
}
}


.fa-rotate-270 {
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
transform: rotate(270deg);
}
}


.fa-flip-horizontal {
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
transform: scale(-1, 1);
}
}


.fa-flip-vertical {
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
transform: scale(1, -1);
}
}


.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1);
transform: scale(-1, -1);
}
}


:root .fa-rotate-90,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-vertical,
:root .fa-flip-both {
:root .fa-flip-both {
-webkit-filter: none;
-webkit-filter: none;
filter: none;
filter: none;
}
}


.fa-stack {
.fa-stack {
display: inline-block;
display: inline-block;
height: 2em;
height: 2em;
position: relative;
position: relative;
width: 2.5em;
width: 2.5em;
}
}


.fa-stack-1x,
.fa-stack-1x,
.fa-stack-2x {
.fa-stack-2x {
bottom: 0;
bottom: 0;
left: 0;
left: 0;
margin: auto;
margin: auto;
position: absolute;
position: absolute;
right: 0;
right: 0;
top: 0;
top: 0;
}
}


.svg-inline--fa.fa-stack-1x {
.svg-inline--fa.fa-stack-1x {
height: 1em;
height: 1em;
width: 1.25em;
width: 1.25em;
}
}
.svg-inline--fa.fa-stack-2x {
.svg-inline--fa.fa-stack-2x {
height: 2em;
height: 2em;
width: 2.5em;
width: 2.5em;
}
}


.fa-inverse {
.fa-inverse {
color: #fff;
color: #fff;
}
}


.sr-only {
.sr-only {
border: 0;
border: 0;
clip: rect(0, 0, 0, 0);
clip: rect(0, 0, 0, 0);
height: 1px;
height: 1px;
margin: -1px;
margin: -1px;
overflow: hidden;
overflow: hidden;
padding: 0;
padding: 0;
position: absolute;
position: absolute;
width: 1px;
width: 1px;
}
}


.sr-only-focusable:active, .sr-only-focusable:focus {
.sr-only-focusable:active, .sr-only-focusable:focus {
clip: auto;
clip: auto;
height: auto;
height: auto;
margin: 0;
margin: 0;
overflow: visible;
overflow: visible;
position: static;
position: static;
width: auto;
width: auto;
}
}


.svg-inline--fa .fa-primary {
.svg-inline--fa .fa-primary {
fill: var(--fa-primary-color, currentColor);
fill: var(--fa-primary-color, currentColor);
opacity: 1;
opacity: 1;
opacity: var(--fa-primary-opacity, 1);
opacity: var(--fa-primary-opacity, 1);
}
}


.svg-inline--fa .fa-secondary {
.svg-inline--fa .fa-secondary {
fill: var(--fa-secondary-color, currentColor);
fill: var(--fa-secondary-color, currentColor);
opacity: 0.4;
opacity: 0.4;
opacity: var(--fa-secondary-opacity, 0.4);
opacity: var(--fa-secondary-opacity, 0.4);
}
}


.svg-inline--fa.fa-swap-opacity .fa-primary {
.svg-inline--fa.fa-swap-opacity .fa-primary {
opacity: 0.4;
opacity: 0.4;
opacity: var(--fa-secondary-opacity, 0.4);
opacity: var(--fa-secondary-opacity, 0.4);
}
}


.svg-inline--fa.fa-swap-opacity .fa-secondary {
.svg-inline--fa.fa-swap-opacity .fa-secondary {
opacity: 1;
opacity: 1;
opacity: var(--fa-primary-opacity, 1);
opacity: var(--fa-primary-opacity, 1);
}
}


.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
.svg-inline--fa mask .fa-secondary {
fill: black;
fill: black;
}
}


.fad.fa-inverse {
.fad.fa-inverse {
color: #fff;
color: #fff;
}</style><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/attestation-deplacement-derogatoire-covid-19"><meta property="og:url" content="https://media.interieur.gouv.fr/attestation-deplacement-derogatoire-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="/attestation-deplacement-derogatoire-covid-19/apple-touch-icon.fdeabd24.png"><link rel="icon" type="image/png" sizes="32x32" href="/attestation-deplacement-derogatoire-covid-19/favicon-32x32.623384d0.png"><link rel="icon" type="image/png" sizes="16x16" href="/attestation-deplacement-derogatoire-covid-19/favicon-16x16.a4687270.png"><link rel="manifest" href="/attestation-deplacement-derogatoire-covid-19/favicons/site.webmanifest"><link rel="mask-icon" href="/attestation-deplacement-derogatoire-covid-19/safari-pinned-tab.1551797e.svg" color="#21bf73"><title>Attestation de déplacement dérogatoire</title><link rel="stylesheet" href="/attestation-deplacement-derogatoire-covid-19/main.67c47e65.css"></head><body> <header role="banner" class="wrapper"> <picture> <source srcset="/attestation-deplacement-derogatoire-covid-19/MIN_Interieur_RVB_dark.0e5ee525.svg" media="(prefers-color-scheme: dark)"> <img src="/attestation-deplacement-derogatoire-covid-19/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 de l’article 4 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 COVID-19 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><div class="context-wrapper"><p class="context-title">Choisissez un contexte</p><p class="context-subtitle"></p><div class="button-wrapper"><button type="button" class="curfew-button context-button btn">Couvre-feu (19h-6h)</button><button type="button" class="quarantine-button context-button btn"> Journée (6h-19h)</button></div></div><div class="fieldset-wrapper"><fieldset id="curfew-reason-fieldset" class="fieldset reason-fieldset targeted"><div class="curfew-subtitle">J'effectue un déplacement entre 19h00 et 06h00 sur un territoire soumis au couvre-feu.</div><div class="quarantine-subtitle hidden">J'effectue un déplacement le week-end entre 06h00 et 19h00 sur un territoire soumis au confinement</div><p>Je 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>&nbsp;:</p><p class="legend titre-3">Choisissez un motif de déplacement</p><p class="msg-alert hidden">Veuillez choisir un motif</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"><strong> 1. Activité professionnelle, enseignement et formation </strong> <br> Déplacements entre le domicile et le lieu d’exercice de l’activité professionnelle ou le lieu d’enseignement et de formation, déplacements professionnels ne pouvant être différés ;</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"><strong> 2. Consultation et soins</strong> <br> Déplacements pour des consultations, examens, actes de prévention (dont vaccination) et soins ne pouvant être assurés à distance ou pour l’achat de produits de santé ;</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"><strong> 3. Motif familial impérieux, personnes vulnérables ou précaires ou gardes d’enfants </strong> <br> Déplacements pour motif familial impérieux, pour l’assistance aux personnes vulnérables ou précaires ou pour 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"><strong> 4. Situation de handicap </strong> <br> Déplacements des personnes en situation de handicap et de leur accompagnant ;</label></div><div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-judiciaire" name="field-reason" value="judiciaire"><label for="checkbox-judiciaire" class="form-checkbox-label"><strong> 5. Convocation judiciaire ou administrative </strong> <br> Déplacements pour répondre à une convocation judiciaire ou administrative, déplacements pour se rendre chez un professionnel du droit, pour un acte ou une démarche qui ne peuvent être réalisés à distance ;</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"><strong> 6. Mission d’intérêt général </strong> <br> Déplacements pour participer à 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-transit" name="field-reason" value="transit"><label for="checkbox-transit" class="form-checkbox-label"> <strong> 7. Déplacements de transit
}</style><link rel="canonical" href="https://media.interieur.gouv.fr/attestation-deplacement-derogatoire-covid-19">
<meta property="og:url" content="https://media.interieur.gouv.fr/attestation-deplacement-derogatoire-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.aaba99a7.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.bd6b9d71.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.a0a61c08.png">
<link rel="manifest" href="/favicons/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.a198a050.svg" color="#21bf73">

<title>Attestation de déplacement dérogatoire</title>
<link rel="stylesheet" href="/main.fb6bbcaf.css"></head>
<body>
<header role="banner" class="wrapper">
<picture>
<source srcset="/MIN_Interieur_RVB_dark.375fe714.svg" media="(prefers-color-scheme: dark)">
<img src="/MIN_Interieur_RVB.6e85e781.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 des mesures du décret no 2020-1310 du 29 octobre 2020 prescrivant les mesures
générales nécessaires pour faire face à l’épidémie de COVID-19 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><div class="context-wrapper"><p class="context-title">Choisissez un contexte</p><p class="context-subtitle">* Le contexte "Week-end (6h-18h)" ne s'applique qu'aux territoires concernés par des dispositions spécifiques</p><div class="button-wrapper"><button type="button" class="curfew-button context-button btn">Couvre-feu (18h-6h)</button><button type="button" class="quarantine-button context-button btn">Week-end * (6h-18h)</button></div></div><div class="fieldset-wrapper hidden"><fieldset id="curfew-reason-fieldset" class="fieldset reason-fieldset"><div class="curfew-subtitle hidden">J'effectue un déplacement entre 18h00 et 06h00 sur un territoire soumis au couvre-feu.</div><div class="quarantine-subtitle hidden">J'effectue un déplacement le week-end entre 06h00 et 18h00 sur un territoire soumis au confinement</div><p>Je 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>&nbsp;:</p><p class="legend titre-3">Choisissez un motif de déplacement</p><p class="msg-alert hidden">Veuillez choisir un motif</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"><strong> 1. Activité professionnelle, enseignement et formation </strong> <br> Déplacements entre le domicile et le lieu d’exercice de l’activité professionnelle ou le lieu d’enseignement et de formation, déplacements professionnels ne pouvant être différés ;</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"><strong> 2. Consultation et soins</strong> <br> Déplacements pour des consultations, examens, actes de prévention (dont vaccination) et soins ne pouvant être assurés à distance ou pour l’achat de produits de santé ;</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"><strong> 3. Motif familial impérieux, personnes vulnérables ou précaires ou gardes d’enfants </strong> <br> Déplacements pour motif familial impérieux, pour l’assistance aux personnes vulnérables ou précaires ou pour 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"><strong> 4. Situation de handicap </strong> <br> Déplacements des personnes en situation de handicap et de leur accompagnant ;</label></div><div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-judiciaire" name="field-reason" value="judiciaire"><label for="checkbox-judiciaire" class="form-checkbox-label"><strong> 5. Convocation judiciaire ou administrative </strong> <br> Déplacements pour répondre à une convocation judiciaire ou administrative, déplacements pour se rendre chez un professionnel du droit, pour un acte ou une démarche qui ne peuvent être réalisés à distance ;</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"><strong> 6. Mission d’intérêt général </strong> <br> Déplacements pour participer à 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-transit" name="field-reason" value="transit"><label for="checkbox-transit" class="form-checkbox-label"> <strong> 7. Déplacements de transit et longue distance </strong> <br> Déplacements liés à des transits ferroviaires, aériens ou en bus pour des déplacements de longues distances ;</label></div><div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-animaux" name="field-reason" value="animaux"><label for="checkbox-animaux" class="form-checkbox-label"><strong> 8. Animaux de compagnie </strong> <br>Déplacements brefs autour du domicile pour les besoins des animaux de compagnie <a class="footnote" href="#footnote2">[2]</a> ;</label></div></fieldset><fieldset id="quarantine-reason-fieldset" class="fieldset reason-fieldset"><div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-courses" name="field-reason" value="courses"><label for="checkbox-courses" class="form-checkbox-label"> <strong> 9. Achats </strong> <br> Déplacements pour effectuer des achats de fournitures nécessaires à l'activité professionnelle, des achats de première nécessité, des retraits de commandes, des livraisons à domicile, ainsi que pour les déménagements ;</label></div><div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-sport" name="field-reason" value="sport"><label for="checkbox-sport" class="form-checkbox-label"><strong> 10. Activités physiques </strong> <br> Déplacements brefs, dans la limite d'une heure quotidienne et dans un rayon maximal de cinq kilomètres autour du domicile, liés soit à l'activité physique individuelle des personnes, à 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 <a class="footnote" href="#footnote3">[3]</a> ;</label></div><div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-rassemblement" name="field-reason" value="rassemblement"><label for="checkbox-rassemblement" class="form-checkbox-label"><strong> 11. Participation à des rassemblements autorisés </strong> <br> Déplacements à destination ou en provenance d'un lieu de culte, participation à des rassemblements, réunions ou activités sur la voie publique ou dans un lieu ouvert au public qui ne sont pas interdits en application de l'article 3 ;</label></div><div class="form-checkbox align-items-center"><input class="form-check-input" type="checkbox" id="checkbox-demarche" name="field-reason" value="demarche"><label for="checkbox-demarche" class="form-checkbox-label"><strong> 12. Démarches administratives ou juridiques </strong> <br> Déplacements pour se rendre dans un service public.</label></div></fieldset></div></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>
</