@font-face { font-family:'Blanka';src:url('../../../assets/fonts/Blanka-Regular.otf');font-display:swap; } :root { --color-fb:#385899; --color-insta: #d6249f; --color-linkedin: #0a66c2; --color-snapchat: #f7f401; --color-x: black; --color-tiktok: #00e8e3; --color-tiktok-2 :#ed2f53; --color-whastapp: #4ac455; --main-green : #6fc56d;--main-yellow : #f7e8a7;--main-orange : #ed8858;--main-red : #ed5858;--main-blue : #63acbf;--background-color : #000000;--color-footer : #000000;--color-txt-footer : #ffffff;--color-primary : #FF9430;--color-secondary : #f5cfac;--color-tertiary : #6fc56d;--color-4 : #f3e5d8;--color-button : #FF9430;--color-button-txt : #000000;--color-button-before : #000000;--color-txt : #ffffff;--color-txt-secondary : #FF9430;--background-color-zone : #1A1A1A;--color-fond-zone : var(--background-color-zone);--color-fond-card : #141414;--color-infobulle : #ffffff;--back-infobulle : #141414;--border-infobulle : var(--color-secondary);--fonth1 : cursive, monospace, sans-serif;--fonth : cursive, monospace, sans-serif;--font-title : 'Livvic', cursive, monospace, sans-serif;--font-subtitle : 'Bebas Neue', cursive, monospace, sans-serif;--font-original : 'Blanka','Bebas Neue', cursive;--font-txt : 'Livvic',sans-serif, monospace, cursive;--padding-default : 16px;--padding-medium : 32px;--padding-large : 48px;--paddingzone-tb : 5vh;--paddingzone-lr : 2vw;--paddingbottomh : 2vh;--gap-default : 3px;--gap-medium : 10px;--gap-large : 3.5rem;--sizetxt : 18px;--sizebtn : 20px;--sizea : var(--sizebtn);--sizesmall : 15px;--sizeh1 : 250%;--sizeh2 : 220%;--sizeh3 : 200%;--sizeh4 : 120%;--sizeh5 : 100%;--sizeh6 : 100%;}
/*BASE */ 
#debug { z-index: 99999; border: solid 5px orange; background: white; color: black !important; }
html { height: 100%; font-size: 100%; background: var(--background-color); overflow-x: hidden; }
nav { z-index: 9999; }
*:not(u) {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;}
#page_PRIVATEACCESS  { min-height: 100vh; }
.has-text-danger { color: var(--main-red); }
.formMsgEnd { position: fixed; margin-top: -50px; text-align: center; top: 0; left: 0; width: 100%; padding: 10px; z-index: 99999; 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;  }}
body, a, input, h3, h4, h5, h6 { font-family: var(--font-txt); color: var(--color-txt); }
input { color: var(--color-txt-secondary); min-height: 25px; line-height: 1.5; border-radius: 4px; } input, textarea { padding: 5px 7px; }
h1 { font-family: var(--font-title); font-size: var(--sizeh1); } h2 { font-family: var(--font-subtitle); font-size: var(--sizeh2); } h3 { font-family: var(--font-subtitle); font-size: var(--sizeh3); }
h4 { font-weight: bold; font-size: var(--sizeh4); } p, span { font-size: var(--sizetxt); } .sizesmall { font-size: var(--sizesmall); } 
@media (max-width: 1400px){ h1, h2, h3 { text-align: center; padding-left: 2vw; padding-right: 2vw; } }
@media (max-width: 800px){ h1, h2 { font-size: 180%; } h3 { font-size: 140%; } }
@media (max-width: 570px){  h1, h2 { font-size: 150%; } h3 { font-size: 125%; } }
.inactive { display: none; } .zerodebordement { overflow: hidden; } .invisibleHr { border:none; padding: 15px 0; } br { width: 100%; } .inputImgDash2 { z-index:5; }
.button { font-size: var(--sizea); display: flex; flex-flow: row wrap; justify-content: center; min-height: 2.5em; padding: 5px 10px; text-align: center; max-width: 80vw; }
.button .fa { margin-right: 10px; } 
.button.is-success { background: var(--main-green); }
.button.is-warning { background: var(--main-yellow); }
.button.is-danger { background: var(--main-red); }
.etiquette { border: solid 1px white; padding: 2px 15px; margin: 0 5px; }
.etiquetteInfo { display: flex; flex-flow: row wrap; align-content: center; justify-content: center; align-items: center; background: #32a09b;  text-align: center;   font-size: 11px;  color: white;    border-radius: 15px;   padding: 3px 10px 1px 10px; margin-left: 5px; margin-bottom: 3px; min-height: 20px; max-height: 20px; }
.etiquetteInfo > .etiquetteInfo { min-height: 15px; max-height: 15px; padding-top: 2px;  }
.etiquettePrimary { background: var(--color-primary); } .etiquetteSecondary { background: var(--color-secondary); color: black; }
.etiquetteGreen{ background: #6fc56d; } .etiquetteBlue{ background: #05B2D2; } .etiquetteRed{ background: #F15642;  } .etiquetteYellow{ background: #ffd757; color: black;  }
.etiquetteBlack{ background: black; color: white;  } .etiquetteWhite{ background: white; color: black;  font-weight: bold; }
.fa-brands { font-size: 25px; }
.h250px { height: 250px; } .h450px { height: 450px; } .h100vh { height: 100vh; }  .h90vh { height: 90vh; }.h60vh { height: 60vh; }.h55vh { height: 55vh; }.h50vh { height: 50vh; }
.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%; }
.w30px { width: 30px; } .w50px { width: 50px; } .w100px { width: 100px; } .w150px { width: 150px; } .w250px { width: 250px;} .w300px { width: 300px; } .w400px { width: 400px; } .w500px { width: 500px; }
.w700px { width: 700px; max-width: 92vw; } .w800px { width: 800px; max-width: 92vw; }
.minw400px { min-width: 400px; }
.minw90 { min-width: 90%; } .minw100 { min-width: 100%; }
.minw90vw { min-width: 90vw; } .minw100vw { min-width: 100vw; }
.maxw30px { max-width: 30px; } .maxw250px { max-width: 250px; } .maxw300px { max-width: 300px; }
.maxw400px { max-width: 400px; } @media (max-width: 450px){ .maxw400px { max-width: 90%; } }
.maxw550px { max-width: 550px; } @media (max-width: 575px){ .maxw550px { 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;}
.minh150px { min-height: 150px; } .minh250px { min-height: 250px; } .minh400px { min-height: 400px; }  .minh700px { min-height: 700px; } 
@media (max-width: 830px){    
    .w30, .w40, .w50, .w60 { width: 90%; }
    .w30:not(.button), .w40:not(.button), .w50:not(.button), .w60:not(.button) { margin-left: auto; margin-right: auto; justify-content: center; } h1, h2, h3 { text-align: center;}
}
@media (max-width: 550px){    
    .w30, .w40, .w50, .w60 { width: 94%; }
}
.txtright, .textalignr { text-align: right; } .txtleft, .textalignl { text-align: left; } .txt-center, .txtcenter{ text-align: center;}.justify { text-align: justify; text-justify: auto; }
.bold { font-weight: bold; } .italic { font-style: italic; }
.txtblack { color: black; } .txtwhite { color: white; }
.autosautligne { white-space: pre-line; }
.infobulle { display: none; }
.avecInfoBulle:hover .infobulle { display: block; position: absolute; z-index: 5; min-width: 250px; max-width: 80vw; right: -50px; top: -20px; color: var(--color-infobulle); background: var(--back-infobulle); border: solid 1px var(--border-infobulle); border-radius: 15px; padding: 2px 15px; font-size: 90%; }
.sexyrow { border: none; box-shadow: 0 0 1px 1px #414141; }
.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; }
.toggle summary { background: var(--color-primary); padding: 5px 15px; }
.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);  }
/* FIN BASE *//* FLEX */ 
.flex{ display: flex; margin: auto;}
.flexnoauto{ display: flex;}
.flexligne{flex-flow: row wrap;}.flexwrap{flex-wrap: wrap;}.flexlignenowrap{flex-direction: row;}
.flexcolonne{flex-flow: column wrap;}.flexcolonnenowrap{flex-direction: column;}
.flexremplissage > div, .flexremplissage > li, .flexremplissage > a, .flexremplissage > label, .flexremplissage > p,.flexremplissage > section, .flexremplissage > aside{ flex: 1 1 auto;}
.flexremplissageh > div, .flexremplissageh > li, .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;}
.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;}
.flexcontentstart { align-content: flex-start; } .flexcontentbetween { align-content: space-between; }
.itemflexalignstart{align-self: flex-start;}.itemflexalignend{align-self: flex-end;}.itemflexaligncenter{align-self: center;}.itemflexremplissage{align-self: stretch;}
/* FIN FLEX *//* GESTION SCROLL  */
.scroll::-webkit-scrollbar { height: 12px; background-color: var(--color-secondary); 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: var(--color-secondary); }
.scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: var(--color-secondary); }
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: var(--color-secondary); }
html::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 15px rgba(252, 243, 243, 0.80); background-color: #c9c2c2; } 
/* FIN SCROLL */ /* BASE GAP */ 
.margin5px { margin: 5px; } .margin10px { margin: 10px; } .margin15px { margin: 15px; } .margin20px { margin: 20px; }
.margintb15px { margin: 15px 0; } .margintb20px { margin: 20px 0; } .margintb30px { margin: 30px 0; }
.marginl0 { margin-left: 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; }
.margint10pxN { margin-top: -10px; } .margint20pxN { margin-top: -20px; }
.marginb15px { margin-bottom: 15px; } .marginb30px { margin-bottom: 30px; } .marginb5vh { margin-bottom: 5vh; } .marginb10vh { margin-bottom: 10vh; }
.paddinglr { padding-left: var(--padding-default); padding-right: var(--padding-default); } .paddingtb { padding-top: var(--padding-default); padding-bottom: var(--padding-default); }
.paddinglrmedium { padding-left: var(--padding-medium); padding-right: var(--padding-medium); } .paddingtbmedium { padding-top: var(--padding-medium); padding-bottom: var(--padding-medium); }
.paddinglrlarge { padding-left: var(--padding-large); padding-right: var(--padding-large); } .paddingtblarge { padding-top: var(--padding-large); padding-bottom: var(--padding-large); }
.gap { gap: var(--gap-default); } .gapmedium { gap: var(--padding-medium); } .gaplarge { gap: var(--padding-large); } 
.paddingfull5 { padding: 5vh 5vw; } .padding15px0{ padding: 15px 0; } .paddingb10vh { padding: 0 0 10vh 0; }
.padding5vh { padding: 5vh 0; } .padding10vh { padding: 10vh 0; } .padding20vh { padding: 20vh 0; } .paddingCard { padding: 10px 2%; }
.paddinglr5 { padding-left: 5vw; padding-right: 5vw; }
.paddingl30px { padding-left: 30px; } .paddingr30px { padding-right: 30px; }
.paddingb5vh { padding-bottom: 5vh; } .paddingb15vh { padding-bottom: 15vh; } .paddingb20vh { padding-bottom: 20vh; } .paddingb40vh { padding-bottom: 40vh; }

@media (max-width: 830px){ 
.paddinglr5 { padding-left: 3vw; padding-right: 3vw; }
.paddingb5vh { padding-bottom: 3vh; }
}
@media (max-width: 570px){ 
.paddinglr5 { padding-left: 15px; padding-right: 15px; }
.paddinglrlarge { padding-left: 4vw; padding-right: 4vw; }
}
/* FIN BASE GAP *//* SIMPLY CARD : MEMBER - AVATAR - FIGURES */
.cardMember { width: 275px; min-height: 150px; background: var(--color-primary); margin: 15px; border-radius: 4px; }
.myphoto { overflow: hidden;  margin: auto; display: flex; justify-content: center; flex-direction: column; } .myphoto img { border-radius: 4px; margin: auto; max-width: 100%; }
.formatA { margin-top: 150px; min-height: 100px; background: var(--color-primary); padding-top: 110px; }
.formatA .myphoto { position: absolute; top: -125px; left: 5%; background: black; width: 90%; height: 225px; border-radius: 4px; }
.cerclelogo { position: absolute; right: 8px; top: 8px; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; border: solid 2px white; }
.formatA .partDetails { min-height: 100px; }
/* FIN SIMPLY CARD */ /* NAV DEFAULT */
.fa-bars.pushNavMobileI, .fa-bars.pushUpMobileI { font-size: 30px; }
.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; }
.smallnav .minw90vw { min-width: 0; }
.smallnav .backgroundnav { max-width: 250%; width: auto; }
/* FIN NAV DEFAULT */ /* HERITAGE BULMA */
.bulma-control-extend, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea {
    -moz-appearance: none; -webkit-appearance: none; align-items: center; border: 1px solid transparent; border-radius: 0.375em; box-shadow: none; display: flex; font-size: 1rem; height: 2.5em; 
    justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.5em - 1px); padding-left: calc(0.75em - 1px); padding-right: calc(0.75em - 1px); padding-top: calc(0.5em - 1px); vertical-align: top;
}
.input, .select select, .textarea { background-color: hsl(0deg,0%,100%); border-color: hsl(0deg,0%,86%); border-radius: 0.375em; color: hsl(0deg,0%,21%); margin-bottom: 5px; }
.input, .textarea { box-shadow: inset 0 0.0625em 0.125em rgba(10,10,10,.05); max-width: 100%; width: 100%; }
.control { box-sizing: border-box; clear: both; font-size: 1rem; position: relative; text-align: inherit; }
.control.has-icons-right .input, .control.has-icons-right .select select {padding-right: 3em;} .control.has-icons-left .input, .control.has-icons-left .select select {padding-left: 3em;}
.icon { align-items: center; display: inline-flex; justify-content: center; height: 1.5rem; width: 1.5rem; }
.control.has-icons-left .icon, .control.has-icons-right .icon { height: 100%; pointer-events: none; position: absolute; top: 0; width: 2.5em; z-index: 4;}
.control.has-icons-left .icon.is-left {left: 0;} .control.has-icons-right .icon.is-right {right: 0;}
/* FIN HERITAGE BULMA */ /* ECRAN CONNEXION */
.bloc-connection, .buttons-co, .bloc-connection .field { display:flex;    flex-direction: column;    align-items:center;}
.bloc-connection { background-color: #F5F5F5; }
.bloc-connection, .bloc-inscription { width: 500px; max-width: 90%; margin: auto; border-radius: 25px; padding: 30px 0; margin-top: 10vh !important; }
.bloc-connection img { width:200px;  margin-bottom: 20px; }
.bloc-connection p input {    width: 200px;  text-align: center; padding-left: 0 !important;  padding-right: 0 !important; margin-bottom: 5px; }
.buttons-co p {    color:#2A6379 !important;    font-weight:600;    margin-bottom: 10px;    text-align:center;}
.btn-connection {  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%); border:none; width:150px; margin-bottom: 30px;}
.loginlost { padding: 5px; margin-bottom: 5px; }
.loginlost a { color : var(--color-secondary) !important; }