/*
_______________________________
Desktop version layout - place your custom code here */

body {font:normal 13px Arial; line-height:18px; color:#262626; background-color:#ffffff;}

#mobile-header {display:none;}
.navbar-mobile ul { list-style: none; }
.navbar-mobile ul > li { border-bottom: 1px solid #292929; border-top: 1px solid #292929; }
.navbar-mobile ul > li.separate { border-bottom: 2px solid #aaaaaa; border-top: 1px solid #292929; }
.navbar-mobile ul > li.last { border-bottom: none!important;}
.navbar-mobile ul > li > a { font: normal 16px Arial; color: #aaaaaa; padding: 5px 0; display: block; }
.navbar-mobile ul > li > a:hover { color: #fff; text-decoration:none; }
.shadow-top { background: url(https://www.savoirmaigrir.fr/img_aj/block-topshadow.png) no-repeat top center; }
.shadow-bottom { background: url(https://www.savoirmaigrir.fr/img_aj/block-bottomshadow.png) no-repeat bottom center; }

a.mmobilemenu{z-index:999; background: url('/img/mobile-nav-btn.png') no-repeat scroll center center / 40px 40px #f2f2f3; border: 1px solid #cdcdcd; border-radius: 8px; display: block; height: 40px; outline: medium none; width: 40px;}

#lejeunecohen16 .bx-wrapper .bx-pager, #lejeunecohen16 .bx-wrapper .bx-controls-auto{top:504px!important;left:40%!important;}

.ipad-only{display:none;}
.visible-iphone6{display:none!important;}
.hidden-iphone6{display:block!important;}


#lejeunecohen16 .bx-wrapper .bx-controls-direction a {
    display: block!important;
}

.bx-wrapper .bx-prev{left:0!important;}



@media handheld, only screen and (max-width:1024px) {
    #main-win{display:block;}
    .visible-iphone6 { display: none !important; }
    .hidden-iphone6 { display: block !important; }
}
@media handheld, only screen and (max-width:900px) {
ul.topnav li{float:left; margin-right:20px;}
}
@media handheld, only screen and (max-width:768px){
    /*update june 15*/
#cohen16 div.cohen16_body{width:auto!important;height:250px!important;}
#lejeunecohen16 .bx-wrapper .bx-pager, #lejeunecohen16 .bx-wrapper .bx-controls-auto{top:476px!important;left:40%!important;}
.ipad-only{display:block;}
#main-win{display:none;}
.visible-iphone6{display:none!important;}
.hidden-iphone6{display:none!important;}
ul.topnav li { margin-right: 20px; }
}

/*
_______________________________
Mobile version - single break point */

@media handheld, only screen and (max-width: 767px) {

#mobile-header { display: block!important; background: #1f1f1f url("/img/2014/sm2014-header-bg.png") repeat-x scroll 0 0; position: relative; padding: 0; margin: 0; }	
#sm-community .row .col_4{width:auto !important;}
ul.topnav li{float:left; margin-right:10px;}
ul.topnav li a{font:normal 14px Arial; display:block; color:#aaaaaa; padding:8px 5px;}

.offside{padding:0px!important; margin:0 !important;}
.main-img{height:auto; position:relative; text-align:center;}
.main-img .mim-holder{position:relative; margin:0px auto; right:auto; width:100%;}
.main-img .mim-holder img{width:100%;}	
#main-win{display:block;}
.visible-iphone6{display:block!important;}
.hidden-iphone6{display:none!important;}

ul.flexifeatures li{float:none; width:100%; border-bottom:1px solid #ffffff; margin:0;}
ul.flexifeatures li.plus{display:none;}
ul.flexifeatures li p{font-weight:bold; padding-top:5px;}

div.flexbox{position:relative; clear:both;}
div.flexbox .thb{margin-bottom:10px; float:left; width:30%; margin-right:8px;}
div.flexbox .desc{margin:0; float:left; width:60%; font-size:14px; text-align:left;}

.left-tipbox h4{font:italic bold 16px arial; padding:5px 0 0 140px; margin:0px;}
.left-tipbox p{font:italic 14px arial; padding:5px 0 0 140px; margin:0px;}
.cohen-bottom{position:absolute; left:-5px; bottom:0;}
.right-tipbox{padding:0 0 0 130px;}


.footbg{background-image:none; padding-bottom:10px;}
#dp-form{border-radius:0 0 10px 10px; background-color:#f38900; margin-top:0px;}

#logreg-buttons{margin:5px 0; position:relative; float:right; width:40%;}
#contactInfo{float:left; width:60%; text-align:left; margin:12px 0 0 0;}




/*PAYMENT*/
h2.sideB strong{font-size:28px; color:#ff8820; display:inline;}
#paymentHelp1 .title3{margin:0;}
#bannerPayment {background-color:#026CA9;}
#bannerPayment .bannerImage{width:45%; float:left; padding:0;}
#bannerPayment .bannerBottom{width:55%; float:left; padding:15% 0 0 0;}
.img-offer{display:none;}
/* END PAYMENT*/




/*minisite level 2*/
.minisite-vid-l2{margin:0;}
#breadcrumbs{display:none;}
#parole-fig{ min-height:200px; margin:0;}
#parole-fig p{padding-top:0; padding-bottom:20px; margin:0;}
.vs-text, .vs-text2{padding-top:10px;}
.vs-text p{font-size:14px; line-height:20px;}
/* end minisite level 2*/



}

@media handheld, only screen and (max-width: 736px) {

.linebg{border:none; border-top:solid 1px #ccc;box-shadow:none;}

#mobile-header { display: block!important; background: #1f1f1f url("http://savoir-maigrir.aujourdhui.com//img/2014/sm2014-header-bg.png") repeat-x scroll 0 0; position: relative; padding: 0; margin: 0; }
#lejeunecohen16 .bx-wrapper .bx-pager, #lejeunecohen16 .bx-wrapper .bx-controls-auto { left: 40% !important; top: 462px !important; }
  div.flexbox .thb {
    float: left;
    margin-bottom: 10px;
    margin-right: 8px;
    width: 20%;
}

  .ipad-only{display:none;}
#main-win{display:block;}
.visible-iphone6{display:block!important;}
.hidden-iphone6{display:none!important;}
                  }




@media handheld, only screen and (max-width:640px){
    /*update june 15*/
#cohen16 div.cohen16_body{width:auto!important;height:250px!important;}
#lejeunecohen16 .bx-wrapper .bx-pager, #lejeunecohen16 .bx-wrapper .bx-controls-auto {left: 220px!important; top: 438px!important;}
img.right_sticker{width:30%;}
    #mobile-header { display: block; background: #1f1f1f url("http://savoir-maigrir.aujourdhui.com//img/2014/sm2014-header-bg.png") repeat-x scroll 0 0; position: relative; padding: 0; margin: 0; }
.visible-iphone6{display:none!important;}
.hidden-iphone6{display:block!important;}
}

#horizontal_carousel{height:140px;}
/*

/*
_______________________________
Mobile version - single break point */

@media handheld, only screen and (max-width:480px) {
                    .header-img { width: 80%; }

                #cohen16 { margin: 20px 0; min-height: 408px; padding: 0; width: 100%; }
#lejeunecohen16 .bx-wrapper .bx-pager, #lejeunecohen16 .bx-wrapper .bx-controls-auto { left: 160px!important; top: 430px!important; }
#cohen16 div.cohen16_body{width:auto!important;height:280px!important;}

}

       @media handheld, only screen and (max-width: 414px) {

            .bx-viewport{height:430px!important;}
             #lejeunecohen16 .bx-wrapper .bx-pager, #lejeunecohen16 .bx-wrapper .bx-controls-auto { left: 30% !important; top: 415px !important; }
        }


@media handheld, only screen and (max-width: 360px) {

.bx-viewport{height:480px!important;}
#cohen16 div.cohen16_body{width:auto!important;height:340px!important;}
#lejeunecohen16 .bx-wrapper .bx-pager, #lejeunecohen16 .bx-wrapper .bx-controls-auto {left: 90px!important; top: 460px!important;}

	
ul.topnav li{float:left; margin-right:5px; }
ul.topnav li a{font:normal 12px Arial; display:block; color:#aaaaaa; padding:3px; }


.left-tipbox h4{font:italic bold 14px arial; padding:5px 0 0 0px; margin:0px;}
.left-tipbox p{font:italic 14px arial; padding:5px 0 0 0; margin:0px;}
.cohen-bottom{display:none;}
.right-tipbox{padding:0;}

#sm-community .row .col_4{width:100%; margin:0; padding:0;}
#paroles .desc p{display:none;}
#dp-form h2{font-size:18px;}

#logreg-buttons{margin:5px 0; position:relative; float:none; width:100%; }
#contactInfo{float:none; width:100%; margin:5px 0; text-align:center;}


/*PAYMENT*/
.paystep2 label span.line1 {font: bold 16px Arial;}
.paystep2 label span.line2 {font: bold 14px Arial;}
.paystep2 label p{font-size:11px}
h2.sideB strong{display:block;}
#adFig1{display:none;}
.advantageList li h4{font-size:16px;}
#paymentHelp1 .bannerImage{display:none;}
.payment-left h1{font-size:20px; line-height:22px;}
.payment-left h2{font-size:18px;}
.tableObForm td.c1{width:50%;}
.tableObForm td.c2{width:50%;}
.tableObForm td span.break{display:block;}
.tableObForm .ifields{font:normal 14px Arial; border:1px solid #bdc7d8; padding:3px; width:75%;}
.ifields.sel{width:65%;}
.sldr-frame .sldr3, .sldr-frame .sldr4{display:block; width:100%; text-align:left;}
.divide2{display:block; float:none; width:100%;}
#paymentSelect .sep img{display:none;}

/* END PAYMENT*/


/* minisite level 2*/
#parole-fig{background-image:none; min-height:0;}
#parole-fig p{padding:0 0 10px; margin:0; font-size:20px;}
.testi-padder{padding:8px 0px;}
.testimon .userpic {display:none;}
ul.faq-list{margin-left:15px; }
/* end minisite level 2*/

/*update june 15*/
#cohen16 div.cohen16_body{width:auto!important;height:350px!important;}
#lejeunecohen16 .bx-wrapper .bx-pager, #lejeunecohen16 .bx-wrapper .bx-controls-auto {left: 90px!important; top: 470px!important;}
img.right_sticker{width:30%;}
.header-img{width:90%;}
}




/*update june 15*/
@media handheld, only screen and (max-width: 320px) {
    #cohen16 div.cohen16_body{width:auto!important;height:360px!important;}
#lejeunecohen16 .bx-wrapper .bx-pager, #lejeunecohen16 .bx-wrapper .bx-controls-auto {left: 70px!important; top: 470px!important;}
}

/*

}



/*
_______________________________
Provide higher res assets for higher resolution mobile screens */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
	.download {
	background: url(../img/downarrow@2x.png) no-repeat;
	background-size: 27px 28px;
	}
	*/

}