@charset "utf-8";
/* CSS Document */


#menu {
	background: #0BBFA5;
	list-style: none;
	margin-left:10px;
	margin-top: 10px;
	padding: 0;
	width: 118px;
	float:left;
	height:176px;
	font-weight:bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #89eadc;
	border-right-color: #89eadc;
	border-bottom-color: #89eadc;
}
#menu li {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #0BBFA5;
	border-bottom: 1px solid #06a48d;
	color: #fff;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu a:hover {
	background: #0ad7b9 url("images/hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}


/*Bug affichage*/
.menuhead:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.menuhead {display:inline-block;}

/* Hide from IE Mac \*/
.menuhead {display:block;}
/* End hide from IE Mac */



body, ul, li, form, input, h1, h2, h3, h4, h5, h6 {
margin:0px;
padding:0px;
}
body {
background:#757575;
text-align:center;
margin:10px 0px 110px 0px;
}
a {
outline:none;
border:none;
color:#FF9F00;
}
.clear {
clear:both;
}
.main {
width:770px;
margin:auto;
background:url(images/main_bg.jpg) no-repeat left bottom #f4f4f4;
padding:21px 0px 63px 0px;
}
.main_inner {
width:731px;
margin:auto;
}
/*title section start here*/
.title {
background:#ff9f00;
border:1px solid #ffffff;
}
.logo {
float:left;
display:inline;
width:55px;
height:53px;
margin:4px 0px 4px 4px;
}
.title_text {
font:bold 30px Georgia, "Times New Roman", Times, serif;
color:#ffffff;
float:left;
display:inline;
margin:15px 0px 0px 5px;
}
/*title section end here*/

/*banner section start here*/
.banner {
	border:1px solid #ffffff;
	margin:9px 0px 9px 0px;
	float: left;
}
/*banner section end here*/

/*left section start here*/
.left_section {
float:left;
display:inline;
width:251px;
text-align:left;
}
.quest {
border:1px solid #89eadc;
background:url(images/quest_bg.jpg) no-repeat 118px 0px #0bbfa5;
padding:15px 27px 46px 19px;
}
h1 {
font:30px Georgia, "Times New Roman", Times, serif;
color:#ffffff;
}
.quest_content {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
line-height:16px;
margin:20px 0px 0px 0px;
}
.quest_bottom {
margin:10px 0px 0px 0px;
border:1px solid #dae4eb;
}
/*left section end here*/

/*middle section end here*/
.middle {
float:left;
display:inline;
margin:0px 0px 0px 10px;
background:#ffffff;
border:1px solid #eeefef;
width:337px;
height:601px;
text-align:left;
}
.middle_inner {
	margin-top: 21px;
	margin-right: 11px;
	margin-bottom: 10px;
	margin-left: 15px;
}

/*sub pour section bonus*/
.sub {
float:left;
display:inline;
margin:5px 0px 0px 10px;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #eeefef;
width:468px;
height:189px;
text-align:left;
}

/*middle section 2 pour page contenu */
.middle2 {
float:left;
display:inline;
margin:0px 0px 0px 10px;
background:#ffffff;
border:1px solid #eeefef;
width:468px;
text-align:left;
}
.middle_inner2 {
	margin-top: 21px;
	margin-right: 11px;
	margin-bottom: 10px;
	margin-left: 15px;
}


p {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#525660;
text-transform:none;
}

p.principal{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#525660;
text-transform:none;
margin:14px 0 0 10px;
}

h2 {
font:30px Georgia, "Times New Roman", Times, serif;
color:#00b99e;

}
.formcontainer {
margin:10px 0px 0px 0px;
}
.form_label {
padding:6px 0px 6px 0px;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#525660;
line-height:14px;
text-transform:uppercase;
}

.form_label2 {
padding:6px 0px 6px 0px;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#525660;
}


.formfield {
margin:0px;
}
.formfield input {
width:135px;
padding:3px 5px;
font:11px Arial, Helvetica, sans-serif;
color:#666666;
line-height:12px;
background:#f9fcfd;
border:1px solid #d4d4d4;
outline:none;
}
.formfield radio {
width:30px;
padding:0px 0px;
}

.formfield input:focus {
border:1px solid #6bddce;
}
.form_label span.star {
color:#ff0808;
}
.form_label span {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#525660;
text-transform:none;
}
.formfield_email {
float:left;
display:inline;
width:153px;
}

.formfield_instruction {
float:left;
display:inline;
width:114px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#ff0b0b;
line-height:12px;
background:url(images/bullet.jpg) no-repeat 0px 5px;
margin:0px 0px 0px 8px;
padding:0px 0px 0px 18px;
}
span.select {
position: absolute;
width: 137px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding:0px 0px 0px 8px;
color: #666666;
font: 12px/21px arial,sans-serif;
background:url(images/sex_bg.jpg) no-repeat;
overflow: hidden;
}
.checkbox_wrap {
float:left;
display:inline;
width:17px;
height:24px;
margin:15px 0px 0px 0px;
}
span.checkbox {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background:url(images/checkbox.png) no-repeat;
display: block;
clear: left;
float: left;
}
.acceptancetext {
float:left;
width:267px;
display:inline;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#525660;
line-height:11px;
margin:18px 0px 0px 5px;
}
.calculatebutton {
width:140px;
height:58px;
background:url(images/calculatebutton.jpg) no-repeat left top;
margin:15px 0px 0px 0px;
}
.calculate_buttonstyle {
background:none;
border:none;
width:140px;
cursor:pointer;
height:58px;
}
.champs {
margin:0px 0px 0px 0px;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#ff0808;
text-align:right;
}
/*middle section end here*/

/*right section start here*/
.right_section {
float:right;
width:119px;
background:#dedada;
border:1px solid #edebeb;
height:600px;
}
.bottombanner {
background:#FFFFFF;
border:1px solid #f0eeee;
height:99px;
margin:9px 0px 0px 0px;
}

.bottombanner_content{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#525660;
line-height:16px;
margin:0px 0px 0px 0px;
}




/*right section end here*/

/*chart page style start here*/
h4 {
font:45px Georgia, "Times New Roman", Times, serif;
color:#fd9d08;
margin:1px 0px 0px 0px;
}
h4 span {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#525660;
}
h5 {
font:25px Georgia, "Times New Roman", Times, serif;
color:#fd9d08;
}
.graph {
margin:0px;
text-align:center;
}
.graph_pageleft {
float:left;
display:inline;
width:150px;
text-align:left;
}
.colorbox {
float:left;
display:inline;
width:27px;
height:13px;
border:1px solid #f5fbfc;
background:#d5edf6;
overflow:hidden;
}
.colorboxtext {
float:left;
display:inline;
width:80px;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#515255;
margin:0px 0px 0px 7px;
}
.colorbox_clear {
clear:both;
height:12px;
overflow:hidden;
}
.colorbox_red {
border:1px solid #ffc4c4;
background:#ff0000;
}
.colorbox_orange {
border:1px solid #fce8cc;
background:#f49c1b;
}
.colorbox_green {
border:1px solid #94dad0;
background:#22b29b;
}
.colorbox_lightgreen {
border:1px solid #e0f2f1;
background:#74c9c5;
}
.tweeterfacebook {
margin:18px 0px 0px 0px;
}
.facebokimage {
margin:0px 0px 0px 4px;
}
.refaire_wrap {
float:right;
display:inline;
width:145px;
margin:34px 0px 0px 0px;
}
.refaire {
width:142px;
height:57px;
overflow:hidden;
margin:0px 0px 5px 0px;
background:url(images/refaire.jpg) no-repeat left top;
}
.refaire_inner {
width:134px;
height:49px;
margin:auto;
}
.refaire_inner a{
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
padding:15px 0px 12px 0px;
display:block;
text-decoration:none;
line-height:14px;
}
.partager {
background:url(images/refaire_a.jpg) no-repeat left top;
}
.graphpage_blank {
height:14px;
overflow:hidden;
}
/*chart page style end here*/

.surpoidsarraow{background:url(images/yellow-arrow.jpg) no-repeat right; margin-bottom: 10px; padding: 0px; display: block; min-width: 10%; height: 40px; max-width: 100%}
.tropmincearraow{background:url(images/lightest-teal-arrow.jpg) no-repeat right; margin-bottom: 10px; padding: 0px; display: block; min-width: 10%; height: 40px; max-width: 100%}
.mincearraow{background:url(images/light-teal-arrow.jpg) no-repeat right; margin-bottom: 10px; padding: 0px; display: block; min-width: 10%; height: 40px; max-width: 100%}
.normalarraow{background:url(images/teal-arrow.jpg) no-repeat right; margin-bottom: 10px; padding: 0px; display: block; min-width: 10%; height: 40px; max-width: 100%}
.obesearraow{background:url(images/red-arrow.jpg) no-repeat right; margin-bottom: 10px; padding: 0px; display: block; min-width: 10%; height: 40px; max-width: 100%}