attestation-deplacement-derogatoire-covid-19
452 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> :</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> :</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>
</