/* 
    Created on : 21 mars 2023, 09:12:39
    Author     : Florent Houx
*/
:root {
  --main-green: #6fc56d; --main-orange: #ed8858; --main-red: #ed5858;
  --primary-color: #007bff;  --secondary-color: #9c41d6;  --background-color: #141414;
  --color-footer: #FFD000;  --color-txt-footer: black; 
  --color-txt: white;  --color-txt-secondary: #FFD000; --color-fond-zone: #1A1A1A;  --color-fond-card: #141414;
  --font-title: cursive, monospace, sans-serif; --font-subtitle: cursive, monospace, sans-serif;
  --font-txt: cursive, monospace, sans-serif;
  --padding-default: 16px;  --padding-medium: 32px;  --padding-large: 48px;
  --gap-default: 1rem;  --gap-medium: 3.5rem;  --gap-large: 7rem;
}
html { height: 100%; font-size: 100%;  }
* {position: relative;list-style: none; text-decoration: none; }
*, *::before, *::after { box-sizing: inherit; margin:0; padding:0; }
video { height: auto; max-width: 100%; }
.imgPlay { all: unset;    cursor: pointer;    margin: auto;    margin-top: 16%;    width: 175px;}
a{ text-decoration: none; }
#page_PRIVATEACCESS  { min-height: 100vh; }
.formMsgEnd { position: fixed; margin-top: -50px; text-align: center; top: 0; left: 0; width: 100%; padding: 10px; z-index: 999; justify-content: center; animation: messageEphemere 5s linear 1; }
#mailOk, #msgOk{ background: var(--main-green);}#mailErreur, #msgErreur{ background: var(--main-red); }#mailNOk, #msgNOk{ background: var(--main-orange);}
@keyframes messageEphemere { from { margin-top: -50px; } 10% { margin-top: 0; } 90% { margin-top: 0; } to { margin-top: -50px;  }}
@-webkit-keyframes messageEphemere {from { margin-top: -50px; } 10% { margin-top: 0; } 90% { margin-top: 0; } to { margin-top: -50px;  }}
.etiquette { border: solid 1px white; padding: 2px 15px; margin: 0 5px; }
body, a, input, h3, h4, h5, h6 { font-family: var(--font-txt); color: var(--color-txt); }
h1 { font-family: var(--font-title); }
h2 { font-family: var(--font-subtitle); font-size: 250%; }
h3 { font-family: var(--font-subtitle); font-size: 220%; }
h4 { font-weight: bold; font-size: 120%; }
p, span { font-size: 20px; }
img { max-width: 94%; }
h1 b, h2 b, h3 b {color: var(--color-txt-secondary); } 
h1 i, h2 i, h3 i {color: var(--color-txt-secondary); font-size: 180%; font-style: normal; font-family: var(--font-title); } 

/*LIBRARY*/
.invisibleHr { border:none; padding: 15px 0; }
ul { list-style: none; }
.fa-bars.pushNavMobileI, .fa-bars.pushUpMobileI { font-size: 30px; }
.w10, .w15, .w20, .w25, .w30, .w40, .w50, .w60, .w70 { min-width: 200px; }
.w10 { width: 10%; } .w15 { width: 15%; }.w20 { width: 20%; }.w25 { width: 25%; }.w30 { width: 30%; }.w40 { width: 40%; }.w50 { width: 46%; }.w60 { width: 60%; } .w65 { width: 65%; } .w70 { width: 70%; } .w75 { width: 75%; }.w80 { width: 80%; }.w90 { width: 90%; } .w100 { width: 100%; }
.w150px { width: 150px; max-width: 98%; } .w300px { width: 300px; max-width: 98%; } .w400px { width: 400px; max-width: 98%; } .w500px { width: 500px; max-width: 98%; }
.w700px { width: 700px; max-width: 98%; } .w800px { width: 800px; max-width: 92vw; }
.minw90 { min-width: 90%; } .minw100 { min-width: 100%; }
.maxw300px { max-width: 300px; }
.maxw400px { max-width: 400px; } @media (max-width: 450px){ .maxw400px { max-width: 90%; } }
.maxw900 { max-width: 900px; } @media (max-width: 1240px){ .maxw900 { width: 92vw; max-width: 92vw; } }
.maxw1200 { max-width: 1200px; } @media (max-width: 1240px){ .maxw1200 { width: 92vw; max-width: 92vw; } }
.height0 { height: 0; max-height: 0;}
.minh700px { min-height: 700px; } 
.margintb15px { margin: 15px 0; }
.marginl5px { margin-left: 5px; } .marginl5 { margin-left: 5vw; } 
.margint10px { margin-top: 10px; } .margint20px { margin-top: 20px; } .margint30px { margin-top: 30px; } .margint50px { margin-top: 50px; } .margint100px { margin-top: 100px; } .margint10vh { margin-top: 10vh; }
.marginb15px { margin-bottom: 15px; } .marginb30px { margin-bottom: 30px; } .marginb5vh { margin-bottom: 5vh; } .marginb10vh { margin-bottom: 10vh; }
.padding10vh { padding: 10vh 0; } .padding20vh { padding: 20vh 0; } .paddingCard { padding: 10px 2%; }
.paddingr30px { padding-right: 30px; }
.paddingb5vh { padding-bottom: 5vh; } .paddingb15vh { padding-bottom: 15vh; } .paddingb20vh { padding-bottom: 20vh; } .paddingb40vh { padding-bottom: 40vh; }
.textalignr { text-align: right; } .textalignl { text-align: left; } .txtcenter{ text-align: center;}.justify { text-align: justify; text-justify: auto; }
.bold { font-weight: bold; }
.autosautligne { white-space: pre-line; }
@media (max-width: 830px){    
    .w30, .w40, .w50, .w60, .w80 { width: 90%; margin-left: auto; margin-right: auto; justify-content: center; } h1, h2, h3 { text-align: center;}
}
@media (max-width: 550px){    
    .w30, .w40, .w50, .w60, .w80 { width: 94%; }
}
.shadow { box-shadow: 0px 5px 15px black; }
.border-gradient {
    background: var(--color-fond-card);
    border-radius: 25px; padding: 5px; z-index: 99;
}
.border-gradient::before {
    content: '';    position: absolute;    top: 0;    left: 0;    border-radius: 25px;
    background: linear-gradient(180deg, var(--color-txt-secondary) 0%, var(--color-fond-card) 85%, var(--color-fond-card) 100%);
    width: 100%;    height: 100%;    transform: scale(1.01);    z-index: -1;
}
.border-gradient::after {
    content: '';    position: absolute;    top: 0;    left: 0;    border-radius: 25px;
    background: linear-gradient(180deg, var(--color-txt-secondary) 0%, var(--color-fond-card) 85%, var(--color-fond-card) 100%);
    width: 100%;    height: 100%;    transform: scale(1.01);    z-index: -1;
}
.border-gradient > div { background: var(--color-fond-card); margin: 0; padding: 15px 0 15px 2vw; }
.border-gradient > div:first-child { border-top-left-radius: 25px; border-top-right-radius: 25px; }
.border-gradient { background: linear-gradient(var(--color-secondary), #141414); padding-bottom: 10vh; }
/* ACTIVER FLEXBOX */
.flex{ display: flex; margin: auto;}
.flexnoauto{ display: flex;}
.flexremplissage > div, .flexremplissage > a, .flexremplissage > label, .flexremplissage > p,.flexremplissage > section, .flexremplissage > aside{ flex: 1 1 auto;}
.flexremplissageh > div, .flexremplissageh > a, .flexremplissageh > label, .flexremplissageh > p,.flexremplissageh > section, .flexremplissageh > aside {flex: 1 1 0;}
.flexinput > label { width : 30%; min-width: 400px;}.flexinput > .control {width: 70%; min-width: 400px;}
.flexligne{flex-flow: row wrap;}.flexwrap{flex-wrap: wrap;}.flexlignenowrap{flex-direction: row;}
.flexcolonne{flex-flow: column wrap;}.flexcolonnenowrap{flex-direction: column;}
.flexauto > div{  margin: auto; }
.flexend{ justify-content: flex-end;}.flexcenter{justify-content: center;}.flexbetween{justify-content: space-between;}.flexaround{justify-content: space-around;}.flexeven{justify-content: space-evenly;}
.flexalignstart{ align-items: flex-start;}.flexalignend{align-items: flex-end;}.flexaligncenter{align-items: center;}
.itemflexalignstart{align-self: flex-start;}.itemflexalignend{align-self: flex-end;}.itemflexaligncenter{align-self: center;}.itemflexremplissage{align-self: stretch;}

#divBtnOrange { text-align: center; margin-bottom: 5em; }
#navCompte .navbar-link:not(.is-arrowless)::after { border: none; }

/* GESTION SCROLL  */
.scroll::-webkit-scrollbar { height: 12px; background-color: #F5F5F5; border-radius: 10px;}
.scroll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #014762; }
.scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F5F5F5; }

html::-webkit-scrollbar { height: 12px; }
html::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.1); background-color: #014762; }
html::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 15px rgb(252 243 243 / 80%); background-color: #c9c2c2; }

/* NAV */
.pushNavMobile, .pushUpMobile { display: none; }
@media (max-width: 1300px){    
    .pushNavMobile, .pushUpMobile { display: flex; position: fixed; top: 15px; left: 15px; cursor: pointer; z-index: 999999; }
    .navprimary { display: none; width: 100vw; height: 100vh; position: absolute;    padding: 10vh 2vw;    top: 0;    left: 0;    background: black;    z-index: 99999;    overflow-y: auto; }
    .navprimary ul { justify-content: center; }
    .navprimary ul li { width: 80% !important; margin: auto !important; text-align: center; margin: 15px auto !important; border: none;  }
    .navprimary ul li:last-of-type {margin: 0; }
}
.auto-button {
    font-size: 250%;    padding: 5px 35px;    border: solid 4px white;    border-radius: 35px;    font-weight: bold;    z-index: 99;
}
/* TOOGLE */
.toggle {
    justify-content: space-between;    font-size: 1.7rem;    align-items: center;    display: flex;    width: 100%;
    background: linear-gradient(90deg, rgba(1,53,68,1) 0%, rgba(2,162,153,1) 100%);color: white;
}
.toggle:hover{ color:white; }
#toogleDivUn, #toogleDivDeux, #toogleDivTrois { margin-bottom: 2rem; }
.toggle i{ padding: 0 20px; }
/* BLOC CHAT */
.blocChat { display: none; position: fixed; justify-content: center; align-content: center; z-index: 9999;
    width: 85px; top: 20%; right: 0; margin-top:70px; 
    border-radius: 150px 0 0 150px; padding: 0 5px; background-color: white; box-shadow: rgba(0, 0, 0,0.3) 0px 1px 2px; }
.blocChat a { margin-top: 3px; margin-bottom: -3px; }
.blocChat img { width: 57px; height: auto; }
/* FIN CHAT */
.footer { position:relative;text-align:center;margin:auto;background: var(--color-footer);padding: 10vh 0;color: var(--color-txt-footer);} .footer a { color: var(--color-txt-footer); font-weight:bold; }
.cartPreview { display: none;}
.arrowReturn { position: fixed; bottom: 15px; right: 15px; padding-top: 4px; font-size: 90%; background: var(--color-txt-footer); z-index: 9999; width: 40px; height: 40px;}
.arrowReturn a { margin: 0; padding: 0;} .iArrowReturn { font-size: 180%; color: var(--color-footer);  }
.containerSliderDrasil .slick-dots { text-align: center; }

.slick-prev, .slick-next { width: 60px; height: 60px; z-index: 999999; }
.slick-prev { left: 0; } .slick-next { right: 0; }
.slick-prev:before {
    content: url('../../assets/pics/Fleche_Gauche.png'); border: none; opacity: 1;
}
.slick-next:before {
    content: url('../../assets/pics/Fleche_Droite.png'); border: none; opacity: 1;
}
input[type=text], input[type=number], input[type=date], input[type=tel], input[type=email], .input {
    height: 40px;    padding-left: 15px; border: 2px solid #1992BA; border-radius: 4px; 
}
/* MISE EN FORME DES CARDS */
.card { border-radius: 0; }
.catCard{
    padding: 0% 2%;
    width: fit-content;
}
.titleLink:hover{
    text-decoration: underline;
}
.titleLink{
    text-align: left;
    font-size: 1.1rem;
}
.subtitle.adresse {
    color: #adadad; margin-bottom: 3px;
}
/* LES CARDS */
.sectionCard .card { margin: 10px; }
.cardHTitle{
    position: absolute;
    z-index: 1;
    background: #fff;
    top: 4%;
    left: 4%;
    padding: 0% 4%;
}
.card-content.cardCarrousselHome{
    padding: 4% 4%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 180px;
    color: black;
}
.cardLargeHome{
    margin: 0% 0%;
}
.cardXL{
    width: 61vw; min-width: 61vw; max-width: 100%;  height: 300px; color: white;
}
.cardXL .title, .cardXL p, .cardXL a { color: white; }
.cardXL .catCard { background-color: white; color: black; font-weight: bold; }
.cardXL > div:first-child { padding: 15px; }
.cardXL .cardEtiquette {     font-size: 1.1rem; font-weight: lighter;
                             margin-top: 5px; margin-bottom: 10px; padding-bottom: 15px;
    border-bottom: 3px solid #1bb3be; }
.cardXL .content { max-width: 330px; position: relative;
    top: 75%;
    left: 25px; }
.cardXL .actionsDivDate { margin-top: 10px; }
.cardClassic {
    height: fit-content; width: 330px; height: 440px; max-width: 330px;  margin-bottom: 5px;
}
.cardClassic .card-image {
    border-bottom: 1rem solid #F15642;
}
.cardClassic.cardArticle .card-image {
    border-bottom: 1rem solid #0c6573;
}
.cardClassic.cardEvent .card-image {
    border-bottom: 1rem solid #d6d740;
}
.cardHMedia .media{
    align-items: flex-start;
    display: flex;
    text-align: inherit;
}
.cardHE {
    height: fit-content; width: 230px; height: 230px; min-width: 230px;  max-width: 230px;   
}
#containerMainADNC .contentWidgetEvent p {
    font-size: 12px;
}

#containerMainADNC .cardHEXL .contentWidgetEvent p {
    font-size: 18px;
}
.cardHEXL {
    height: fit-content; width: 460px; height: 480px; min-width: 350px;  max-width: 100%;  
}
.cardHEImgTitle { position: absolute; margin-top: -75px; margin-left: 15px; }
.cardHESubTitle { position: absolute; margin-top: -37px; margin-left: 15px; font-weight: bold;  padding: 0 10px; }
.cardHEImgTitle img { width: 75%; }
.cardContentHE { padding: 10px; }
.cardLarge {
    height: 225px; padding-right: 5px; max-width: none;
}
.cardLarge .column.is-8{
    padding: 3%;
}
.cardLContents > a {
    display: block;
    max-width: 90%;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    height: 3rem;
}
.cardLContents .author { line-height: 1.5; min-height: 1.5rem; }
.cardTitle { font-size: 1.2rem; font-weight: bold; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cardsFour { width: 468px; }
.cardsFour > div { margin-right: 4px; }

.imgCardLarge{
    height: 100%;
}
.actionsDiv{
    align-items: end;
}
.actionsDiv .imgInteract img{
    width: 2.5rem;
}
.actionsDiv .imgInteract{
    width: 2.5rem;
}
.actionsDiv p {
    font-size: 80%;
    color: white;
}
.actionsDiv .nbNotif {
    display: flex;align-items: center;justify-content: center;
    background-color: #0d4b65;width: 25px;height: 25px;position: absolute;
    top: -10px;right: -10px;
    border-radius: 50%;color:white;
}


/* CARD 3L */
.card3L, .card3L div {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgb(15, 75, 100);
}

.card3L {
    border: 3px solid rgb(15, 75, 100);
    border-radius: 25px;
    width: 300px;
    max-width: 300px;
    margin: 15px 30px; 
    padding: 10px;
    max-height: 400px;
}

.card3L h3 {
    width: 100%;
    text-align: center;
    font-size: 17px; margin: 10px 0; min-height: 77px;
}

.card3L p {
    width: 96%;
    text-align: justify;
    font-size: 13px;
    margin: 0;
}

.card3L .el1 img {
    margin-top: -15px;
    margin-left: -55px;
    max-width: 355px;
}
.card3L .el2 {  height: 225px; }
.card3L .el3 img {
    position: relative;
    top: 18px;
    max-width: 175px;
}

/* ECRAN CONNEXION */
.bloc-connection, .buttons-co, .bloc-connection .field {
    display:flex;
    flex-direction: column;
    align-items:center;
}
.bloc-connection {
    width: 50%;
    background-color: white;
    border-radius: 25px;
    padding: 30px 0; margin-top: 10vh !important;
}
.bloc-connection img {
    width:200px;
    margin-bottom: 20px;
}
.bloc-connection p input {
    width: 200px;
    border-radius:150px;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.buttons-co p {
    color:#2A6379 !important;
    font-weight:600;
    margin-bottom: 10px;
    text-align:center;
}
.btn-connection {
    background: linear-gradient(90deg, rgba(192,43,51,1) 0%, rgba(238,86,72,1) 100%) !important;
    border:none !important;
    width:150px;
    border-radius:150px;
    margin-bottom: 30px;
}
.btn-inscription {
    background: linear-gradient(90deg, rgba(247,251,59,1) 0%, rgba(254,205,58,1) 100%) !important;
    border:none !important;
    width: 150px;
    color:#2A6379 !important;
    border-radius:150px;
}

/* COMPTE */
#blocCompteEtendu { padding: 5vh 2vw; background: white; }
#blocCompteEtendu > div, #blocCompteEtendu .affiliationCard { width: 400px; margin-left: auto; margin-right: auto; }
/* FIN COMPTE */

/* MODULE PATCHWORK */
.containerPatchWork { width: 100%; max-width: 100%; overflow: hidden; }
#containerPatchWork a:hover { border: none; border-image: initial; }
.patchWork p, .patchWork h3 { font-family: var(--font-subtitle2); }

.pwct { display: none; }
.pwa{font-size: 1.2rem; margin: 15px; }
.startDuo .pwa{ text-align: end; }
.pwimg{ max-width: 100%; max-height: 100%; }
.ms1, .ms4, .ms5{ color: var(--color-secondary);}
.ms2, .ms3, .ms6{ margin-top: 0; color: var(--color-txt);}
body .containerPatchWork{
    background-color: black;
}
.containerPatchWork, .patchWork{
    justify-content: center;
}
.startDuo .pwa:first-child .pwPict{
    height: 280px;
    width: 500px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    margin-top: 100px;
    margin-bottom: -6px;
}
.startDuo .pwa:last-child .pwPict{
    height: 250px;
    width: 420px;
    max-width: 100%;
    max-height: 100%;  
    padding-left: 80px;
}
.centerTxt { display:none; padding-top: 80px; width: 500px; max-width: 100%; }
.centerDuo .pwa:first-child .pwPict{
    height: 300px;
    width: 550px;
    max-width: 100%;
    max-height: 100%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    margin-top: 120px;
    margin-bottom: -6px;
}
.centerDuo .pwa:last-child .pwPict{
    height: 350px;
    width: 200px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    margin-top: -30px;
    margin-bottom: -36px;
} 
.endDuo .pwa:first-child .pwPict{
    height: 220px;
    width: 380px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}
.endDuo .pwa:last-child .pwPict{
    height: 180px;
    width: 300px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.patchWork .pict1 .pict2{
    display: flex;
    flex-direction: row;
}
#img .pict3 .pict4{
    display: flex;
    justify-content: center;
    background-color: #fff;
}
.centerDuo{
    margin-top: -80px;
}
.endDuo{
    margin-top:  360px;
    margin-left: -350px;
}
@media screen and (max-width: 1229px){    
    .centerTxt { order: 99; padding-top: 10px; max-width: 90%; }
    .title h2 {color: rgb(215, 18, 18);}
    .pwa p { text-align: center; }
    .containerPatchWork, .patchWork {
      flex-direction: column; align-items: center; justify-content: space-around;
    }
    .patcWork{
        padding: auto;
    }
    .ms1, .ms4, .ms5{
        font-size: 1.2rem;
        color: rgb(255, 240, 154);
        text-align: center;
    }        
    .ms2, .ms3, .ms4{
        text-align: center;
        font-size: 1.2rem;
        color: rgb(255, 255, 255);   
    }
    body .containerPatchWork{
        background-color: black;
    }
    .startDuo, .centerDuo, .endDuo { display: flex; flex-flow: row wrap; margin: auto; }
    .startDuo .pwa:first-child .pwPict, .centerDuo .pwa:first-child .pwPict, .endDuo .pwa:first-child .pwPict, .startDuo .pwa:last-child .pwPict, .centerDuo .pwa:last-child .pwPict, .endDuo .pwa:last-child .pwPict{
        height: auto;
        width: 500px;
        max-width: 90%;
        margin: auto; padding: 0; 
    }
}
/* FIN MODULE PATCHWORK */
/* MODULE BUILDING */
.boxbuilding > div { overflow: hidden; margin: 5vh 15px; }
.boxbuilding h3 { font-size: 135%; }
.boxbuilding .w300 { width: 400px; }
.boxbuilding > div:first-child h3, .boxbuilding > div:nth-child(4) h3 { color: #189a41; }
.boxbuilding .building0 { }
.boxbuilding .building1 { margin-left: 5px; }
.boxbuilding .building2 { margin-left: 5px; }
.boxbuilding .building3 { margin-left: 5px; }
.boxbuilding .building4 { margin-left: 5px; }
.buildingPIC, .buildingPIC img { max-width: 100%; }
.buildingPIC img { width: 95%; }
.buildingTXT, .buildingH { text-align: left; margin-left: 15%; }
.building0 .buildingH, .building0 .buildingTXT  { width: 70%; }
.building1 .buildingH, .building1 .buildingTXT  { width: 70%; }
.building2 .buildingH, .building2 .buildingTXT  { width: 70%; }
.building3 .buildingH, .building3 .buildingTXT  { width: 70%; }
.building4 .buildingH, .building4 .buildingTXT  { width: 70%; }
@media (max-width: 830px){  
    .building0 .buildingH, .building0 .buildingTXT, .building1 .buildingH, .building1 .buildingTXT, .building2 .buildingH, .building2 .buildingTXT, .building3 .buildingH, .building3 .buildingTXT, .building4 .buildingH, .building4 .buildingTXT {  margin: auto; width: 100%; }
    .boxbuilding .building0, .boxbuilding .building1, .boxbuilding .building2, .boxbuilding .building3, .boxbuilding .building4 { margin-left: 0; width: 92%; }
    .buildingPIC, .buildingPIC img { margin: 5vh auto 5vh auto; }
    .boxbuilding .building4, .boxbuilding .building0 { margin-top: 0; }
}
/* FIN BUILDING */

/* LIBRARY FORMULAIRE */
.radioCaseV1 input[type=radio] { visibility: hidden; display: none; }
.radioCaseV1 input[type=radio]:checked + label,
.radioCaseV1 input[type=radio]:not(:checked) + label{
	padding: 20px;	letter-spacing: 1px;	margin: 5px 5px; text-align: left;
	border-radius: 4px;	overflow: hidden;	cursor: pointer;	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.radioCaseV1 input[type=radio]:not(:checked) + label{
	background-color: #e7e7e7;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.radioCaseV1 input[type=radio]:checked + label{
    background-color: #003333; color: white;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.radioCaseV1 input[type=radio]:not(:checked) + label:hover{
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
/* FIN LIBRARY FORMULAIRE */
.cardCheckBoxes > div { max-width: 100%; }
.checkboxLink { padding: 0 2vw !important; }
.button { display: flex; flex-flow: row wrap; justify-content: center; text-align: center; min-height: 2.5em; box-shadow: 0px 5px 15px black; border: solid 1px var(--secondary-color); padding: 10px 10px 20px 10px; border-radius: 34px; text-align: center; max-width: 80%; }
.buttonCheckbox { margin-top: 5vh; font-size: 140%; font-weight: bold; }
.buttonCheckbox b { font-size: 120%; width: 100%; }
s { text-decoration: line-through; }
@media (max-width: 830px){  
    .cardCheckBoxes img { margin: auto; }
    .cardCheckBoxes p { width: 94%; margin: auto; text-align: center; }
}