/************/
*{
	border: 0;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

*::-moz-selection {
	background-color: #0db14b;
	color:white;
}

html, body{
	background: #6c6e70 url('/images/bg.gif') repeat-y center top;
	height: 100%;
	width: 100%;
}


.cont-language{
	height: 20px;
	margin-bottom: -20px;
	overflow: hidden;
	padding: 0 50px 0 0;
	position: relative;
	text-align: right;
}

.cont-language a{
	color: #0DB14B;
	font-size: 10px;
	line-height: 10px;
}
/************/



/************/
.colorGreen{
	color: #0DB14B;
}

.clear{
	width: 0px;
	height: 0px;
	text-indent: -9999px;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}

.errorBox{
	padding: 5px;
	border: 1px solid #7B1A1A;
	background: #F8DEDE;
	position: absolute;
	top: 0;
	left: 0;
	margin: 10px;
	width: 50%;
	font-size: 12px;
}

.hr{
	height: 1px;
	width: 100%;
	overflow: hidden;
	text-indent: -9999px;
	background: #b7b7aa;
	margin-top: 10px;
}

input,
select,
textarea{
	border: 1px solid #b7b7aa;
	height: 17px;
	height: expression('20px');
	color: #000;
	font-size: 11px;
}

input{
	height: 13px;
	padding: 2px 4px;
}


.inputW1{
	width: 10px;
}

.inputW2{
	width: 15px;
}

.inputW3{
	width: 20px;
}

.inputW4{
	width: 25px;
}

select.inputW100{
	width: 100%;
}

input.inputW100{
	width: 94%;
}

select{

}


select.inputW5{
	width: 100px;
}


select option{
	padding: 0 4px;
}

.textareaW001{
	height: 60px;
	width: 300px;
}

.noerrorBox{
	border: 1px solid green;
	background: #B8FF71;
	padding: 10px;
}

.errorBox{
	border: 1px solid red;
	background: #FF8080;
	padding: 10px;
	margin-bottom: 10px;
}
/************/

select.replaced {
	display: none;
}

ul.selectReplacement {
	background: url('/images/select_box.gif') no-repeat right top;
	margin: 0;
	padding: 0 10px 0 1px;
	height: 17px;
	float: left;
	border: 1px solid #b7b7aa;
	margin-left: 4px;
	z-index: 99;
}

ul.selectReplacement li {
	background: #ffffff;
	color: #000;
	cursor: pointer;
	display: none;
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding: 1px 12px;
}

ul.selectOpen{
	float: left;
}

ul.selectOpen li {
	display: block;
	position: relative;
}

ul.selectReplacement li.selected {
	/*background: url('/images/select_box.gif') no-repeat right top;*/
	background: transparent;
	color: #000;
	display: block;
}

ul.selectOpen li.selected {
	background: #e5e5e5;
	display: block;
}

ul.selectOpen li:hover,
ul.selectOpen li.hover,
ul.selectOpen li.selected:hover {
	background: #f2f5f1;
	color: #000;
}

/************/



/************/
.twrapper{
	width: 100%;
	height: 100%;
}

.wrapper{
	width: 789px;
	height: 575px;
	overflow: hidden;
	margin: auto;
}
/************/




/************/
.left{
	float: left;
	width: 370px;
	padding: 15px 0 0 14px;
}

.left h1{
	width: 370px;
	height: 85px;
	display: block;
	overflow: hidden;
	background: transparent url('/images/logo_fd.gif') no-repeat left top;
}

.left h1 a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
}

.menuContainer{
	width: 370px;
	height: 460px;
	overflow: hidden;
	text-align: right;
	background: transparent url('/images/block_img_accueil.jpg') no-repeat left top;
}

.menuContainer ul{
	list-style: none;
	margin: 15px 25px 0 0;
}

.menuContainer li{
	clear: both;
}

.menuContainer li a{
	display: block;
	background: transparent url('/images/blank.gif') no-repeat left top;
	height: 13px;
	overflow: hidden;
	float: right;
	margin-bottom: 3px;
}

.menuContainer li a:hover{
	-moz-opacity: 0.8;
	/*filter: alpha(opacity=80);*/
	opacity: 0.8;
}

.menuContainer li a span{
	display: none;
}

.menuContainer li a.moreinfo{
	background-image: url(/images/menu_more_info_en.png);
	width: 120px;
        height: 15px;
}

.menuContainer li a.fitnesstest{
	background-image: url(/images/menu_fitness_test_en.png);
	width: 148px;
        height: 18px;
}

.menuContainer li a.whatsnew{
	background-image: url(/images/store_20pixels.png);
	width: 84px;
	height: 16px;
}

.menuContainer li a.blog{
	background-image: url(/images/blog_20pixels.png);
	width: 77px;
	height: 16px;
}

.menuContainer li a.video{
	background-image: url(/images/video_20pixels.png);
	width: 78px;
	height: 17px;
}

.menuContainer li a.knowledgebase{
	background-image: url(/images/menu_knowledge_base_en.png);
	width: 195px;
        height: 15px;
}

.menuContainer li a.contact{
	background-image: url(/images/contact_20pixels.png);
	width: 105px;
	height: 17px;
}

.menuContainer li a.language{
	background-image: url(/images/francais_20pixels.png);
	height: 17px;
	width: 115px;
}

.menuContainer li a.moreinfo.fr{
	background-image: url(/images/menu_more_info_fr.png);
	width: 135px;
        height: 15px;
}

.menuContainer li a.fitnesstest.fr{
	background-image: url(/images/menu_fitness_test_fr.png);
	width: 145px;
        height: 15px;
}

.menuContainer li a.whatsnew.fr{
	background-image: url(/images/magasin_20pixels.png);
	width: 105px;
	height: 18px;
}

.menuContainer li a.blog.fr{
	background-image: url(/images/blogue_20pixels.png);
	width: 100px;
	height: 17px;
}

.menuContainer li a.video.fr{
	background-image: url(/images/video_fr_20pixels.png);
	width: 73px;
	height: 20px;
}

.menuContainer li a.knowledgebase.fr{
	background-image: url(/images/menu_knowledge_base_fr.png);
	width: 195px;
        height: 15px;
}

.menuContainer li a.contact.fr{
	background-image: url(/images/nous_joindre_20pixels.png);
	width: 158px;
	height: 16px;
}

.menuContainer li a.language.fr{
	background-image: url(/images/english_20pixels.png);
	width: 98px;
	height: 20px;
}
/************/



/*************/
#menu{
	width: 370px;
	height: 460px;
	overflow: hidden;
	background: transparent url('/images/block_img_accueil.jpg') no-repeat left top;
}

.popper {
	position: absolute;
	visibility: hidden;
	z-index:15;
	left:140px;
	background: blue;
	width: 197px;
}

.popper ul{
	border: 1px solid blue;
	list-style: none;
	width: 100%;
}

#topgauche {
	margin: 30px 31px 0 0;
	position: absolute;
	z-index: 10;
}

#menu .menu-cont{
	height: 17px;
	overflow: hidden;
}

#menu a.menu-element{
	display: block;
	background: transparent url('/images/blank.gif') no-repeat left top;
	height: 100%;
	overflow: hidden;
	float: right;
}

#menu a.menu-element:hover{
	-moz-opacity: 0.8;
	/*filter: alpha(opacity=80);*/
	opacity: 0.8;
}

#menu a.menu-element span{
	display: block;
	text-indent: -9999px;
}

#menu a.mo
reinfo{
	background-image: url(/images/menu_more_info.png) !important;
	filter: !important;
	background-image: none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/menu_more_info.png');
	width: 116px;
}

#menu a.fitnesstest{
	background-image: url(/images/menu_fitness_test.png) !important;
	filter: !important;
	background-image: none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/menu_fitness_test.png');
	width: 137px;
}

#menu a.magasin{
	background-image: url(/images/store_20pixels.png) !important;
	filter: !important;
	background-image: none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/store_20pixels.png');
	width: 140px;
	height 35px;
}

#menu a.blog{
	background-image: url(/images/blog_20pixels.png) !important;
	filter: !important;
	background-image: none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/blog_20pixels.png');
	width: 70px;
	height: 20px;
}

#menu a.video{
	background-image: url(/images/video_20pixels.png) !important;
	filter: !important;
	background-image: none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/video_20pixels.png');
	width: 87px;
	height: 17px;
}

#menu a.knowledgebase{
	background-image: url(/images/menu_knowledge_base.png) !important;
	filter: !important;
	background-image: none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/menu_knowledge_base.png');
	width: 183px;
}

#menu a.contact{
	background-image: url(/images/contact_20pixels.png) !important;
	filter: !important;
	background-image: none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/contact_20pixels.png');
	width: 110px;
	height: 20px;
}

#topgauche ul ul{
	display: none;
}
/*************/




/************/
.right{
	float: left;
	width: 391px;
	padding: 15px 0 0 0;
}
/************/


/************/
div.slogan{
	width: 391px;
	height: 85px;
	overflow: hidden;
	background: transparent url(/images/slogan_en.gif) no-repeat left top;
}
div.slogan.fr{
	background: transparent url(/images/slogan_fr.gif) no-repeat left top;
}

div.slogan h2{
	display: none;
}

div.slogan ul{
	height: 25px;
	width: 391px;
	overflow: hidden;
	list-style: none;
	margin-top: 60px;
	background: transparent url('/images/ariane_bg.gif') no-repeat left top;
	padding-left: 12px;
	padding-top: 3px;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
}

div.slogan li{
	display: inline;
}

div.slogan li span{
	margin-right: 3px;
}

div.slogan li a{
	color: #999999;
	text-decoration: none;
}

div.slogan li a.on{
	color: #0db14b;
}

div.slogan li a:hover{
	text-decoration: underline;
}

.whatYouWant{
	width: 391px;
	height: 100px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(/images/what_you_want_en.gif) no-repeat left top;
}

.whatYouWant.fr{
	background-image: url(/images/what_you_want_fr.gif);
}

/************/


/************/
.content{
	background: transparent url('/images/content_bg.gif') repeat-y left top;
	height: 400px;
	width: 391px;
	overflow: hidden;
}

.cntlittle{
	background-image: url('/images/content_bg_petit.gif');
	background-position: no-repeat;
	height: 300px;
}

.content .contenue{
	padding: 10px;
}

.content .cntPage{
	height: 370px;
	width: 350px;
	overflow: auto;
	overflow-x: hidden;
}

.content h3,
.cntPage h2, 
.cntPage h2 a{
	font-size: 16px;
	font-weight: bold;
	color: #0db14b;
	letter-spacing: 1px;
	text-decoration: none;
}

.cntPage h2,
.cntPage h2 a{
	font-size: 18px;
}

.content h4,
.cntPage h4{
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	letter-spacing: 0.25px;
}

.cntPage h4{
	font-weight: bold;
	color: #8e9091;
	margin-top: -3px;
}

.content,
.content td{
	color: #333333;
	font-size: 12px;
}

.content a{
	color: #666;
	text-decoration: underline;
}

.content a:hover{
	color: #999;
	text-decoration: none;
}

.content .firstStep{
	width: 360px;
	margin-top: 10px;
}

.content .firstStep td{
	padding-bottom: 4px;
	padding-bottom: expression('3px');
}

.content .tdBMI{
	width: 60px;
}

.content .bmi{
	font-weight: bold;
	color: #666666;
	height: 31px;
	background: transparent url('/images/bmi_bg.gif') no-repeat left top;
	padding-left: 15px;
	margin-left: 5px;
}

.content .texte{
	margin-top: 15px;
}

.content .texte p{
	margin-bottom: 10px;
}

.content .texte h3{
	font-size: 12px;
}

.content .texte a{
	color: #0db14b;
	font-weight: normal;
	text-decoration: none;
}

.content .texte a:hover{
	text-decoration: underline;
}

.content .texte ul.spip{
	margin: 10px 0 10px 20px;
	
}

.btn_go{
	width: 55px;
	height: 19px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url('/images/button_go.gif') no-repeat left top;
	border: 0;
	padding: 0;
	cursor: pointer;
}

table.parq{
	width: 100%;
	width: expression('95%');
}

table.parq td{
	padding-bottom: 5px;
}
/************/



/************/
.plan{
	
}

.plan ul{
	margin: 5px 0 5px 20px;
	list-style: none;
}

.plan ul ul{
	margin-bottom: 5px;
	margin-left: 15px;
}

.plan .rubrique{
	list-style: url(/images/folder.gif);
}

.plan .article{
	list-style: url(/images/page.gif);
}
/************/



/************/
.footer{
	width: 391px;
	height: 60px;
	overflow: hidden;
	background: transparent url('/images/footer_bg.gif') no-repeat left top;
}

.footer div{
	margin: 6px 10px 0 13px;
	margin-top: expression('10px');
}

.footer ul{
	list-style: none;
}

.footer li{
	display: inline;
}

.footer li,
.footer li a{
	color: #666666;
	font-size: 11px;
	text-decoration: none;
}

.footer li a:hover{
	color: #999999;
	text-decoration: underline;
}

.footer li span{
	margin: 0 2px 0 5px;
}
/************/




/************/
.valignm,
.valignmiddle{
	vertical-align: middle;
}

.center{
	text-align: center;
}

.floatL{
	/*float: left;*/
}

a.nodeco, 
.nodeco{
	text-decoration: none;
}
/************/


/************/
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}
/************/