* {
 margin: 0;
 padding: 0;
 list-style: none;

 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }
 
 a:link, a:visited, a:hover, a:active {
	color: #0E416E;
	text-decoration: underline;
}

.link:hover {text-decoration: underline;}
 
 img {display: block; border: 0pt;}
 
 

 
 .hr {
	border-top-color: #A0A0A4;
	border-width: 1px;
	border-top-style: solid;
	width:380px;
	height:10px;
 display: block; 
}


em {
	font-style: italic;
	font-weight: normal;
}


 
 body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 21px;
	scrollbar-face-color: #cccccc;
	scrollbar-track-color: #eeeeee;
	scrollbar-arrow-color: #ffffff;
	background:url(../images/herbe.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #0F4F7A;
}

 .clearer { height: 0.1em; clear: both;}

 #container {width: 830px; height: 555px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -415px; margin-top: -261px;  }
 #wrapper {  }
 #page { }
 #page_top { background-position: left bottom; padding: 5px 5px 4px;  }
 #page_bottom {border: 1px solid #ffffff; }
 #real_page {
	background: #f8f3ea;
	height: 494px;
	position: relative;
	overflow: hidden;
	border: 9px solid;
	border-color: #D7E8FA;
}

 
  h1 {
	width: 830px;
	height: 60px;
	position: absolute;
	top: 0px;
	left:0px;
	z-index: 10000;
}
 h1 a {
 	height: 60px;
	position: absolute;
	top: 0px;
	left:0px;
	z-index: 20000; 
	}
		
 
 h2 {width: 246px; height: 248px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
 
 h3 {height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
 h4 {font-size: 10px;}
 
 .titre_vert {font-size: 28px;color:#69B032; line-height:30px }
 .titre_mauve{
	font-size: 22px;
	color:#FF5FAA;
	line-height:27px
	
}
 
 
/**** COTE DROIT DU SITE - FORMULAIRE ****/ 
 

#iframe {
padding-top:5px;
	width: 300px;
	height: 370px;
	position: absolute;
	top: 90px;
	left:495px;
	z-index: 10000;
	font-size: 12px;
	color: #DF0000;
	background-color: #F8F3EA;
}

  #mentionsformulaire{
	width: 195px;
	height: 10px;
	position: absolute;
	top: 470px;
	left:500px;
	z-index: 20000;
	font-size: 11px;
	
}

 #mentionsformulaire2{
	width: 200px;
	height: 10px;
	position: absolute;
	top: 470px;
	left:684px;
	z-index: 20000;
	font-size: 11px;
	
}



/**** INFOBULLES - lié à mentionsformulaire****/


a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0px;
    padding: 5px;
    color: #000;
   	border:2px solid #C0C0C0;
   	background: #E5E5E5;
	color: #333333;
    width:280px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 0px;
   	width:280px;
	height:330px;
    margin:0;
    padding: 0;
    border: 0;
}

a.tooltip2 em {
    display:none;
}
a.tooltip2:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip2:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    bottom: 20px;
    left: -184px;
    padding: 5px;
    color: #000;
  	border:2px solid #C0C0C0;
   	background: #E5E5E5;
	color: #333333;
    width:280px;
}
a.tooltip2:hover em span {
    position: absolute;
    top: -7px;
	 left: -184px;
  	width:280px;
	height:330px;
    margin:0;
    padding: 0;
    border: 0;
}




.texte_vert
{
	color:#D40000;
	font-weight:bold;
}



/**** IFIn cote droit du site ****/

 /* MENU */ 

#main_menu {
position: absolute; 
float:left;
font:normal 12px 'Trebuchet MS','Arial';
margin:0;
padding:0;
top: 60px;
left: 0px;
z-index: 10000;
}


#main_menu ul {
background-image:url(../images/back.gif);
background-repeat:repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 10px 0 10px;
width:800px;
}

#main_menu li {
display:inline;
padding:0;

}

#main_menu a {
color:#FFFFFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
width:120px;
}

#main_menu a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#main_menu a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#main_menu a:hover{
background: url(../images/left.png) no-repeat left center;

}

#main_menu a:hover span {
background:url(../images/right.png) no-repeat right center;
}

#main_menu a.right {
float:right; 
}



   /**** INTERIEUR DU CADRE ****/
  
 

 
 #contents_wrapper {
	width: 494px;
	height: 402px;
	position: absolute;
	overflow: hidden;
	top: 92px;
	background-color: #FFFFFF;
	
}

 
 #contents_wrapper2 {
	width: 800px;
	height: 494px;
	position: absolute;
	overflow: hidden;
	top: 0px;
	background-color: #FFFFFF;
	
}

 #contents { width: 3952px; height: 100%; position: relative;}
 .content {
	width: 494px;
	position: absolute;
	overflow: hidden;
	
}

   /**** ACCUEIL ****/

 #accueil-comment-mincir-maigrir {
	left: 0;
	color: #0E416E;
	font-size: 12px;
	background-color: #FFFFFF;
		
}
 

 #accueil-comment-mincir-maigrir .temoin {
	width: 265px;
	height: 36px;
	position: absolute;
	top: 90px;
	left:180px;
	font-size: 12px;
	color: #0E416E;
	text-align:justify;
}

 #accueil-comment-mincir-maigrir .bouton {
	width: 80;
	height: 80;
	position: absolute;
	top: 214px;
	left:95px;
	
}

 #accueil-comment-mincir-maigrir h3 {height: 5px; padding-top:50px; } 

   /**** temoignages-regimes-reussis ****/
 
 
 #temoignages-regimes-reussis {
	left: 494px;
	top: 0px;
	background-color: #ffffff;
	width: 482px;
	font-weight:normal;
	padding-left:12px;
}
 #temoignages-regimes-reussis h2 {height: 5px; }
 #temoignages-regimes-reussis h3 {height: 5px; } 
 


 #temoignages-regimes-reussis .description {
	background-color: #ffffff;
	width: 482px;
	color: #0E416E;
	font-size: 12px;
	height: 402px;
	overflow: auto;
}
 #temoignages-regimes-reussis h3 {height: 5px; }
 #temoignages-regimes-reussis ul {line-height: 19px;}
 
 
  /**** problemes-kilos-en-trop ****/
  
  #problemes-kilos-en-trop {
	left: 988px;
	top: 0;
	width: 494px;
	background-color: #FFFFFF;
	background-image:url(../images/surpoids.png); background-position: top;
	padding: 190px 0 0;
}
 #problemes-kilos-en-trop h2 {height: 5px; }
 #problemes-kilos-en-trop h3 {height: 5px; } 
 
 #problemes-kilos-en-trop .description {
	width: 484px;
	background-color: #ffffff;
	padding: 0;
	color: #0E416E;
	font-size: 12px;
	padding-left:10px;
	font-weight:normal;
}


 
    /**** methode-pour-maigrir  ****/
 
 #methode-pour-maigrir {
	left: 1482px;
	top: 0;
	height: 402px;
	width: 494px;
	font-size: 13px;
	padding: 0;
	
}

#methode-pour-maigrir .description {
	background-color: #ffffff;
	height: 170px;
	color: #0E416E;
	padding-left:10px;	
}


#methode-pour-maigrir .description2 {
	width: 202px;
	height: 402px;
	position: absolute;
	top: 200px;
	left:30px;
}

#methode-pour-maigrir .description3 {
	width: 202px;
	height: 402px;
	position: absolute;
	top: 200px;
	left:250px;
}

 #methode-pour-maigrir h2 { height:5px;}
 #methode-pour-maigrir h3 {height:5px; }





 a.tooltip3 em {
    display:none;
}
a.tooltip3:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
	
}
a.tooltip3:hover em {
	font-style: normal;
	display: block;
	position: absolute;
	bottom: 4px;
	left: -30px;
		color: #0E416E;
	padding: 5px;
	background: #E7E7E7;
	width:490px;

}
a.tooltip3:hover em span {
    position: absolute;
    left: 0px;
    margin:0;
    padding: 0;
    border: 0;
	
}



 a.tooltip4 em {
    display:none;
}
a.tooltip4:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
	
}
a.tooltip4:hover em {
	font-style: normal;
	display: block;
	position: absolute;
	bottom: 4px;
	left: -250px;
	color: #0E416E;
	padding: 5px;
	background: #E7E7E7;
	width:490px;
	height:190px;

}
a.tooltip4:hover em span {
    position: absolute;
    left: 0px;
    margin:0;
    padding: 0;
    border: 0;
	
}


 

 
   /**** CALCUL IMC ****/
 
  #calculer-son-IMC-en-ligne {
	left: 1976px;
	width: 494px;
	background-color: #ffffff;
	top: 0;
	padding: 0px 0 0 0px;
	color: #0E416E;
	font-size: 13px;
}
 #calculer-son-IMC-en-ligne h2 {height: 5px; }
 #calculer-son-IMC-en-ligne .description {
	background-color: #ffffff;
	padding-left:10px;
	width: 492px;
	height: 402px;
	color: #0E416E;
}
 #calculer-son-IMC-en-ligne h3 {height: 5px;}
 
    /****mentions legales ****/
 
  #mentionslegales {
	left: 0px;
	top: 92px;
	background-color: #ffffff;
	width: 790px;
	height: 402px;
	overflow: auto;
	color: #0E416E;
	font-size: 12px;
	padding-left:10px;
	font-weight:normal;
}
 
 
  #footer {
	position: relative;
	top: 0;
	left: 0;
	color: #ffffff;
	font-size:11px;
	padding: 8px 5px 0 0;
	
}
  #footer p {float: right; margin: -1px 0 0 0;  background-position: left center; padding: 0 20px 0 6px; line-height: 16px;}
#footer .lienfooter {color: #ffffff; font-size: 11px; text-decoration:none;}