.container{
    /*background-color: #0E5B8F;*/
    /* padding: 50px;
    padding: 0px 50px;*/
}
.cc-color-override--280706150.cc-window {
    display: none !important ;
}


/* STYLE INPUT FILE*/

.posseder_cart{
    border: 1px solid #ced4da;
    padding: 5px 10px;
    text-align: left;
    border-radius: 5px;

    color: #6c757d;
}

#membre_carte_oura_oui{
    padding-left: 30px;
}
#membre_carte_oura_non{
    padding-left: 20px;
}

.row_just{
    width: 100%;
    margin-top: 10px;
}

.btn-file {
    padding: 8px 15px;
    background-color: #fd8907;
    border-radius: 3px;
    color: #fff;
    margin-right: 8px;
  }

  .btn-file input[type=file] {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 100%;
      min-height: 100%;
      font-size: 100px;
      text-align: right;
      filter: alpha(opacity=0);
      opacity: 0;
      outline: none;
      background: white;
      cursor: inherit;
      display: block;
      z-index: -9999;
  }

  .btn-file span {
    display: block;
    color: #777;
  }

/* STYLE INPUT FILE*/

.container-m{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.underline{
    text-decoration: underline;
}

.en-cours{
    background-color: #2190c2;
    color: #fff !important ;
}

.en-attente{
    background-color: grey ;
    color: #fff !important ;
}

.annulee, .Annulee, .paiement.non.finalise{
    background-color: red ;
    color: #fff !important ;
}

.en-cours{
    background-color: #2190c2;
    color: #fff !important ;
}

.centre_titre{
    margin: 0 auto !important;
    width: 100%;
    font-size: 1.2em;
    text-decoration: underline;
}

.titre{
    width: 70%;
    float: left;
}

.btn-ajout{
    display: inline-block;
    margin-bottom: 15px;
}

.main{
    width: 992px;
    margin: 0 auto;
}

.mb-3{
    /*margin-bottom: 2px !important;*/
    margin-bottom: 19px !important;
}

.error, span.error_tel, span.error_cp, span.error_bic,span.error_iban,span.error_titulaire_rib{
    color: red !important;
    font-size: 9pt;
}

.error, .error_cp, .error_tel, .info_statut_etudiant, .info_statut_senior, .info_statut_famille, .info_statut_solidaire, .info_statut_retraite, .info_solidaire,
.error_bic, .error_iban, .error_titulaire_rib{
    display: none;
}

.info_solidaire{
    color: grey;
    font-size: 13px;
    font-style: italic;
}

.info_statut_etudiant, .info_statut_senior, .info_statut_famille, .info_statut_retraite, .info_conditions_generale{
    color: #2190C2;
    font-size: 13px;
}

.info_statut_solidaire{
    /* color: rgb(128, 128, 128); */
    color: #2190C2;
    font-size: 13px;
}

.message-retour{
    /* width: 466px; */
    margin: 0 auto;
    margin-bottom: 15px;
}

.table-bordered td, .table-bordered th {
    font-size: 0.8em !important;
}

.btn_rib{
    width: 35% !important;
}

#block_erreur_rib{
    display: none;
}

.commande_charge, .valide, .Valide, .validee, .Validee, .Validée, .Valid�e, .validée {
    background: green;
    color: #fff;
    line-height: 40px;
}

.cheque{
    line-height: 40px;
}

.carte_bancaire{
    background: #2190c2 ;
    color: #fff;
    line-height: 40px;
}

nav{
    background: white !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    width: 100%;
}

nav a{
    color: white !important;
}

nav a:hover{
    color: #fff!important;
    text-decoration: none;
    background: #2190c2 ;
}

.text-muted {
    /* color: #2190c2 !important; */
}
/*[type=submit]{
    font-size: 13px;
    font-family: Arial;
    border-radius: 10px;
    height: 28px;
    line-height: 16px;
    font-family: arial;
}*/

#valid_login{
    margin: 0 auto;
    width: 188px;
    font-size: 15px;
    font-family: Arial;
    border-radius: 10px;
    height: 40px;
    line-height: 27px;
    font-family: arial;
}

.valid_login{
    margin: 0 auto;
    width: 188px;
    font-size: 15px;
    font-family: Arial;
    border-radius: 10px;
    height: 40px;
    line-height:27px;
    font-family: arial;
}

a.lien_nav{
    font-size: 15px;
    border-radius: 10px;
    line-height: 41px;
    font-family: arial;
    background-color: #2190c2 !important;
    color: #fff;
    min-width: 188px;
    display: inline-block;
    height: 40px;
    text-decoration: none;
}

.btn-primary {
    color: #fff !important;
    background-color: #2190c2 !important;
    border-color: #2190c2 !important;
}

p.user_flash_help {
    color: #0F6BB8;
    border-color: #0F6BB8;
}

p.user_flash {
    min-height: 30px;
    line-height: 20px;
    text-align: left;
    padding: 10px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
}

p.form_required_fields_msg {
    text-align: left;
    text-decoration: none;
    margin: 25px 0;
}

.new_content{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 100px;
}


#choix_membre{
    text-align: right;
}

.nom_abonnement{
    width: 200px !important;
}

.prix_abonnement{
    width: 110px !important;
}
/********** form **********/

#form_connexion h2, .register h2{
    font-size: 17px;
    font-weight: bold !important;
}

.login, .register{
    /*min-height: 472px;*/
    /* padding: 41px 73px; */
    padding: 10px;
}

.row_login{
    margin-top: 9px;
    margin-bottom: 9px;
}

.register{
    /* background-color: #f3f3f3; */
    background-color: #ebebeb;
}

.register a{
    text-decoration: none;
}

.register p{
    margin-top: 1.1rem;
    margin-bottom: 5.3rem;
}

.login{
    background-color: #fff;
}

.signature img{
    width: 990px;
}

input[type=email], input[type=password],input[type=text],input[type=select], input[type=date],input[type=number],
input[type=tel],input[type=file], #doc_membre, #photo_membre {
    display: inline-block;
    /*width: 247px;*/
    width: 265px;
}

.forgot_password a {
    font-style: italic;
    color: #0073ab;
    text-decoration: none;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 13px;
}

.info_validation{
   font-style: italic;
    font-weight: bold;
    padding-right: 473px;
    font-size: 11px;
}

.info_validation_2{
    font-style: italic;
    font-weight: bold;
    font-size: 11px;
}

.info_password{
   font-style: italic;
    font-weight: bold;
   /* padding-left: 118px; */
    font-size: 11px;
}

/******************* fin form **************/

.crcl_jaune{
    display:table-cell;
    vertical-align:middle;
    width: 35px;
    height: 35px;
    color:#000;
    text-align: center;
}

.numero_etape{
    text-align: center;
    width: 100%;
}

.current_etape{
    display:table-cell;
    vertical-align:middle;
    background: #000;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    border: 1px solid rgba(255,255,255,0.7);
    color: white;
    text-align: center;
}

.login_email, .login_pwd{
    min-width: 115px;
    text-align: left;
    line-height: 41px;
}

#form_connexion .login_email, #form_connexion .login_pwd{
    text-align: right;
    margin-right: 10px;
}

#form_connexion .row_login{
margin-bottom: 0px;
}
/********** etape 1 inscription ***********/
.inscription{
    width: 100%;
    /*background-color: #f3f3f3; */
    /*padding: 41px 73px;*/
    margin-top: 0px;
    /*margin-bottom: 100px;*/
}

.login h2{
    text-align: left;
}

.prenom_user, .nom_user,.civilite_user,.bday{
    margin-right: 0.5rem;
    line-height: 43px;
    text-align: right;
    min-width: 138px;
}

#user_civilite, #user_abonnement{
    min-width: 265px !important;
}

.numero_etape_1 {
    width: 128px;
    margin: 0 auto;
    margin-left: 151px;
}

.etape_1 a.left{
    margin-left: 158px;
}

.etape_1 .right button{
    margin-left: 0px;
}

.etape_4 {
    margin-left: -115px;
}
/******************** etape 2 *******/
.clear{
    clear: both;
}
.text_etape_2_1{
    text-align: left;
    /*padding-left: 50px; */
    font-size: 13px;
}

.text_etape_2_2{
    text-align: left;
    padding-left: 50px;
}

.text_etape_2>h4{
    text-align: left;
    font-size: 17px;
}

.user_phone, .user_ville, .user_statut, .user_cp, .user_adresse{
    margin-right: 0.5rem;
    line-height: 43px;
    text-align: justify;
    min-width: 26%;
    float: left;
}
input[type=checkbox]{
    margin-top: 15px;
    margin-left: 1px;
}

#user_membre_groupe{
    display: none;
}

#nb_membre_add, #reduc_user{
    display: none;
}

#type_abonnement_membre, #membre_abonnement, #membre_abonnement_child, #membre_document, #membre_photo_ci, #membres_user{
    width: 247px;
    display: inline-block;
}

/******************** etape 3 *******/
.etape_3{
    width: 100%;
    text-align: center;
    margin: auto;
}

.etape_3 label{
    min-width: 230px;
}

.numero_etape_3{
    width: 128px;
    margin: 0 auto;
    margin-left: 150px;
}

.captcha{
    width: auto;
    margin: 0 auto;
    padding: 20px 0px;
    text-align: center;
}

.label_email, .label_pwd, .label_confirm_pwd{
    text-align: right;
}

/********************  etape oura *******/
.etape_oura{
    margin: 0 auto;
    margin-bottom: 25px;
    margin-top: 25px;
}

.etape_membre_left, .etape_membre_right{
    width: 139px;
}

.etape_oura_right, .etape_oura_left{
width: 139px;
}



.carte_oura{
    margin-right: 50px;
}

.numero_oura{
    width: 390px;
    margin: 0 auto;
}

.numero_oura label{
    min-width: 50px;
}

input[type=radio]{
    cursor: pointer;
}

.user_document_inscription{
    display: none;
}

.info_etape_4{
    display: none;
}

.numero_etape_44 {
    width: 128px;
    margin: 0 auto;
    margin-left: 75px;
}

#user_carte_oura_non{
    /* background: #2190C2; *//
     background:rgb(128, 128, 128)
    color: #fff;
}



/*********** final inscription ******/

.bilan_left{
    background-color: #55595C;
    color: #fff;
    text-align: left;
    vertical-align: middle;
    padding-left: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.confirm_conditions, .confirm_honneur{
    max-width: 510px;
    text-align: left;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 10px;
}

.check_confirm_conditions{
    margin-top: 26%;
}

.check_confirm_honneur{
    /*margin-bottom: 40%*/
}

.recap_inscription h4{
    text-align: center;
}
/***************** Fin final inscription *******/
.panier{
    text-align: right;
}

.panier img{
    width: 50px;
}

.choix_reglement{
    width: 500px;
    margin: 0 auto;
}

.choix_reglement_gauche, .choix_reglement_droit{
    min-height: 79px;
    width: 200px;
    display: inline-block;
    margin: 10px 15px;
}

.choix_reglement_droit{
    line-height: 61px !important;
}

.info_user_left{
    text-align: left;
}

.info_user_left a{
    display: block;
    text-align: left;
    border-bottom: 1px solid;
}

.info_user_left a:hover{
    color: #007bff;
}

.info_achat{
    font-style: italic;
    font-weight: bold;
    text-align: left;
    /* font-size: 12px; */
}

.info_achat_bis{
    text-align: center;
}

/******************* page compte ***************/
#info_user{
    /*text-align: left;
    float: left;*/

    width: 300px !important;
    text-align: left;
    display: inline-block;
    /* margin-right: 104px; */
}

#info_livraison_user{

    width: 450px !important;
    display: inline-block;
    vertical-align: top;

}

.info_user_right{
    text-align: left;
}

#btn_info{
    width: 265px;
    margin: 0 auto;
}

#btn_info_suppression_compte{
    width: 265px;
}

.change_mdp{
float: left;
}

.btn_valid_mdp{
    width:277px;
    float: left;
}

/**** page changement du mot de passe ********/
#ancien_password, #new_password{
    width: 174px !important;
}

#user_confirm_password{
    width: 100% !important;
}

#form_pwd{
    /* width: 675px; */
    margin: 0 auto;
     width:340px;
    margin-top: 30px;
}

#new_pwd_user, #old_pwd, #confirm_new_pwd, #btn_pwd{
    width: 100%;
}

/************ membre ***********/
#form_membre input, #form_membre select, #membre_abonnement {
    width: 265px !important;
    margin: 0 auto;
}

/********************* Ajout membre *****************/
.for_files_membre {
    max-width: 360px;
    margin: 0 auto;
}

.glyphicon-trash>a, .glyphicon-pencil>a{
    color: #fff !important;
    min-width: 83px !important;
    display: block;
}

#user_photo_ci label{
    /* width: 285px; */
    width: auto;
    margin: 0 auto;
}

/************* abonnement **/
.abonnement_description{
    width:28%;
    text-align: left !important;
}


.table td, .table th {

    vertical-align: middle !important;

}


.etep4Oura{
    width: 100% !important;
    text-align: center;
}
.addabbinput{
    width: 100% !important;
}

.abonnement_nom{
    width: 23%;
}

/****************** Mon panier **************/

.total_user{
    width: 100%;
}

#total{
    width: 150px !important;
    border: 1px solid grey !important;
    text-align: center !important;
    height: 50px !important;
    line-height: 48px !important;
    float: right;
    border-radius: 10px;
    margin-right: 20px;
}

#vider_total{
    width: 150px !important;
    border: 1px solid grey !important;
    text-align: center !important;
    height: 31px !important;
    line-height: 25px !important;
    float: right;
    border-radius: 10px;
    margin-right: 20px;
    margin-top: 19px;
    background: grey;
}

.total_article{
    width: 150px !important;
}

.table{
    margin-left: 20px;
    margin-right: 20px;
}

.btn-achat{
    width: 100%
}

.btn-panier{
    cursor: pointer;
    min-width: 150px;
    float: right;
    margin-right: 18px;
}

.panier{
   width: 100% ;
   padding-right: 25px;
}

.panier a{
   text-decoration: none;
}


/************** membre **********/

.bloc_membre_left{
    display: inline-block;
    width: 320px;
}

.bloc_membre_right{
    display: inline-block;
    width: 310px;
}

/********************** etape 2 bis ************/
.nb_membres{
    display: none;
}

#titre_abonnement{
    width: 100%;
}

#form_abonnement{
    width: 800px;
    margin: 0 auto;
}

.div_abonnement{
    width: 650px;
    margin: 0 auto;
}

.rib{
    text-decoration: none;
}
.info_bancaire{
    min-width: 15%;
    display: inline-block;
}

.row_login #rib_user{
   text-align: left;
}

.valid_login_rib{
    text-align: center;
    margin-top: 10px;
}

a{
    text-decoration: none;
}

#rib_user, #page_paiement{
    display: none;
}

#photo_reduction, #div_photo_reduction{
    display: none;
}

.info_statut_membre{
    color: grey;
    font-size: 15px;
    text-align: justify;
}

#info_photo_reduction{
    display: none;
    color: red;
}