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


/* ----------------------- Les classiques ---------------------------- */
body{
	background:#E2E2E2 url(../images/bg.png);
	color:#333;
	font-family:arial,verdana;
	font-size:14px;
}
a:link { /* lien non-visité */ 
	color: #333;
	text-decoration:none; 
} 
a:visited { /* lien visité */ 
	color: #333;
	text-decoration:none; 
} 
a:hover { /* lien survolé */ 
	color: #C39;
	text-decoration:none; 
} 
a:active { /* lien activé */ 
	color: #333;
	text-decoration:none;  
} 
li{
	list-style-type: none;
	margin-top:5px;
}
#titre{
	 margin-left:20px;
	 font-size:25px;
	 font-weight : bold;
	 margin-top:20px;
 }
#text{
	padding:0 20px 20px 20px;
}
h3{
	color: #C39;
	font-weight:500;
}

/* ----------------------- Banniere ---------------------------- */
#banniereOut{
	margin-left: auto;
  	margin-right: auto;
	width:798px;
}
#banniere{
	background:url(../images/banniere2.png) no-repeat left;	
	height:140px;
	margin-top:-15px;
}
/* ----------------------- Name ---------------------------- */
#name{
	background:url(../images/titre.png) no-repeat;
	height:100px;
	margin-top:-150px;
	margin-left:220px;
	margin-bottom:60px;
}
/* ----------------------- Le corps ---------------------------- */
#page{
	width:1180px;
	margin-left: auto;
  	margin-right: auto;	
}
#menu{
	width:157px;
	padding:10px;
	background-color:#fff;
	color:#ccc;
	border:1px solid #24b251;
	border-radius:5px;
	-moz-box-shadow: 1px 1px 3px #333;
	-webkit-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 10px #24b251;
	position:fixed;
	margin-left:-20px;
}
#corps{
	margin-left:10px;
	border-radius:5px;
	width:800px;
	background:#FFF;
	min-height:500px;
	border:1px solid #26a04d;
	box-shadow: 1px 1px 10px #24b251;
	position:absolute;
	margin-left:180px;
}
#menuD{
	margin-left:10px;
	width:157px;
	border-radius:5px;
	padding:10px;
	background-color:#fff;
	border:1px solid #24b251;
	-moz-box-shadow: 1px 1px 3px #333;
	-webkit-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 10px #24b251;
	position:fixed;	
	margin-left:1002px;
}
#pied{
	clear:both;	
}
#contact{
	font-weight:bold;
}
#itaBol{
	font-style:italic;
	font-weight:bold;
}
#imageAccueil{
	margin-top:-440px;
	margin-left:600px;
	height:440px;
}

#imageMaigrir{
	margin-top:-380px; 
	margin-left:585px;
	height:400px;
}
/* ----------------------- infobulle ---------------------------- */
 a.info {
   position: relative;
   text-decoration: none;
}
a.info span {
   display: none; /* On masque l'infobulle. */
}
a.info:hover {
	position:relative;
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 3000; /* On définit une valeur pour l'ordre d'affichage. */
}
a.info:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
   top: -5px; /* On positionne notre infobulle. */
   left: 107px;
   width:150px;
   border-radius:5px;

   background: white;

   padding: 5px;

   border: 1px solid #C39;
   border-left: 4px solid #C39;
}