/* CSS Document */
p {font: normal 13px Arial; line-height: 18px; margin: 0 0 13px 0;}
.jmc-left-img{position:absolute; left:-100px;}
.jmc-left-img img{max-width:300px;}

.payment_block{margin:20px 0; background:#f6f6f6 url('https://www.savoirmaigrir.fr/img_aj/jmc/payment/payment_choose_titlebg.png') no-repeat top center; border-radius: 10px; padding: 10px 20px; background-size:100% auto;}
.payment_block h2{font: bold 25px arial; color:#fff; text-shadow: 2px 2px 2px #3b3b3b; text-align:center; margin:0 0 50px 0;}
.payment_block h3{font: bold 15px arial; color:#404040; margin:5px 0;}
.payment-sidebox{position:relative; margin:20px 0; padding:10px; background-color:#FAF6EA; border-radius:10px; border:1px solid #DFDFDF ;}
.payment-sidebox h2{color:#FF9900!important;}
.payment-sidebox.bda{background:#FAF6EA url(/img/payment/sm-payment-support_01.jpg) no-repeat right bottom;  background-size:90% auto;}
.payment-sidebox ul{list-style:disc outside; margin:0; padding:0 0 0 15px;}
.payment-sidebox p {font: normal 13px Arial; line-height: 18px; margin: 0 0 13px 0;}


h2.sideB{font:bold 20px Arial; color:#6f5452; text-align:center; margin:0 0 15px 0;}
h2.sideB strong{font-size:28px; color:#ff8820; display:block;}
.mobtab{position:relative; min-height:115px; margin-bottom:5px; background:#FAF6EA url(/img/payment/mobile-payment-box-bg.jpg) no-repeat right top; background-size:80% auto;}
.mobtab ul{padding-left: 10px; margin: 0px; list-style:none;}
.mobtab ul li{padding-bottom: 3px; font: normal 13px/13px Arial;}

.main_promo{background: url('https://www.savoirmaigrir.fr/img_aj/jmc/payment/main_promo_2017.jpg') no-repeat top left; height:369px;}
.main_promo h1{padding:120px 0 20px 320px; font:bold condensed 34px arial; color:#1e1e1e;}

/*select plan*/
ul.selectplan {margin:0; padding:0;}
ul.selectplan li{list-style:none; padding:0 5px 5px 15px; margin:5px 0; position:relative; display:block;vertical-align:middle; }
ul.selectplan li.spacer{margin: 0 30px 20px 30px; border-bottom: solid 1px #c4c4c4; height: 1px; padding-top:0;}
ul.selectplan li img{vertical-align:middle; margin:-20px 10px 10px 10px;}
ul.selectplan li span.dealtitle{font: bold 30px arial; color:#626262;}
ul.selectplan li span.dealsubtitle{font: bold 18px arial; color:#000;}
ul.selectplan li span.dealinfo{font: bold 16px arial;color:#58585a;}
ul.selectplan li span.dealinfo a {font: bold 16px arial;color:#28a168;}
ul.selectplan li span.dealprice{font: normal 14px arial; color:#58585a;}
ul.selectplan li label{margin:15px 0 5px 0; width:100%;}
ul.selectplan li span.dealinfo a{text-decoration:underline;}

.greenttext{color:#91df4e!important;}
.orangetext{color:#FF9900!important;}
.offer-radio { height: 16px; left: 10px; position: absolute; top: 40%; width: 16px; }
.tableObForm{width:100%; font:normal 14px Arial; line-height:20px; color:#5e5d5d; margin:0;}
.tableObForm td{padding:5px 8px;height:25px;}
.tableObForm td.dotted{border-bottom:1px dashed #5e5d5d; padding-bottom:10px;}

.disclaimer2 {color: #999999; font: normal 10px Arial; text-decoration: none; display: block;}

.paychoice{min-height:40px;}
.mobile-hide {display: block;}
.mobile-only {display: none;}
.selected {border:2px solid rgb(240, 105, 12) !important;}

h2.lefttitle{

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 13%, rgba(240,240,240,1) 20%, rgba(254,254,254,1) 71%, rgba(254,254,254,1) 89%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(13%, rgba(247,247,247,1)), color-stop(20%, rgba(240,240,240,1)), color-stop(71%, rgba(254,254,254,1)), color-stop(89%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 13%, rgba(240,240,240,1) 20%, rgba(254,254,254,1) 71%, rgba(254,254,254,1) 89%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 13%, rgba(240,240,240,1) 20%, rgba(254,254,254,1) 71%, rgba(254,254,254,1) 89%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 13%, rgba(240,240,240,1) 20%, rgba(254,254,254,1) 71%, rgba(254,254,254,1) 89%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 13%, rgba(240,240,240,1) 20%, rgba(254,254,254,1) 71%, rgba(254,254,254,1) 89%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe', GradientType=0 );

font:bold 20px arial;padding: 6px 15px !important;text-shadow:0px 1px 0px #ffffff;
color:#252525 !important;
border-top: 1px solid #c4c4c4;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin:15px 0;
}
/*footer*/

#footer3{color:#9e9e9e; padding:30px 0;font: normal 14px arial; background:#565656;}
.footer_links {background:#f7f7f7; padding:30px 0;color:#636363; font:normal 14px/20px arial; }
.footer_links a{font: normal 14px arial; color:#636363; text-decoration:none; padding:0 10px;}
.footer_links a:hover{color:#3e3e3f; text-decoration:underline;}
p.note{font: normal 12px arial; color:#9e9e9e;}

@media (max-width:1028px) {
    .payment-sidebox.bda{background-size:291px auto;}
    .mobtab{background-size:290px auto;}
    .jmc-left-img{position:absolute; left:-50px;}
    .jmc-left-img img{max-width:220px;}
}

@media (max-width:991px) {

}

@media (max-width:768px) {

}

@media (max-width:767px) {
    .main_promo{background: none; height:auto;}
.main_promo h1{padding:0; font:bold condensed 30px arial; color:#1e1e1e;}
}

@media handheld, only screen and (max-width: 767px) {
    .mobile-only {display: block;}
    .mobile-hide {display: none;}
}

@media (max-width:480px) {
    .payment_block{margin:20px 0; background:#f6f6f6 url('https://www.savoirmaigrir.fr/img_aj/jmc/payment/payment_choose_titlebg.png') no-repeat top center; border-radius: 10px; padding: 10px 20px; background-size:100% auto;}
    .payment_block h2{font: bold 20px arial; color:#fff; text-shadow: 2px 2px 2px #3b3b3b; text-align:center; margin:0 0 50px 0;}
    h2.lefttitle { font: bold 18px arial; }
    ul.selectplan li img{vertical-align:middle; margin:0;}
}

@media (max-width:420px) {
.payment_block{margin:20px 0; background:#f6f6f6 url('https://www.savoirmaigrir.fr/img_aj/jmc/payment/payment_choose_titlebg.png') no-repeat top center; border-radius: 10px; padding: 10px 20px; background-size:500px auto;}
.payment_block h2{font: bold 20px arial; color:#fff; text-shadow: 2px 2px 2px #3b3b3b; text-align:center; margin:0 0 50px 0;}
    h2.lefttitle { font: bold 18px arial; }
}