.cta.bigiconbt{ padding: 0.25em 0.5em; } 

.cta.login{ background-image: linear-gradient(to bottom right, var(--login-from), var(--login-to)); }
.cta.reg{ background-image: linear-gradient(to bottom right, var(--reg-from), var(--reg-to)); }

/*------------  HEADER ------------------*/
header{ display:flex; flex: none; flex-direction: column; align-items: stretch; position: fixed; width: 100%; padding: 0 1rem; z-index: 20; transition: margin-top 0.25s; }
header div{ display: flex; flex: none; align-items: center; height: 3.5rem; }
header actionzone{ display: flex; flex: 1; align-items: center;  justify-content: space-between; }
header logozone{ display: flex; flex: none; align-items: center; margin-right: 1em; }
header logozone logo{ display: flex; flex: none; align-items: center; height: 1.9em; }
header logozone logo img{ display: inline-flex; flex: none; height: 100%; }
header logozone icon{ width: 1em; aspect-ratio: 1/1; border-radius: 100%; margin: 0.5em; }
header .variousbt{ display: flex; flex: none; align-items: center; }
header .cnxbt .cta{ margin-left: 0.5em; padding: 0.33em 1em; font-size: 0.88em; }
header .cnxbt .cta i{ margin-right: 0.5em; padding-bottom: 0.25em; }
header .lgselect{ 
    display: flex; flex: none; align-items: center; align-self: stretch;  margin: 0 1em; padding: 0.5em; 
    font-size: 0.88em;  border-radius: 0.25em; background: var(--zone-back); color: #777;
}
header .lgselect:after{ content: '\f0dd'; font-family: 'Font Awesome 6 Free'; font-size: 0.75em; padding-bottom: 0.75em; display: inline-flex; align-items: center; } 

header nav{ display: flex; flex: 1; align-items: stretch; height: 100%; }
header nav a{ text-decoration: none; display: flex; flex: none; align-items: center; color: var(--main-color); padding: 0 0.5em; margin: 0 0.5em; }

header .tophead actionzone a{ margin: 0 1em; }

header .bottomhead{ background: var(--zone-back); padding: 0 1em; border-radius: 0.5em; }
header .bottomhead nav a{ height: 3.5rem; font-weight: 500; }
header .bottomhead nav a i{ margin-right: 0.25em; }
header .bottomhead nav a.in{ border-bottom: 4px solid var(--login-to); padding-top: 4px; }

header.floated{ margin-top: -3.5rem; }

.lgselect icon{ width: 1em; aspect-ratio: 1/1; border-radius: 100%; margin: 0 0.5em; }

.flag_fr, .lgselect icon{ background-image: url(images/flags/fr.svg); }
/*--------------------------------------*/

cont{ display: flex; flex: none; align-items: flex-end; padding: 7rem 1.5rem 0 1rem; }
contin{ display: flex; flex: 1; flex-direction: column; align-items: center; margin: 1rem 0 1rem 0.66vw; transition: margin 0.25s; }
contin.noFloated{ margin: 1rem 0 1rem 0.66vw; }
menu + contin{ margin: 1rem 0 1rem 13.66vw; }

contin contzone{ display: flex; flex: 1; flex-direction: column; width: 1296px; }

/*------------  FOOTER ------------------*/
footer{ display: flex; flex: none; flex-direction: column; align-items: center; text-align: center; font-size: 0.95em; padding: 1em 0 5em; margin-top: 3em; border-top: 3em solid var(--footer-bordertop); }
footer gutter{ display: flex; flex: none; flex-direction: column; align-items: center; width: var(--desktop-size) }
footer #mediaIcons img{ height: 3em; }
footer #infosIcons{ display: flex; flex: none; align-items: center; justify-content: center; }
footer #infosIcons img{ width: 9.5%; margin: 0 0.2%; }
footer hr{ width: 100%; margin: 1.5em 0 1em; border: none; border-top: 1px solid #fff2;  }
footer nav{ font-size: 0.88em; }
footer nav h1{ font-size: 1em; font-weight: 600; margin: 0 0 0.5em; }
footer nav a{ text-decoration: none; padding: 0 0.25em; color: var(--main-color); opacity: 0.5; }
/*--------------------------------------*/

#bottomBar{  
    display: flex; flex: none; align-items: center; padding: 0 1em; width: 100%; height: 4em; 
    position: fixed; bottom: 0; z-index: 30; font-size: 1.1em;
    background: var(--reg-to);
}
#bottomBar span{ margin-right: 1em; }
#bottomBar label{  display: inline-flex; flex: none; flex-wrap: wrap; align-items: center; font-size: 1em; }
#bottomBar lab{ display: block; width: 100%; }
#bottomBar select{ font-size: 1em; }
#bottomBar a{ text-decoration: none; font-size: 1em; color: #fff9; margin-left: 0.5em; }
#bottomBar a:before{ content: "\f0c1"; font-family: 'Font Awesome 6 Free'; margin-right: 0.5em; }