.bgc-blue-dark {background-color: var(--blue-dark);}
.bgc-blue {background-color:var(--pk-bleu);}
.bgc-blue-light {background-color: var(--blue-light);}

.pre_header {height:auto;width:100%;padding-top:1px;padding-bottom:2px;}
.pre_header .menu__list {justify-content:right;}

#header a[aria-current=page] {color:var(--white);}
#header a[aria-current=page]:after {background-color:var(--white);height:3px;}
#header a:not([aria-current=page]) {color:rgba(255,255,255,.5);}
#header #logo {height:75%;width:auto;padding:0;}
#header .link--full {background-color:transparent!important;}
#header .menu__link:hover{color:var(--white);}

/*a:hover {color: var(--pk-rouge);}*/

#accueil__nous-aider {background-color:#2196F3;}
#accueil__comprendre {background-color:#1565C0;}
#accueil__on-se-rencontre {background-color:#64B5F6;}

.right-container{position:relative;padding: var(--space-base);}
.right-container h3 {font-weight:400;}


.link, a[href^=http]:not([href*="un-lieu-pour-respirer.net"]):not([href*=localhost]) {
    border-bottom: 1px solid var(--pk-300);
}

.link--after::after, .link--before::before, a[href^=http]:not([href*="un-lieu-pour-respirer.net"]):not([href*=localhost]):not([href*="pottiok.com"])::after {
    content: "→";
    font-weight: 200;
    display: inline-block;
    padding-left: 0.25em;
    color: var(--zinc-500);
    background-color: transparent;
}

a[href^=http]:not([href*="un-lieu-pour-respirer.net"]):not([href*=localhost])::after {
    content: "↗";
    padding-left: 1px;
}

.btn, button[type=submit] {border:none;background-color:var(--blue-dark);color:var(--white);padding:10px;display:inline-block;}
.btn::after{content:none;}

.form__feedback *.error {padding:var(--space-sm);background-color:var(--error-light);color:var(--error);}
.form__body {}
.form__body input + span {font-size:1rem;font-size: clamp(var(--space-sm),2.333vw,var(--space-base));font-family:var(--font-sans);line-height:100%;}
.form__body p+* {margin-top:0;}
.form__action {}

input[type=text], textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  font-family:var(--font-sans);
}

textarea {resize:vertical;min-height:var(--space-2xl);}

.mandatory::after {content:"*";}
.error-hint, .input-field__error {font-size:1rem;font-size: clamp(var(--space-sm),2.333vw,var(--space-base));font-family:var(--font-sans);line-height:100%;color:var(--error);}

.input-field {position:relative;margin-bottom:var(--space-lg);}
.input-field.error p {color:var(--error);}
.input-field.error input {border-color:var(--error);}

input[type="checkbox"]:not(:checked),input[type="checkbox"]:checked
{
    position: absolute;top:0;left:0;
    width: 1.4em;
    height: 1.4em;
    margin-left:0;
    /*opacity: 0;
    pointer-events: none;*/
}

input[type="checkbox"]+span:not(.lever)
{
    padding-left:30px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.event-categorie {position:absolute;background-color:var(--blank);padding:4px;top:10px;left:10px;color:var(--pk-300);}
.bgc-black {background-color:var(--pk-black);}