:root {

--minipage-color-theme--hs: var(--minipage-color-theme--h), var(--minipage-color-theme--s);
--minipage-color-theme: hsl(var(--minipage-color-theme--hs), var(--minipage-color-theme--l));
--minipage-color-theme-light: hsl(var(--minipage-color-theme--hs), calc(var(--minipage-color-theme--l) + 25%));
--minipage-color-theme-dark: hsl(var(--minipage-color-theme--hs), calc(var(--minipage-color-theme--l) - 25%));
--minipage-color-gray-lighter: rgba(255, 255, 255, 0.7);
--minipage-color-gray-light: rgba(255, 255, 255, 0.5);
--minipage-color-gray-dark: rgba(0, 0, 0, 0.5);
--minipage-color-black: #333;
--minipage-line-height: 1.5em;
--minipage-border-radius: 0.25rem;
--minipage-margin-bottom: 1.5em;
--minipage-box-shadow: 0 .05em .15em hsla(0,0%,0%,0.1),0 .2em .5em hsla(0,0%,0%,0.1),0 .2em 1em hsla(0,0%,0%,0.075);

--minipage-btn-color-white: #fff;
--minipage-btn-color-black: #333;
--minipage-btn-color-border-accent: hsla(0, 0%, 0%, 0.2);
--minipage-btn-color-focus: hsla(var(--minipage-color-theme--h), calc(var(--minipage-color-theme--s) * 3), var(--minipage-color-theme--l), 0.5);
--minipage-btn-color-main-bg: hsl(var(--minipage-color-theme--hs), calc(var(--minipage-color-theme--l) * 0.9));
--minipage-btn-color-main-border: var(--minipage-btn-color-main-bg);
--minipage-btn-color-main-text: var(--minipage-btn-color-white);
--minipage-btn-color-main-hover-bg: hsl(var(--minipage-color-theme--hs), calc(var(--minipage-color-theme--l) * 0.75));
--minipage-btn-color-main-hover-border: var(--minipage-btn-color-main-hover-bg);
--minipage-btn-color-main-hover-text: var(--minipage-btn-color-main-text);
--minipage-btn-color-main-active-bg: hsl(var(--minipage-color-theme--hs), calc(var(--minipage-color-theme--l) * 0.6));
--minipage-btn-color-main-active-border: var(--minipage-btn-color-main-active-bg);
--minipage-btn-color-main-active-text: var(--minipage-btn-color-main-text);

--minipage-btn-font-size: 1em;
--minipage-btn-padding-x: 1rem;
--minipage-btn-padding-y: 0.5rem;
--minipage-btn-margin: 0.25em;
--minipage-btn-border-radius: 0.25em;
--minipage-btn-gutter: 0.5em;
--minipage-color-success--h: 72;
--minipage-color-success--s: 66%;
--minipage-color-success--l: 62%;
--minipage-color-error--h: 356;
--minipage-color-error--s: 70%;
--minipage-color-error--l: 57%;
--minipage-color-notice--h: 47;
--minipage-color-notice--s: 100%;
--minipage-color-notice--l: 62%;
--minipage-color-info--h: 197;
--minipage-color-info--s: 56%;
--minipage-color-info--l: 27%;
--minipage-alert-spacing-x: 1.25rem;
--minipage-alert-spacing-y: 1.25rem;
--minipage-alert-iconsize: 0.0rem;
--minipage-alert-closesize: 1.25em;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


body { margin-bottom:1em; background-color: #f8f7f3; margin: 0; border: 0; color: #000;}

.center { text-align: center; margin-right: auto; margin-left: auto; }

.clear { clear: both; }
br.clear, .nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; }
hr.clear { visibility: hidden; }

.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.clearfix { display: block; }
.offscreen,
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}

.none,.js .none-js,.no-js .none-nojs { display: none; }
.hidden,.js .hidden-js,.no-js .hidden-nojs {visibility:hidden;}
.invisible, 
.over,.js .over-js,.no-js .over-nojs { position: absolute; left: -3000em; height: 1%; }

.js .invisible_au_chargement { visibility: hidden; }
.js .visible_au_chargement { visibility: hidden; }
.js .display_au_chargement { display: none; }
.no-js .invisible_au_chargement { visibility: hidden; }
.no-js .visible_au_chargement { visibility: visible; }
.no-js .display_au_chargement { display: block; }

.todo { opacity: 0.5; }
.todo:hover { opacity: 1; }
.blink { text-decoration: blink; }

table {
border-collapse: collapse; 
}
td {
padding: 0; 
}
td { text-align: left; }
.clicable {cursor:hand;cursor:pointer;}
img.loader, svg.loader { vertical-align: middle; width: 1.5em; height: 1.5em; margin: 0 0.25em;}

*, *:after, *:before { box-sizing: border-box; }
h1 {font-size: 1.5em; line-height: 1.1; font-weight: bold}
h2 {font-size: 1.25em; line-height: 1}
b, strong { font-weight: bold}
i, em {font-style: italic}
a { text-decoration: underline; color:var(--minipage-color-theme-dark);}
a:hover, a:focus, a:active {text-decoration: none; background: var(--minipage-color-theme-dark); color:#fff;}
.btn,
input.submit,
input.reset,
button {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
vertical-align: middle;
padding: var(--minipage-btn-padding-y) var(--minipage-btn-padding-x);
margin-bottom: var(--minipage-btn-margin);
background-color: var(--minipage-btn-color-main-bg);
color: var(--minipage-btn-color-main-text);
border: 1px solid var(--minipage-btn-color-main-border);
border-bottom-color: var(--minipage-btn-color-border-accent);
border-radius: var(--minipage-btn-border-radius);
text-decoration: none;
font-size: var(--minipage-btn-font-size);
font-family: inherit;
font-weight: 400;
line-height: var(--minipage-line-height);
user-select: none;
transition: all 0.1s;
}
a.btn,
#wysiwyg a.btn, #wysiwyg a.btn:hover,
input.submit,
input.reset,
button {
text-decoration: none;
cursor: pointer;
}

.btn:hover,
.btn:focus,
input.submit:hover,
input.submit:focus,
input.reset:hover,
input.reset:focus,
button:hover {
background-color: var(--minipage-btn-color-main-hover-bg);
border-color: var(--minipage-btn-color-main-hover-border);
border-bottom-color: var(--minipage-btn-color-border-accent);
color: var(--minipage-btn-color-main-hover-text);
text-decoration: none;
transition: all 0.2s;
}

.btn:focus,
input.submit:focus,
input.reset:focus,
button:focus {
box-shadow: 0 0 0 0.2rem var(--minipage-btn-color-focus);
}

.btn:active,
input.submit:active,
input.reset:active,
button:active {
background-color: var(--minipage-btn-color-main-active-bg);
border-color: var(--minipage-btn-color-main-active-border);
border-bottom-color: var(--minipage-btn-color-border-accent);
color: var(--minipage-btn-color-main-active-text);
}

.msg-alert,
.notice, .error, .success,
.formulaire_spip .reponse_formulaire {
position: relative;
padding: var(--minipage-alert-spacing-y) var(--minipage-alert-spacing-x);

padding-left: calc(var(--minipage-alert-spacing-x) + var(--minipage-alert-iconsize) + 0.75rem);
margin: calc(var(--minipage-margin-bottom) * 1.5) 0; 
background-repeat: no-repeat;

background-position: left var(--minipage-alert-spacing-x) top calc(var(--minipage-alert-spacing-y) - ((var(--minipage-alert-iconsize) - var(--minipage-line-height)) / 2));
background-size: var(--minipage-alert-iconsize);
font-weight: normal;
border-radius: var(--minipage-border-radius);
box-shadow: inset 0 0 1.5em hsla(0, 0%, 0%, 0.02);
background-color: var(--minipage-color-gray-lighter);
border-left: 0.5rem solid var(--minipage-color-gray-light);
}
.msg-alert a {
color: var(--minipage-color-black);
text-decoration: underline;
}

.msg-alert tt,
.msg-alert code {
color: var(--minipage-color-black);
}

.msg-alert.notice,
.notice {
color: hsl(var(--minipage-color-notice--h), var(--minipage-color-notice--s), 18%);
background-color: hsl(var(--minipage-color-notice--h), 90%, 88%);
border-color: hsl(var(--minipage-color-notice--h), 100%, 48%);
}

.msg-alert.error,
.formulaire_spip .reponse_formulaire_erreur,
.error {
color: hsl(var(--minipage-color-error--h), var(--minipage-color-error--s), 18%);
background-color: hsl(var(--minipage-color-error--h), 60%, 95%);
border-color: hsl(var(--minipage-color-error--h), var(--minipage-color-error--s), 50%);
}

.msg-alert.success,
.formulaire_spip .reponse_formulaire_ok,
.success {
color: hsl(var(--minipage-color-success--h), var(--minipage-color-success--s), 15%);
background-color: hsl(var(--minipage-color-success--h), 55%, 90%);
border-color: hsl(var(--minipage-color-success--h), var(--minipage-color-success--s), 45%);
}

.msg-alert.info,
.information {
color: hsl(var(--minipage-color-info--h), var(--minipage-color-info--s), 25%);
background-color: hsl(var(--minipage-color-info--h), 45%, 93%);
border-color: hsl(var(--minipage-color-info--h), var(--minipage-color-info--s), 60%);
}
.minipage {
margin:0;
font-size: 1em;
color: #333;
border:0;
padding: 0;
font-family: arial, helvetica, sans-serif;
line-height: var(--minipage-line-height);
background-size: cover;
background-position: center;
background: var(--minipage-color-theme);
background: radial-gradient(circle, var(--minipage-color-theme) 20%, var(--minipage-color-theme-dark) 100%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.minipage-bloc {
border-radius: var(--minipage-border-radius);
box-shadow: var(--minipage-box-shadow);
margin: 5rem auto;
width: 30em;
max-width: 100vw;
display: flex;
flex-direction: column;
align-items: stretch;
text-align: center;
min-height: 20em;
}
.minipage-bloc header {
background: rgba(255,255,255,85%);
padding: 1.5em;
text-align: center;
border-top-left-radius: var(--minipage-border-radius);
border-top-right-radius: var(--minipage-border-radius);
}
.minipage-bloc header h1+h2 {
margin-top: 0.75rem;
}
.minipage-bloc .corps {
background: rgba(255,255,255,100%);
padding: 1.5em;
overflow: auto;
flex-grow: 1;
}
.minipage-bloc footer {
background: rgba(255,255,255,85%);
padding: 1.5em;
text-align: center;
border-bottom-left-radius: var(--minipage-border-radius);
border-bottom-right-radius: var(--minipage-border-radius);
}

:root {
--minipres-color-theme: #DB1762;
}
.minipage-bloc {text-align: left}
.minipage-bloc header h1 {display: none}
.minipage-bloc header h2 {font-weight: bold;}
.minipage-bloc .corps:last-child { border-bottom-left-radius: var(--minipage-border-radius); border-bottom-right-radius: var(--minipage-border-radius); }

.minipage { position: relative; margin: 0 auto; }
.minipage-bloc header {color: white;background: var(--minipres-color-theme);padding: 0.75em 2em;}
.minipage-bloc h2 {
font-size: 1.1em;
}
@media (min-width: 680px) {
.minipage-bloc { width: 650px;}
.minipage-bloc .corps { padding: 1.5em 2em;overflow: hidden;}
.minipage-bloc header {padding: 0.75em 2em;}
.minipage-bloc header h2 {
margin: 0 !important;
}
}
@media (max-width: 680px) {
body {padding: 1.5em;}
.minipage-bloc {width: auto;max-width: 25em;min-width: 15em; background: transparent;border: 0}
.minipage-bloc header {padding: 0.75em 0;}
#infos_etapes {display: none;}
}
@media screen and (max-width:680px) and (orientation: landscape) {
body { -webkit-text-size-adjust: 70%; }
}

h1, h2, h3 {
margin-block-end: var(--minipage-margin-bottom);
}
p, ul, table {
margin-block-end: calc(var(--minipage-margin-bottom) * 0.75);
}

.formo,
input.text,
input.password, select { display: block; margin-bottom: 0.5em; background: #F8F8F9 center bottom; padding: 4px; border: 1px solid #BEBEBF; border-radius: 3px; font-size: 1.2em; width: 100%; height: 2.5em; }
button, input[type=submit] { color: white;background: var(--minipres-color-theme);border: none;border-radius: 4px;padding: 8px 1em;font-size: 1.2em;font-weight: bold;}
button:hover, input[type=submit]:hover,
button:focus, input[type=submit]:focus { background: #881644; }
.formulaire_spip { clear: both; margin-bottom: 1.5em; padding: 0; background: none; border: 0; text-align: left; }
.formulaire_spip form { margin: 0; padding: 0; }
.formulaire_spip fieldset,
fieldset,
.fieldset { margin: 0 0 1em 0; padding: 0 1em 0.5em 1em; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 4px; text-align: left; }
legend { font-weight: bold; color: #333; padding: 0.5em; } 
label {display: inline-block; margin-bottom: .5em;}
input[type=radio],input[type=checkbox] {display: inline-block; margin-right: 0.75em; margin-bottom: .5em;}
.formulaire_spip fieldset .editer-groupe { margin: 0; padding: 0; list-style: none; }
.formulaire_spip fieldset .editer { clear: both; margin: 0 0 1.5em; padding: 0; }
.formulaire_spip fieldset .editer label,
.formulaire_spip fieldset .editer .erreur_message,
.formulaire_spip fieldset .editer .details { display: block; width: auto; margin: 0; }
.formulaire_spip fieldset .editer.obligatoire label { font-weight: bold}
.formulaire_spip .editer .choix label { display: inline; font-weight: normal; }
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox { width: auto; }
.boutons { margin-top: 1.5em; text-align: right; }

.formulaire_spip fieldset .editer-groupe .editer.erreur {}
.formulaire_spip fieldset .editer-groupe .editer.erreur input { border-color: red; background-color: #fcc; }
.reponse_formulaire,
.erreur_message { font-weight: bold; color: red; }
.reponse_formulaire.reponse_formulaire_ok {border: 2px solid #C6D880;font-weight: normal;padding: 0.8em;margin-bottom: 1.5em;color: #264409;background-color: #E6EFC2;}

.quitter_fenetre { position: absolute; right: 1.5em; top: 1.5em; }
.quitter_fenetre a { display: block; width: 1.5em; height: 1.5em; background: url(images/fermer-16.png) no-repeat right center; color: #fff; text-indent: -999em; }

:root {
--minipres-color-theme-dark: #970d42;
--minipage-color-table: #eee;
--minipage-color-table-darken: #ddd;
--minipage-color-table-darkest: #ccc;
}
.msg-alert a:hover,
.msg-alert a:focus,
.msg-alert a:active {
background-color: transparent;
color: black;
text-decoration-thickness: 3px;
}
code {
font-weight: bold;
color: var(--minipres-color-theme-dark);
}
table {
background-color: var(--minipage-color-table);
border: 2px solid var(--minipage-color-table-darkest);
border-collapse: collapse;
width: 100%;
}
caption {
font-size: 1.2em;
font-weight: bold;
text-align: left;
padding: .2em 0;
}
thead, thead th {
background-color: var(--minipage-color-table-darkest);
}
tr:not(:last-child) {
border-bottom: 1px solid var(--minipage-color-table-darkest);
}
th {
background-color: var(--minipage-color-table-darken);
}
td, th {
padding: .2em .5em;
}
.minipage-bloc .page {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.minipage-bloc .page > form {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.minipage-bloc header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.minipage-bloc header h1 {display: block; margin-bottom: 0;}
.minipage-bloc header h2 {display: none}
.minipage-bloc header select {margin-bottom: 0; font-size: 1rem;}
.app-footer{
display: flex;
flex-direction: row;
justify-content: end;
align-items: center;
}
.app-logo {
display: inline-block;
}
.app-logo svg,
.app-logo img {
width: auto;
max-height: 3em;
}
.app-version {
color: var(--minipage-color-gray);
padding-left: .5em;
margin-bottom: -1em;
}
.app-version:not(:empty):before {
content: " • ";
}
.minipage .corps h2 {
text-align: center;
}
.minipage .waiting {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.minipage .waiting img {
opacity: .9;
filter: invert(21%) sepia(98%) saturate(3502%) hue-rotate(325deg) brightness(86%) contrast(99%);;
width: 4em;
height: 4em;
margin: 1em;
}