|
@ -0,0 +1,814 @@
|
|||
// -----------------------------------------------------
|
||||
// ENTETE DE PAGE
|
||||
// -----------------------------------------------------
|
||||
|
||||
#nav-skip a[href="#nav"],
|
||||
.site-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#header-wrapper {
|
||||
height: 28px;
|
||||
margin-bottom: 90px;
|
||||
}
|
||||
|
||||
#header {
|
||||
@media (max-width: $mobile-limit) {
|
||||
margin-top: 5em !important;
|
||||
}
|
||||
}
|
||||
|
||||
#rub_service {
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
// Liens de connexion / vos démarches / déconnexion
|
||||
#toplinks {
|
||||
background: black;
|
||||
padding: 0.8em;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
.logged-in {
|
||||
a:first-child::after {
|
||||
content: "|";
|
||||
}
|
||||
.logout {
|
||||
margin-left: 0.7em;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
@media (max-width: $mobile-limit) {
|
||||
top: -5em;
|
||||
}
|
||||
}
|
||||
|
||||
// Bouton "Portail agent" décalé en bas à droite
|
||||
a#publik-portal-agent {
|
||||
color: black;
|
||||
background: $ds44-LA;
|
||||
border: 1px solid grey;
|
||||
top: 33px;
|
||||
}
|
||||
|
||||
#bandeau {
|
||||
background-image: url('images/loire_atlantiquefr.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0;
|
||||
width: 304px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
div.to-the-right {
|
||||
text-align: right;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
#logo-demarches {
|
||||
margin-top: 20px !important;
|
||||
img {
|
||||
height: 3em;
|
||||
}
|
||||
@media (max-width: $mobile-limit) {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Portail usager
|
||||
|
||||
html, body {
|
||||
color: black;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.central-content div.a2-block h2, .central-content .block h2 {
|
||||
border-bottom: 1px solid #ccc !important;
|
||||
}
|
||||
|
||||
#content {
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
div.cell a, a.button, a.form-title, div.back-home-button a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div.cell a:hover, a.button:hover, a.form-title:hover, div.back-home-button a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
@media screen and (min-width: $mobile-limit) {
|
||||
margin-right: 4ex;
|
||||
margin-top: 4ex;
|
||||
}
|
||||
}
|
||||
|
||||
#panneau-code-suivi {
|
||||
background-color: $ds44-lightgray !important;
|
||||
}
|
||||
|
||||
#panneau-code-suivi, #tracking-code {
|
||||
padding: 10px;
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h2:first-child {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
h3:first-child {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.wcs-tracking-code-input h2:first-of-type, h3:first-of-type {
|
||||
background-color: $ds44-lightgray !important;
|
||||
font-family: $title-ff;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid #ccc !important;
|
||||
font-size: 28px !important;
|
||||
}
|
||||
|
||||
button {
|
||||
margin-right: 0 !important;
|
||||
height: 3em;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
form {
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
p {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#tracking-code {
|
||||
margin-bottom: 3ex;
|
||||
a:first-of-type {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 10px;
|
||||
padding: 0;
|
||||
}
|
||||
@media (max-width: $mobile-limit) {
|
||||
width: 140px;
|
||||
}
|
||||
}
|
||||
|
||||
#a2-profile {
|
||||
div.field {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
span.label {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
h1.maintitle, h1.form-content--title {
|
||||
font-family: $title-ff;
|
||||
font-weight: bold;
|
||||
font-size: 35px;
|
||||
border-bottom: solid 1px #ccc !important;
|
||||
}
|
||||
|
||||
div.error {
|
||||
margin: 15px;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.demarches-brouillon, .demarches-encours, .demarches-terminees {
|
||||
border: solid 2px $ds44-LA !important;
|
||||
div {
|
||||
h2 {
|
||||
background-color: $ds44-lightgray !important;
|
||||
background-position: bottom 11px left 10px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.demarches-brouillon {
|
||||
h2 {
|
||||
background-image: url('images/picto_brouillon.png') !important;
|
||||
}
|
||||
}
|
||||
|
||||
.demarches-encours {
|
||||
h2 {
|
||||
background-image: url('images/picto_encours.png') !important;
|
||||
}
|
||||
}
|
||||
|
||||
.demarches-terminees {
|
||||
h2 {
|
||||
background-image: url('images/picto_terminee.png') !important;
|
||||
}
|
||||
}
|
||||
|
||||
.demarches-brouillon, .demarches-encours, .demarches-terminees {
|
||||
border: solid 2px $ds44-LA !important;
|
||||
h2 {
|
||||
font-family: $title-ff;
|
||||
font-weight: bold;
|
||||
font-size: 28px !important;
|
||||
border-bottom: 0 !important;
|
||||
border-bottom: 2px solid $ds44-LA !important;
|
||||
background-size: 30px !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: bottom 19px left 10px !important;;
|
||||
padding-left: 50px !important;
|
||||
display: block !important;
|
||||
}
|
||||
p.zero-form {
|
||||
padding: 1rem;
|
||||
}
|
||||
.list-of-forms {
|
||||
a {
|
||||
.form-number {
|
||||
position: absolute;
|
||||
right: 1ex;
|
||||
opacity: 1;
|
||||
}
|
||||
.form-status {
|
||||
margin-top: 2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
button.cell-items-pagination-prev:disabled, button.cell-items-pagination-next:disabled {
|
||||
background-color: #BBBBBB !important;
|
||||
}
|
||||
|
||||
div.buttons.submit {
|
||||
div.submit-button {
|
||||
float: right;
|
||||
}
|
||||
div.cancel-button {
|
||||
display: none;
|
||||
}
|
||||
button {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
// -----------------------------------------------------
|
||||
// INTRODUCTION SI NON CONNECTE
|
||||
// -----------------------------------------------------
|
||||
#intro-text-non-connecte {
|
||||
p {
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
// -----------------------------------------------------
|
||||
// PAGE DE CONNEXION
|
||||
// -----------------------------------------------------
|
||||
|
||||
#login-page {
|
||||
|
||||
background-color: $ds44-LA;
|
||||
|
||||
.connexion-title {
|
||||
padding: 20px;
|
||||
img { height: 30px; }
|
||||
h1 {
|
||||
display: block;
|
||||
font-family: $title-ff;
|
||||
font-weight: bold;
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
margin: 7px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
.block {
|
||||
background-color: $ds44-LA;
|
||||
padding: 10px;
|
||||
margin: 1em !important;
|
||||
min-height: 320px;
|
||||
div {
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.block-oidc {
|
||||
width: auto !important;
|
||||
min-height: 0;
|
||||
float: none !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.block-password {
|
||||
h2 {
|
||||
display: none; // masquage du titre "Connexion" redondant
|
||||
}
|
||||
h3, form {
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// Separator
|
||||
&.methods3 > .block:last-child,
|
||||
&.methods3 > .block:nth-last-child(2) {
|
||||
border-left: dotted 1px black;
|
||||
@media (max-width: $mobile-limit) {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
button.submit-button:hover {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
|
||||
button.cancel-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#register-account {
|
||||
padding-left: 20px;
|
||||
.register {
|
||||
a {
|
||||
display: inline-block;
|
||||
margin: auto;
|
||||
color: white;
|
||||
background: black;
|
||||
padding: 5px 15px 5px 15px !important;
|
||||
cursor: pointer;
|
||||
border: 1px solid transparent;
|
||||
box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.21);
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
display: block;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Bouton connexion agent
|
||||
#oidc-a-keycloak-agents {
|
||||
display: block;
|
||||
height: 35px;
|
||||
background-color: white;
|
||||
color: black;
|
||||
border: solid 1px black;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#login-page-encart {
|
||||
padding: 10px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
border: solid 1px $ds44-LA !important;
|
||||
}
|
||||
|
||||
// Création d'un compte
|
||||
// Suppression des puces devant les listes (ex. sur civilité)
|
||||
|
||||
ul#id_title {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#registration-blocks h2 {
|
||||
font-size: 1.4rem;
|
||||
font-family: $title-ff;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
// -----------------------------------------------------
|
||||
// CORPS DE LA PAGE
|
||||
// -----------------------------------------------------
|
||||
|
||||
@media (max-width: $mobile-limit) {
|
||||
input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"], input[type="number"], input[type="search"], textarea, select {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Champs input
|
||||
// Style CSS désactivé, car imppossible de recoder les styles des cases à cocher et boutons radio
|
||||
// dans le socle Publik, car les champs n'ont pas de balise 'label', or le design system en a besoin :
|
||||
// "Pour des questions de design, les cases à cocher et boutons radios ont été refaits via CSS.
|
||||
// Ce qui impose une façon de coder : les inputs checkbox ou radio doivent obligatoirement être
|
||||
// codés à gauche du label dans le HTML, sans aucune balise entre les deux."
|
||||
// cf https://design.loire-atlantique.fr/components/form.html
|
||||
// input, textarea, {
|
||||
// border: 1px solid $gray-dark;
|
||||
// border-radius: 3px;
|
||||
// }
|
||||
|
||||
#rub_service {
|
||||
p, label, input {
|
||||
font-size: 15px;
|
||||
}
|
||||
div.hint p, div.hint ul, div.hint li, div.hint span {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
div.rouge label.field--label {
|
||||
color: red;
|
||||
}
|
||||
|
||||
div.file-upload-widget div.file-button div.widget-message.upload-done::after {
|
||||
color: green;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#tracking-code.has-discard-button {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#content p {
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.text-check-before-submit p {
|
||||
font: normal 18px Arial !important;
|
||||
}
|
||||
|
||||
#evolutions:after {
|
||||
background: black;
|
||||
top: -1em;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
ul#evolutions li span.item {
|
||||
border-color: black;
|
||||
background: white !important;
|
||||
color: black !important;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
ul#evolutions li:after {
|
||||
background: $primary-color;
|
||||
}
|
||||
|
||||
ul#evolutions div.evolution-metadata {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#evolutions .msg-system {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
ul#evolutions span.time {
|
||||
color: black;
|
||||
line-height: 2.0em;
|
||||
}
|
||||
|
||||
ul#evolutions span.user {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
// Etapes
|
||||
|
||||
.wcs-step {
|
||||
margin-bottom: 0;
|
||||
border-bottom: 1px solid $gray-dark;
|
||||
}
|
||||
|
||||
.wcs-step.current {
|
||||
background-color: $ds44-LA;
|
||||
}
|
||||
|
||||
.wcs-step.current .wcs-step--marker, .wcs-step.current .wcs-step--label {
|
||||
color: black
|
||||
}
|
||||
|
||||
.wcs-step.step-before, .wcs-step.step-after, .wcs-step--marker {
|
||||
color: black;
|
||||
}
|
||||
|
||||
// Boutons
|
||||
|
||||
div#content {
|
||||
.submit-button button, .previous-button button, .cancel-button button, .savedraft-button button {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
a.button {
|
||||
display: block;
|
||||
background: black;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
width: 14rem;
|
||||
height: 2.2rem;
|
||||
padding-top: 0.5rem;
|
||||
text-align: center;
|
||||
margin: 1rem auto
|
||||
}
|
||||
|
||||
// CHAMPS DE FORMULAIRE
|
||||
|
||||
div#gauche {
|
||||
width: 17%;
|
||||
}
|
||||
|
||||
#steps-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div#steps {
|
||||
background-color: #ececec;
|
||||
padding: 5px;
|
||||
border: solid 2px $primary-color;
|
||||
ol {
|
||||
color: #4e4e4e;
|
||||
li span.marker {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
@media (max-width: $mobile-limit) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
div.back-home-button {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.back-home-button a, a#disclose-dataview {
|
||||
background: black;
|
||||
color: white;
|
||||
padding: 5px 15px;
|
||||
cursor: pointer;
|
||||
border: 1px solid transparent;
|
||||
transition: all 0.2s ease;
|
||||
margin-right: 2ex;
|
||||
height: 1.8em;
|
||||
vertical-align: middle;
|
||||
box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.21);
|
||||
}
|
||||
|
||||
a#disclose-dataview {
|
||||
padding-top: 8px !important;
|
||||
width: 230px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#rub_service {
|
||||
|
||||
h2:first-of-type {
|
||||
text-align: left;
|
||||
font-family: $title-ff;
|
||||
font-weight: bold;
|
||||
font-size: 32px !important;
|
||||
font-weight: 400;
|
||||
padding: 0 0 0.5ex 0;
|
||||
margin-bottom: 20px;
|
||||
background: none;
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 3px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
margin: .5em;
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
margin: .5em;
|
||||
}
|
||||
|
||||
.title label {
|
||||
display: block;
|
||||
margin-bottom: 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
#rub_service form h3 {
|
||||
font-family: Arial;
|
||||
font-size: 20px;
|
||||
padding-top: 1.5rem;
|
||||
margin-top: 1.5rem;
|
||||
border-top: 1px solid #ccc !important;
|
||||
}
|
||||
|
||||
#rub_service form h3:first-of-type {
|
||||
border: 0 !important;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#rub_service form h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
span.helptext, div.hint {
|
||||
font-size: 100%;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#colums wcscurrentdraftscell, #colums .wcscurrentformscell, #colums wcscurrentformscell {
|
||||
border: solid 2px $primary-color;
|
||||
}
|
||||
|
||||
span.required {
|
||||
top: 0 !important;
|
||||
color: red !important;
|
||||
font-weight: bold !important;
|
||||
font-size: 1.5em !important;
|
||||
line-height: .5em !important;
|
||||
}
|
||||
|
||||
div.grandlibelle div.title label {
|
||||
font-size: 18px !important;
|
||||
margin-bottom: 1ex !important;
|
||||
}
|
||||
|
||||
// PAGE RECAPITULATIF DE LA SAISIE
|
||||
|
||||
div.form-validation form div.page input {
|
||||
color: rgb(40, 40, 40);
|
||||
}
|
||||
|
||||
// PAGE SUIVI DE LA DEMANDE
|
||||
div.dataview {
|
||||
margin-left: 2.5ex;
|
||||
margin-bottom: 3ex;
|
||||
}
|
||||
|
||||
div.section.foldable span.disclose-message {
|
||||
font-size: 1.5rem !important;
|
||||
}
|
||||
|
||||
#cd44-contact {
|
||||
border: 2px solid lightgrey;
|
||||
text-align: center;
|
||||
width: 400px;
|
||||
margin: 30px auto 30px auto;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.infonotice, .pk-information, .pk-information.cell, #messages {
|
||||
background-color: $ds44-LA;
|
||||
}
|
||||
|
||||
// POUR CACHER DES ELEMENTS
|
||||
.cd44-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// -----------------------------------------------------
|
||||
// MODALES
|
||||
// -----------------------------------------------------
|
||||
#cd44-modal-container {
|
||||
width:90%;
|
||||
height: 90%;
|
||||
margin-top: 5%;
|
||||
margin-left: 5%;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
border: 1px solid #111111;
|
||||
box-shadow: 2px 2px 40px #222;
|
||||
z-index: 1;
|
||||
}
|
||||
#cd44-modal-block {
|
||||
background-color: rgba(100, 100, 100, 0.6);
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top:0;
|
||||
left:0;
|
||||
display:none;
|
||||
}
|
||||
#cd44-modal-container h3 {
|
||||
font-size: 26px;
|
||||
padding:18px;
|
||||
border-bottom: 1px solid #CCC;
|
||||
}
|
||||
|
||||
// Modales pour zoom images
|
||||
.dp44-modal {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.ui-dialog .ui-dialog-titlebar {
|
||||
background-color: $primary-color !important;
|
||||
color: $title-color !important;
|
||||
}
|
||||
|
||||
.ui-icon, .ui-widget-content .ui-icon {
|
||||
background-image: url("/static/xstatic/images/ui-icons_222222_256x240.png") !important;
|
||||
}
|
||||
|
||||
// -----------------------------------------------------
|
||||
// PIED DE PAGE
|
||||
// -----------------------------------------------------
|
||||
|
||||
footer {
|
||||
|
||||
// fond du pied de page
|
||||
font-family: $font-family;
|
||||
font-size: 12px;
|
||||
background: #e6e6e6;
|
||||
margin-top: 2ex;
|
||||
|
||||
// par défaut le wrapper une couleur de fond gris sombre
|
||||
#footer-wrapper {
|
||||
background: none;
|
||||
//padding: 0;
|
||||
}
|
||||
|
||||
// Liens
|
||||
// -----------------------------------------------------
|
||||
|
||||
#logo-loire-atlantique {
|
||||
text-align: right;
|
||||
padding-right: 0;
|
||||
@media (max-width: $mobile-limit) {
|
||||
padding: 3ex 3ex 0 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
li {
|
||||
float: left;
|
||||
a {
|
||||
margin-right: 10px;
|
||||
color:black;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
// séparateur vertical entre les liens
|
||||
li {
|
||||
&:before {
|
||||
color: #808080;
|
||||
content: "|";
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
// pas séparateur avant le premier lien
|
||||
li:first-child {
|
||||
&:before {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
//version mobile du pied de page
|
||||
// -----------------------------------------------------
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
#footer-links {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
#logo-loire-atlantique {
|
||||
padding-right: 1ex;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: $very-small-limit) {
|
||||
#logo-loire-atlantique {
|
||||
padding-right: 1ex;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -0,0 +1,28 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
// colors
|
||||
$ds44-LA: #99E6D1;
|
||||
$ds44-lightgray: #F5F5F5;
|
||||
|
||||
// typo
|
||||
$title-ff : Abel, sans-serif;
|
||||
|
||||
// Core vars
|
||||
$primary-color: $ds44-LA;
|
||||
$gray-light: #888888;
|
||||
$gray-dark: #575757;;
|
||||
$font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
$font-size: 13px;
|
||||
$link-color: black;
|
||||
$title-color: black;
|
||||
$title-font-size: 1.2rem;
|
||||
$title-border-bottom: 2px dotted $title-color;
|
||||
$title-background: white;
|
||||
$button-background: black;
|
||||
$button-color: white;
|
||||
$buttons-order: previous, cancel, submit (grow);
|
||||
$border-radius: 0;
|
||||
$cell-border: 0;
|
||||
|
||||
$widget-border: 1px solid $gray-light;
|
||||
$widget-focus-border: 1px solid $gray-dark;
|
|
@ -0,0 +1,15 @@
|
|||
{
|
||||
"label": "Loire-Atlantique (CD44)",
|
||||
"variables": {
|
||||
"theme_color": "#99E6D1",
|
||||
"email_header_asset": "emails:logo"
|
||||
},
|
||||
"settings": {
|
||||
"combo": {
|
||||
"COMBO_ASSET_SLOTS.update": {
|
||||
"header:logo": { "label": "Têtière : logo" },
|
||||
"emails:logo": {"label": "Emails : logo"}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -0,0 +1,81 @@
|
|||
$(function() {
|
||||
// désactication des champs dans le formulaire récapitulatif de la saisie
|
||||
$('div.form-validation form div.page :input').attr('readonly', 'true');
|
||||
|
||||
// tous les liens dans les formulaires doivent s'ouvrir dans une nouvelle page
|
||||
$('form .comment-field a').each(function() {
|
||||
$(this).attr("target","_blank");
|
||||
});
|
||||
|
||||
// modales
|
||||
|
||||
$("#dp44-modal-opener-1").click(function() {
|
||||
$(".dp44-modal").dialog({
|
||||
minWidth: 450
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#dp44-modal-opener-2").click(function() {
|
||||
$(".dp44-modal").dialog({
|
||||
minWidth: 450
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#dp44-modal-opener-3").click(function() {
|
||||
$(".dp44-modal").dialog({
|
||||
minWidth: 450
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#dp44-modal-opener-4").click(function() {
|
||||
$(".dp44-modal").dialog({
|
||||
minWidth: 450
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#dp44-modal-opener-5").click(function() {
|
||||
$(".dp44-modal").dialog({
|
||||
minWidth: 450
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#dp44-modal-opener-6").click(function() {
|
||||
$(".dp44-modal").dialog({
|
||||
minWidth: 450
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#dp44-modal-opener-7").click(function() {
|
||||
$(".dp44-modal").dialog({
|
||||
minWidth: 450
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#dp44-modal-opener-8").click(function() {
|
||||
$(".dp44-modal").dialog({
|
||||
minWidth: 450
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#dp44-modal-opener-9").click(function() {
|
||||
$(".dp44-modal").dialog({
|
||||
minWidth: 450
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#dp44-modal-opener-10").click(function() {
|
||||
$(".dp44-modal").dialog({
|
||||
minWidth: 450
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 6.7 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 1000 B |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 774 B |
After Width: | Height: | Size: 763 B |
After Width: | Height: | Size: 852 B |
After Width: | Height: | Size: 13 KiB |
|
@ -0,0 +1,83 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 121.9 61.9" style="enable-background:new 0 0 121.9 61.9;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#004461;}
|
||||
.st1{fill:#AFCA00;}
|
||||
.st2{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g>
|
||||
<g id="logo-loire-atlantique-rvb">
|
||||
<path id="Tracé_695" class="st0" d="M59.2,13.4c-0.5-0.3-1.1-0.4-1.7-0.4c-0.8,0-1.6,0.3-2.2,1c-0.6,0.6-0.9,1.4-0.8,2.2v0.4
|
||||
L59.2,13.4z"/>
|
||||
<path id="Tracé_696" class="st0" d="M109.1,32.1c-0.5-0.3-1.1-0.4-1.7-0.4c-0.8,0-1.6,0.3-2.2,1c-0.6,0.6-0.9,1.4-0.8,2.2v0.4
|
||||
L109.1,32.1z"/>
|
||||
<path id="Tracé_697" class="st0" d="M34.5,19.1c0.8,0,1.6-0.3,2.2-0.8c0.6-0.6,0.9-1.4,1-2.2c0-0.8-0.3-1.6-1-2.2
|
||||
c-0.6-0.6-1.4-0.9-2.2-1c-1.7,0-3.1,1.4-3,3.1c0,0,0,0.1,0,0.1c0,0.8,0.3,1.6,0.8,2.2C32.9,18.8,33.6,19.1,34.5,19.1z"/>
|
||||
<path id="Tracé_698" class="st0" d="M83.9,31.6c-1.7,0-3.1,1.4-3,3.1c0,0,0,0.1,0,0.1c0,0.8,0.3,1.6,0.8,2.2
|
||||
c0.6,0.6,1.4,0.9,2.2,0.8c0.8,0,1.6-0.3,2.2-0.8c0.6-0.6,0.9-1.4,1-2.2C87,33,85.6,31.6,83.9,31.6z"/>
|
||||
<path id="Tracé_699" class="st0" d="M49.1,37.7c0.8,0,1.6-0.3,2.2-0.8c0.6-0.6,0.9-1.4,1-2.2c0-0.8-0.3-1.6-1-2.2
|
||||
c-0.6-0.6-1.4-0.9-2.2-1c-1.7,0-3.1,1.4-3,3.1c0,0,0,0.1,0,0.1c0,0.8,0.3,1.6,0.8,2.2C47.5,37.4,48.3,37.7,49.1,37.7z"/>
|
||||
<path id="Tracé_700" class="st0" d="M86.9,45.4v-6.1c-0.9,0.7-2,1.1-3.2,1.1c-1.5,0-2.9-0.6-3.9-1.7c-2.2-2.2-2.2-5.8,0-8
|
||||
c2.2-2.2,5.8-2.2,8,0c1.1,1.1,1.7,2.5,1.7,4v10.7h-0.3c9.3,0.1,19.9,0.6,32.5,1.4V13.4C76.1-4.3,21-3.3,0,9.6l17.4,52.3
|
||||
c2.9-1.8,5.7-3.5,8.6-5l0,0C39.7,49.6,54,45.1,86.9,45.4z M103.5,30.7c1.1-1.1,2.5-1.7,4-1.7c1.1,0,2.3,0.3,3.2,1
|
||||
c0.9,0.6,1.6,1.5,2.1,2.5l0.1,0.3l-6.9,4.6c0.5,0.3,1.1,0.4,1.7,0.4c0.8,0,1.6-0.3,2.2-1c0.3-0.3,0.5-0.6,0.6-1h2.8
|
||||
c-0.3,1-0.8,2-1.5,2.8c-2.2,2.2-5.8,2.2-8,0c-1.1-1.1-1.7-2.5-1.7-4C101.9,33.1,102.4,31.7,103.5,30.7L103.5,30.7z M91.1,29.2h2.6
|
||||
v6.4c0,1.2,1.1,2.2,2.3,2.1c1.2,0,2.1-1,2.1-2.1v-6.4h2.6v6.4c0,1.3-0.6,2.5-1.5,3.3c-1.8,1.8-4.8,1.8-6.7,0
|
||||
c-0.9-0.9-1.4-2.1-1.4-3.3v-6.4H91.1z M37.5,31.7h-1.7V40h-2.6v-8.3h-1.7v-2.6h1.7v-3.6h2.6v3.6h1.7L37.5,31.7z M41.9,40.1h-2.6
|
||||
V25.5h2.6V40.1z M73.9,25.5h2.6v2.6h-2.6V25.5z M73.9,29.2h2.6v10.9h-2.6V29.2z M66.8,29.2h1.7v-3.6h2.6v3.6h1.7v2.6h-1.7v8.3
|
||||
h-2.6v-8.3h-1.7V29.2z M66,33.8v6.4h-2.6v-6.4c0-1.2-1.1-2.2-2.3-2.1c-1.2,0-2.1,1-2.1,2.1v6.4h-2.6v-6.4c0-1.2,0.5-2.4,1.4-3.3
|
||||
c1.6-1.8,4.3-2,6.2-0.5c0.2,0.1,0.3,0.3,0.5,0.5C65.4,31.2,66.1,32.5,66,33.8L66,33.8z M53.6,12c1.1-1.1,2.5-1.7,4-1.7
|
||||
c1.1,0,2.3,0.3,3.2,1c0.9,0.6,1.6,1.5,2.1,2.5l0.1,0.3l-6.9,4.6c0.5,0.3,1.1,0.4,1.7,0.4c0.8,0,1.6-0.3,2.2-1
|
||||
c0.3-0.3,0.5-0.6,0.6-1h2.8c-0.3,1-0.8,2-1.5,2.8c-2.2,2.2-5.8,2.2-8,0c-1.1-1.1-1.7-2.5-1.7-4C51.9,14.5,52.5,13,53.6,12z
|
||||
M46.4,15.2c0-1.3,0.6-2.6,1.5-3.5c0.9-0.9,2.2-1.4,3.5-1.4h0.3V13h-0.3c-0.6,0-1.2,0.2-1.7,0.7c-0.4,0.4-0.7,0.9-0.7,1.5v6.4
|
||||
h-2.6L46.4,15.2L46.4,15.2z M49.1,28.9c3.1,0,5.7,2.5,5.7,5.7c0,0,0,0,0,0v5.5h-2.6v-0.8c-0.9,0.7-2,1.1-3.2,1.1
|
||||
c-1.5,0-2.9-0.6-3.9-1.7c-2.2-2.2-2.2-5.8,0-8C46.2,29.6,47.6,29,49.1,28.9L49.1,28.9z M41.8,6.9h2.5v2.6h-2.6V6.9H41.8z
|
||||
M41.8,10.5h2.5v10.9h-2.6V10.5L41.8,10.5z M30.4,12c2.2-2.2,5.8-2.2,8,0c1.1,1.1,1.7,2.5,1.7,4c0,3.1-2.5,5.7-5.7,5.7
|
||||
s-5.7-2.5-5.7-5.7C28.8,14.6,29.4,13.1,30.4,12z M19.9,6.9h2.8v11.9h6v2.8h-8.7V6.9z M21.9,40.1H19l5.1-14.7h3l5.3,14.7h-2.9
|
||||
l-0.8-2.5h-5.8L21.9,40.1z"/>
|
||||
<path id="Tracé_701" class="st0" d="M23.7,35.3h4l-1.9-5.5L23.7,35.3z"/>
|
||||
<path id="Tracé_702" class="st1" d="M26,57h95.6V46.8C66.3,43.5,46.9,45.8,26,57z"/>
|
||||
<path id="Tracé_703" class="st1" d="M121.9,46.8"/>
|
||||
<path id="Tracé_704" class="st1" d="M121.7,46.8L121.7,46.8c-12.6-0.8-23.3-1.2-32.5-1.4h-2.2C54,45.1,39.7,49.6,26,57l0,0
|
||||
C46.9,45.8,66.3,43.5,121.7,46.8z"/>
|
||||
<path id="Tracé_705" class="st2" d="M34.5,21.7c3.1,0,5.7-2.5,5.7-5.7c0,0,0,0,0,0c0-3.1-2.5-5.7-5.7-5.7s-5.7,2.5-5.7,5.7
|
||||
c0,1.5,0.6,2.9,1.7,4C31.5,21.2,33,21.8,34.5,21.7z M32.2,13.8c0.6-0.6,1.4-0.9,2.2-1c0.8,0.1,1.6,0.4,2.2,1
|
||||
c0.6,0.6,0.9,1.4,1,2.2c0,1.7-1.4,3.1-3.1,3c0,0-0.1,0-0.1,0c-0.8,0-1.6-0.3-2.2-0.8c-0.6-0.6-0.9-1.4-0.8-2.2
|
||||
C31.4,15.3,31.7,14.5,32.2,13.8z"/>
|
||||
<rect id="Rectangle_526" x="41.8" y="10.5" class="st2" width="2.6" height="10.9"/>
|
||||
<path id="Tracé_706" class="st2" d="M49,15.2c0-0.6,0.2-1.1,0.7-1.5c0.4-0.4,1-0.7,1.7-0.7h0.3v-2.6h-0.3c-1.3,0-2.5,0.5-3.5,1.4
|
||||
c-1,0.9-1.5,2.1-1.5,3.5v6.4H49L49,15.2L49,15.2z"/>
|
||||
<path id="Tracé_707" class="st2" d="M35.8,25.5h-2.6v3.7h-1.7v2.5h1.7v8.4h2.6v-8.4h1.7v-2.5h-1.7V25.5z"/>
|
||||
<rect id="Rectangle_527" x="39.3" y="25.5" class="st2" width="2.6" height="14.7"/>
|
||||
<path id="Tracé_708" class="st2" d="M45.1,38.6c1,1.1,2.4,1.7,3.9,1.7c1.2,0,2.3-0.4,3.2-1.1v1h2.6v-5.5c0-3.1-2.5-5.7-5.7-5.7
|
||||
s-5.7,2.5-5.7,5.7C43.5,36.1,44.1,37.6,45.1,38.6z M47.1,32.5c0.6-0.6,1.4-0.9,2.2-1c0.8,0,1.6,0.3,2.2,1c0.6,0.6,0.9,1.4,1,2.2
|
||||
c0,1.7-1.4,3.1-3.1,3c0,0-0.1,0-0.1,0c-0.8,0-1.6-0.3-2.2-0.8c-0.6-0.6-0.9-1.4-0.8-2.2C46,33.9,46.4,33,47.1,32.5z"/>
|
||||
<path id="Tracé_709" class="st2" d="M57.9,30.5c-0.9,0.9-1.4,2.1-1.4,3.3v6.4h2.6v-6.4c0-1.2,1.1-2.2,2.3-2.1
|
||||
c1.2,0,2.1,1,2.1,2.1v6.4h2.6v-6.4c0-1.3-0.6-2.5-1.5-3.3c-0.9-0.9-2.1-1.5-3.3-1.5C60,28.9,58.7,29.5,57.9,30.5z"/>
|
||||
<path id="Tracé_710" class="st2" d="M68.5,40.1h2.6v-8.4h1.7v-2.5h-1.7v-3.7h-2.6v3.7h-1.7v2.5h1.7V40.1z"/>
|
||||
<rect id="Rectangle_528" x="73.9" y="29.2" class="st2" width="2.6" height="10.9"/>
|
||||
<rect id="Rectangle_529" x="73.9" y="25.5" class="st2" width="2.6" height="2.6"/>
|
||||
<path id="Tracé_711" class="st2" d="M89.5,34.6c0-3.1-2.5-5.7-5.7-5.7c-3.1,0-5.7,2.5-5.7,5.7c0,1.5,0.6,2.9,1.7,4
|
||||
c1,1.1,2.4,1.7,3.9,1.7c1.2,0,2.3-0.4,3.2-1.1v6.1h2.5V34.6H89.5z M85.9,36.8c-0.6,0.6-1.4,0.9-2.2,0.8c-0.8,0-1.6-0.3-2.2-0.8
|
||||
c-0.6-0.6-0.9-1.4-0.8-2.2c0-0.8,0.3-1.6,0.8-2.2c0.6-0.6,1.4-0.9,2.2-1c0.8,0,1.6,0.3,2.2,1c0.6,0.6,0.9,1.4,1,2.2
|
||||
C86.9,35.5,86.6,36.3,85.9,36.8L85.9,36.8z"/>
|
||||
<path id="Tracé_712" class="st2" d="M86.9,45.4L86.9,45.4z"/>
|
||||
<path id="Tracé_713" class="st2" d="M95.9,40.3c1.3,0,2.5-0.5,3.3-1.4c0.9-0.9,1.5-2.1,1.5-3.3v-6.4h-2.6v6.4
|
||||
c0,1.2-1.1,2.2-2.3,2.1c-1.2,0-2.1-1-2.1-2.1v-6.4h-2.6v6.4c0,1.2,0.5,2.4,1.4,3.3C93.4,39.8,94.6,40.3,95.9,40.3z"/>
|
||||
<path id="Tracé_714" class="st2" d="M57.7,21.7c1.5,0,3-0.6,4-1.7c0.7-0.8,1.2-1.7,1.5-2.8h-2.8c-0.1,0.4-0.3,0.7-0.6,1
|
||||
c-0.5,0.7-1.4,1-2.2,1c-0.6,0-1.1-0.1-1.7-0.4l6.9-4.6l-0.1-0.4c-0.4-1-1.1-1.9-2.1-2.5c-0.9-0.7-2-1-3.2-1
|
||||
c-3.1,0-5.7,2.5-5.7,5.7c0,0,0,0,0,0c0,1.5,0.6,3,1.7,4C54.7,21.2,56.2,21.8,57.7,21.7z M55.5,13.8c0.6-0.6,1.4-1,2.2-1
|
||||
c0.6,0,1.1,0.1,1.7,0.4l-4.6,3v-0.4C54.6,15.2,54.9,14.3,55.5,13.8z"/>
|
||||
<path id="Tracé_715" class="st2" d="M107.5,40.3c1.5,0,3-0.6,4-1.7c0.7-0.8,1.2-1.7,1.5-2.8h-2.8c-0.1,0.4-0.3,0.7-0.6,1
|
||||
c-0.5,0.7-1.4,1-2.2,1c-0.6,0-1.1-0.1-1.7-0.4l6.9-4.6l-0.1-0.3c-0.4-1-1.1-1.9-2.1-2.5c-0.9-0.7-2-1-3.2-1
|
||||
c-3.1,0-5.7,2.5-5.7,5.7c0,1.5,0.6,2.9,1.7,4C104.6,39.7,106,40.3,107.5,40.3z M105.3,32.5c0.6-0.6,1.4-1,2.2-1
|
||||
c0.6,0,1.1,0.1,1.7,0.4l-4.6,3v-0.4C104.5,33.8,104.8,33.1,105.3,32.5z"/>
|
||||
<path id="Tracé_716" class="st2" d="M28.6,18.8h-6.1V6.9h-2.6v14.7h8.7V18.8z"/>
|
||||
<path id="Tracé_717" class="st2" d="M29.5,40.1h2.9l-5.1-14.7h-3l-5.1,14.7H22l0.8-2.5h5.8L29.5,40.1z M23.7,35.3l2.1-5.5
|
||||
l2.1,5.5H23.7z"/>
|
||||
<rect id="Rectangle_530" x="41.8" y="6.9" class="st2" width="2.6" height="2.6"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 7.3 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 6.1 KiB |
After Width: | Height: | Size: 7.0 KiB |
After Width: | Height: | Size: 8.8 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 422 B |
After Width: | Height: | Size: 1.2 KiB |
|
@ -0,0 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
@import '../includes/fonts/muli';
|
||||
@import '../includes/fonts/abel';
|
||||
@import 'vars';
|
||||
@import '../includes/publik';
|
||||
@import 'custom';
|
|
@ -0,0 +1,76 @@
|
|||
{% extends "authentic2/login.html" %}
|
||||
{% load i18n %}
|
||||
{% load static %}
|
||||
|
||||
|
||||
{% block login-top %}
|
||||
<div class="connexion-title">
|
||||
<h1>Connexion aux services en ligne du Département de Loire-Atlantique</h1>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block login-blocks %}
|
||||
|
||||
{% for id, login_block in blocks.items %}
|
||||
|
||||
{# bloc connexion agent #}
|
||||
{% if login_block.authenticator.type == "oidc" %}
|
||||
<div class="block block-{{login_block.authenticator.type}} block-{{login_block.authenticator.id}}">
|
||||
<div {% if login_block.extra_css_class %} class="{{ login_block.extra_css_class }}"{% endif %}>
|
||||
{{ login_block.content|safe }}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{# bloc courriel + mot de passe #}
|
||||
{% if login_block.authenticator.type == "password" %}
|
||||
<div class="block block-{{login_block.authenticator.type}} block-{{login_block.authenticator.id}}">
|
||||
<h3>Se connecter</h3>
|
||||
<div {% if login_block.extra_css_class %} class="{{ login_block.extra_css_class }}"{% endif %}>
|
||||
{{ login_block.content|safe }}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{# bloc FranceConnect #}
|
||||
{% if login_block.authenticator.type == "fc" %}
|
||||
<div class="block block-{{login_block.authenticator.type}} block-{{login_block.authenticator.id}}">
|
||||
<div {% if login_block.extra_css_class %} class="{{ login_block.extra_css_class }}"{% endif %}>
|
||||
{{ login_block.content|safe }}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% endfor %}
|
||||
|
||||
{# bloc Créer un compte #}
|
||||
{% block login-welcome-text %}
|
||||
<div id="register-account" class="block connexion creercompte">
|
||||
<h3>Créer un compte</h3>
|
||||
<p>Vous n'avez pas encore de compte ?<br>Créer un compte vous permet de suivre plus simplement vos démarches en ligne.</p>
|
||||
<div class="register"><a href="{{ registration_url }}">Créer un compte</a></div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block login-post %}
|
||||
<div id="login-page-encart">
|
||||
|
||||
<p>Les données personnelles vous concernant sont collectées et traitées par le Département de Loire-Atlantique (3 Quai Ceineray, CS 94109, 44041 Nantes Cedex 1) dans le cadre de la mise
|
||||
en œuvre de sa politique de simplification des démarches. Ce traitement a pour seule finalité l’instruction de vos demandes par les services du Département en charge de ces démarches.</p>
|
||||
|
||||
<p>Les données personnelles demandées sont nécessaires au traitement de votre demande : celle-ci ne pourra pas être instruite en cas d’information manquante, incomplète, illisible ou erronée.</p>
|
||||
|
||||
<p>Vous pouvez accéder aux données vous concernant et demander leur rectification ou leur effacement.
|
||||
<br>Vous disposez également d'un droit d’opposition ou de limitation du traitement de vos données.</p>
|
||||
|
||||
<p>Pour exercer ces droits ou pour toute question relative au traitement de vos données dans ce dispositif, vous pouvez contacter notre délégué à la protection des données à l’adresse suivante : Département de Loire-Atlantique, Délégué à la protection des données, Direction juridique, 3 quai ceineray, CS 94109, 44041 Nantes Cedex 1.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$("#oidc-a-keycloak-agents").addClass("button");
|
||||
</script>
|
||||
{% endblock %}
|
|
@ -0,0 +1,9 @@
|
|||
{% extends "authentic2/login_password_registration_form.html" %}
|
||||
{% load i18n %}
|
||||
|
||||
{% block registration-password-form-pre %}
|
||||
<h2>{% trans "Registration" %}</h2>
|
||||
|
||||
<p>Merci de saisir votre courriel.</p>
|
||||
<p>Après validation, vous recevrez un message pour confirmer la création de votre compte.</p>
|
||||
{% endblock %}
|
|
@ -0,0 +1,35 @@
|
|||
{% extends 'combo/page_template.html' %}
|
||||
{% load static %}
|
||||
|
||||
{% block extra_top_head %}
|
||||
{% now "Y" as current_year %}
|
||||
<meta name="copyright" content="Copyright © 2019-{{ current_year }} Département de Loire-Atlantique" />
|
||||
|
||||
{{ block.super }}
|
||||
{% endblock %}
|
||||
|
||||
{% block header-title %}
|
||||
<h1 id="logo-demarches">
|
||||
<a accesskey="1" href="{% if portal_user_url %}{{ portal_user_url }}{% else %}/{% endif %}">
|
||||
<img src="{{site_base}}{% static "" %}{{css_variant}}/images/logo-demarches-loire-atlantique.svg"
|
||||
alt="Retour à l'accueil du site {{ global_title }}"
|
||||
title="Retour à l'accueil du site {{ global_title }}">
|
||||
</a>
|
||||
</h1>
|
||||
{% endblock %}
|
||||
|
||||
{% block footer %}
|
||||
<div id="footer-links" class="grid-10-12">
|
||||
<ul>
|
||||
<li><a href="https://www.loire-atlantique.fr/contact">Nous contacter</a></li>
|
||||
<li><a href="{{ portal_user_url }}mentions-legales">Mentions légales</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="logo-loire-atlantique" class="grid-2-12">
|
||||
<a href="{{ logo_link_url|default:'/' }}">
|
||||
<img src="{{site_base}}{% static "" %}{{css_variant}}/images/pied-logo.png"
|
||||
alt="Accès au site du Département de Loire-Atlantique"
|
||||
title="Accès au site du Département de Loire-Atlantique">
|
||||
</a>
|
||||
</div>
|
||||
{% endblock %}
|
|
@ -0,0 +1,125 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="x-apple-disable-message-reformatting">
|
||||
<title></title>
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
margin: 0 auto !important;
|
||||
padding: 0 !important;
|
||||
height: 100% !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
* {
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
div[style*="margin: 16px 0"] {
|
||||
margin:0 !important;
|
||||
}
|
||||
|
||||
table,
|
||||
td {
|
||||
mso-table-lspace: 0pt !important;
|
||||
mso-table-rspace: 0pt !important;
|
||||
}
|
||||
|
||||
table {
|
||||
border-spacing: 0 !important;
|
||||
border-collapse: collapse !important;
|
||||
table-layout: fixed !important;
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
table table table {
|
||||
table-layout: auto;
|
||||
}
|
||||
|
||||
img {
|
||||
-ms-interpolation-mode:bicubic;
|
||||
}
|
||||
|
||||
*[x-apple-data-detectors] {
|
||||
color: inherit !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.x-gmail-data-detectors,
|
||||
.x-gmail-data-detectors *,
|
||||
.aBn {
|
||||
border-bottom: 0 !important;
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
|
||||
.button-link {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
@media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */
|
||||
.email-container {
|
||||
min-width: 375px !important;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.button-td,
|
||||
.button-a {
|
||||
transition: all 100ms ease-in;
|
||||
}
|
||||
.button-td:hover,
|
||||
.button-a:hover {
|
||||
background: #555555 !important;
|
||||
border-color: #555555 !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body width="100%" bgcolor="#F2F2F2" style="margin: 0; mso-line-height-rule: exactly;">
|
||||
<center style="width: 100%; background: #F2F2F2;">
|
||||
|
||||
<div style="max-width: 600px; margin: auto;" class="email-container">
|
||||
<!--[if mso]>
|
||||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" align="center">
|
||||
<tr>
|
||||
<td>
|
||||
<![endif]-->
|
||||
|
||||
{% include "emails/header.html" %}
|
||||
|
||||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 600px;">
|
||||
|
||||
<tr>
|
||||
<td bgcolor="#ffffff">
|
||||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
||||
<tr>
|
||||
<td style="overflow-wrap: break-word; word-wrap: break-word; padding: 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;">
|
||||
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
{% include "emails/footer.html" %}
|
||||
<!--[if mso]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
</div>
|
||||
</center>
|
||||
<!-- adapted from http://tedgoas.github.io/Cerberus templates -->
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,21 @@
|
|||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 600px;">
|
||||
<tr>
|
||||
<td class="x-gmail-data-detectors">
|
||||
{% block footer %}
|
||||
{% if email_signature %}
|
||||
{{ email_signature|linebreaks }}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 600px;">
|
||||
<tr>
|
||||
<td style="width: 100%;">
|
||||
<p>
|
||||
<em>Les données personnelles vous concernant sont traitées par le Département de Loire-Atlantique afin de vous authentifier pour accéder aux téléservices proposés par le Département (les données personnelles qui seront collectées et traitées dans chaque téléservice font l'objet de traitements distincts). Le traitement est nécessaire aux fins des intérêts légitimes du Département (garantie de fonctionnement des téléservices associés grâce à l'utilisation d'une adresse mail certifiée). Les destinataires de vos données sont les services habilités du Département. La durée de conservation de vos données est définie conformément aux prescriptions des archives de France et/ou des archives départementales. Vous pouvez accéder aux données vous concernant et demander leur rectification ou leur portabilité. Vous disposez également, pour des raisons légitimes, d'un droit d'opposition, d'effacement des données et de limitation du traitement. L'exercice de ces droits se fait auprès du Délégué à la protection des données, par courriel à <a href="mailto:dpd@loire-atlantique.fr">dpd@loire-atlantique.fr</a> ou par courrier adressé au 3 Quai Ceineray, CS 94109, 44041 Nantes Cedex 1. Vous avez le droit d'introduire une réclamation auprès de l'autorité de contrôle (CNIL - 3 Place de Fontenoy - TSA 80715 - 75334 PARIS CEDEX 07 - <a href="https://www.cnil.fr/">www.cnil.fr</a>).</em>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|