body
{
   background-color:#f3f3f3;
   
}

#inscription.inscription_devenir_membre {
  flex-direction: row;
  width: -webkit-fill-available;
  max-height: unset;
  padding: 1rem;
  gap: unset;
  background-color: var(--white);
}
#inscription #section_gauche {
  flex: 2 0 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 6rem 4rem;
}
#inscription #section_droite {
  flex: 1 0 440px;
  padding: 1.5rem 1.5rem;
}
#inscription #section_droite {
  background: no-repeat url("/images/espace-perso/connexion-inscription.jpg") center;
  background-size: cover;
  color: var(--white);
}
#inscription #section_droite .back_home {
  display: block;
  width: fit-content;
  font-size: 0.875rem;
  padding: 0.5rem 0.875rem;
  border-radius: 10rem;
  text-decoration: none;
  font-weight: 500;
  color: var(--secondary);
  background-color: var(--white);
}
#inscription #section_droite .back_home .icon_chevron {
  height: 1.5rem;
  width: 1.5rem;
  transform: rotate(90deg);
  vertical-align: middle;
  margin-right: 0.5rem;
}

#inscription #section_gauche .connexion_form {
  gap: 0.875rem;
  max-width: 640px;
}
#inscription #section_gauche .champs_split {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
#inscription #section_gauche .champs_split .cpo {
  max-width: 35%;
}

.accueil_bloc_slider{
  nofloat:left;
  margin-left:13%;
  margin-top:1%;
  width:74%;
  position:relative;
}

.accueil_blocs_content
{

margin-left:20%;
width:60%;
position:relative;
}

.accueil_bloc_slider_centre{
nofloat: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;
}

.devenir_membre_head{
nobackground-color:rgba(255,255,255,0.5);
nofloat:left;
margin-left:20%;
margin-top:20px;
margin-bottom:40px;
width:60%;
noheight:200px;
text-align:center;
font-size: 18px;
color:#354d68;
position:relative;
}

.div_form{
nobackground-color:rgba(255,255,255,0.5);
nofloat:left;
margin-left:20%;
margin-top:20px;
width:60%;
min-height:360px;
text-align:center;
font-size: 18px;
color:#354d68;
position:relative;
}

/* input[type=text]{
width:100%;
border:0;
height:50px;
color:#1dbecf !important;
font-size:2vh;
-moz-appearance: none;
-webkit-appearance: none;
text-indent: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: 'Gilroy';
opacity: 1 !important;
} */

.div_form ::-webkit-input-placeholder {
    color: #1dbecf;
    opacity: 1 !important; /* for older chrome versions. may no longer apply. */
}

.div_form :-moz-placeholder { /* Firefox 18- */
    color: #1dbecf;
    opacity: 1 !important;
}

.div_form ::-moz-placeholder {  /* Firefox 19+ */
    color: #1dbecf;
    opacity: 1 !important;
}

.div_form :-ms-input-placeholder {
   color: #1dbecf;
}

/* input[type=password]{
width:100%;
border:0;
height:50px;
color:#1dbecf !important;
font-size:2vh;
-moz-appearance: none;
-webkit-appearance: none;
text-indent: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: 'Gilroy';
opacity: 1 !important;
}

input[type=submit]{
  background-color: #354d68;
  border: 1px solid #354d68;
  padding: 6px 10px;
  font-size:1.3vw;
  color:#fff;
  nofloat:right;
  nowidth: 100%;
  height:100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
    -moz-appearance:none;
    -webkit-appearance: none;
    cursor:pointer;
} */

label{
  font-size:1.1vw;
}

select{
background-color:#ffffff;
-webkit-appearance: none;
border:0;
width: 100%;
font-size:2vh;
color:#1dbecf;
height:50px;
font-family: 'Gilroy';
-moz-appearance: none;
-webkit-appearance: none;
text-indent: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
 }

.div_form_gauche{
  position:absolute;
  left:0;
  top:0;
  width:50%;
  height:100%;
}

.div_form_gauche_element{
  margin-right:10px;
  margin-bottom:20px;
}

.div_form_droite{
  position:absolute;
  left:50%;
  top:0;
  width:50%;
  height:100%;
}

.div_form_droite_element{
  margin-left:10px;
  margin-bottom:20px;
}

#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_head {
margin-bottom: 20px;
margin-top: 60px;
font-size: 24px;
font-family: 'Gilroy';
width:80%;
margin-left:10%;
z-index:3;
color:#1dbecf;
}

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

#texte_head {
margin-bottom: 20px;
margin-top: 10px;
font-size: 1.1vw;
font-family: 'Gilroy';
width:100%;
line-height:1vw;
z-index:3;
color:#354d68;
}

/* The container */
.container_check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    nofont-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
}

/* Create a custom checkbox */
.checkmark2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eeeeee;
}

/* On mouse-over, add a grey background color */
.container_check:hover input ~ .checkmark {
    background-color: #1dbecf;
}

/* On mouse-over, add a grey background color */
.container_check:hover input ~ .checkmark2 {
    background-color: #cccccc;
}

/* When the checkbox is checked, add a blue background */
.container_check input:checked ~ .checkmark {
    background-color: #1dbecf;
}

/* When the checkbox is checked, add a blue background */
.container_check input:checked ~ .checkmark2 {
    background-color: #1dbecf;
}

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

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

/* Show the checkmark when checked */
.container_check input:checked ~ .checkmark:after {
    display: block;
}

/* Show the checkmark when checked */
.container_check input:checked ~ .checkmark2:after {
    display: block;
}

/* Style the checkmark/indicator */
.container_check .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Style the checkmark/indicator */
.container_check .checkmark2:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bloc_flash_testing{
nofloat:left;
width:50%;
background-color:#f7941d;
position:relative;
}

.bloc_flash_testing_double{
nofloat:left;
width:100%;
background-color:#f7941d;
position:relative;
}

.bloc_prenez_rdv{
nofloat:left;
width:50%;
background-color:#4f4a9e;
position:relative;
}

.bloc_prenez_rdv_double{
nofloat:left;
width:100%;
background-color:#4f4a9e;
position:relative;
}

.bloc_activite_double{
nofloat:left;
width:100%;
background-color:#989898;
position:relative;
margin-top:20px;
}

.bloc_activite_gauche{
  clear:both;
nofloat:left;
width:49%;
margin-right:1%;
margin-top:20px;
background-color:#989898;
position:relative;
}

.bloc_activite_droite{
nofloat:left;
width:49%;
margin-left:1%;
margin-top:20px;
background-color:#898989;
position:relative;
}

.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:#354d68;
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: 'sofia_pro_softlight';
line-height: 2em;
text-decoration:none;
}

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

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

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

.accueil_bloc_barre_verticale{
position:absolute;
left:5%;
top:5%;
width:1%;
height:15%;
z-index:4;
}

.accueil_bloc_barre_verticale_orange{
position:absolute;
left:5%;
top:5%;
width:1%;
height:15%;
background-color:#ff0000;
}

.accueil_bloc_barre_verticale_jaune{
position:absolute;
left:5%;
top:5%;
width:1%;
height:15%;
background-color:#00ff00;
}

.accueil_bloc_flash_testing_titre {
position:absolute;
left:30%;
top:35%;
width:40%;
line-height: 1.3em;
text-align: justify;
}


.accueil_bloc_flash_testing_titre a{
color:#ffffff;
font-family: 'Gilroy';
font-size: 2.3vw;
line-height: 1.3em;
text-decoration: none;
}


.accueil_bloc_flash_testing_soustitre{
position:absolute;
left:30%;
top:25%;
width:50%;
}

.accueil_bloc_flash_testing_soustitre a {
color:#ffffff;
font-family: 'Gilroy';
font-size: 1.5vw;
line-height: 1.3em;
text-decoration: none;
}

.accueil_bloc_prenez_rdv_titre{
position:absolute;
left:30%;
top:35%;
width:40%;
}

.accueil_bloc_prenez_rdv_titre a {
color:#ffffff;
font-family: 'Gilroy';
font-size: 2.5vw;
line-height: 1.3em;
text-decoration: none;
}


.accueil_bloc_prenez_rdv_soustitre{
position:absolute;
left:30%;
top:25%;
width:50%;
text-align:justify;
}

.accueil_bloc_prenez_rdv_soustitre a {
color:#ffffff;
font-family: 'Gilroy';
font-size: 1.5vw;
line-height: 1.3em;
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)*/
  -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 --------------------------------------------------*/

.bloc_bottom_2_newsletter_form_input_submit{
    background-color: #ffffff;
    border: 1px solid #fff;
    padding: 6px 10px;
    padding: 7px;
    font-size: 15px;
    color: #02727d;
    height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
    cursor:pointer;
    vertical-align:top;
    width:50%;
}

/*
-----------------------------------------------------------------------------------------------------------------------------------
en dessous de 1200 pixels de largeur
-----------------------------------------------------------------------------------------------------------------------------------
*/

.container_check {
  font-size: 1rem;
}


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

.head{
margin-left:0;
margin-top:0;
width:100%;
nomin-height: 50%;
}

.div_form{
margin-left:5%;
margin-top:20px;
width:90%;
min-height:720px;
text-align:center;
font-size: 18px;
color:#354d68;
position:relative;
}

.div_form_gauche{
  position:relative;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

.div_form_gauche_element{
  margin-right:0;
}

.div_form_droite{
  position:relative;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

.div_form_droite_element{
  margin-left:0;
}

.offres_promo {
  margin-top: 0 !important;
}

.accueil_blocs_content
{
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_flash_testing{
width:100%;
}

.accueil_bloc_flash_testing_soustitre a {
color: #ffffff;
font-family: "Gilroy";
font-size: 3.8vw;
line-height: 1.3em;
text-decoration: none;
}

.accueil_bloc_flash_testing_titre{
left: 30%;
position: absolute;
top: 25%;
width: 40%;
}

.accueil_bloc_flash_testing_soustitre{
left: 30%;
position: absolute;
top: 10%;
width: 50%;
}


.accueil_bloc_flash_testing_titre a{
color:#ffffff;
font-family: 'Gilroy';
font-size: 7.5vw;
line-height: 1.3em;
text-decoration: none;
}

.accueil_bloc_prenez_rdv_soustitre  a {
color: #ffffff;
font-family: "Gilroy";
font-size: 3.8vw;
line-height: 1.3em;
text-decoration: none;
}

.accueil_bloc_prenez_rdv_titre a{
color:#ffffff;
font-family: 'Gilroy';
font-size: 7.5vw;
line-height: 1.3em;
text-decoration: none;
}

.accueil_bloc_prenez_rdv_titre {
left: 30%;
position: absolute;
top: 25%;
width: 40%;
}

.accueil_bloc_prenez_rdv_soustitre {
left: 30%;
position: absolute;
top: 10%;
width: 50%;
}

.bloc_prenez_rdv{
width:100%;
}

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

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

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

input[type=text]{
font-size:2.2vh;
}

input[type=password]{
font-size:2.2vh;
}

select{
font-size:2.2vh;
}

input[type=submit]{
font-size:2.2vh;
}

label{
  font-size:2.2vh;
}

} /* @media screen and (max-width: 640px) */