@import url(' /assets/common/css/fonts/opensans/opensans.css');

body {
    line-height:1.1;
}
/**** page 1 et 2 ***/

.mentions-legales {
    padding: 30px 30px 30px 30px;
}

.desktop {
    display:block;
}
.responsive {
    display:none;
}



/*partie checkbox*/


input[type="radio"] {
    display: none;

}

.radio-group label [type="radio"] {
    position: relative;
    display: inline-block;
    margin:0px;
    width: 30px;
    height: 30px;
    margin-top: -10px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    cursor: pointer;
}

.radio-group input[type="radio"]:checked + label {
    background-color: #000;
    color: #000;
}

.colorbloc {width: 210px;color:#fff;padding:20px;background: rgba(0,0,0,0.7);}
.padding-radio {
    margin-top: 80px;
    margin-left: 440px;
}

.radio-group h3 {
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    padding-left: 40px;
    margin-top: -32px;
    color: #fff;
    font-weight: 700;
    font-size: 1.25em;
    text-transform: uppercase;
}

.choice {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 10px 0;
  }
  
  .round-btn {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #ffffff;
    margin-right: 10px;
    transition: background 0.3s;
  }
  
  .choice.active .round-btn {
    background: #1471E3; /* Bouton rempli si actif */
  }
  
  .landing {
    max-height: 850px;
    background: url('/assets/enquete-shopping/smartphone16/img/bg-1.jpg') no-repeat center/cover;
    transition: background 0.4s ease-in-out;
  }
  
  .landing.bg1 { background-image: url('/assets/enquete-shopping/smartphone16/img/bg-1.jpg'); }
  .landing.bg2 { background-image: url('/assets/enquete-shopping/smartphone16/img/bg-2.jpg'); }
  .landing.bg3 { background-image: url('/assets/enquete-shopping/smartphone16/img/bg-3.jpg'); }
  .landing.bg4 { background-image: url('/assets/enquete-shopping/smartphone16/img/bg-4.jpg'); }




/*fin de la partie checkbox*/

/*.main.row{min-height: 896px;}*/

/******* left content********/
.left-content .bloc-title{
    margin-top:20px;
    margin-left: 100px;
    width: 70%;
}
.left-content img{
    width: 90%;
    margin-top: 30px;
}



.left-content .bloc-product {
    position:absolute;
}

.v2.form-content {
    margin: 40px 0 0 0;
    
}


.v2.form-content .title-step span {
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    font-weight:400;
    color:#000;
    font-size: 0.8em;
}


/******* FORM Personnalisation********/

.v2 #form-bloc-1 #infos-accueil p.infos-title {
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    width: 100%;
    height: 30px;
    background:#fff;
    font-weight: 600;
    font-size: 1.2em;
}
.v2.form-content {
    padding-right:10px;
    background-color:#fff;
}
.form-content {
    border-radius:0;
}
.v2.form-content .title-step {
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    font-weight:700;
    color:#000000;
    font-size: 1.1em;
}
.form-content #email label {
    display:none;
}
.form-content .infos_text {
    line-height:1.2;
    font-size: 0.6em;
}
.sable{
    background: transparent;
    padding-bottom: 0px;
}
.main .form-content img{
    width: 100%
}
.form_date select[name="birthday_a"] {
    width: 47%;
}

.padd .form-content #email label {
    display:none;
}
.padd .form-control, .custom-select {
    border-radius:0px;
    border: 1px solid;
    color:#706b65;
}
.padd .form-control::placeholder{
    color:#333;
}
.form_elem .bloc-radio {
    border: transparent;
}
.form_elem .bloc-radio label {
    color:#999;
}
.form_elem .bloc-radio.active {
    background-color:#f8f8f8;
}
.custom-select {
    color:#333;
}

.form-content {
    position: relative; /* ou static */
  display: block;
}


/******* button*******/
#create_customer.btn-big {
    padding-right:10px;
}
#form_accueil_v2 button[type="submit"] {
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    font-weight:600;
    font-size: 1.7em;
    color:#fff;
    background-color: #1471E3;
    padding:20px 0 20px 0;
    border-radius:50px;
}
@media (max-width: 2000px) {
    .left-content .bloc-title{
        padding-top:15px;
        margin-left: 250px;
    }
    .left-content img{
        width: 90%;
    }
}

@media (max-width: 1199px) {
    .left-content .bloc-title{
        margin-top:20px;
        margin-left: 90px;
        width: 80%;
    }
    .left-content img{
        width: 100%;
    }

    .padding-radio {
        margin-left:350px;
    }

}


@media (max-width: 990px) {

    .no-marg img{
        margin-top: 0px;
    }
    
    .padding-radio {
        margin-left:15px;
        margin-bottom: 30px;
    }

    .desktop {
        display:none;
    }
    .responsive {
        display:block;
    }
    .bloc-produit{
        padding-top: 0px;
        margin-top:0;
    }
    .blocnote-form {
        border-radius:0 0 30px 30px;
    }
    .bloc-produit img {
        width: 100%;
    }
    .main .left-content {
        padding-right:0;
        padding-left:0;
    }
    .main .form-content {
        margin-top: 60px;
        border-radius: 0
    }
    #wrapper{
        background-image: none;
        background-color: #ffffff;
    }
    .fleche{
        display: none
    }

    .logoFitness img{
        width: 80%
    }
    .sable {
        display:none;
    }
    .h1, h1 {
        font-size: 1.25rem;
    }

    /*partie checkbox*/


    input[type="radio"] {
        display: none;

    }

    .radio-group label [type="radio"] {
        position: relative;
        display: inline-block;
        margin:0px;
        width: 30px;
        height: 30px;
        margin-top: -10px;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 50px;
        cursor: pointer;
    }

    .radio-group input[type="radio"]:checked + label {
        background-color: #000;
        color: #000;
    }


    .padding-radio {
        padding: 30px
    }

    .landing {
        max-height: 500px;
        background: url('/assets/enquete-shopping/smartphone16/img/bg-resp-1.jpg') no-repeat center/cover;
        transition: background 0.4s ease-in-out;
        margin-bottom: 600px;
      }
      
      .landing.bg1 { background-image: url('/assets/enquete-shopping/smartphone16/img/bg-resp-1.jpg'); }
      .landing.bg2 { background-image: url('/assets/enquete-shopping/smartphone16/img/bg-resp-2.jpg'); }
      .landing.bg3 { background-image: url('/assets/enquete-shopping/smartphone16/img/bg-resp-3.jpg'); }
      .landing.bg4 { background-image: url('/assets/enquete-shopping/smartphone16/img/bg-resp-4.jpg'); }
    
      .colorbloc {width: 340px;color:#fff;padding:20px;background: rgba(0,0,0,0.7);}
      .padding-radio {
          margin-top: 230px;
          margin-left: 0px;
      }

    /*fin de la partie checkbox*/


}

@media (max-width: 767px) {
.landing {
    max-height: 400px;
    margin-bottom: 680px;
  }

  .main .form-content {
    margin-top: 10px;
    border-radius: 0
}

.colorbloc {width: 340px;color:#fff;padding:20px;background: rgba(0,0,0,0.7);}
.padding-radio {
    margin-top: 180px;
    margin-left: -30px;
}

}

@media screen and (max-width:600px) {

    .landing {
        max-height: 450px;
        background: url('/assets/enquete-shopping/smartphone16/img/bg-mobile-1.jpg') no-repeat center/cover;
        transition: background 0.4s ease-in-out;
        margin-bottom: 700px;
      }
      
      .landing.bg1 { background-image: url('/assets/enquete-shopping/smartphone16/img/bg-mobile-1.jpg'); }
      .landing.bg2 { background-image: url('/assets/enquete-shopping/smartphone16/img/bg-mobile-2.jpg'); }
      .landing.bg3 { background-image: url('/assets/enquete-shopping/smartphone16/img/bg-mobile-3.jpg'); }
      .landing.bg4 { background-image: url('/assets/enquete-shopping/smartphone16/img/bg-mobile-4.jpg'); }
    

      .main .form-content {
        margin-top: 40px;
        border-radius: 0
    }

    .colorbloc {width: 200px;color:#fff;padding:20px;background: rgba(0,0,0,0.7);}
    .padding-radio {
    margin-top: 180px;
    margin-left: 30px;
}
}  


@media screen and (max-width:470px) {

    .landing {
        max-height: 400px;
        margin-bottom: 750px;
      }

      .main .form-content {
        margin-top: 30px;
        border-radius: 0
    }

    .colorbloc {width: 200px;color:#fff;padding:20px;background: rgba(0,0,0,0.7);}
    .padding-radio {
        margin-top: 140px;
        margin-left: 30px;
    }


}  


@media screen and (max-width:430px) {

    .landing {
        max-height: 350px;
      }

      .main .form-content {
        margin-top: 0px;
        border-radius: 0
    }

    .colorbloc {width: 200px;color:#fff;padding:20px;background: rgba(0,0,0,0.7);}
    .padding-radio {
        margin-top: 120px;
        margin-left: 30px;
    }


}