.choix_sepa {
    width: 45%;
    float: left;
    text-align: center;
    margin-left: 35px;
}

.choix_sepa label {
    font-size: 20px;
    font-weight: bold;
}

#abonnement td,
#coupon td {
    border-top: 0px solid #fff !important;
}

.fond_abo {
    background: #F68020;
    padding: 10px;
    width: 100%;
    margin-top: 60px
}

.fond_coupon {
    background: #7E8B39;
    padding: 10px;
    margin-top: 150px;
    width: 92%;
}

.titre {
    position: absolute;
    top: -9px;
}

#abonnement .titre {
    left: 0px;
    font-size: 19px;
    background-color: #f2f2f2;
    height: 60px;
    text-align: center;
    background-image: url('../wp-content/uploads/2018/11/tampon.png');
    background-repeat: no-repeat;
    background-size: 130px 100px;
    background-position: 10px 10px;
    width: 100%
}

#abonnement .titre span {
    display: inline-block;
    padding-top: 20px
}

.titre span {
    position: relative;
}

#coupon .titre {

    width: 100%;
    left: 0px;
    font-size: 19px;
    background-color: #f2f2f2;
    height: 90px;
    padding-top: 40px;
    text-align: center;
    top: 1px;
}

.commande {
    width: 100%;
    float: left;

    padding-bottom: 10px;
    position: relative;
}

.commande table {
    width: 100% !important;
    text-align: center;
}

.commande table td {
    position: relative;
    padding: 5px 0px !important;
    height: 90px
}

.commande table.abo {
    background: #F68020;
}

.commande table.abo tr:nth-child(even) {
    background: #F68020;
}

.commande table.abo tr:nth-child(odd) {
    background: #F68020;
    height: 9px !important
}

.commande table.abo tr:nth-child(even) td {
    height: 0px !important;
    padding-top: 0px !important
}

.commande table.coupon tr:nth-child(even) td {
    height: 0px !important;
    padding-top: 0px !important
}

.commande table.abo th {
    height: 60px
}

.round,
.round_l {
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #fff;
    padding: 5px 7px;
    height: 100px
}

.round_r {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #fff;
    padding: 5px 7px;
    height: 80px;
    font-size: 17px;
}

.round {
    border-radius: 10px;
}

.round .prix {
    float: left;
    margin-left: 5px
}

#dialog .round label {
    font-size: 14px;
    float: left;
    margin-top: 0px;
    margin-left: 15px;
    text-align: center
}

.round .par_heure {
    font-size: 14px;
    float: left;
    margin-top: 20px;
    margin-left: 15px;
    width: 27%;
    display: block
}

.round_r .par_heure {
    padding-left: 10px
}

.coupon .round .par_heure {}

.coupon .round label {
    margin-left: 15px;
    font-size: 15px
}

.dialog_abonnement {
    padding: 2px 2px !important;
}

#dialog .round label {
    width: 60% !important;
}

span.radio {
    position: absolute;
    right: 27px;
    width: 85px;
   /* height: 25px;*/
    line-height: 25px;
    padding: 3px;
    color: #FFF;
    text-align: center;
    border-radius: 3px;
    top: 23px;
  /*  margin-top: 14px !important;*/
    font-size: 37px !important;
}

/*
span.radio:after{
    content:  "";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-left:15px;
    color:#008000;
    font-size:35px;
}*/

.abo input {
    position: absolute;
    right: 0px;
    margin: 0;
    width: 100%;
    height: 105px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
    margin-top: 0px
}

.abo input[type="radio"]+span {
    visibility: hidden;

}


.abo input[type="radio"]+span::after {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-left: 45px;
    color: #008000;
    font-size: 35px;
}


.abo input[type="radio"]:checked+span {
    visibility: visible;
}

.coupon input {
    position: absolute;
    right: 0px;
    margin: 0;
    width: 100%;
    height: 100px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
    margin-top: 3px !important
}

.coupon input[type="radio"]+span {
    visibility: hidden;

}


.coupon input[type="radio"]+span:after {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-left: 45px;
    color: #008000;
    font-size: 35px;
}

.coupon input[type="radio"]:checked+span {
    visibility: visible;
}

.prix_mois {
    width: 20%
}

.commande table.abo .prix {
    display: inline-block;
    background: green;
    color: #fff;
    padding: 7px;
    padding-top: 15px;
    border-radius: 55px;
    width: 79px;
    height: 75px;
    margin-top: 5px;
    text-align: center !important;
}

.commande table.coupon .prix {
    display: inline-block;
    background: green;
    color: #fff;
    padding: 7px;
    padding-top: 15px;
    border-radius: 35px;
    width: 80px;
    height: 85px;
    margin-top: 5px;
    text-align: center !important;
}

.prix label {
    font-size: 10px
}

#coupon .prix span {
    font-size: 13px
}

table.total {
    margin-top: 25px !important
}

legend.petit {
    font-size: 17px
}

#rappel_div {
    background: #646D14;
    color: #fff;
    padding: 7px;
}

.paiementcbchq>div {
    margin-bottom: 14px
}

.paiementcbchq .A_E {
    margin-left: -10px
}

.parrainage label {
    margin-left: 15px
}


/*.continuer{background:#646D14;color:#fff }*/
select option {
    color: #666 !important
}

select {
    color: #666 !important
}

#rappel_div .btn_rappel:hover {
    background: #aaa !important
}

.fieldset_tabs {
    position: relative;
}

.tabs {
    color: #999;
    font-size: 15px;
    float: left;
    position: relative;
    width: 47%;
    clear: none !important;
    height: 20px;
    padding: 12px 10px 15px 10px;
    font-size: 25px;
    z-index: 5;
}

.formules {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #aaa;
    padding-bottom: 80px;
    text-align: center
}

.tabs_abo,
.tabs_coupon {
    width: 49%;
    float: left;
}

.tabs_abo p a,
.tabs_coupon p a {
    color: #fff !important;
    width: 60%;
    margin: 0 auto;
}

.tabs_coupon {


    background: #fff
}

.tabs_abo {
    /*border-top:2px solid #F3994E;*/
}

div.active {
    background: #eee;
    border: 2px solid #008000;
}


.tabs:hover {
    cursor: pointer
}


#dialog td {
    border-top: none !important;
}

.cheque_cadeau {
    margin-top: 25px
}

.btn_bleu {}


.cheque_cadeau {
    width: 30%;
    float: left;
    margin-right: 50px;
}

.total_commande {
    width: 55%;
}



#inscription .total input {
    border: none;
    box-shadow: none;
    width: 77%;
}

#PRIX_TOTAL {
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    color: #222;
}

#tr_total td:first-child {
    width: 65%;
}

.cheque_hide {
    display: none
}

.cheque_cadeau {
    display: block
}

#ligne_cheque_cadeau_coupon td {
    background: rgb(240, 240, 240)
}

.cheque_coupon input {
    background: rgb(240, 240, 240);
    text-align: right
}

.cheque_abo,
.cheque_coupon {
    display: none;
    width: 65%;
    text-align: justify;
    background: rgb(240, 240, 240)
}

.carte_bleue {
    float: left;
    width: 95%;
    padding-left: 15px;
    font-size: 11px;
}

.carte_bleue img {
    margin-right: 9px
}

.carte_bleue span {
    padding-top: 5px;
    display: inline-block;
}

.libelle_prelevement {
    font-size: 15px
}

#CHEQUE,
#CARTEBLEU {
    float: left
}

.paiement_cheque {
    width: 100%;
    clear: both
}

.cheque {
    float: left;
    padding-left: 15px;
}

.paiement_cb {
    width: 100%;
    height: auto;
    margin-bottom: 5px
}

.amex {
    width: 50px;
}

.paiement_cb {
    width: 40%;
    float: left;
}

.american {

    background: #f0f0f0;
    padding: 7px;
    float: left;
    margin-top: -15px;
    width: 58%;
}

.american span {
    font-size: 14px;
    display: inline-block;
    width: 84%;
    float: right;
}

.message_abo,
.message_coupon {
    display: none
}

#zone_paiement,
#zone_paiement #paiementcbchq,
#zone_paiement #paiementrib {
    width: 100%;
    padding: 10px 15px;
}

#zone_paiement {
    margin-bottom: 15px
}

#paiementrib {
    background: #f9f1e8;
    padding: 10px 17px;
}

#paiementrib input,
#paiementrib label {
    float: left
}

.message_sepa {
    clear: both;
    width: 98%;
}

.form_idan {
    clear: both;
    width: 75%;
}

#inscription {
    width: 98%;
}

.visible {
    display: inline-block;
}

.hidden {
    display: none
}

.en_ligne,
.courrier {
    position: relative;
    box-shadow: 0px 1px 2px 0px #666;
    border-radius: 5px
}

.choix_sepa p{margin-bottom:0px!important;}
input#en_ligne {
    position: absolute;
    right: 0px;
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
    margin-top: 0px
}

input#courrier {
    position: absolute;
    right: 0px;
    margin: 0;
    margin: 0;
    width: 100%;
    height: 80%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
    margin-top: 0px
}

input#en_ligne+span {
    visibility: hidden;

}

input#courrier+span {
    visibility: hidden;

}

#iban_banque {}
.dialogIban .modal-dialog{width:700px;max-width:700px;}
.ui-dialog #iban_banque,
.form_iban #iban_banque {
    display: block
}

.ui-dialog #iban_banque input {
    width: 95%;
    padding: 5px 5px;
    margin-bottom: 10px;
    margin-top: 5px
}

#inscription #form_iban {
  /*  text-align: center;*/
    width: 100%;
    margin: 7px auto;

}
#all_iban .message{color:red;}
#inscription #form_iban p{padding-bottom: 7px}
.dialogIban .bootbox-close-button{display: none}
#inscription #form_iban .iban input {
    width: 12%;
    margin-right: 6px;
    padding: 2px 3px;
    margin-bottom: 5px
}

#inscription #form_iban .iban {
    padding-bottom: 10px;
    margin: 0 auto;
    text-align: center;
  /*  width: auto;*/
    /*position: relative;*/
}

#inscription #form_iban .banque {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto
}

#inscription #form_iban .iban_banque {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto
}

#inscription #form_iban #banque {
    width: 100%;
}

#iban_banque .message {
    color: red;
}
input.iban{width:90px;}
#inscription #form_iban a {
    margin: 0 auto;
    display: block;
    position: relative;
}

.form_iban_selected {
    padding: 15px 8px;
}

.en_ligne {
    text-align: center;
    background: rgb(248, 130, 34);
    color: #fff;
    padding: 12px 15px 5px 15px;

}

.en_ligne label {
    text-align: center;
    float: none;
    width: 100%;
}

.courrier {
    text-align: center;
    background: rgb(248, 130, 34);
    color: #fff;
    padding: 12px 15px 12px 15px;

}

.courrier label {
    text-align: center;
    float: none;
    width: 100%;
}

.disable {
    background: #f0f0f0;
    color: #999;
}

.choix-sepa {
    text-align: left
}

.choix-sepa label {
    text-align: left
}

.choix-sepa label:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
    color: #008000;
    font-size: 22px;
    line-height: 30px
}

.message_banque {
    display: none
}

p.signature {
    border-radius: 5px;
    padding: 0px;
    width: 100%;
    height: 55px;
    background: rgb(245, 245, 245);
    border: 2px solid rgb(242, 132, 43) !important;
    margin-top: 15px;
    margin-bottom: 35px
}

#Insert {
    border: 2px solid rgb(242, 132, 43) !important
}

.fa-pencil {
    display: inline-block;
    vertical-align: middle;
    height: 100% !important;
    border-right: 1px solid #999;
    padding-right: 10px;
    padding-left: 9px;
    font-size: 24px !important;
    padding-top: 14px;
    color: #999
}

#dialog {
    overflow: hidden
}

.message_cheque_1 {
    display: none;
    font-size: 14px;
    background: green;
    color: #fff;
    padding: 7px 8px 1px 8px;
    margin-bottom: 20px
}

.message_cheque_1 .fa-check {
    color: #fff;
    font-size: 20px;
    padding-right: 9px;
    display: inline-block;
    float: left
}

.message_cheque_1 span {
    display: inline-block;
    float: left;
    width: 88%;
}

.message_cheque_2 {
    padding: 1px
}

#rappel_numerotel {
    width:93%;
    margin-bottom: 15px
}

#rappel_jour,
#rappel_heure {
    width: 45%;
    margin-right: 10px
}

.message_date {
    margin-top: 15px
}

#uv_envoi {
    width: 95%;
    margin-left: 7px;
    background: rgb(248, 130, 34);
    color: #fff;
}

label.rappel {
    font-weight: normal;
    width: 45%;
    float: left;
}

#rappel_block #rappel {
    width: 30%;
    float: left;
    margin-left: 120px;
}

#rappel:hover {
    color: #ccc
}

#rappel_block{margin-top:100px;background: #f2f2f2;height:80px;padding:10px 25px;border-radius:15px;}

#rappel_block .fa-phone-volume{font-size: 35px;padding-right:15px;padding-top: 7px;float:left;color:#149595;}
/*********************************************************/
#tabs{width:1023px;}

.tabs {
    color: #999;
    font-size: 15px;
    float: left;
    position: relative;
    width: 47%;
    clear: none !important;
    height: 20px;
    padding: 12px 10px 15px 10px;
    font-size: 25px;
    z-index: 5;
    box-sizing: content-box !important;
    margin-bottom: 0px !important;
}

.tabs_coupon {
    padding-right: 12px;
right: 15px;
    position: absolute;
width: 485px;
    background: #fff;
      border:2px solid #7E8C3A;
    border-bottom:1px solid #f2f2f2;
   }



.tabs_coupon_off{

       border: 2px solid #F2f2f2;
}
.tabs_abo {
    border: 2px solid #F3994E;
    border-bottom: 1px solid #f2f2f2;
    width: 494px;
     position: absolute;
}

.tabs_abo_off {
    border: 2px solid #F2f2f2;
    background: #fff;
}

#tabs p.active {
    background: #f2f2f2;
    color: #666;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*border:2px solid red;*/
    border-bottom: 1px solid #f2f2f2;
    /*border-top:2px solid red;*/
    box-shadow: inset 0 15px 15px -16px #444;
    /*border-left:2px solid red;*/
    padding-bottom: 16px;
    position: absolute;
    z-index: 5;

    border-bottom: 1px solid #f2f2f2;
    padding-right: 5px;

   
}

.tabs:hover {
    cursor: pointer
}

#coupon {
    display: none
}

.fond_abo {
    background: #F68020;
    padding: 10px;
    
    margin-top: 170px
}

.fond_coupon {
    background: #7E8B39;
    padding: 10px;
    margin-top: 150px;
    width: 92%;
}

.titre {
    position: absolute;
    top: 49px;

}

#abonnement .titre {
    left: 0px;
    font-size: 19px;
    background-color: #f2f2f2;
    height: 110px;
    text-align: center;
     background-image: url('../../img/tampon.png');
    background-repeat: no-repeat;
    background-size: 120px 97px;
    background-position: 50px 1px;
    padding-top: 10px;
    width: 100%
}

#abonnement label,
#coupon label {
    display: block !important;
    float: left;
    margin-left: 200px;
    margin-top: 20px;
    margin-right: 100px;
    font-weight: bold;
    font-size: 22px;
}

#abonnement .titre span {
    display: inline-block;
    padding-top: 20px
}

.titre span {
    position: relative;
}

#coupon .titre {
top: 49px;
    width: 100%;
    left: 0px;
    font-size: 19px;
    background-color: #f2f2f2;
    height: 110px;
    padding-top: 40px;
    text-align: center;
   
}





.tabs_abo span:before {
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #F68020;
    margin-right: 10px
}

.tabs_abo_off span:before {
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #F2f2f2;
    margin-right: 10px
}

.tabs_coupon span:before {
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #7E8B39;
    margin-right: 10px
}

.tabs_coupon_off span:before {
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #f2f2f2;
    margin-right: 10px
}

.ajout_inscription{color:#fff!important;font-size:20px;}

#montant{text-align: right}