﻿.divider-heading { font: bold 28px Arial !important; color: #1d1d1d !important; margin: 20px 0 !important; text-align: center; }
.ac-display { border: 0px none; margin: 0 0 10px 0; }
img.mainDisplay { margin: 0px auto; display: none; }
.ac-thumbs .bx-wrapper .bx-viewport, .sliderProducts .bx-wrapper .bx-viewport { left: 0; border: 0px none; box-shadow: 0 0 0 rgba(0,0,0,0); }
.sliderProducts .bx-wrapper {margin-bottom:30px !important;}
.mainDisplaySlider li { border: 1px solid #cecece; padding: 0 !important; }
.mainDisplaySlider li.active { border-color: #ff771f; }
.productInfoMain { position: relative; font: normal 14px arial;max-width:640px; margin-left:auto; margin-right:auto;}
.headTitle { font: normal 32px Arial !important; color: #1d529e; }
.productInfoMain p { margin-bottom: 14px; line-height: 130%;  }
.device_price_block2 { background: #ceeffe; padding: 15px 30px; margin: 10px 0 8px 0; position: relative; border:3px solid #FFFFFF; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.smr { font: normal 12px Arial; color: red; font-style: oblique; padding-bottom: 8px; margin-bottom: 8px;}
.dcPrice { font: normal 36px Arial; font-style: oblique; color: #1d1d1d; display: inline-block; margin: 0px 10px; }
.acPrice { font: normal 18px Arial; font-style: normal; color: #5a5a5a; display: inline-block; padding: 5px; background-color: #ffffff; position: relative; top: -5px; }
.checklistProduct { margin: 0 0 0 10px; padding: 0; list-style: none; }
.checklistProduct li { padding-left: 35px; position: relative; list-style: none; font: normal 14px Arial; color: #1d1d1d; margin-bottom: 8px; line-height: 130%; }
.checklistProduct li span.glyphicon { position: absolute; left: 0; top: -2px; color:#3fd038; font-size: 20px;}
.productDisplaySlider li { padding: 0 !important; text-align: center; }
.productDisplaySlider li a { border: 3px solid #FFFFFF; display: block; color: #5a5a5a; text-align: center; border-bottom-color: #cfcfcf; font-size: 12px; padding: 15px 0; white-space: nowrap; transition: linear all 0.1s; }
.productDisplaySlider li a img { display: block; margin: 5px auto; text-decoration: none; max-width: 86px; }
.productDisplaySlider li.active a, .productDisplaySlider li a:hover { border-color: #ff771f !important; font-weight: bold; color: #ff771f; text-decoration: none; }
.sbs { display: flex; align-items: center; }
.sbs p{font-size:17px; line-height:140%}
.tab-prod-img { position: relative; min-width: 320px; }
.tab-prod-img img { max-width: 200px; }
.tab-prod-img .quant { position: absolute; right: 15%; top: 50%; z-index: 5; margin-top: -40px; max-width: 75px; }
.wi-tabs li.active { padding: 0 !important; }
.wi-tabs li a { margin-right: 0; font: bold 14px Arial; padding: 15px 30px; color: #1d1d1d; }
.wi-tabs li.active a, .wi-tabs li a:active { color: #ff771f !important; background-color: #f4f4f4 !important; }
.wi-tab-content .tab-pane.active { background-color: #f4f4f4 !important; padding: 15px; border: 1px solid #dddddd; margin-top: -1px; }
.pds { color: #1d1d1d; font-size:20px}
.stkr { position: absolute; right: -20px; top: 50%; width: 100px; margin-top: -50px; }
.daily_session_content.full-width { margin-left: -15px; margin-right: -15px; border: 0px none; border-radius: 0px; width: auto !important; padding: 0 15px; }
.bgHeadActi { background: #000000 url(https://savoir-maigrir.aujourdhui.com/img_aj/centralized/sm/actibox/ac-boostez-bg.jpg) no-repeat; background-position: center center; background-size: cover; padding: 30px 0; margin: 0px -15px 30px -15px; }
.bgHeadActi h1 { margin: 0; color: #ffffff !important; }
.ac-videoBlock {color:#ffffff; background: #333 url(https://www.savoirmaigrir.fr/img_aj/jmc/black_background.jpg) no-repeat; background-position: center center; background-size: cover;  padding: 0px 0 60px 0; margin: 0px -15px 15px -15px; }
.ac-videoBlock .shadow{ max-width: 600px; margin: 0px auto; }
.vidPresentation { max-width: 600px; margin: 0px auto; border: 5px solid #ffffff; background-color: #000000; }
.inputdata-unim, .inputdata { width: 98%; }
.ac-testimonials { background: #fff  ;padding: 0px; margin: 30px -15px 15px -15px; }
.darken{color:#1d1d1d;}
.testi_block { background: #fff; clear: both; }
.testi_block .row{display:flex; align-items: center;}
.testi_block h3{color:#ff771f; font-size:24px;}
.borderit{border:5px solid #fff;}
.coach_vid { max-width: 600px; margin: 0 auto; }
 .iconsWall{padding:30px 0; margin: 15px -15px 15px -15px; border-bottom:1px solid #cecece; background-color:#f2f2f3;}
 .ib{display:inline-block !important;}
 .orange{color:#ff771f;}

 .priceShowcase{padding:30px 0; margin: 15px -15px 15px -15px; border-bottom:1px solid #cecece; 
 background: #ffffff;
background: -moz-linear-gradient(top,  #f2f2f3 0%, #ffffff 50%);
background: -webkit-linear-gradient(top,  #f2f2f3 0%,#ffffff 50%);
background: linear-gradient(to bottom,  #f2f2f3 0%,#ffffff 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f3', endColorstr='#ffffff',GradientType=0 );
 }

 .normal2{font-size:17px; line-height:140%}
 div.formInput ul li p span.blue{font:normal 16px Arial !important;}
  .mainProd{margin:0px; padding-top:0; border:0px none !important;}
  .mainProd div {
    padding: 5px 0;
}
  .yellowBG { background-color: rgb(255, 247, 193); margin-top: 0px; text-align: left; min-height: 175px; }
    .ajoutBtn { cursor: pointer; display: inline-block; position: relative; padding: 10px 15px 10px 15px !important; background-color: #f2f2f3; border-radius: 10px; background-image: url(https://savoir-maigrir.aujourdhui.com/img_aj/jmc/checkbox-blank.png); background-repeat: no-repeat; background-position: 15px center; background-size: 20px 20px; border: 1px solid #dadada; min-width:82px; width:100%; max-width:200px;}
    .ajoutBtn.active { background-color: #f3a744; background-image: url(https://savoir-maigrir.aujourdhui.com/img_aj/jmc/checkbox-check.png); border: 1px solid #f3a744; background-size: 16px 16px; background-position: 15px center; }
    .ajoutBtn input { position: relative; top: 2px; width: 12px; height: 12px; opacity: 0; cursor: pointer; }
    .ajoutBtn label { color: #5a5a5a; cursor: pointer; font: normal 16px Arial; position: absolute; width: 100%; left: 0; top: 0; padding: 11px 15px 10px 28px; }
    .ajoutBtn.active label { color: #ffffff; cursor: pointer; }
    .ajoutBtn.unsubscribe { background-image: none; background-color: #77cc25; font: normal 16px Arial; color: #ffffff; border-color: #77cc25; }

    .ajoutBtnVIP { cursor: pointer; display: inline-block; position: relative; padding: 10px 15px 10px 15px !important; background-color: #f2f2f3; border-radius: 10px; background-image: url(https://savoir-maigrir.aujourdhui.com/img_aj/jmc/checkbox-blank.png); background-repeat: no-repeat; background-position: 15px center; background-size: 20px 20px; border: 1px solid #dadada; min-width:82px; width:100%; max-width:200px;}
    .ajoutBtnVIP.active { background-color: #f3a744; background-image: url(https://savoir-maigrir.aujourdhui.com/img_aj/jmc/checkbox-check.png); border: 1px solid #f3a744; background-size: 16px 16px; background-position: 15px center; }
    .ajoutBtnVIP input { position: relative; top: 2px; width: 12px; height: 12px; opacity: 0; cursor: pointer; }
    .ajoutBtnVIP label { color: #5a5a5a; cursor: pointer; font: normal 16px Arial; position: absolute; width: 100%; left: 0; top: 0; padding: 11px 15px 10px 28px; }
    .ajoutBtnVIP.active label { color: #ffffff; cursor: pointer; }
    .ajoutBtnVIP.unsubscribe { background-image: none; background-color: #77cc25; font: normal 16px Arial; color: #ffffff; border-color: #77cc25; }
    .totalprice {padding-top:25px;}
    .totalprice strong { padding: 8px 3px; border-radius: 5px; }
    .avantages{padding:15px !important; margin:10px 0; text-align:left}
    .yellowHdr{background-color:rgb(255, 164, 34); font:bold 16px Arial; text-align:center; color:#ffffff; border-top-left-radius:15px;border-top-right-radius:15px; padding:10px 0; min-height:58px; display:flex; align-items:center; justify-content:center; width:100%;}
    .yellowBG { background-color: rgb(255, 247, 193); margin-top: 0px; text-align: left; min-height:120px; font-size:14px; line-height:130%}
    .paymentWell{border:1px solid #cecece; border-radius:15px; padding:0px; overflow:hidden}
    .paymentWell .radio{border-bottom:1px solid #cecece; padding:10px; margin:0px;}
    .paymentWell .radio.selected{border:0px none !important; border-bottom:1px solid #cecece  !important; } 

    .roundMain {max-width:500px; margin-left:auto; margin-right:auto; border:1px solid rgb(229, 229, 229); display:table; text-align:center; width:100%; box-sizing:border-box; margin-top:10px; border-radius:15px; padding:0px;}
    
    .yul{list-style:disc !important; margin:5px 0px 0px 15px !important; padding:0;}
    .yul > li{margin-bottom:5px !important; float:none !important;}
     #vipTabs .aulieu, .retailPrice, .perwat{display:inline-block;}
     #vipTabs .aulieu{margin: 0 auto;  font-size:18px; }
    #vipTabs .aulieu strike{color:rgb(163, 163, 163); font-style:italic;}
    #vipTabs .retailPrice{ color:rgb(255, 164, 34) !important; font:bold 28px Arial !important;}
    #vipTabs .perwat{font-style:italic; font:normal 16px Arial; color:rgb(0, 0, 0);}
    #order_product_form_summary td { padding: 15px; font-weight: bold; }


    .unavailableBtn { cursor: not-allowed; display: inline-block; position: relative; padding: 11px 15px 11px 15px !important;   background-color: #f2f2f3; border-radius: 10px;  border: 1px solid #dadada; min-width:82px; width:100%; max-width:240px; font: normal 16px Arial;}
 

.cours-chapter{position:relative;}
.cours-chapter > a{display:block; padding:10px 35px 10px 15px; font-weight:300; font-size:1.4em; color:#333333; background:url(http://img.aujourdhui.com/msd/masterclass/arrow-down.png) no-repeat 97% 22px;  outline:0px none !important;}
.cours-chapter > a:hover, .cours-chapter > a:active, .cours-chapter > a:focus{text-decoration:none; background-color:#f2f2f3; color:#000000;  outline:0px none !important;}
.cours-chapter .chp-summary{display:none; padding:5px 15px 15px 27px; font-size:17px; color:#5a5a5a; background-color:#fff;}
.cours-chapter .chp-summary p{font-size: 17px; margin: 0 0 12px; line-height:140%}
.cours-chapter .chp-intro{padding:10px 15px 10px 25px; font-size:1em;}
.cours-chapter > h3{display:block; padding:10px 15px; font-weight:600; font-size:1.7em; color:#f0690c; }

a.nav-courses{display:block; padding:1.5em; font-weight:700; font-size:1.4em; color:#f0690c; border-left:5px solid transparent; background-color:#f2f2f3;  outline:0px none !important;}
a.nav-courses:hover{text-decoration:none; background-color:#f0690c; color:#ffffff; border-left-color:#ffffff;}
a.nav-courses.active{border-left-color:#f0690c; background-color:#f0690c; color:#ffffff !important;}
a.nav-courses.active:hover{color:#ffffff !important; border-left-color:#ffffff;}
.fill-lt-blue{background-color:#f2f2f3; }
.fill-lt-gray{background-color:#ffffff; border:1px solid #f2f2f3; box-shadow:0 0 10px rgba(0,0,0,0.25);}

.boxOut{margin-left:-15px; margin-right:-15px; }

.orangeBtn{padding:10px 20px; background-color:rgb(240, 105, 12); box-shadow:0px 3px 0px rgb(219, 219, 219); border-radius:10px; font:bold 20px Arial; color:#ffffff; text-align:center; display:inline-block;}
.orangeBtn:hover{color:#ffffff; text-decoration:none; background: #f0690c; /* Old browsers */
background: -moz-linear-gradient(top,  #f0690c 0%, #e98139 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0690c), color-stop(100%,#e98139)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0690c 0%,#e98139 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0690c 0%,#e98139 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0690c 0%,#e98139 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0690c 0%,#e98139 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0690c', endColorstr='#e98139',GradientType=0 ); /* IE6-9 */
}
.orangeBtn:visited{color:#fff !important;}

.lineheight20{line-height:40px}
.lineheight20 .offer-radio{margin-left:0 !important}

.confirmation-body {background-color:#f2f2f3; padding:15px 0}
.mainLeft { font: normal 14px Arial; color: rgb(93, 93, 93); background-color: #fff; border: 1px solid rgb(229, 229, 229); padding: 15px; margin-bottom: 20px; border-radius:15px }


@media(max-width:767px) {
    .headTitle  { font: normal 24px Arial !important; margin-bottom: 8px !important; }
    .sbs { display: block; }
    .device_price_block2 { padding: 10px 10px; margin: 10px 15px 10px 0; }
    .stkr { right: -25px; top: 50%; width: 60px; margin-top: -30px; }
    .dcPrice { font: normal 28px Arial; }
    .acPrice { font: normal 16px Arial; top: -3px; }
    .wi-tabs li a { padding: 10px 10px; white-space: nowrap; font-size: 13px; }
    .tab-prod-img { min-width: 0px; }
    .tab-prod-img img { margin: 0px auto; }
    .tab-prod-img .quant { right: 5%; }
    .divider-heading { font: normal 24px Arial !important; margin: 15px 0; }
    .full-width > .container { padding: 0; }
    .bgHeadActi { padding: 20px 0; }
    .bgHeadActi h1 { font-size: 24px !important; }
    .headTitle { font: normal 24px Arial !important; margin: 10px 0 !important; }
    .testi_block .row{display:block; }
}

