/*******************************************************************************
* FONT
*******************************************************************************/
@font-face {
    font-family: 'osl';
    src: url('../fonts/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}
.breadcrumb{background:#fff;}

#footer1_miniinside{padding:0;}
#footer1_miniinside .footer_links {background: #f0f0f0;padding: 10px 0;color: #636363;font: normal 14px/20px arial;}
h2.osl{font:normal 30px 'osl', Arial; margin:0 0 10px 0;}

#footer2_miniinside{color: #ffffff;position: relative;padding-top: 10px;background: #565656;}
#footer2_miniinside h2{font-size:24px;color: #ffffff; }
#footer2_miniinside ul.footerlinks{list-style:none; margin:0; padding:0;}
#footer2_miniinside ul.footerlinks li{margin-bottom:3px;line-height:12px; padding-left:5px; background:url(https://savoir-maigrir.aujourdhui.com/img_aj/blogs/arrow_gray.gif) no-repeat left 5px;}
#footer2_miniinside ul.footerlinks li a, .disclaimer{color: #BCBCBC;  font:normal 10px Arial;  text-decoration: none;  text-transform: uppercase; display:block; }
#footer2_miniinside .disclaimer2{color: #999999;  font:normal 10px Arial;  text-decoration: none;  text-transform: normal; display:block; }
#footer2_miniinside ul.footerlinks li a:hover{text-decoration:underline;}
#footer2_miniinside .footbg{background:url(https://savoir-maigrir.aujourdhui.com/img_aj/jmc/2014/footer-bg-mobile.png) no-repeat right bottom; padding-bottom:80px;}
p.notes{font: italic 12px arial;}
.orangeblock{background:#ffe5c7; margin:20px -15px; padding:15px;}

/*video*/
.minisite_content {border-radius: 10px; padding: 30px; margin: 0 0 10px 0; display: block; background: #ffffff; border: solid 1px #e5e5e5;}
.minisite_content h2 { border-bottom: 1px solid #FF9A00; color: #FF9A00; font: bold 30px arial; padding-bottom: 5px; margin:0 0 10px 0;}
.rightcol {background: none repeat scroll 0 0 #ffffff;    border: 1px solid #e5e5e5;    border-radius: 10px;    color: #777777;    display: block;    font: 14px arial;    margin: 0 0 10px;    padding: 30px 20px;}
.rightcol h2 { font: normal 14px arial;  color: #ff7800; text-transform: uppercase; margin: 0; padding: 5px 0; margin:0 0 10px 0;}
h4.rightcol_title {font: bold italic 26px arial; color: #000; text-align: center; font-stretch: semi-condensed;}
div.small_form { background: #ffe5c7; padding: 15px 15px 80px 15px; }
div.form { background-color: #ffffff; margin: 0 auto; width: auto; height: auto; }
#content { max-width: 1000px; margin: 0 auto; }
#content h1 { font: bold 30px/38px arial; padding: 20px 0px; color: #242424; text-align: center; }
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(https://savoir-maigrir.aujourdhui.com/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(https://savoir-maigrir.aujourdhui.com/lp/images/long/gender-icon-blue.png); background-repeat: no-repeat; background-position: 96% center; margin-top: 10px; }
div.height-con2 { background-image: url(https://savoir-maigrir.aujourdhui.com/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(https://savoir-maigrir.aujourdhui.com/lp/images/long/weight-icon-blue.png); background-repeat: no-repeat; background-position: 96% center; }
div.age-con2 { background-image: url(https://savoir-maigrir.aujourdhui.com/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(https://savoir-maigrir.aujourdhui.com/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(https://savoir-maigrir.aujourdhui.com/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; }


p.vid_desc{font: normal 14px arial;}

/*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); }
.form_bottompart{background: #dddddd; padding: 20px 0 100px 0;border-radius:10px;}
.bottom_form_size{position:relative; width:90%; margin:0 auto;}

ul.rightcol_button2{list-style:none; margin:10px 0; padding:0;}
ul.rightcol_button2 li {position:relative; float:left; width: 32%; margin-left:1%;}
ul.rightcol_button2 li a{text-align:center; width:100%; display:block; background:#fd7917; color:#fff; font: bold 20px arial; padding:10px 20px; margin:10px 0;max-width:200px; margin:0 auto;}
ul.rightcol_button2 li a:hover{text-decoration:none;}
p.vid_desc{text-align:left;}

a.smalltext {color: #337ab7 !important; font: normal 14px arial;}

@media (max-width:1024px) {
    .minisite_content h2 { border-bottom: 1px solid #FF9A00; color: #FF9A00; font: bold 24px arial; padding-bottom: 5px; margin:0 0 10px 0;}

}

@media (max-width:1024px) {
p.vid_desc{text-align:center;}
}
 @media (max-width:767px) {
.minisite_content h2 { border-bottom: 1px solid #FF9A00; color: #FF9A00; font: bold 22px arial; padding-bottom: 5px; margin:0 0 10px 0;}

.minisite_content {border-radius: 10px; padding: 10px; margin: 0 0 10px 0; display: block; background: #ffffff; border: none;}

 div.small_form { padding: 15px 15px 100px 15px; }
 p.carol_title{font: normal 40px arial; color: #454545; text-align:center; font-stretch:semi-condensed; margin:20px 0;}
ul.rightcol_button2 li a{text-align:center; width:100%; display:block; background:#fd7917; color:#fff; font: bold 16px arial; padding:10px 20px; margin:10px 0;max-width:200px; margin:0 auto;}
ul.rightcol_button2 li a:hover{text-decoration:none;}

div.gender-con2 { background: none;}
div.height-con2 { background: none; }
div.weight-con2 { background: none;}
div.age-con2 { background: none;}

}

@media (max-width:360px) {
    .minisite_content h2 { border-bottom: 1px solid #FF9A00; color: #FF9A00; font: bold 20px arial; padding-bottom: 5px; margin:0 0 10px 0;}

    p.rightcol_content {
    font: normal 24px arial;
    color: #7b7b7b;
    text-align: center;
}
    ul.rightcol_button2 li a { text-align: center; width: 100%; display: block; background: #fd7917; color: #fff; font: bold 16px arial; padding: 10px; margin: 10px 0; max-width: 200px; margin: 0 auto; }
}

@media (max-width:320px) {
  .small_right_button {position: absolute; right: 0px; top: 0px;}
}