﻿.radius-all{border-radius:8px;}
.offside{padding:15px; margin:0;position:relative;}
.linebg{background-color: #ffffff;border:1px solid #d4d4d4; box-shadow:0px 2px 0px #b2b2b2;}
.left-tipbox h4{font:italic bold 22px arial; padding:5px 0 0 140px; margin:0px;}
.left-tipbox p{font:italic 17px arial; padding:5px 0 0 140px; margin:0px;}
.cohen-bottom{position:absolute; left:-5px; bottom:0;}
.right-tipbox{padding:25px 0 0 0;}
#main_bilan{background: url('https://savoir-maigrir.aujourdhui.com/img_aj/jmc/blogs/blog_main_bg.jpg') no-repeat top center; background-size:100% auto; padding-bottom:100px;}
.bilan_background{background-color: rgba(0, 0, 0, 0.05); padding-bottom:130px;}
.bilan_form{ padding:15px 15px 80px 15px;}
.bilan_form h1{font: bold 35px arial; color:#000; margin: 10px 0; padding:0;}
.bilan_form p{font: normal 18px arial; color:#000; margin:0 0 10px 0; padding:0; text-align:center;}
div.form {margin: 0 auto; width: auto; height: auto;-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.30);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.30); background:#fff;}
#footer1 {padding:0;}
.footer_links { background: #f0f0f0; padding: 10px 0; color: #636363; font: normal 14px/20px arial; }
.end_footer { color: #ffffff; position: relative; padding-top: 10px; background: #565656; }
.disclaimer2 { color: #999999; font: normal 10px Arial; text-decoration: none; display: block; }
#footer h2 { font-size: 24px; }
h2.osl { font: normal 24px 'osl', Arial; margin: 10px 0 10px 0; }
.inverse { color: #fff; }

fieldset { border: 0; width: 98%; margin: auto; }
fieldset input { border: 0; margin-left: 10px; }
fieldset input.text { width: 70px; font-size: 18px; height: 18px; width: 60px; outline: transparent; }
fieldset input[type=text] { width: 70px; font-size: 18px; height: 18px; width: 60px; outline: transparent; padding: 3px; text-align: right; border: 1px solid #94918c; border-radius: 3px; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2); }

div.form-con { width: 100%; margin-top: 0; padding: 10px 0; border-bottom: 1px solid #ecebe9; }
div.form-con-1 { float: left; width: 51%; color: #000000; font-weight: normal; font-size: 1.3em; text-align: right; font-family: 'Arial'; line-height: 1.2em; padding-right: 10px; }
div.form-con-2 { float: left; width: 49%; color: #000000; font-weight: normal; font-size: 1.3em; text-align: left; font-family: 'Arial'; line-height: 100%; }
div.form-con-2 div span { font-size: 0.8em !important; font-family: 'Arial'; }

.submit-btn-holder { position: absolute; bottom: -60px; left: 0; width: 100%; height: 60px; padding-top: 20px; background: url(//lp/images/long/landing-formshadow-2014.png) no-repeat right top; background-size: 100% auto; }
div.form-last { border: none; }
div.gender-con2 { background-image: url(/lp/images/long/gender-icon-blue.png); background-repeat: no-repeat; background-position: 96% center; margin-top: 10px; }
div.height-con2 { background-image: url(/lp/images/long/height-icon-blue.png); background-repeat: no-repeat; padding: 1.3em 0; background-position: 96% center; }
div.weight-con2 { background-image: url(/lp/images/long/weight-icon-blue.png); background-repeat: no-repeat; background-position: 96% center; }
div.age-con2 { background-image: url(/lp/images/long/age-icon-blue.png); background-repeat: no-repeat; padding-top: 1.8em !important; background-position: 96% center; margin-bottom: 10px; }
/*Formulaire 1 etape */
#form-1 .male { margin-top: 0; }
#form-1 .female { margin-top: 5px; }
/*#form-1 .height{margin-top:48px;} */
#form-1 .height { margin-top: 0; margin-bottom: 0px; }
#form-1 .height { margin-top: 0\0/; margin-bottom: 0px; }
#form-1 .height { margin-top: 0 !ie; margin-bottom: 0px; }
#form-1 .height2 { margin-bottom: 0px; }

div.form-con-1 input.heightcontrol { height: 24px; }
div.form-con-2 input.heightcontrol { height: 24px; }
a.button { background-image: url(/lp/images/long/btn-jvmi.png); background-position: center top; background-repeat: no-repeat; position: relative; display: block; margin: auto; text-align: center; text-decoration: none; background-size: contain; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; max-width: 464px; }
a.button:hover { background-image: url(/lp/images/long/btn-jvmi-over.png); background-position: center top; background-repeat: no-repeat; position: relative; display: block; margin: auto; text-align: center; text-decoration: none; background-size: contain; }

/*buttons*/
.button_gray { margin-top: 20px; border-radius: 5px; padding: 10px 20px; background: #fff; color: #ff6a20; font: bold 16px arial; }
.button_gray:hover { border-radius: 5px; padding: 10px 20px; background: #eaeaea; color: #ff6a20; font: bold 16px arial; }
.button_prog { margin-top: 20px; border-radius: 5px; padding: 10px 20px; background: #ff6d00; color: #fff; font: bold 16px arial; border-color: #fff; }
.button_prog:hover { border-radius: 5px; padding: 10px 20px; background: #f26a04; color: #fff; font: bold 16px arial; border-color: #fff; }

.button_main_form { background: rgba(255,196,128,1); background: -moz-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,196,128,1)), color-stop(50%, rgba(252,160,54,1)), color-stop(51%, rgba(236,127,3,1)), color-stop(100%, rgba(250,169,56,1))); background: -webkit-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: -o-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: -ms-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: linear-gradient(to bottom, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc480', endColorstr='#faa938', GradientType=0 ); font: bold 24px arial; font-stretch: condensed; color: #fff; padding: 10px 20px; border-radius: 8px; border: solid 2px #faa938; text-shadow: 1px 1px 2px rgba(61, 61, 61, 1); }
.button_main_form { background: rgba(255,196,128,1); background: -moz-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,196,128,1)), color-stop(50%, rgba(252,160,54,1)), color-stop(51%, rgba(236,127,3,1)), color-stop(100%, rgba(250,169,56,1))); background: -webkit-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: -o-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: -ms-linear-gradient(top, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); background: linear-gradient(to bottom, rgba(255,196,128,1) 0%, rgba(252,160,54,1) 50%, rgba(236,127,3,1) 51%, rgba(250,169,56,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc480', endColorstr='#faa938', GradientType=0 ); font: bold 24px arial; font-stretch: condensed; color: #fff; padding: 10px 20px; border-radius: 8px; border: solid 2px #faa938; text-shadow: 1px 1px 2px rgba(61, 61, 61, 1); }

#blog_body h2{color:#ff9900; font: bold 30px arial; padding:0; margin:0;}
#blog_body p.date{padding:0; font: normal 14px arial; color:#333333;}

#blog_body .btn { margin-left: 5px; margin-right: 5px; }
.btn-facebook {background-color: #2d609b; color: #fff; display: inline;}
.btn-twitter {background-color: #55acee; color: #fff;}
.btn-orange { background-image: none; background: #f0690c; border-color: #fff; text-shadow: none; color: #fff; font: bold 14px arial; border-radius: 10px; }
.btn-orange:hover { background-image: none; background: #f0690c; border-color: #fff; text-shadow: none; color: #fff; font: bold 14px arial; border-radius: 10px; }

.rightcol { border-radius: 10px; padding: 20px 20px 10px 20px; margin: 0 0 10px 0; display: block; background: #ffffff; border: solid 1px #e5e5e5; font: normal 14px arial; color: #777777; }
.rightcol h2 { font: normal 14px arial; color: #ff7800; text-transform: uppercase; margin:0; padding:5px 0;}
.rightcol h3 { font: bold 14px arial; color: #777777; margin: 0; padding: 5px 0; border-bottom:solid 1px #333333; }
.rightcol p { font: normal 14px arial; color: #777777; }
.rightcol ul{margin:0; padding:0;}
.rightcol ul li{list-style:none; border-bottom: dotted 1px #777777; padding:8px 0;}
.rightcol ul li.last{border:none;}

.weight_target{background:#ffcc99; padding:10px; text-align:center;}
.weight_target h2 {color:#ff6600!important; font: normal 24px arial!important;}
.weight_target ul{margin:0; padding:0;}
.weight_target ul li{list-style:none; border:solid 1px #cccccc; border-radius:8px; padding:10px 0; margin:10px; display:block; font: bold 20px arial; text-align:center;background:#fff; color:#ff6600;}
.weight_target ul li.link{list-style:none; border:solid 1px #cccccc; border-radius:8px; padding:10px 0; margin:10px; display:block; font: bold 20px arial; text-align:center;background:#ff6600; color:#fff;}
.weight_target ul li.link:hover{background:#e55c00;}
.weight_target ul li.link a{color:#fff; text-decoration:none;}

@media (max-width:1366px) {
        #main_bilan{background: url('https://savoir-maigrir.aujourdhui.com/img_aj/jmc/blogs/blog_main_bg.jpg') no-repeat -120px 0; background-size:1500px auto; padding-bottom:80px;}
    .bilan_background{padding-bottom:12px;}
}

@media only screen and (max-width: 1024px) {
    #main_bilan{background: url('https://savoir-maigrir.aujourdhui.com/img_aj/jmc/blogs/blog_main_bg.jpg') no-repeat -280px 0; background-size:1500px auto; padding-bottom:80px;}
    .bilan_background{padding-bottom:0px;}
    .bilan_form h1{margin: 3px 0;}
}

@media (max-width:991px) {
        #main_bilan{background: url('https://savoir-maigrir.aujourdhui.com/img_aj/jmc/blogs/blog_main_bg2.jpg') no-repeat -220px 0; background-size:1450px auto; padding-bottom:80px;}
        .right-tipbox{padding-left:140px;}
}

@media (max-width:768px) {
     #main_bilan{background: url('https://savoir-maigrir.aujourdhui.com/img_aj/jmc/blogs/blog_main_bg2.jpg') no-repeat -300px 0; background-size:1400px auto; padding-bottom:70px;}
    .bilan_background{padding-bottom:0px;}
    .right-tipbox{padding-left:140px; text-align:center;}
    .right-tipbox img{margin:0 auto;}
    .bilan_form h1{margin: 0;}
    .right-tipbox{padding-left:0;}
    .radius-all{border-radius:0;}
    .linebg{border-left:none; border-right:none;}
}

@media only screen and (max-width: 767px) {
         #main_bilan{background: url('https://savoir-maigrir.aujourdhui.com/img_aj/jmc/blogs/blog_main_bg2.jpg') no-repeat top right; background-size:1500px auto; padding-bottom:90px;}
    .bilan_background{background:none; padding-bottom:0px;}
    .left-tipbox h4 { font: italic bold 22px arial;padding: 5px 0 0 0px; margin: 0px;}
    .left-tipbox p { font: italic 17px arial; padding: 5px 0 0 0px; margin: 0px;}
}
@media only screen and (max-width: 414px) {
         #main_bilan{background: url('https://savoir-maigrir.aujourdhui.com/img_aj/jmc/blogs/blog_main_bg2.jpg') no-repeat top right; background-size:1492px auto; padding-bottom:95px;}
    .bilan_background{background:none; padding-bottom:0px;}
}

@media only screen and (max-width: 360px) {
         #main_bilan{background: url('https://savoir-maigrir.aujourdhui.com/img_aj/jmc/blogs/blog_main_bg2.jpg') no-repeat top right; background-size:1492px auto; padding-bottom:30px;}
    .bilan_background{background:none; padding-bottom:0px;}
}