body{font-family:'Open Sans', Arial, sans-serif; font-size:15px;}


p{line-height:150%;}
/*LOADER PAGE*/
a, a:hover{color:#75ae1b;}
#mm2020_header{min-height: 130px; background-color:#75ae1b; position:relative;}
#mm2020_header .logo{margin-left:-15px; height:100px; margin-right:-15px; position:relative;   z-index:10;}

.rightColHeader{color:#ffffff; text-align:center; font-size:14px; position:relative; z-index:0;}
.rightColHeader img{margin:15px auto 5px auto;}
.rightColHeader .smalltext{font-size:10px;}

#mm2020_body h1{font: 700 36px 'Open Sans'; color:#222;  border-bottom: solid 1px #ccd0d8; padding:15px 0px 10px 0px; margin-bottom: 10px; margin-top:0; }
#mm2020_body h2{font: 700 32px 'Open Sans'; color:#222;   margin-bottom: 10px; margin-top:0; }
#mm2020_body h3{font: 700 24px 'Open Sans'; color:#222;   margin-bottom: 10px; margin-top:0; }

.green{color:#75ae1b !important;}
.lightColor{color:#666666;}
.darkColor{color:#000000;}

.form-border{padding:30px 15px; border:1px solid #dfdfdf; border-radius:15px; background-color:#ffffff; }
.form-control{margin-left:0px !important;}

.formLabelInline {display:block; text-align:right; padding-top:12px;}
.mmform-error{background-color:#ffe4e4; padding:10px; position:relative; color:red; margin-bottom:5px;}
.validMsg{color:#75ae1b;}
.smallNote{font-size:12px;}

#mm2020_footer{padding:30px 0 ; background-color:#222; color:#7c7c7c;}
.footerLinks a{display:inline-block; padding:5px 15px;}
.footerSeparator{height:1px; margin:15px 0; border-top:1px solid #7c7c7c;}

.form-control:focus { border-color: #75ae1b; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(117,174,27,.6); }
.btn-green, .btn-green.disabled, .btn-green.disabled.active, .btn-green.disabled.focus, .btn-green.disabled:active, .btn-green.disabled:focus, .btn-green.disabled:hover, .btn-green[disabled], .btn-green[disabled].active, .btn-green[disabled].focus, .btn-green[disabled]:active, .btn-green[disabled]:focus, .btn-green[disabled]:hover  { color: #fff; background-color: #75ae1b; border-color: #69a50b; }
.btn-green.focus, .btn-green:focus { color: #fff; background-color: #66a405; border-color: #4c7b01; }
.btn-green:hover, .btn-green.active, .btn-green:active  { color: #fff; background-color: #66a405; border-color: #82aa41; }
.btn-green.active.focus, .btn-green.active:focus, .btn-green.active:hover, .btn-green:active.focus, .btn-green:active:focus, .btn-green:active:hover { color: #fff; background-color: #82aa41; border-color: #4c7b01; }


.resultsGraph{position:relative; max-width:600px; margin:0px auto; padding-bottom:50px; margin-bottom:15px; background-color:#f2f2f3;}
.resultsGraph .labelLeft{position:absolute; left:0; bottom:0; padding:5px;}
.resultsGraph .labelRight{position:absolute; right:0; bottom:0; text-align:right; padding:5px;}

.bmiBar{position:relative; max-width:600px; margin:0px auto; padding-top:55px; margin-bottom:15px; }
.bmiBar .scale{position:absolute; left:0;  top:0; width:60px; text-align:center; margin-left:-30px; line-height:120%;}
 
.lgContainer{padding:15px; border-radius:15px; background-color:#d2de80; color:#333333; margin-bottom:15px;  }
.lgContainer h3{font-size:18px !important; font-weight:700 !important; color:#000000;}
.lpep{padding:15px; background-color:#ffffff; border-radius:8px; border:5px solid #aeb961;}
.lpep img{display:block; margin:15px auto; width:100%; }

.resultsBgMain{background:url(https://methode-montignac.aujourdhui.com/img_aj/mm/bilanminceur/sybille-results.jpg) no-repeat left bottom; }
.resultsBgBottom{background:url(https://methode-montignac.aujourdhui.com/img_aj/mm/bilanminceur/sybille-results2.jpg) no-repeat left bottom; }
.results-main{padding:30px; background-color:rgba(255,255,255,0.9); box-shadow:0 0 20px rgba(0,0,0,0.15); border-radius:15px; margin-bottom:30px;margin-top:30px;}

.grayArea{background-color:#f2f2f3; }
.shadow{box-shadow:0 -20px 20px rgba(0,0,0,0.15); padding-top:30px;}
.objectiveGraph{position:relative; max-width:782px; border:10px solid #ffffff; margin:0px auto;}
.objectiveGraph .graphBg{position:relative; z-index:10;}
.objectiveGraph .marker{position:absolute; text-align:center; font:normal 20px "Open Sans"; z-index:20;}
.objectiveStart{left:7%; top:3%; color:#a23114}
.objectiveGoal{left:70%; top:3%; color:#80ba26}
.liner{border:10px solid #f2f2f3;}


@media(max-width:767px){
    .formLabelInline {text-align:left}
    #mm2020_header {min-height:0;}
    #mm2020_header .logo{ margin:0px auto; height:80px;}
    #mm2020_header .logo img{ width:360px; display:block; margin:0px auto;}
    .rightColHeader{background-color:#d2de80; margin-left:-15px; margin-right:-15px; padding-top:15px; }
    .objectiveGraph{ margin:0px -15px; border:0px none;}
    .objectiveGraph .marker{ font:normal 16px "Open Sans";  }

    .results-main{padding:15px; border-radius:0px; margin-bottom:0px; margin-top:-20px; margin-left:-15px; margin-right:-15px;}
    .resultsBgMain, .resultsBgBottom{background-image:none;}
    .liner{border:0px none;}
    
}