/*
Theme Name: Hello elementor Enfant
Description: Theme enfant de Hello elementor. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: hello-elementor
Version: 1.0
*/

/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/******************** Structure ******************/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');

/* 
    Global
------------------------------- */


:root, ::after, ::before  {

    /* Base Font XD : 15px */

    /* Couleurs */
    --primaire-akn: #8B0C2B;
    --primaire-akn-rgb: 139, 12, 43;

    --secondaire-akn: #0B0F28;
    --secondaire-akn-rgb: 11, 15, 40;

    --tertiaire-akn: #98A0D2;
    --tertiaire-akn-rgb: 152, 160, 210;

    --quaternaire-akn: #8289B5;
    --quaternaire-akn-rgb: 130, 137, 181;

    --success-akn: #198754;
    --success-akn-rgb: 25, 135, 84;

    --info-akn: #0dcaf0;
    --info-akn-rgb: 13, 202, 240;

    --warning-akn: #ffc107;
    --warning-akn-rgb: 255, 193, 7;

    --danger-akn: #dc3545;
    --danger-akn-rgb: 220, 53, 69;

    --clair-akn: #F0F2FF;
    --clair-akn-rgb: 240, 242, 255;

    --clair2-akn: #DBDEF3;
    --clair2-akn-rgb: 219, 222, 243;

    --fonce-akn: var(--secondaire-akn);
    --fonce-akn-rgb: var(--secondaire-akn-rgb);

    --blanc-akn: #FFFFFF;
    --blanc-akn-rgb: 255, 255, 255;

    --noir-akn: #000000;
    --noir-akn-rgb: 0, 0, 0;

    /* Polices  */
    --font-globale-akn: "Inter", Arial, sans-serif;
    --font-speciale-akn: "Poppins", Arial, sans-serif;

    /* Gouttières */
    --gutter-site-akn: 2.666em;
    --gutter-grid-akn: 2.666em;


    /* Shadow */
    --box-shadow-akn: none;

    
    /* Border Radius */ 
    --border-radius-akn-small: 0.93em;
    --border-radius-akn-medium: 1.333em;
    --border-radius-akn-big: 2.6666em;


    /* Padding */ 
    --padding-akn-big : 2.6666em; 
    --padding-akn-bigger : 3.6666em; 
    --padding-akn-huge : 4.6666em; 


    /* Liens */
    --link-color-akn: var(--primaire-akn);
    --link-hover-color-akn: var(--primaire-akn);
}

@media(max-width:1400px){
    :root, ::after, ::before  {
        /* Gouttières */
        --gutter-site-akn: 2em;
        --gutter-grid-akn: 2em;

        /* Border Radius */ 
        --border-radius-akn-small: 0.73em;
        --border-radius-akn-medium: 1.033em;
        --border-radius-akn-big: 2.1666em;
        
        /* Padding */ 
        --padding-akn-big : 2.1666em; 
        --padding-akn-bigger : 2.6666em; 
        --padding-akn-huge : 2.6666em; 
    }
}
@media(max-width:600px){
    :root, ::after, ::before  {
        /* Gouttières */
        --gutter-site-akn: 1em;
        --gutter-grid-akn: 1em;

        /* Border Radius */ 
        --border-radius-akn-small: 0.53em;
        --border-radius-akn-medium: 0.633em;
        --border-radius-akn-big: 1.6666em;

        /* Padding */ 
        --padding-akn-big : 1.6666em; 
        --padding-akn-bigger : 1.6666em; 
        --padding-akn-huge : 1.6666em; 
    }
}


*, ::after, ::before {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

html, body {
    /*height: 100%;*/
}



.site-content-akn  {


    font-family: var(--body-font-family-akn);
    font-size: var(--body-font-size-akn);
    font-weight: var(--body-font-weight-akn);
    line-height: var(--body-line-height-akn);
    color: var(--body-color-akn);

}



@media(max-width:1600px){
    .site-content-akn   {
        --body-font-size-akn: 12px;
    }
}
@media(max-width:600px){
    .site-content-akn   {
        --body-font-size-akn: 11px;
    }
}

.site {
   /* height: 100%;*/
}

/* 
    Typo global
------------------------------- */

.site-content-akn h1, .site-content-akn h2, .site-content-akn h3, .site-content-akn h4, .site-content-akn h5, .site-content-akn h6,
.site-content-akn .h1, .site-content-akn .h2, .site-content-akn .h3, .site-content-akn .h4, .site-content-akn .h5, .site-content-akn .h6 {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-weight: 700;
    line-height: 1.2;
    font-family: var(--font-speciale-akn);
}

.site-content-akn h1, .site-content-akn .h1 {
    font-size: calc(1.375em + 1.5vw);
    margin: 0;

}
@media (min-width: 1200px) {
    .site-content-akn h1, .site-content-akn .h1 {
        font-size: 2.5em;
    }
}

.site-content-akn h2, .site-content-akn .h2 {
    font-size: calc(1.325em + 0.9vw);
}
@media (min-width: 1200px) {
    .site-content-akn h2, .site-content-akn .h2 {
        font-size: 2em;
    }
}

.site-content-akn h3, .site-content-akn .h3 {
    font-size: calc(1.3em + 0.6vw);
}
@media (min-width: 1200px) {
    .site-content-akn h3, .site-content-akn .h3 {
        font-size: 1.75em;
    }
}

.site-content-akn h4, .site-content-akn .h4 {
    font-size: calc(1.275em + 0.3vw);
}
@media (min-width: 1200px) {
    .site-content-akn h4, .site-content-akn .h4 {
        font-size: 1.5em;
    }
}

.site-content-akn h5, .site-content-akn .h5 {
    font-size: 1.25em;
}

.site-content-akn h6, .site-content-akn .h6 {
    font-size: 1em;
}

.title-picto{
    display: flex;
    align-items: center;
    gap:0.5em;
}

.title-picto a{
	text-decoration:underline !important;
}

.text-picto{
    display: flex;
    align-items: center;
    gap:0.5em;
}
.site-content-akn p {
    margin-top: 0;
    margin-bottom: 1em;
}

.site-content-akn ol, .site-content-akn ul {
    padding-left: 2em;
}

.site-content-akn ol, .site-content-akn ul, .site-content-akn dl {
    margin-top: 0;
    margin-bottom: 1em;
}

.site-content-akn ol ol, 
.site-content-akn ul ul, 
.site-content-akn ol ul, 
.site-content-akn ul ol {
    margin-bottom: 0;
}


.site-content-akn b, 
.site-content-akn strong {
    font-weight: bolder;
}

.site-content-akn a, 
.site-content-akn a:visited {
    color: var(--link-color-akn);
    text-decoration: none;
    outline: 0;
}

a.link-alt, a.link-alt:visited {
    --link-color-akn : var(--secondaire-akn);
    text-decoration: underline;
}
a.link-danger, a.link-danger:visited {
    color: var(--danger-akn);
}
.site-content-akn a:hover, 
.site-content-akn a:focus, 
.site-content-akn a:active {
    color: var(--link-hover-color-akn);
    outline: 0;
}

.site-content-akn img, 
.site-content-akn svg {
    border-style: none;
    height: auto;
    max-width: 100%;
}

.asterix{
    font-size:1.5em;
    color: #ED1B24;
    line-height: 1;
}




/* 
    Content 
-------------- */

.site-content-akn {
    padding-left: var(--gutter-site-akn);
    padding-top: var(--gutter-site-akn);
    padding-right: var(--gutter-site-akn);
    padding-bottom: var(--gutter-site-akn);
    height: 100%;
}



.container {
    width: 100%;
    max-width: 1200px;
    padding-right: calc(1em);
    padding-left: calc(1em);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}


/* 
    Row / Grid System 
------------------------- */

.row-akn {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(-0.5 * var(--gutter-grid-akn));
    margin-left: calc(-0.5 * var(--gutter-grid-akn));
}
.row-akn.row-akn-narrow {
    --gutter-grid-akn: 1.333em;
}

.row-akn > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-grid-akn) * 0.5);
    padding-left: calc(var(--gutter-grid-akn) * 0.5);
    margin-bottom: var(--gutter-grid-akn);
}

.row-akn.no-mg{    
    margin-bottom:calc(0px - var(--gutter-grid-akn) );
}
.row-akn.sm-mg > *{
    margin-bottom: 1em;
}
.row-akn.md-mg > *{
    margin-bottom: 1.666em;
}
.row-akn.lg-mg > *{
    margin-bottom: calc(var(--gutter-grid-akn) * 1.5);
}

.col-akn {
    flex: 1 0 0%;    
}

.row-akn-col-auto > * {
    flex: 0 0 auto;
    width: auto;
}
.col-akn-offset{
    margin-left: auto;
}

.col-akn-1   { flex: 0 0 auto; width: 8.33333333%;}
.col-akn-2   { flex: 0 0 auto; width: 16.66666667%;}
.col-akn-3   { flex: 0 0 auto; width: 25%;}
.col-akn-4   { flex: 0 0 auto; width: 33.33333333%;}
.col-akn-5   { flex: 0 0 auto; width: 41.66666667%;}
.col-akn-6   { flex: 0 0 auto; width: 50%;}
.col-akn-7   { flex: 0 0 auto; width: 58.33333333%;}
.col-akn-8   { flex: 0 0 auto; width: 66.66666667%;}
.col-akn-9   { flex: 0 0 auto; width: 75%;}
.col-akn-10  { flex: 0 0 auto; width: 83.33333333%;}
.col-akn-11  { flex: 0 0 auto; width: 91.66666667%;}
.col-akn-12  { flex: 0 0 auto; width: 100%;}

@media (min-width: 680px) {
    .col-akn-sm-1   { flex: 0 0 auto; width: 8.33333333%;}
    .col-akn-sm-2   { flex: 0 0 auto; width: 16.66666667%;}
    .col-akn-sm-3   { flex: 0 0 auto; width: 25%;}
    .col-akn-sm-4   { flex: 0 0 auto; width: 33.33333333%;}
    .col-akn-sm-5   { flex: 0 0 auto; width: 41.66666667%;}
    .col-akn-sm-6   { flex: 0 0 auto; width: 50%;}
    .col-akn-sm-7   { flex: 0 0 auto; width: 58.33333333%;}
    .col-akn-sm-8   { flex: 0 0 auto; width: 66.66666667%;}
    .col-akn-sm-9   { flex: 0 0 auto; width: 75%;}
    .col-akn-sm-10  { flex: 0 0 auto; width: 83.33333333%;}
    .col-akn-sm-11  { flex: 0 0 auto; width: 91.66666667%;}
    .col-akn-sm-12  { flex: 0 0 auto; width: 100%;}
}
@media (min-width: 990px) {
    .col-akn-md-1   { flex: 0 0 auto; width: 8.33333333%;}
    .col-akn-md-2   { flex: 0 0 auto; width: 16.66666667%;}
    .col-akn-md-3   { flex: 0 0 auto; width: 25%;}
    .col-akn-md-4   { flex: 0 0 auto; width: 33.33333333%;}
    .col-akn-md-5   { flex: 0 0 auto; width: 41.66666667%;}
    .col-akn-md-6   { flex: 0 0 auto; width: 50%;}
    .col-akn-md-7   { flex: 0 0 auto; width: 58.33333333%;}
    .col-akn-md-8   { flex: 0 0 auto; width: 66.66666667%;}
    .col-akn-md-9   { flex: 0 0 auto; width: 75%;}
    .col-akn-md-10  { flex: 0 0 auto; width: 83.33333333%;}
    .col-akn-md-11  { flex: 0 0 auto; width: 91.66666667%;}
    .col-akn-md-12  { flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1400px) {
    .col-akn-xl-1   { flex: 0 0 auto; width: 8.33333333%;}
    .col-akn-xl-2   { flex: 0 0 auto; width: 16.66666667%;}
    .col-akn-xl-3   { flex: 0 0 auto; width: 25%;}
    .col-akn-xl-4   { flex: 0 0 auto; width: 33.33333333%;}
    .col-akn-xl-5   { flex: 0 0 auto; width: 41.66666667%;}
    .col-akn-xl-6   { flex: 0 0 auto; width: 50%;}
    .col-akn-xl-7   { flex: 0 0 auto; width: 58.33333333%;}
    .col-akn-xl-8   { flex: 0 0 auto; width: 66.66666667%;}
    .col-akn-xl-9   { flex: 0 0 auto; width: 75%;}
    .col-akn-xl-10  { flex: 0 0 auto; width: 83.33333333%;}
    .col-akn-xl-11  { flex: 0 0 auto; width: 91.66666667%;}
    .col-akn-xl-12  { flex: 0 0 auto; width: 100%;}
}

@media (max-width: 699px) {
    .row-akn-col-auto > * {
        justify-content: flex-start;
    }
    .col-akn-offset {
        margin-left: 0;
    }
}

/* 
    Utils 
------------------------- */
.inherit, a.inherit, a.inherit:visited{
    color: inherit;
}
.danger{
    color: var(--danger-akn);
}
.warning{
    color: var(--warning-akn);
}
.succes{
    color: var(--succes-akn);
}
.highlight{
    color: var(--primaire-akn);
}



.d-flex {
    display: flex;
}

.flex-d-column {
    flex-direction: column;
}

.center,
.text-align-center{
    text-align: center;
}
.text-align-right{
    text-align: right;
}
.font-weight-bold{
    font-weight: 700  !important;
}

.justify-content-space-between{
    justify-content: space-between ;    
}
.justify-content-center{
    justify-content: center;
}
.justify-content-end{
    justify-content: flex-end;
}

.align-items-center {
    align-items: center;
}
.align-items-end{
    align-items: flex-end;
}

.white-space-no-wrap {
    white-space: nowrap;
}


/*Fonts utils*/
.ff-globale{
    font-family: var(--font-globale-akn);
}
.ff-speciale{
    font-family: var(--font-speciale-akn);
}
/* Base Font size XD : 15px */
.fsz-1{
    font-size: 1em; /* 15px */
}
.fsz-1_2{
    font-size: 1.2em; /* 18px */
}
.fsz-1_333{
    font-size: 1.333em; /* 20px */
}
.fsz-1_666{
    font-size: 1.666em; /* 20px */
}

/*Margins utils*/

/* Base : 15px */
.mt-0_5{    margin-top: 0.5em !important; /* ~7px */}
.mt-1{      margin-top: 1em !important; /* ~15px */}
.mt-1_2{    margin-top: 1.2em !important; /* ~18px */}
.mt-1_333{  margin-top: 1.333em !important; /* ~20px */}
.mt-1_666{  margin-top: 1.666em !important; /* ~25px */}
.mt-2{      margin-top: 2em !important; /* ~30px */}
.mt-2_666{  margin-top: 2.666em !important; /* ~40px */}

.mb-0{    margin-bottom: 0 !important; }
.mb-0_5{    margin-bottom: 0.5em !important; /* ~7px */}
.mb-1{      margin-bottom: 1em !important; /* ~15px */}
.mb-1_2{    margin-bottom: 1.2em !important; /* ~18px */}
.mb-1_333{  margin-bottom: 1.333em !important; /* ~20px */}
.mb-1_666{  margin-bottom: 1.666em !important; /* ~25px */}
.mb-2{      margin-bottom: 2em !important; /* ~30px */}
.mb-2_666{  margin-bottom: 2.666em !important; /* ~40px */}

/*Paddings utils*/

/* Base : 15px */
.pt-0_5{    padding-top: 0.5em; /* ~7px */}
.pt-1{      padding-top: 1em; /* ~15px */}
.pt-1_2{    padding-top: 1.2em; /* ~18px */}
.pt-1_333{  padding-top: 1.333em; /* ~20px */}
.pt-1_666{  padding-top: 1.666em; /* ~25px */}
.pt-2{      padding-top: 2em; /* ~30px */}
.pt-2_666{  padding-top: 2.666em; /* ~40px */}

.pb-0_5{    padding-bottom: 0.5em; /* ~7px */}
.pb-1{      padding-bottom: 1em; /* ~15px */}
.pb-1_2{    padding-bottom: 1.2em; /* ~18px */}
.pb-1_333{  padding-bottom: 1.333em; /* ~20px */}
.pb-1_666{  padding-bottom: 1.666em; /* ~25px */}
.pb-2{      padding-bottom: 2em; /* ~30px */}
.pb-2_666{  padding-bottom: 2.666em; /* ~40px */}


/*Border utils*/
.border-b{
    border-bottom: 1px solid var(--clair2-akn);
}
.border-t{
    border-top: 1px solid var(--clair2-akn);
}

/* 
    Formulaires
------------------------------- */
/* couleur placeholder */
::-webkit-input-placeholder {   color: var(--tertiaire-akn);}
:-moz-placeholder {             color: var(--tertiaire-akn);   opacity: 1;}
::-moz-placeholder {            color: var(--tertiaire-akn);   opacity: 1;}
:-ms-input-placeholder {        color: var(--tertiaire-akn);}


/* couleur placeholder focus */
:focus::-webkit-input-placeholder {   color: rgba(var(--tertiaire-akn-rgb), .4);}
:focus:-moz-placeholder {             color: var(--tertiaire-akn);   opacity: .4;}
:focus::-moz-placeholder {            color: var(--tertiaire-akn);   opacity: .4;}
:focus:-ms-input-placeholder {        color: rgba(var(--tertiaire-akn-rgb), .4);}

input, select, optgroup, textarea{
    font-family: var(--font-globale-akn);
}

label {
    font-family: var(--font-speciale-akn);
    padding: 0.5em 0;
    display: inline-block;
}


input::-webkit-datetime-edit-fields-wrapper{
    padding: 0;
}
button, select {
    text-transform: none;
}

button, [type=button], [type=reset], [type=submit] {
    font-family: var(--font-speciale-akn);
    -webkit-appearance: button;
}

button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
    cursor: pointer;
}

textarea {
    resize: vertical;
}

.field-akn,
input.field-akn {
    --field-akn-height: 3.125em;
    --field-akn-font-size:1.06em;
    --field-akn-padding:0.5em 1.2em;
    --field-akn-bg:var(--clair-akn);
    --field-akn-color:var(--secondaire-akn);
    --field-akn-border:none;
    --field-akn-border-radius: var(--border-radius-akn-small);

    margin: 0;

    display: block;
    width: 100%;
    padding: var(--field-akn-padding);
    font-family: var(--font-globale-akn);
    font-size: var(--field-akn-font-size);
    font-weight: 400;
    line-height: 1.5;
    color: var(--field-akn-color);
    background-color: var(--field-akn-bg);
    border: var(--field-akn-border);
    border-radius: var(--field-akn-border-radius);
    transition: border-color 0.15s ease-in-out;
    min-height: var(--field-akn-height);
}
.field-akn.field-akn-large {
    --field-akn-font-size:1.2em;
    font-weight: 700;
}

.field-akn.field-akn-outline {
    --field-akn-border:2px solid var(--field-akn-color);
    --field-akn-bg:transparent;

}



.field-akn-select{    
    cursor: pointer;
    padding-right: 2.25em;
    -moz-padding-start: calc(1em - 3px);
    line-height: 2;
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="9.335" height="7" viewBox="0 0 9.335 7"%3e%3cpath id="arrow-down-fill" d="M13.666,19a1.338,1.338,0,0,1-1.034-.5L9.357,14.536a1.633,1.633,0,0,1-.2-1.719A1.369,1.369,0,0,1,10.391,12H16.94a1.369,1.369,0,0,1,1.237.817,1.633,1.633,0,0,1-.2,1.719L14.7,18.5A1.338,1.338,0,0,1,13.666,19Z" transform="translate(-8.998 -12)"/%3e%3c/svg%3e');
    background-repeat: no-repeat;
    background-position: right 1.2em center;
    background-size: 9px 7px;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.field-akn-textarea{
    --field-akn-height: 8em;
    --field-akn-padding:1em 1.2em;
}



.field-width-auto{
    width: auto;
}

.field-transparent{
    background-color: transparent;
}

.field-akn:hover, .field-akn:focus{
    outline: 0;
    box-shadow: 0;
}

input[type="number"].noarrow{
    -moz-appearance:textfield;
}
input[type="number"].noarrow::-webkit-inner-spin-button, 
input[type="number"].noarrow::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* 
    Custom Check + radio
------------------------------- */
.checkradio-akn .choice-checkradio{  
    display: block;  
    margin-top: 0.7em;
    margin-bottom: 0.7em;
    margin-left: 0;
}
.checkradio-akn.inline .choice-checkradio{  
    margin-right: 1em;
}

@media (min-width: 680px) {
    .checkradio-akn.inline{  
        display: flex; 
        flex-wrap: wrap; 
    }
}
.choice-checkradio{      
    --checkradio-akn-color:  var(--primaire-akn);
    --checkradio-akn-bg: var(--blanc-akn);
    --checkradio-akn-border: 2px solid var(--secondaire-akn);
    --checkradio-akn-color-disabled:  #8289B5;
}
.choice-checkradio.center{  
    display: flex;
    justify-content: center;
}
.choice-checkradio input[type="radio"] ,
.choice-checkradio input[type="checkbox"] {  
    visibility: hidden;
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;  
}
.choice-checkradio input[type="radio"] + * ,
.choice-checkradio input[type="checkbox"] + * {
    position: relative;
    padding: 0;
    padding-left: 25px;    
    line-height: 22px;
    cursor: pointer;
    display: inline-block;
}
.choice-checkradio input[type="radio"] + *::before,
.choice-checkradio input[type="radio"] + *::after,
.choice-checkradio input[type="checkbox"] + *::before,
.choice-checkradio input[type="checkbox"] + *::after {
    display: block;
    position: absolute;
    content:'';
    cursor: pointer;
}
.choice-checkradio input[type="radio"]:disabled + * ,
.choice-checkradio input[type="checkbox"]:disabled + *,
.choice-checkradio input[type="radio"]:disabled + *::before,
.choice-checkradio input[type="radio"]:disabled + *::after,
.choice-checkradio input[type="checkbox"]:disabled + *::before,
.choice-checkradio input[type="checkbox"]:disabled + *::after  {
    cursor: default;
}

/* 
    Radio / Checkbox as Shapes 
--------------------------------------- */
.choice-checkradio input[type="radio"] + *::before,
.choice-checkradio input[type="checkbox"] + *::before {
    top: 2px;
    left: 0;
    border: var(--checkradio-akn-border);
    background-color: var(--checkradio-akn-bg);
    width: 18px;
    height: 18px; 
    border-radius: 4px;
    }

.choice-checkradio input[type="radio"] + *::before {
    border-radius: 10px;
}
.choice-checkradio input[type="radio"] + *::after,
.choice-checkradio input[type="checkbox"] + *::after {
    top: 6px;
    left: 4px;
    width: calc(18px - 8px);
    height: calc(18px - 8px);
    border-radius: 2px;
}
.choice-checkradio input[type="radio"] + *::after{
    border-radius: 10px;
}
.choice-checkradio input[type="radio"]:checked + *::after ,
.choice-checkradio input[type="checkbox"]:checked + *::after {
    background-color: var(--checkradio-akn-color);
}

.choice-checkradio input[type="radio"]:checked:disabled + *::after ,
.choice-checkradio input[type="checkbox"]:checked:disabled + *::after {
    background-color: var(--checkradio-akn-color-disabled);
}
/* 
    Radio / Checkbox as Buttons 
--------------------------------------- */

.buttons .choice-checkradio {

    --checkradio-akn-color:  var(--secondaire-akn);

    --checkradio-akn-bg: var(--clair-akn);

    --checkradio-akn-border: var(--clair-akn);



}
.buttons .choice-checkradio input[type="radio"] + *::before,
.buttons .choice-checkradio input[type="checkbox"] + *::before,
.buttons .choice-checkradio input[type="radio"] + *::after,
.buttons .choice-checkradio input[type="checkbox"] + *::after {
   display: none;
}


.buttons .choice-checkradio input[type="radio"] + * ,
.buttons .choice-checkradio input[type="checkbox"] + * {
    padding:.5em 1.5em;
    border-radius: 10px;
    background-color: var(--checkradio-akn-bg);
    border: 1px solid var(--checkradio-akn-border);
    color: var(--checkradio-akn-color);
    font-size:  1.06em;

    transition: 
        border 0.3s ease-in-out,
        background 0.3s ease-in-out;

}
.buttons .choice-checkradio input[type="radio"] + *:hover ,
.buttons .choice-checkradio input[type="checkbox"] + *:hover{
    --checkradio-akn-border: var(--tertiaire-akn);
}
.buttons .choice-checkradio input[type="radio"]:checked + * ,
.buttons .choice-checkradio input[type="checkbox"]:checked + * {
    --checkradio-akn-border: var(--primaire-akn);
    background-color: transparent;
}



.choice-checkradio.champ-supp .field-akn-conditione {  
    visibility: hidden;
    opacity: 0;
    margin-top: .7em;
}
.choice-checkradio.inline.champ-supp .field-akn-conditione {  
    margin-top: 0;
    margin-left: .5em;
}
.choice-checkradio.champ-supp input[type="radio"]:checked ~ .field-akn-conditione {  
    visibility: visible;
    opacity: 1;
}




/* 
    Boutons
------------------------------- */

.site-content-akn .btn-akn,
.site-content-akn .btn-akn:visited {
    --btn-akn-height: 3.125em;
    --btn-akn-font-size: 1.06em;
    --btn-akn-padding: 0.5em 1.2em;
    --btn-akn-color: var(--blanc-akn);
    --btn-akn-bg: rgba(var(--primaire-akn-rgb), 1);
    --btn-akn-border: none;
    --btn-akn-border-radius: var(--border-radius-akn-small);
    
    --btn-akn-hover-color: var(--blanc-akn);
    --btn-akn-hover-bg:  rgba(var(--primaire-akn-rgb), .8);
    --btn-akn-hover-border: none;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:1em;

    padding: var(--btn-akn-padding);
    font-family: var(--font-speciale-akn);
    font-size:  var(--btn-akn-font-size);
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: var(--btn-akn-bg);
    border: var(--btn-akn-border);
    border-radius: var(--btn-akn-border-radius);
    color: var(--btn-akn-color);
    transition: background 0.15s ease-in-out;

    min-height: var(--btn-akn-height);
}
.site-content-akn button:focus {outline:0;}

.site-content-akn .btn-akn.btn-akn-big, 
.site-content-akn .btn-akn.btn-akn-big:visited {
    --btn-akn-font-size: 1.2em;
}
.site-content-akn .btn-akn.btn-akn-large, 
.site-content-akn .btn-akn.btn-akn-large:visited {
    --btn-akn-padding: 0.5em 3em;
}
.site-content-akn .btn-akn.btn-akn-wide, 
.site-content-akn .btn-akn.btn-akn-wide:visited {
    display: flex;
    width: 100%;
}


.site-content-akn .btn-akn img,
.site-content-akn .btn-akn:visited img {
   max-width: 1.625em;
   max-height: 1.625em;
}

/* btn-akn Secondaire*/
.site-content-akn .btn-akn.btn-akn-secondaire, 
.site-content-akn .btn-akn.btn-akn-secondaire:visited {
    --btn-akn-bg: var(--secondaire-akn);
    --btn-akn-hover-bg:  rgba(var(--secondaire-akn-rgb), .8);
}
/* btn-akn Clair*/
.site-content-akn .btn-akn.btn-akn-clair, 
.site-content-akn .btn-akn.btn-akn-clair:visited{
    --btn-akn-color: var(--secondaire-akn);
    --btn-akn-bg: var(--clair-akn);
    --btn-akn-hover-color: var(--secondaire-akn);
    --btn-akn-hover-bg:  var(--clair-akn);
}
/* btn-akn Blanc*/
.site-content-akn .btn-akn.btn-akn-blanc, 
.site-content-akn .btn-akn.btn-akn-blanc:visited {
    --btn-akn-color: var(--secondaire-akn);
    --btn-akn-bg: var(--blanc-akn);
    --btn-akn-hover-color: var(--secondaire-akn);
    --btn-akn-hover-bg:  var(--blanc-akn);
}
/* btn-akn Outline*/
.site-content-akn .btn-akn.btn-akn-outline, 
.site-content-akn .btn-akn.btn-akn-outline:visited {
    --btn-akn-color: var(--primaire-akn);
    --btn-akn-bg: transparent;
    --btn-akn-hover-color: var(--blanc-akn);
    --btn-akn-hover-bg:  var(--primaire-akn);
    --btn-akn-border: 2px solid var(--primaire-akn);
    --btn-akn-hover-border: var(--btn-akn-border);
}
.site-content-akn .btn-akn.btn-akn-outline.btn-akn-alt, 
.site-content-akn .btn-akn.btn-akn-outline.btn-akn-alt:visited {
    --btn-akn-color: var(--secondaire-akn);
    --btn-akn-hover-bg: var(--secondaire-akn);
    --btn-akn-border: 2px solid var(--secondaire-akn);
}

/* btn-akn Transparent*/
.site-content-akn .btn-akn.btn-akn-transparent, 
.site-content-akn .btn-akn.btn-akn-transparent:visited {
    --btn-akn-color: var(--secondaire-akn);
    --btn-akn-bg: transparent;
    --btn-akn-hover-color: var(--secondaire-akn);
    --btn-akn-hover-bg:  var(--clair-akn);
}

.site-content-akn .btn-akn:hover, 
.site-content-akn .btn-akn:active, 
.site-content-akn .btn-akn:focus {
    color: var(--btn-akn-hover-color);
    background-color: var(--btn-akn-hover-bg);
    border: var(--btn-akn-hover-border);
}




/* 
    Box  
-------------- */

.card-akn {
    --card-akn-bg: #fff;
    --card-akn-border: 2px solid transparent;
    --card-akn-radius: var(--border-radius-akn-big);
    --card-akn-shadow: var(--box-shadow-akn);
    --card-akn-padding: var(--padding-akn-big);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--card-akn-bg);
    border-radius: 0;
    box-shadow:  var(--card-akn-shadow);
    border: 1px solid #8B0C2B;
    height: 100%;
}
.card-akn.no-bg{
    --card-akn-bg: transparent;
    --card-akn-radius: 0;
    --card-akn-shadow: none;
}

.card-akn.bg-clair{
    --card-akn-bg: var(--clair-akn);
    --card-akn-shadow: none;
}

.card-akn.outline{
    --card-akn-border: 2px solid var(--clair-akn);
    --card-akn-bg: transparent;
    --card-akn-shadow: none;
}

.card-akn.radius-small{
    --card-akn-radius: var(--border-radius-akn-small);
}
.card-akn.padding-medium{
    --card-akn-padding: 1.66em 2em ;
}


.card-akn-body {
    padding: var(--card-akn-padding);
}
.card-akn.wide .card-akn-body{
    padding-left: 0;
    padding-right: 0;
}

.card-akn-header {
    padding:var(--card-akn-padding);
}




/* Connexion / Mot de passe oublié
------------------------------- */
.logo-login{
    width: 20.154em;
    mix-blend-mode: darken;
}
.container-connexion .choice-checkradio{      
    --checkradio-akn-color:  var(--primaire-akn);
    --checkradio-akn-bg: var(--clair-akn);
    --checkradio-akn-border: 1px solid var(--clair-akn);
}


.container-connexion .card-akn {
    --card-akn-padding: var(--padding-akn-bigger);
}