﻿@charset "utf-8";

body {

	color: #F0E39E; /* Voir -> Note 1 ci-dessous */
	background-color: #FFFFFF;

	margin: 0;

	background-repeat: no-repeat;

	background-position: top;

	background-image: url(../pics/fond.gif);
	font-family:Verdana, Geneva, sans-serif

}



/* Navigation */

#navigation {

	background: #181A12;

}

.class {

	background-image: url(../pics/sep.gif);

	background-repeat: repeat-x;

	height: 10px;

}

.sep2 {

	margin-top: 20px;

	margin-bottom: 20px;

}

a {

	color: #F10075;

	text-align: left;

	text-decoration: none;

	border: none;

	border-color: #FFFFFF;

}







/* Contenu principal */

#contenu {

	color: #363B29;
	height:auto;
	position: inherit;
	width: 960px;
	top: 313px;
	margin-right: 15px;
	margin-left: 0px;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 15px;
}

#group{
	background-image: url(../pics/golden.gif);
	font-weight:100;
	color:#666;
	width: 460px;
	height: 68px;
	padding-left: 180px;
	padding-top: 1px;
}

.sep {
	background-image: url(../pics/sep.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-top: 12px;
	color: #F10075;
}

.mug{
	height: 300px;
	width: 320px;
	float:left;
	text-align: center;
}

#flash {
	width: 250px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-left: 15px;
}

#temoins {
	text-align: justify;
	line-height: 18px;
	width: auto;
}

#margin {
	padding-left: 60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}



#icoflash {
	z-index: 1;
}



#temoins p {
	line-height: 18px;
}

.tit2 {
	font-size: 16px;
	color: #333333;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #E30772;
	font-weight: bold;
	text-align: left;

}

.temoin {

	font-size: 16px;

	color: #333333;

	line-height: 24px;

}



#tab {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: center;

	width: 435px;

	padding-right: 10px;

	padding-left: 10px;

	margin-left: auto;

	margin-right: auto;

	text-transform: uppercase;

	font-weight: normal;

	color: #000000;

}



.bio {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: lighter;

	font-size: 11px;

	line-height: 20px;

	text-transform: uppercase;

	text-align: justify;

}

.centre {

	text-align: center;

}







p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	font-weight: normal;

	word-spacing: normal;

	padding-bottom: 0px;

}

.adr {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #666666;

	text-decoration: underline;

}



.rose {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #E30772;

}

#bdimg {

	width: 200px;

	height: auto;

	float: left;

	text-align: center;

	text-decoration: none;

}

#bdimg a {

	text-decoration: none;

	color: #b4d546;

}









/* Pied de page */

#pied {

	color: #666666;

	height: 150px;

	margin: 0;

	width: auto;

	margin-right: 0px;

	margin-left: 0px;

	background-image: url(../pics/fondfoot.jpg);

	clear:both;

	text-align: center;

	padding-top: 20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	letter-spacing: 2px;

}

#pied a {

	text-decoration: none;

	color: #666666;

}

#pied :hover {

	text-decoration: underline;

	color: #F30071;

	}





/* En-tête */

#entete {

	height: 226px;

	margin: 0;

	left: 299px;

	width: auto;

	/*background-image: url(../pics/logo.gif);

	background-repeat: no-repeat;*/

	margin-right: 0px;

	margin-left: 0px;

	margin-top: 0px;

	z-index: 100;

	font-weight: normal;

}

#defile {

	margin-top: 10px;

	background-image: url(../pics/fond-testimony.gif);

	background-repeat: no-repeat;

	background-position: left;

	width: 640px;

	height: 273px;

}

#desc  {

	width: 175px;

	float: left;

	height: 173px;

	vertical-align: bottom;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding-top: 100px;

	padding-left: 10px;

}

.white {

	font-size: 20px;

	font-weight: bold;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align: left;

}





#img {

	float: left;

	width: 430px;

	height: 273px;

	padding-right: 0px;

	padding-left: 0px;

}

.biol {

	background-image: url(../pics/cot.gif);

	background-repeat: no-repeat;

	background-position: top;

	width: 10px;

	height: auto;

	float: left;

	margin-right: 10px;

	line-height: 17px;

}







#global {

	height: auto;

	width: 970px;

	vertical-align: top;

	margin-left: auto;

	margin-right: auto;

	padding: 0;

}

#log {

	background-image: url(../pics/logbook.jpg);

	background-repeat: no-repeat;

	background-position: right;

	padding-right: 150px;

	height: 150px;

}

#tex {

	width: 670px;

	float: right;

	text-align: justify;

}





#global #traits {

	right: 0px;

	background-image: url(0);

	background-position: right;

	background-repeat: 0;

	height: 226px;

	margin: 0;

	text-align: right;

	padding-bottom: 0px;

	bottom: 0px;

	position: relative;

}

#def2 {

	height: 273px;

	width: 29px;

}



#cont {

	float: left;

	margin-left: 10px;

	min-width: 200px;

	width: 650px;

}

#cont2 {

	float: left;

	margin-left: 10px;

	min-width: 200px;

	width: 959px;

}

#tex2 {

	width: 690px;

	float: left;

	text-align: justify;

	margin-left: 40px;

	padding-right: 20px;

}

#texactu {

	width: 660px;

	float: left;

	text-align: justify;

	margin-left: 90px;

	padding-right: 0px;

}

#texte_left {

	width: 440px;
	float: left;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	word-spacing: normal;
	padding-right:10px;
}

#texte_right {
	width: 210px;
	float: left;
	text-align: right;
}

#div_flash {
	width: 662px;
	height:283px;
	padding-top:3px;
	text-align: center;
	background:url(../pics/fond-flash.gif);
}

.texte_gris {
	width:630px; 
	padding-left:5px;
	padding-right:13px;
	margin-top:14px; 
	margin-left:10px; 
	border-left:6px solid #C06; 
	float:left;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.vert {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #9dbe1c;

}

#tex2 .flow {

	float: left;

	margin-top: 15px;

	margin-right: 15px;

	margin-bottom: 5px;

}



#septab {

	background-image: url(../pics/sep.gif);

	background-repeat: repeat-x;

	height: auto;

	margin-top: 10px;

	padding-top: 10px;

	padding-bottom: 15px;

}





/********** Menu ***************/



/* tabs

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



ul.tabs

{

	display: table;

	margin: 0;

	padding: 0;

	list-style: none;

	position: relative;

}



ul.tabs li

{

	margin: 0;

	padding: 0;

	list-style: none;

	display: table-cell;

	float: left;

	position: relative;

}



ul.tabs a

{

	position: relative;

	display: block;

}



ul.dropdown

{

	margin: 0;

	padding: 0;

	display: block;

	position: absolute;

	z-index: 999;

	top: 100%;

	width: 200px;

	display: none;

	left: 0;

}



ul.dropdown ul.dropdown

{

	/top: 0;

	left: 95%;

}



ul.dropdown li

{

	margin: 0;

	padding: 0 10px;

	/*float: none;*/

	/*position: relative;*/

	list-style: none;

	display: block;  

	background: url(../pics/menu/dropdown.png) bottom center no-repeat ;

	width: 250px;

    /*width: 175px;*/

	text-align: left;

}



ul.dropdown li.last{

    background: url(../pics/menu/dropdown-last.png) top center no-repeat ; 

    padding: 0;

}



ul.dropdown li a

{

	display: block;

}





/* menu-specifc

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



#menu

{

	display: inline;

	position: absolute;



	z-index: 100;

	/*bottom: 50;*/

	/*left: 290px;*/

	right: 3px;

	top: 150px;

	width: 800px;

	height: 45px;

	line-height: 45px;

	/*background: #ffb35a url(../pics/menu/topbg.gif) repeat-x;*/

	/*border-bottom: 1px solid #000;*/ 

}



.menu-fr {

    /*left: 50px;*/

}



.menu-container{

	height: 45px;



}

#menu ul

{

	margin: 0 auto;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	

}



#menu ul li.hasmore

{

	background: url(../pics/menu/drophighlight.png) no-repeat center 27px;

}



#menu ul li h4

{

	margin: 0;

}



#menu ul li h4 a

{

	font-size: 14px;

	color: #000;

	font-weight: bold;

	padding: 0 15px;

}



#menu ul li a

{

	color: #FFF;

	padding-left: 4px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-decoration: none;

}



#menu ul li a img

{

	vertical-align: middle;

}



#menu ul li a:hover

{

	/*background: url(../pics/menu/topselectionleft.png) top left no-repeat;*/

}



#menu ul li a span

{

	display: block;

	padding: 0 15px 0 11px;

}



#menu ul li a:hover span

{

	/*background: url(../pics/menu/topselectionright.png) top right;    */

}



#menu ul.dropdown

{

	padding: 0px;

	/*background-image: url(../pics/menu/dropdown.png);*/

	overflow:hidden;

	/*border-bottom: 1px solid #dc902f;*/

	width: 250px;

}



#menu ul.dropdown li a

{

	/*border-bottom: 1px solid #e5cd8e; */

	line-height: 30px;

	overflow: hidden;

	height: 30px;

}



#menu ul.dropdown li.last a

{

	border-bottom-width: 0;

}



#menu ul.dropdown li a:hover

{

	background: url(../pics/menu/menuarrow.png) no-repeat left center;

}



#menu ul li h4 a:hover

{

	background-image: none;

}





.home{

    width: 125px;

    background-image: url(../pics/menu/bt-home.gif);

}



.home:hover{

    background-image: url(../pics/menu/bt-home-ov.gif);

}



.about{

    width: 125px;

    background-image: url(../pics/menu/bt-about.gif);

}



.about:hover{

    background-image: url(../pics/menu/bt-about-ov.gif);

}







.program{

    width: 125px;

    background-image: url(../pics/menu/bt-program.gif);

}



.program:hover{

    background-image: url(../pics/menu/bt-program-ov.gif);

}





.testimonials{

    width: 125px;

    background-image: url(../pics/menu/bt-testimonials.gif);

}

#tex2 li {

	font-size: 12px;

	font-style: italic;

	list-style-image: url(../pics/puce2.gif);

	font-weight: normal;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	list-style-position: outside;

}





.testimonials:hover{

    background-image: url(../pics/menu/bt-testimonials-ov.gif);

}



.team{

    width: 125px;

    background-image: url(../pics/menu/bt-team.gif);

}



.team:hover{

    background-image: url(../pics/menu/bt-team-ov.gif);

}

.home-fr{

    width: 110px;

    background-image: url(../pics/menu/bt-accueil.gif);

}



.home-fr:hover{

    background-image: url(../pics/menu/bt-accueil-ov.gif);

}



.about-fr{

    width: 145px;

    background-image: url(../pics/menu/bt-qui.gif);

}



.about-fr:hover{

    background-image: url(../pics/menu/bt-qui-ov.gif);

}







.program-fr{

    width: 125px;

    background-image: url(../pics/menu/bt-program-fr.gif);

}



.program-fr:hover{

    background-image: url(../pics/menu/bt-program-ov-fr.gif);

}



.coaching-fr{

    width: 110px;

    background-image: url(../pics/menu/bt-coaching.gif);

}



.coaching-fr:hover{

    /*width: 125px; */

    background-image: url(../pics/menu/bt-coaching-ov.gif);

}



.surpoids-fr{

    width: 145px;

    background-image: url(../pics/menu/bt-surpoids.gif);

}



.surpoids-fr:hover{

    background-image: url(../pics/menu/bt-surpoids-ov.gif);

}



.testimonials-fr{

    width: 125px;

    background-image: url(../pics/menu/bt-testimonials-fr.gif);

}



.testimonials-fr:hover{

    background-image: url(../pics/menu/bt-testimonials-ov-fr.gif);

}



.partenaires-fr{

    width: 110px;

    background-image: url(../pics/menu/bt-partenaires.gif);

}



.partenaires-fr:hover{

    background-image: url(../pics/menu/bt-partenaires-ov.gif);

}





.team-fr{

    width: 125px;

    background-image: url(../pics/menu/bt-team-fr.gif);

}



.team-fr:hover{

    background-image: url(../pics/menu/bt-team-ov-fr.gif);

}

.contact{

    width: 47px;

    background: url(../pics/menu/bt-contact.gif) no-repeat;    

}

.nom {

	font-style: italic;

	color: #E30772;

}





.contact:hover{

    width: 47px;

    background: url(../pics/menu/bt-contact-ov.gif) no-repeat;    

}

#biol2 {

	background-image: url(../pics/cot.gif);

	background-repeat: no-repeat;

	background-position: top;

	width: 10px;

	height: 200px;

	float: left;

	margin-right: 10px;

}

#contemoin {

	margin-left: 10px;

	min-width: 200px;

	width: 880px;

	margin-right: auto;

	margin-left: auto;

	padding-left: 40px;

}

#bdteam  img {

	border: 0;

	border:0 px;

	text-decoration: none;

}

#contemoin p {

	line-height: 20px;

}

#bdteam {

	width: 200px;

	height: auto;

	float: left;

	text-align: left;

	

}

h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #333333;

	font-weight: bold;

	text-align: justify;

}

#entete-fr {

	height: 226px;

	margin: 0;

	left: 299px;

	width: auto;

	/*background-image: url(../pics/logo-fr.gif);

	background-repeat: no-repeat;*/

	margin-right: 0px;

	margin-left: 0px;

	margin-top: 0px;

	z-index: 100;















	background-position: top

:25;

	background-position: 0;

25;

}

#tex3 li {

	font-size: 12px;

	list-style-image: url(../pics/puce2.gif);

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	list-style-position: outside;

	line-height: 20px;

}

#cont li {

	font-size: 12px;

	list-style-image: url(../pics/puce2.gif);

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	list-style-position: outside;

	line-height: 20px;

}

.style2 {font-size: 10px}
.style3 {color: #333333}
.petit {
	font-size: 10px;
	color: #666;
	line-height: 12px;
}

/*Survol d'image*/
a.imag{
	position: relative;
	z-index: 1;
}
a.imag:hover{
	cursor: help;
	z-index: 2;
}
a.imag span{
	display: none;
}
a.imag:hover span{
	display:block;
	position:absolute;
	z-index: 3;
	top: -155px;
	left: -50px;
}

.banniere {
height:148px;
width:747px;
margin:auto;
top:0;
margin-left:219px;
}

.div_superpose {
width:80px;
margin:auto;
position:absolute;
z-index:2;
margin-left:868px;
top:11px;
background-color:#ffffff;

}

.presse_style {font-size: 12px}
.logo_img{
width:174px; height:161px; float:left; margin-top:33px
}
