p, div, span, ul, li, h1, h2, h3, h4, dl, dt, dd, form {margin:0;padding:0;}

a {color: #333	;}

img {border:0 ;}

html {
	background: #666 url(/img/fond.gif) ;
	margin: 0 ; 
	padding: 0; 
	border: 0;
}

body{
	
	margin: 0 auto ; 
	padding: 0; 
	border: 0;
	text-align: center;
	background: #666 url(/img/fond.gif) ;
	
	font-family: arial, sans-serif, helvetica,  verdana, lucida;
	font-size: 12px ;      
	color: #818181 ;
	height:100%; /* permet d'avoir toujours la barre de défilement (et donc d'éviter son apparition/disparition ce qui cause des décallages */
	
	}


.clear_float
{
	clear:both;
	margin:0;
	padding:0;
	font-size: 1px;
	line-height:0;
}
.texte_centre {
	text-align: center !important;	
}


#header {
	margin: 25px auto 0 auto ;

	line-height: 0 ;
	width: 870px;
	height: 20px;
	background: #666 url(/img/header.gif) ;
}

#conteneur {
	width: 870px;
	margin: 0 auto ;
	clear:both;
	text-align: justify ;
	background: #666 url(/img/fond_conteneur.gif) ;
	
}

#bandeau {
 clear: both ;
 width: 870px ;
}

#bandeau h1 {
	float: left ;
	margin: 45px 0 0 35px ;
	line-height: 0 ;
	/*background: #faa;*/
	display: inline ; /* IE double margin bug */
}

#bandeau h2 {
	width: 510px;
	height: 55px; 
	padding: 110px 0 0 92px;
	float: left ;
	margin: 25px 0 0 24px ;
	line-height: 0 ;
	background: #90c84b url(/img/bandeau_vert_txt2.gif) ;
	color: #fff ;
	font-family: arial, sans-serif, helvetica,  verdana, lucida;
	letter-spacing: -1px;
	font-size: 28px ;   
}

#bandeau  span {
	display: none ;
}

#bandeau p {
display: none ;
}


#footer {
	margin: 0 auto 25px auto;
	padding: 0 ;
	width: 870px;
	height: 30px;
	clear:both;
	background: #666 url(/img/footer.gif) ;
}

#footer p {
	margin: 0 ;
	padding: 0 ;
	text-align: center;
	font-size: 1px ;
	color: #fefefe ;
}


/* -------------------------------------- MENU ---------------------------------------- */
#menu {
	float: left;
	width: 245px ;
	margin-left: 11px ; 
	display: inline; /* double margin bug iexplore */
	
}

#menu ul {
	float: left;
	list-style-type:none;
	font-size: 1px ;      
	font-weight: bold ;
	margin-bottom: 1px ;
	
	width: 245px;
}

#menu a span { /* permet de cacher le texte aux navigateurs qui comprennent le css... 
	                on ne peut pas utiliser de display:none sur le "A" sinon pas d'affichage du background */
	display: none ; 
	}


#menu ul li {
height : 40px;
margin-top: -1px; 
}

#menu ul li a {
display: block ;
width: 245px ;
height: 40px ;
/* padding-left: 50px ; */
 /* margin-top: -1px;*/  /* recouvrement de bordure */
text-decoration: none ;

}

#menu_accueil    { background: url(/img/menu_accueil.gif) 0 -40px no-repeat; }
#menu_accueil a  { background: url(/img/menu_accueil.gif) top left no-repeat; } 

#menu_dietetique    { background: url(/img/menu_dietetique.gif) 0 -40px no-repeat; }
#menu_dietetique a  { background: url(/img/menu_dietetique.gif) top left no-repeat; } 

#menu_blog    { background: url(/img/menu_blog.gif) 0 -40px no-repeat; }
#menu_blog a  { background: url(/img/menu_blog.gif) top left no-repeat; } 

#menu_forum    { background: url(/img/menu_forum.gif) 0 -40px no-repeat; }
#menu_forum a  { background: url(/img/menu_forum.gif) top left no-repeat; } 


#menu_dieteticienne    { background: url(/img/menu_dieteticienne.gif) 0 -40px no-repeat; }
#menu_dieteticienne a  { background: url(/img/menu_dieteticienne.gif) top left no-repeat; } 

#menu_cabinet    { background: url(/img/menu_cabinet.gif) 0 -40px no-repeat; }
#menu_cabinet a  { background: url(/img/menu_cabinet.gif) top left no-repeat; } 

#menu_contact    { background: url(/img/menu_contact.gif) 0 -40px no-repeat; }
#menu_contact a  { background: url(/img/menu_contact.gif) top left no-repeat; } 

#menu_livres    { background: url(/img/menu_livres.gif) 0 -40px no-repeat; }
#menu_livres a  { background: url(/img/menu_livres.gif) top left no-repeat; } 


#menu a:hover, #menu a.selected {background-image: none; }

/* CALCUL DE L'IMC */ 
.imc {
 background: url(/img/bandeau_menu.gif) 0 0 no-repeat;
 padding: 10px 0 0 10px ;
 font-size: 12px;
}
.imc h2, .titre_imc {
	color: #818181 ;
	font-family: arial, sans-serif, helvetica,  verdana, lucida;
	font-size: 14px;
	font-weight: bold;
}
.imc img {
	vertical-align:  middle ;
}

.imc_cont {
	float: left ;
	width : 130px;
	margin-right: 10px ; 
}

.imc_cont label {
	display: block ;
	float: left;
	width: 50px ;
	height: 25px ; 
	font-weight: bold ;
}

.imc_cont input {
	width: 50px ;
	border: 1px solid #CDCDCD;
}

.imc_bouton {
padding: 12px 0 0 10px; 
}

#imc { /* résultat du calcul */
	width: 190px ;
	padding: 10px ;
/* 	color: #f00 ; */
}
#resultat { /* résultat du calcul */
 	width: 190px ;
	padding: 10px ;
 	/* color: #f00 ;*/
}

.menu_coord {
padding: 10px;
text-align: center;
}

/* -------------------------------------- CONTENU DE DROITE ---------------------------------------- */
#contenu{
	float: left;
	margin: 25px 0 25px 25px ;
	width: 553px ;
	display: inline ;
}


#contenu h2 {
	font-size: 24px;
}



#contenu h3 {
	text-align: left;
	font-size: 20px;
	color: #cc2db2 ;
	font-family: arial, sans-serif, helvetica,  verdana, lucida;
	font-weight: normal ;
}

#contenu li {
	margin-left: 30px ;
	}



#galerie img {
	border: 1px solid #e9e9e9 ;
	clear: both;
	/* float: left ; */
	padding: 20px;
	text-align: center ;
	
}

#pied {
clear: both ;
}



#bug {
width: 700px;
}

#bug label {
	display: block;
	float: left;
	width: 120px ;
	
}

#table_bugs {
border-collapse : collapse ;

}

#table_bugs th, #table_bugs td {
border: 1px solid #000;
padding: 2px ;
}

.btn_valider {
margin-left: 200px ;
}


blockquote {
margin: 15px 15px 0 15px;
padding-right: 30px;
background: url(/img/close-quote.gif) no-repeat bottom right;
}

blockquote p {
background: url(/img/open-quote.gif) no-repeat top left;
padding-left: 35px;
font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
}
.legende {
	text-align: right;
	font-style: italic ;
}


/* ********************************
           CONTACT 
********************************* */

#form_contact label {
	display: block;
	float: left ;
	clear: left;
	text-align: right ;
	width: 100px ;
	padding: 0 5px 10px 0 ;
	
}

#form_contact input {
	width: 200px ;
	margin: 0 0 5px 0 ;
	
}