/*
fond bleu					: #00FEFF
texte bleu					: #57E6F8
texte et fond marron		: #FFB5A0
texte et fond rose			: #FF499B

fond body					: #694340

*/

/* {
	margin: 0;
	padding: 0;
}*/
* {
	margin: 0;
	padding: 0;
}
BODY {
	margin: 0 0 0 10px;
	width: 85em;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFB5A0;
	background: #694340;
}
#conteneur {	
	position: relative;
	float:left;
	width: 88em;
	text-align: left;
	}
	
	#conteneur h2{ font-size:1.2em;
				   color: #694340;
				   text-align:left; 
					padding-left:1.4em;
					padding-top:0.3em;
				 }

	#conteneur h3 {
					font-size: 1em;
				  }
	
	
/*###############################
#								#
#	DIVERS						#	
#								#
###############################*/	

	A{	
		color: #FFB5A0;
		text-decoration: none;
	}
	A:hover{
		text-decoration: underline;
		}
		
	A.seealso{
		font-size: 1em;
		font-weight: bold;
	}
	.clear{
		clear:both;
		line-height:1px;
	}
	.monrose{
		color:#FF499C !important;
	}
	.monbleu{
		color:#57E6F8 !important;
	}
	
	.monrose p {padding-top:0;
				padding-bottom:0;
				padding-left: 2em;
	}
	
	.marron{color: #694340;}
	
	.marron2{color: #684742;}
	
li {margin-left:3em;}

/*mettre en majuscule*/
	.upper{text-transform:uppercase;}

/*DESCRIPTION DES LIENS*/	
	.lien {float:right;
		   margin-right:1em;
	}
	
	a.lien2 {
		text-decoration : underline;
	}
	
	a.lien3{text-decoration : none;
	        color: #694340;
	}
	
	a.lienvideo{
		text-align:left !important;
		font-size: 12px;
		color: #694340 !important;
	}
	
	h1.titre{padding-top:0.6em; padding-left:1.5em;}
	
	.medecin{padding-top : 13px;}
	
	.blanc{color : white;
			font-size: 1.1em;
			font-weight: bold;}
	
/*FIN DESCRIPTION DES LIENS*/	

	
	
/*DESCRIPTION DES TAILLES DE TEXTE*/			   
	
	.textefin{
		font-size: 1.1em;
		font-weight:normal;
	}
	.textemoyen{
		font-size: 1.4em;
		font-weight:normal;
	}
	.textegros{
		font-size: 1.6em;
		font-weight:normal;
		padding-left:-0.8em;

}
/*FIN TAILLES DE TEXTE*/

/*###############################
#								#
#	MENU HAUT					#	
#								#
###############################*/	
	
#haut {
	position:relative;	
	float:left;
	width: 80em;
	height: 10em;
	color:#FFFFFF;
}

	#logo{
		margin:0.5em 0 0 0;
		width: 9.2em;
		height:8em;
		position:relative;	
		float:left;
	}
	#logo img{
		border:0;
	}
	#menu {
		width: 45em;
		background : url('images/haut.jpg') no-repeat;
		position: relative;
		float:left;
		z-index:1;
	}
	
	#menu h1{
		font-family:  Helvetica, Arial, regular;
		float:right;
		font-size:1.7em;
	}
	#menu h2{
		float:right;
		font-size:1.2em;
		color:#FFFFFF;
	}
	.titre_haut{ 
		background-color:#694340;
		margin-top:2em;
		width:28em;
		position: relative;
		float:left;
	}

/*###############################
#								#
#	ZONE RECHERCHE				#	
#								#
###############################*/
#menu2{ 
	float:right;
	left: 50em;
	top:2.5em;
	position: absolute;
	z-index:1; }
	
	input.ok {
		background-color: #FFFFFF;
		width: 10em;
		height: 18px;
		color: #694340;
	}
	input.ok2 {
		background-color: #694340;
		width: 9em;
		font-size:0.8em;
		height: 18px;
		color: #FFFFFF;
		border:0;
	}

	

/*###############################
#								#
#		MENU GAUCHE				#	
#								#
###############################*/

#gauche {	position: relative;
			float:left;
			width: 247px;
			text-align: left;	
		}
	
/*RUBRIQUES DANS MENU GAUCHE*/	

	.famille-bleu{background : url('images/famille-bleu.jpg') no-repeat;
				  width: 247px;
				  }
				  
	.famille-rose{background : url('images/famille-rose.jpg') no-repeat;
				  width: 247px;}
				  
	.informations{background : url('images/informations.jpg') no-repeat;
				  width: 245px;
				  height: 137px;}
				  
	.ligne-famille {background : url('images/ligne-famille.jpg') no-repeat;
				  width: 247px;
				  height: 14px;
				  padding-left: 2em;}
				  
	.fin-famille {background : url('images/fin-famille.jpg') no-repeat;
				  width: 246px;
				  height: 11px;}
				  
	/*TAILLE DU TEXTE*/		  	
	.texte{ font-size: 1.1em;
			font-weight:normal;
			float: left;
			padding-left: 2em;
			
		  }
					   	
/*###############################
#								#
#	MENU DROIT					#	
#								#
###############################*/

#droit { position: relative;
		/*z-index :10;*/
		float:left;
		text-align: left;	
		min-height:40em;
		}
		
		
/*RUBRIQUES DANS MENU DROIT*/	
	
	.diagnostic{background : url('images/diagnostic.jpg') no-repeat;
			    width: 240px;
			    height: 241px;}
				  
	.consultations{background : url('images/consultations.jpg') no-repeat;
				   width: 244px;
				   height: 146px;
				  }
				  
	.actualite{background : url('images/actualite.jpg') no-repeat;
				   width: 245px;
				   height: 137px;
			   }
	
	.espace{ background : url('images/espace.jpg') no-repeat;
			 width: 240px;
			 height: 110px;
		   }	  
	
	.contact{background : url('images/contact.jpg') no-repeat;
			 width: 244px;
			 height: 75px;
	}

/*###############################
#								#
#	CONTENU						#	
#								#
#################################

	TRACKER - Fil d'Ariane
	*/
.tracker {
		margin: 0 0 1.5em 0.5em;		
		color: #FFB5A0;
	}
	.tracker a {
		font-weight:strong;
	}
	.tracker a:hover {
		text-decoration: none;
	}		
/* CONTENU de la page */	
#contenu {
		position: relative;
		float:left;
		min-height:40em;
		width: 450px;
		color: #FFB5A0;
		margin: 0 20px 0 0;
		padding : 0 0 0 0;
	}
	
	#contenu h1 {
		font-size: 1.4em;
		color: #00FEFF;
	}
	
	.haut-page{background : url('images/haut-page.jpg') no-repeat;
		 height: 4.9em;
		 width: 444px;
		 position: relative;
		 float:left;
		 margin-left:1em;
	}
	
/* CONTENU intérieur de la page */
#contenu_page {
		position: relative;
		width:424px;
		min-height:88em;
		z-index:1;
		float: left;
		margin: 0 1em 0.5em;
		vertical-align:text-top;
		color: #FFB5A0;
		background-color:#FFFFFF;
		padding : 1em 10px 1em 10px;
	}
		#contenu_page h1, #contenu_page h2, #contenu_page h3, #contenu_page h4 {
			position: relative;
			font-size: 1.4em;
			line-height: 1.5em;
			font-weight: bold;
			float: left;
			 
		}
		#contenu_page h1 {
			margin: 0.5em 0 1.4em 1.5em;
		}
		#contenu_page h2 {
			font-size: 1.2em;
		}
		#contenu_page h3 {
			font-size: 1.1em;
		}
		#contenu_page h4 {
			font-size: 1.1em;
			
		}
	
		h4 { margin-bottom: 10px;}
		h5 {font-size : 11px; font-weight : bold;clear : both;}
		
		#contenu_page p {
			position: relative;
			font-size: 11px;
			line-height: 1.2em;	
		}
		 #contenu_page span {
			font-size: 11px;
			line-height: 1.2em;	
		}
		#contenu_page a {
			position: relative;
			font-size: 1em;
			text-decoration: none;
		}
		#contenu_page li {	
			margin: 0 0 0 1em;
			list-style-position:outside;
			display:list-item;
		}
	
	.droit {
		position: relative;
		z-index:1;
		float:right;
		width: 190px;
		text-align: left;
		padding : 0.5px 0.5px 0.5px 0.5px;
		}	
		
	.gauche {
		position: relative;
		z-index:1;
		float:left;
		width: 210px;
		text-align: left;
		padding : 0.5px 0.5px 0.5px 0.5px;	
	}
	/* FIN CONTENU */

/*###############################
#								#
#	RECHERCHE					#	
#								#
###############################*/	
	#page-form {position: relative;	}
	
	#page-form h2.recherche{font-size:1.2em;position: relative;}
	
	#page-form h3.recherche{font-size:1em;position: relative; margin-left:40px;}
	
	#page-form ul{margin-left:20px;clear:both;}
		#page-form li{margin-left:10px;padding-left: 0px; float:left; clear:both;}
	
	#page-form p{padding-top : 2em; clear:both;}
	
	.resultat p{height : 50px; clear:both; text-align:left; margin-bottom: 0;}
	
	#page-form a{	
		text-decoration: underline;
		font-size:1em
	}
/*###############################
#								#
#	BAS DE PAGE					#	
#								#
###############################*/
	
#bas {  clear: both;
		position: relative;
		vertical-align:bottom;	
	    height:2em;
	    color: #FFB5A0;
	    font-size: 1em;
	    margin-top:1em;
	}
	#bas P.golden {
		text-align: center;
	}
	#bas P.gauche {
		float: left;
	}
	#bas P.droit {
		float: right;
	}

/* annonce en bas de page */	
	#annoncebas{ clear : both;
				 top : 10px;
				 padding:1em 0 0 0;
				 margin-bottom :3em;
				 text-align: justify;
			  	 position : relative;
				 z-index : 2;
	}
	
	#annoncebas h3{
		display:inline;
		font-size:1.1em;
		margin:0;
		padding:0; 
		color:#FFB5A0;
	}
	#annoncebas a{
		text-decoration:none;
	}

	
	
/*###############################
#								#
#			BULLES				#	
#								#
###############################*/	


#bulle { border: 1px solid black;
   background-color: yellow;  
   color : black;
   width : 230px;
   height:90px;
  visibility: hidden;
   padding: 5px 5px 5px 5px;
   text-align: justify;
   position: absolute;
   
}

.element { z-index:1;}


/*** ANNUAIRE ***/
h1.golden-h1{clear : both; font-size : 20px; text-align: center; color	: #3d3d3d;}
li.t1 		{clear : both; margin-bottom:20px;list-style-type:none;}
#golden-n1 {float : left; width:400px;} 
#golden-n1 a{ color: #FFB5A0;}

/*#golden-n1 a{ color : #0066FF; }*/
#golden-n1 ul.golden-n1 li{list-style-type:none;}

#golden-n1 ul.golden-n2 a{
		display: inline;
	}
#golden-n1 ul.golden-n2 a.theme{ clear : both; }
	
	#golden-n1 ul.golden-n2{margin-bottom:20px;}
	
	#golden-n1 ul.golden-n2 h3{
		margin-left:20px;
		display: inline;
		font-size: 11px;
	}
	
	#golden-n1 ul.golden-n2 li{ list-style-type:none; clear : both; margin-left :0;}