body
{
   background-color:#f3f3f3;
}

#inscription .div_inscription_popup {
  display: none;
}

.bloc_head_espace_perso{
  margin-left:20%;
  margin-top:20px;
  width:60%;
  height:340px;
  position:relative;
  padding-bottom: 5rem;
}

.bloc_espace_perso_newsletters{
  margin-left:20%;
  margin-top:20px;
  width:60%;
  position:relative;
  padding-bottom: 5rem;
}

.bloc_espace_perso_motdepasseperdu{
  margin-left:20%;
  margin-top:50px;
  margin-bottom:20px;
  width:60%;
  position:relative;
  padding-bottom: 5rem;
}

.bloc_espace_perso_bienvenue{
  margin-left:20%;
  margin-top:50px;
  margin-bottom:20px;
  width:60%;
  position:relative;
  padding-bottom: 5rem;
}

.bloc_espace_perso_abonnements{
  margin-left:20%;
  margin-top:20px;
  width:60%;
  position:relative;
  padding-bottom: 5rem;
  /* background-color:#ffffff; */
}
.bloc_espace_perso_abonnements .titre_abonnement {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  background-color:#1dbecf;
}
.bloc_espace_perso_abonnements .titre_abonnement h1 {
 font-size: 1.5rem;
}
.bloc_espace_perso_abonnements .liste_abonnements {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  gap: 1rem;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  padding: 1rem;
  background-color: #ffffff;
  box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.05);
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement h2 {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #354d68;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement h3 {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 500;
  color: #354d68;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement strong {
  font-weight: 500;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement .infos_abonnement {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement .infos_abonnement .solde_abonnement {
  display: flex;
  flex-direction: column;
  gap:0.5rem;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement .infos_abonnement .solde_abonnement .icon_coin {
  vertical-align: sub;
  width: 1.25em;
  height: 1.25em;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement .infos_abonnement .date_abonnement {
  display: flex;
  flex-direction: column;
  gap:0.5rem;
  text-align: right;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement details summary {
  cursor: pointer;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement details table {
  width: 100%;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement details table th {
  background-color: #1dbecf;
  padding: 0.5rem;
  color: #ffffff;
  font-weight: 500;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement details table tr:nth-child(odd) {
  background-color: #f7f7f7;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement details table td {
  padding: 0.5rem;
  vertical-align: middle;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement details table td:not(:first-child) {
  text-align: center;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement details table td:nth-child(2) {
  font-weight: 600;
  color: #23b643;
}
.bloc_espace_perso_abonnements .liste_abonnements .card_abonnement details table td:nth-child(3) {
  font-weight: 600;
  color: #e06453;
}

.bloc_espace_perso_factures{
  margin-left:20%;
  margin-top:20px;
  width:60%;
  padding-bottom:10px;
  position:relative;
  background-color:#ffffff;
  color:#1dbecf;
  margin-bottom: 5rem;
}

.bloc_espace_perso_echeancier{
  margin-left:20%;
  margin-top:20px;
  width:60%;
  padding-bottom:10px;
  position:relative;
  background-color:#ffffff;
  color:#1dbecf;
  margin-bottom: 5rem;
}

.bloc_espace_perso_prelevements{
  margin-left:20%;
  margin-top:20px;
  width:60%;
  padding-bottom:10px;
  position:relative;
  background-color:#ffffff;
  color:#1dbecf;
  margin-bottom: 5rem;
}

.bloc_espace_perso_reservations{
  margin-left:20%;
  margin-top:20px;
  width:60%;
  padding-bottom:10px;
  position:relative;
  background-color:#ffffff;
  color:#1dbecf;
  margin-bottom: 5rem;
}

#titre_devenir_membre {
margin-bottom: 20px;
margin-top: 60px;
font-size: 18px;
font-family: 'Gilroy';
width:80%;
margin-left:10%;
z-index:3;
}

#separateur_devenir_membre {
margin-bottom:30px;
width:14%;
margin-left:43%;
border-bottom:6px solid #000000;
z-index:3;
}

.input-espace-perso{
  width:90%;
  border-radius:5px;
  border:1px solid #1dbecf;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  height:40px;
}

.input-espace-perso-profil{
  width:100%;
  background-color:#f1f1f2;
  border:0;
  border-bottom:5px solid #41becd;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  height:40px;
  font-family:'Gilroy';
  font-size:16px;
  padding-left:10px;
  color:#8c8c8c;
}

.input-espace-perso-profil::-webkit-input-placeholder {
    color:#1dbecf;
    opacity:1;
    font-size:16px;
}

.input-espace-perso-profil::-moz-placeholder {
    color:#1dbecf;
    opacity:1;
    font-size:16px;
}

.input-espace-perso-profil:-moz-placeholder {
    color:#1dbecf;
    opacity:1;
    font-size:16px;
}

.input-espace-perso-profil:-ms-input-placeholder {
    color:#1dbecf;
    opacity:1;
    font-size:16px;
}

.input_password_1 {
    padding-left:10px;
}

.input_password_1::-webkit-input-placeholder {
    color:#ffffff;
    opacity:1;
    font-size:14px;
}

.input_password_1::-moz-placeholder {
    color:#ffffff;
    opacity:1;
    font-size:14px;
}

.input_password_1:-moz-placeholder {
    color:#ffffff;
    opacity:1;
    font-size:14px;
}

.input_password_1:-ms-input-placeholder {
    color:#ffffff;
    opacity:1;
    font-size:14px;
}

.input_password_2 {
    padding-left:10px;
}

.input_password_2::-webkit-input-placeholder {
    color:#1dbecf;
    opacity:1;
    font-size:14px;
    font-weight:300;
}

.input_password_2::-moz-placeholder {
    color:#1dbecf;
    opacity:1;
    font-size:14px;
    font-weight:300;
}

.input_password_2:-moz-placeholder {
    color:#1dbecf;
    opacity:1;
    font-size:14px;
    font-weight:300;
}

.input_password_2:-ms-input-placeholder {
    color:#1dbecf;
    opacity:1;
    font-size:14px;
    font-weight:300;
}

.select-espace-perso{
  width:90%;
  border-radius:5px;
  border:1px solid #1dbecf;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  height:40px;
  -moz-appearance:none;
  -webkit-appearance: none;
  appearance: none;
}

.select-espace-perso-profil{
  width:100%;
  background-color:#f1f1f2;
  border:0;
  border-bottom:5px solid #41becd;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  height:40px;
  -moz-appearance:none;
  -webkit-appearance: none;
  appearance: none;
  font-family:'Gilroy';
  font-size:16px;
  padding-left:5px;
  color:#8c8c8c;
}

.select-espace-perso-newsletters-centres{
  width:80%;
  background-color:#ffffff;
  border:0;
  border-bottom:5px solid #41becd;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  height:40px;
  -moz-appearance:none;
  -webkit-appearance: none;
  appearance: none;
  font-family:'Gilroy';
  font-size:16px;
  padding-left:5px;
  color:#4acbd9;
  text-align:center;
  text-align-last:center;
}

.select_jereserve{
  width:200px;
  background-color:#ffffff;
  border:1px solid #41becd;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  height:40px;
  -moz-appearance:none;
  -webkit-appearance: none;
  appearance: none;
  font-family:'Gilroy';
  font-size:16px;
  color:#4acbd9;
  text-align:center;
  text-align-last:center;
}

.input_jereserve{
  width:120px;
  background-color:#ffffff;
  border:1px solid #41becd;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  height:40px;
  -moz-appearance:none;
  -webkit-appearance: none;
  appearance: none;
  font-family:'Gilroy';
  font-size:16px;
  color:#4acbd9;
  text-align:center;
}

.bloc_espace_perso_login{
  margin-left:20%;
  margin-top:100px;
  margin-bottom:100px;
  width:60vw;
  height:60vh;
  position:relative;
}

.bloc_espace_perso_devenir_membre{
  margin-left:20%;
  margin-top:100px;
  margin-bottom:100px;
  width:60vw;
  height:60vh;
  position:relative;
}

.accueil_bloc_slider{
  margin-left:20%;
  margin-top:20px;
  margin-bottom:20px;
  width:60%;
  position:relative;
}

.accueil_blocs_content
{
/* nofloat:left; */
margin-left:20%;
margin-top:20px;
width:60%;
position:relative;
}

.accueil_blocs_content_reservations
{
margin-left:0;
/* margin-top:20px; */
width:100%;
position:relative;
}

.accueil_bloc_slider_centre{
float:left;
width:100%;
position:relative;
}

.accueil_bloc_slider_centre_titre{
position:absolute;
left:10%;
top:10%;
width:80%;
color:#16164f;
line-height: 3vh;
font-size: 3vh;
font-family: 'Gilroy';
text-decoration:none;
}

.accueil_bloc_slider_centre_adresse{
position:absolute;
left:10%;
top:20%;
width:80%;
color:#16164f;
line-height: 2vh;
font-size: 2vh;
font-family: 'Gilroy';
text-decoration:none;
}

.accueil_bloc_slider_centre_tel{
position:absolute;
left:10%;
top:40%;
width:40%;
color:#16164f;
line-height: 2vh;
font-size: 2vh;
font-family: 'Gilroy';
text-decoration:none;
}

.accueil_bloc_slider_centre_email{
position:absolute;
left:10%;
top:50%;
width:40%;
color:#16164f;
line-height: 2vh;
font-size: 2vh;
font-family: 'Gilroy';
text-decoration:none;
}

.accueil_bloc_slider_centre_web{
position:absolute;
left:10%;
top:60%;
width:40%;
color:#16164f;
line-height: 2vh;
font-size: 2vh;
font-family: 'Gilroy';
text-decoration:none;
}

.accueil_bloc_slider_centre_web a{
text-decoration:none;
color:#16164f;
}

.accueil_bloc_slider_centre_facebook{
position:absolute;
left:10%;
top:70%;
width:40%;
color:#16164f;
line-height: 2vh;
font-size: 2vh;
font-family: 'Gilroy';
text-decoration:none;
}

.accueil_bloc_slider_centre_twitter{
position:absolute;
left:10%;
top:80%;
width:40%;
color:#16164f;
line-height: 2vh;
font-size: 2vh;
font-family: 'Gilroy';
text-decoration:none;
}


#bloc_partage_twitter{
  position:absolute;
  right:12px;
  bottom:50px;
  width:60px;
  z-index:3;
}

#bloc_partage_facebook{
  position:absolute;
  right:12px;
  bottom:10px;
  width:60px;
  z-index:3;
}

.background_head_solidaire{
/* noopacity: 0.5;
nobackground-color: #ffffff; */
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index:2;
/* nobackground-color:rgba(255,255,255,0.5); */
}

.head_solidaire{
background-color:rgba(255,255,255,0.5);
/* nobackground-color:#ffffff;
noopacity:0.5;
nobackground-image:url('../images/accueil-geoloc.png');
nobackground-repeat: no-repeat;
nobackground-size:cover;
nobackground-position: left; */
float:left;
margin-left:20%;
margin-top:20px;
width:60%;
height:250px;
text-align:center;
font-size: 18px;
color:#000000;
position:relative;
}

#bouton_geoloc {
background: #fff none repeat scroll 0 0;
border: 4px solid #fff;
color: #4abbb5;
text-decoration: none;
padding-left: 35px;
padding-right: 30px;
background-image:url('../images/marker2.png');
background-repeat: no-repeat;
background-size:contain;
background-position: left;
position: relative;
}

#titre_solidaire {
margin-bottom: 20px;
margin-top: 60px;
font-size: 18px;
font-family: 'Gilroy';
width:80%;
margin-left:10%;
z-index:3;
}

#separateur_solidaire {
margin-bottom:30px;
width:14%;
margin-left:43%;
border-bottom:6px solid #000000;
z-index:3;
}

#texte_solidaire {
margin-bottom: 20px;
margin-top: 10px;
font-size: 1vw;
font-family: 'Gilroy';
width:80%;
margin-left:10%;
line-height:1vw;
z-index:3;
}

.bloc_1_4{
border:0;
margin:0;
padding:0;
background-color:#989898;
display:none;
}

.bloc_2_4{
border:0;
margin:0;
padding:0;
background-color:#989898;
display:table-cell;
}

.bloc_1_4_separator{
display:table-cell;
width:20px;
}

.no_resa {
  color: #000;
  text-align: center;
  margin: 50px;
}

.accueil_bloc_titre_blanc a {
position:absolute;
left:10%;
top:5%;
height:5%;
color:#ffffff;
font-size: 30px;
font-family: 'Gilroy';
text-decoration:none;
}

.accueil_bloc_titre {
position:absolute;
left:10%;
top:5%;
height:5%;
width:90%;
font-size: 1.3vw;
font-family: 'Gilroy';
text-decoration:none;
z-index:4;
}

.accueil_bloc_titre a {
font-size: 1.3vw;
font-family: 'Gilroy';
text-decoration:none;
width:100%;
}

.accueil_bloc_titre_noir a {
position:absolute;
left:10%;
top:5%;
height:5%;
color:#000000;
font-size: 28px;
font-family: 'Gilroy';
text-decoration:none;
}

.accueil_bloc_soustitre_blanc a {
position:absolute;
left:10%;
top:10%;
height:5%;
color:#ffffff;
font-size: 19px;
font-family: 'Gilroy';
line-height: 2em;
text-decoration:none;
}

.accueil_bloc_soustitre {
position:absolute;
left:10%;
top:10%;
height:5%;
font-size: 16px;
font-family: 'Gilroy';
line-height: 2em;
text-decoration:none;
z-index:4;
}

.accueil_bloc_soustitre a {
font-size: 16px;
font-family: 'Gilroy';
line-height: 2em;
text-decoration:none;
}

.accueil_bloc_soustitre_noir a{
position:absolute;
left:10%;
top:10%;
height:5%;
color:#000000;
font-size: 19px;
font-family: 'Gilroy';
line-height: 2em;
text-decoration:none;
}

/*-------------------------------------------- Debut Slider page accueil --------------------------------------------------*/

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 0px;
  padding: 0;
  /* *zoom: 1; */
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  transform: translatez(0);
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  -moz-box-shadow: 0 0 0px #ccc;
  -webkit-box-shadow: 0 0 0px #ccc;
  box-shadow: 0 0 0px #ccc;
  border: 0px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('../images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  /* *zoom: 1;
  *display: inline; */
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('../images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('../images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('../images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('../images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/*---------------------------------------------- Fin Slider page accueil --------------------------------------------------*/


#mask_popup{
  z-index: 9;
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(56, 74, 105, 0.5);
  backdrop-filter: blur(3px) grayscale(1);
  transition: opacity 300ms ease-in-out;
}
#popup{
  z-index: 10;
  display: none;
  flex-direction: column;
  gap: 1rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  box-sizing: border-box;
  width: 600px;
  padding: 3rem 2rem;
  max-width: calc(100% - 32px);
  max-height: calc(100% - 32px);
  border-radius: 1rem;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0);
  background-color: var(--white);
  transition: 
    box-shadow 300ms  ease-in-out,
    opacity 250ms  ease-in-out,
    transform 300ms  ease-in-out;
}
#popup h3 {
  font-size: 1.5rem;
  color: var(--secondary);
  text-align: center;
  font-weight: 600;
  margin-bottom: 1rem;
}
#popup form {
  margin: unset;
}
#popup label {
  font-weight: 500;
  color: var(--secondary);
  padding-left: 0.5rem;
}
#popup input:not(input[type='submit']) {
  padding: 0.8rem;
  text-align: left;
  appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  width: 100%;
  height: fit-content;
  margin: unset;
  border: 2px solid var(--disabled);
  border-radius: 0.5rem;
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  font-size: 1rem;
  color: var(--grey);
  background-color: var(--white);
}
#popup input:not(input[type='submit']):focus {
  border: 1px solid var(--secondary);
  color: var(--secondary);
  padding: calc(0.8rem + 1px);
}
#popup input:not(input[type='submit']):focus::placeholder {
  color: var(--secondary);
}
/* #popup input[type='submit']{
  display: flex;
  justify-content: center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  padding: 0.75rem;
  width: 100%;
  background-color: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 0.25rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  color: var(--white);
  /* margin-top: 2rem; */
  /* transition: all 250ms ease-in-out;
}
#popup input[type='submit']:hover {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--white);
} */
/* The container */
.my-radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-top:3px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color:#1dbecf;
}

/* Hide the browser's default radio button */
.my-radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.my-radio-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    /* noborder-radius: 50%; */
}

/* On mouse-over, add a grey background color */
.my-radio-container:hover input ~ .my-radio-checkmark {
    background-color: #f1f1f2;
}

/* When the radio button is checked, add a blue background */
.my-radio-container input:checked ~ .my-radio-checkmark {
    background-color: #41becd;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.my-radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.my-radio-container input:checked ~ .my-radio-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.my-radio-container .my-radio-checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  /* noborder-radius: 50%; */
  background: #41becd;
}


input.yesno{position:relative;vertical-align:middle;margin-left:8px;display:none;}
label.yesno{margin-left:40px;padding-left:10px;position:relative;color:#1dbecf;}
input.yesno:checked+label:before{background-color:#a1dee6;}
input.yesno:checked+label:after{left:-20px;}
label.yesno:before{content:"";position:absolute;top:2px;left: -38px;display: block;width: 38px;height: 16px;background-color: #f1f1f2;border-radius: 10px;margin-top: 0;margin-left: -6px;border: 0px solid hsl(0, 0%, 77%);}
label.yesno:after{content: "";display: block;width: 20px;height: 20px;border-radius: 14px;background-color: #44becd;position: absolute;top: 0px;left: -42px;-webkit-transition: left .3s ease-in-out;-moz-transition: left .3s ease-in-out;-o-transition: left .3s ease-in-out;transition: left .3s ease-in-out;}
input.yesno[disabled]+label:after{display: none;}
input.yesno[disabled]+label:before{background-color: #fafaf8;box-shadow: inset 0 0 3px hsla(0, 0%, 26%, 0.65);opacity: .6;}


.dropzone_100{text-align:center;}
.dropzone_espace_perso_100{margin-left:auto;margin-right:auto;padding:0;position:relative;overflow:hidden;width:100px;height:100px;cursor:pointer;}
.dropzone_espace_perso_100_image{max-width:100px;max-height:100px;}
.dropzone_espace_perso_100_file{position:absolute;top:0;right:0;margin:0;padding:0;font-size:500px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.dropzone_espace_perso_100_progress{display:none;position:absolute;bottom:0;left:0;width:100px;margin:0;padding:0;}

.dropzone_160{text-align:center;}
.dropzone_espace_perso_160{margin-left:auto;margin-right:auto;padding:0;position:relative;overflow:hidden;width:160px;height:190px;cursor:pointer;}
.dropzone_espace_perso_160_image{max-width:160px;max-height:160px;}
.dropzone_espace_perso_160_file{position:absolute;top:0;right:0;margin:0;padding:0;font-size:500px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.dropzone_espace_perso_160_progress{display:none;position:absolute;bottom:0;left:0;width:160px;margin:0;padding:0;}

/*
-----------------------------------------------------------------------------------------------------------------------------------
en dessous de 1024 pixels de largeur
-----------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width: 1024px)
{

.head_solidaire{
margin-left:0;
margin-top:0;
width:100%;
min-height: 100%;
}

.accueil_blocs_content
{
margin-top:0;
margin-left:0;
width:100%;
}

.accueil_blocs_content_reservations
{
margin-top:0;
margin-left:0;
width:100%;
}

.accueil_bloc_titre{
  font-size:4vw;
}

.accueil_bloc_titre a{
  font-size:4vw;
}

.accueil_bloc_soustitre a{
  font-size:16px;
}

.bloc_1_4{
width:100vw;
height:100vw;
margin-right:0;
margin-top:0;
display:block;
}

.bloc_1_4_separator{
display:none;
}

.bloc_2_4{
width:100%;
margin-right:0;
margin-top:0;
}

#texte_solidaire {
font-size:3vh;
padding:0;
line-height:3vh;
}

.bloc_espace_perso_login{
  margin-left:0;
  margin-top:100px;
  margin-bottom:0;
  width:100vw;
  height:160vh;
  position:relative;
}

.bloc_head_espace_perso{
  margin-left:0;
  margin-top:100px;
  width:100vw;
  height:140vh;
  position:relative;
}

.accueil_bloc_slider{
  margin-left:0;
  margin-top:0;
  margin-bottom:0;
  width:100vw;
  position:relative;
}

.bloc_espace_perso_profil, .bloc_espace_perso_abonnements{
  margin-left:0;
  margin-top:0;
  width:100vw;
  position:relative;
  background-color:#ffffff;
}

.bloc_espace_perso_newsletters{
  margin-left:0;
  margin-top:100px;
  width:100vw;
  position:relative;
}

.bloc_espace_perso_motdepasseperdu{
  margin-left:0;
  margin-top:100px;
  width:100vw;
  position:relative;
}

.bloc_espace_perso_bienvenue{
  margin-left:0;
  margin-top:100px;
  width:100vw;
  position:relative;
}

.bloc_espace_perso_factures{
  margin-left:0;
  margin-top:0;
  width:100vw;
  padding-bottom:10px;
}

.bloc_espace_perso_echeancier{
  margin-left:0;
  margin-top:0;
  width:100vw;
  padding-bottom:10px;
}

.bloc_espace_perso_prelevements{
  margin-left:0;
  margin-top:0;
  width:100vw;
  padding-bottom:10px;
}

.bloc_espace_perso_reservations{
  margin-left:0;
  margin-top:0;
  width:100vw;
  padding-bottom:10px;
}

.select_jereserve{
  width:100%;
}

.input_jereserve{
  width:100%;
}
#inscription .div_inscription_popup {
  display: block;
}
} /* @media screen and (max-width: 1024px) */