body {
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #3d3d3d;
	font-size: 11px;
	background-color: white;
	font-weight: normal;
}
	   
#conteneur {
	position: relative;
	/*float: left;*/
	margin: 0 auto;
	padding: 0 0 100px 0;
	width		: 90em;
	text-align	: left;
	z-index :1;
}

#conteneurBas{	background	: url("images/ligne-menu.jpg") repeat-y; 
 				margin 		: 0;
	  		 	padding 	: 0;
	  		 	position 	: absolute ;
	  		 	z-index 	: 1; 
		   		float		: left;} 

.paddingLeft100 {
	padding-left: 307px;
}
		   		
		   		
/* GESTION HAUT PAGE */	
#haut{	height 	: 272px;
		width	: 987px;
	  	margin 	: 0;
	  	padding	: 0; }

#cadre-haut{background			: url("/images/cadre-haut.jpg");
			background-repeat	: no-repeat;
			font-weight			: bold;
			font-size			: 11px;
			width				: 680px;
			height				: 180px;
			margin				: 14px 0 0 0;
			padding				: 20px 0 0 0;
			position			: absolute;
			z-index 			: 20;
}

#modifSite {
	position : absolute;
	top: 140px;
	left: 40px;
}
			
#logo{margin			: 0 0 0 0;
	  padding			: 0 0 0 0;
	  height 			: 307px;
	  width				: 272px;
	  float 			: left;}
	  
	.logo{position : absolute; border : none; }  
	
	  /* liste sous titre */
.liste {
	margin 			: 0 0 0 20px !important;
	padding			:  0;
	font-size		: 11px;
	font-weight		: bold;
	color			: #818181;
}

div#menu h2 {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1px;
}

	div#menu h2 a {
		font-size		: 11px;
		font-weight		: bold;
		color			: #3D3D3D;
		text-transform: none;
		font-variant: normal;
	}
	
		div#menu h2 a:hover {
			color: #0066FF;
		}

div#menu ul.liste1 {
	list-style-type: none;
}

div#menu ul.liste1 li {
	display: inline;
}
	  
#menu{float 		: left;
	  margin		: 15px 0 0 308px;
	  position		: absolute;
	   z-index		: 20;
	  height		: 250px;
}

div.styleH2 {
	text-align		: left; 
	margin	 		: 5px 0 0 20px;
	font-size 		: 20px;
	font-variant 	: small-caps;
	font-weight 	: bold;
	font-style		: regular;
	color : #0066FF;
}
	  
	  
	#menu h3{
		display: inline;
		margin:0;
	}

	/*menu droit dans haut page*/	  
.menu-droit { margin-left 	: 330px; 
			  float 		: left; 
			  padding-left	: 20px; 
			  position 		: absolute;}
			  
	.menu-droit li { padding 	: 10px 0 10px 0; }

	/*menu gauche dans haut page*/
.menu-gauche {float 		: left; 
			  padding-left	: 20px; 
			  margin-left	: 20px;}
			  
	.menu-gauche li {padding : 10px 0 10px 0; }

	
	
	/*	MENU AVEC SOUS MENU DANS CADRE HAUT */

#menunav1, #menunav2, #menunav3, #menunav4, #menunav5, #menunav6, #menunav7
		  {	display  : block; 
			position : relative; 
			margin 	 : 0 0 0 0; 
			padding	 : 0 0 0 0;}


#sous-menunav1 li , #sous-menunav2 li, #sous-menunav3 li, #sous-menunav4 li, #sous-menunav5 li, #sous-menunav6 li, #sous-menunav7 li
			       { margin 			: 0 0 0 0;
					 padding			: 0 0 0 0;
					 list-style-type 	: none;}
						    
						    
				    
#sous-menunav1 , #sous-menunav2, #sous-menunav3, #sous-menunav4, #sous-menunav5,  #sous-menunav6, #sous-menunav7
				 {	margin 				: 0 0 0 0;
					padding				: 5px 10px 10px 10px;
					display				: none;
					border	 			: 2px solid #FFFFFF;
					background-color	: #DADADA;
				  	white-space			: nowrap;
					position			: absolute;
					z-index				: 10;
					list-style-type 	: none;}

	#sous-menunav1 {width 	: 170px;}

	 #sous-menunav2 {width 	: 230px;}

	  
#sous-menunav1 a , #sous-menunav2 a, #sous-menunav3 a,#sous-menunav4 a ,#sous-menunav5 a, #sous-menunav6 a, #sous-menunav7 a
			{	 margin		: 6px 0; 
				 display	: block;
				 color		: #333333;
			}
			
#sous-menunav1 a:hover, #sous-menunav2 a:hover, #sous-menunav3 a:hover,#sous-menunav5 a:hover, #sous-menunav4 a:hover, #sous-menunav6 a:hover, #sous-menunav7 a:hover
		{color 			 : #0066FF;
		 text-decoration : underline;
		}	
			
/* FIN */	

/* FIN */		


/* MENU GAUCHE */

#gauche{width 		: 307px;
		color		: #3d3d3d;
		font-weight	: bold;
		/*font-variant: small-caps;
		height 		: 100%;*/
		font-size	: 13px;
		float 		: left;
		position	: absolute;
		z-index 	: 10;
		margin: 0;
		padding:0;}

.sous-menu li{font-size		: 11px;
			  margin		: 0 0 0 0;
			  padding		: 0 0 0 0;
			  list-style-type : square;}

ul.sous-menu  li{margin-bottom	: 5px;
			   	 margin-top		:5px;}

ul.sous-menu{padding-left:10px; margin-bottom : 15px;}
			   
#gauche ul.style {margin 	  : 0 0 20px 65px;
				  padding-top : 10px;
				  text-align  : left;
				  font-size	  : 15px;}
		
.gris-fonce{background			: url("images/menu-gris.jpg");
		    background-repeat	: no-repeat;
		    padding				: 0 0 0 0;
		    margin				: 0 0 0 0;
			width				: 307px;
			height				: 328px;}

.gris-clair{/*background	: url("images/menu-gris3.jpg");
	  background-repeat	: no-repeat;*/
	  background		: url("images/ligne-menu.jpg") repeat;
	  width				: 307px;
	  height 			: 120px;
	  margin			: 0 0 0 0;
	  padding			: 0 0 0 0;
	  float				: left;
	  position 			: absolute;
	  z-index			: 1;}

/*.menu-left{}*/

	  
#arbo{	display		: block;
	 	clear		: both;
	 	position	: relative;}

	 	
#child_arbo li{list-style-type:none; margin : 10px 0 10px 0;}

	.child_arbo{position		 : absolute; 
				z-index			 : 1;
				background-color : #D0D0D1; 
				display 		 : none;
				margin-left : 20px;
				border	 		 : 2px solid #FFFFFF;}

		ul.child_arbo {font-size : 11px; 
					   width 	 : 200px; 
					   display 	 : none; 
					   padding 	 : 0 5px 10px 10px;}				   
					   
.child_arbo a {	color: #3d3d3d;}
			.child_arbo a:hover { color:#0066FF; }
		

/* FIN */
	


/* GESTION CONTENU PAGE */
#contenu { float 			: left;
	       width			: 680px;
		   margin			: 0 0 0 0;
		   text-align		: justify;
		   position 		: relative ; 
		   z-index 			: 1;}   
		   	   
	#contenu li{list-style-type : square;}
	
	#contenu h3 {color : #0066FF; }
	/* marge gauche pour titre du contenu "bienvenue ..."*/
.retrait {margin-left : 150px;}

.retrait2{margin-left :90px;}

.visage {padding 	: 0 0 0 0;
		 margin  	: 20px 0 0 55px;
		 float	 	: left;
		 color		: #818181;
		 height	 	: 50px;
		 width	 	: 680px;
		 position 	: absolute ; 
		 z-index 	: 1; 
		 font-size	: 24px;
		 }
		 

#droit { float			: right; 
		 width 			: 350px;
		 position 		: absolute;
		 margin-left 	: 315px;
		 margin-top		: 80px;
		 margin-right 	: 30px;}	
		 
	/* lignes de s�paration*/
.ligne-grise2{border-top : 2px solid #b5b4b4;
			  margin-top : 150px;
			  width		 : 680px;}

.ligne-grise{background	: url("images/ligne-grise.jpg");margin : 20px 0 0 75px; position: absolute; z-index :10; width : 17px; height: 91px;}
		   
.texte-haut{  width			: 320px;
		  	  height 		: 130px;
		   	  margin 		: 90px 0 0 360px;
		      padding 		: 10px 0px 10px 10px;
		      position 		: absolute;
		      z-index		: 1;}

		   
.texte-bas{width			: 360px;
		   height 			: 170px;
		   margin 			: 260px 0 0 320px;
		   padding 			: 0px 0 10px 10px;  
		   position 		: absolute;
		   z-index			: 1;}
		   
		   
		   /* mise en page des rubriques dans contenu */
 ul.gauche { width				: 140px;
		   	 float 				: left;
		   	 /*padding-left : 10px;*/
		   	 margin-top			: 20px;
		     list-style-type 	: square;
		  	 position			: absolute;
		  	 z-index			: 3;}

ul.droit { margin-left		: 180px;
		  /* margin-left		: 40px;*/
		  text-align : left;
 		   margin-top		: 20px;
		   float 			: left;
		   width			: 160px;		   
		   position			: absolute;
		   z-index			: 4;
		  }
		   
		 /*alignement des liens*/
.align-droit{text-align : right; color	 : #3d3d3d; clear : both; margin-top: 10px;}
/* FIN */
	  


/* STYLES */
	/* titres */
.titre { margin		: 0 0 0 0px; }

h1.texte-fin {	font-size	 : 8px; 
				position 	 : absolute; 
				z-index 	 : 1;
				width		 : 250px;
				height		 : 20px;
				margin		 : 240px 0 0 0; 
				padding-left : 30px;}


.texte-moyen{font-size	: 15px;
			 font-style	: italic;}

h2{ color : #0066FF;
	/*font-size 	: 20px;
	font-variant : small-caps;
	font-weight : normal;
	text-align	: left; 
	margin	 	: 5px 0 0 20px;*/
	text-align		: left; 
	margin	 		: 5px 0 0 20px;
	font-size 		: 20px;
	font-variant 	: small-caps;
	font-weight 	: bold;
	font-style		: regular;}
	
a.partie{color				: #818181;
		 text-decoration	: none;
		 font-weight		: bold;
		 font-size			: 11px;
		 position 			: absolute;
		 z-index			: 3;}
		 
a.partie:hover{color			: #0066FF;
   			text-decoration	: underline;}
			
h1{	font-family		: Arial, Helvetica, sans-serif;
    font-style		: normal;
    color			: black;
    margin-bottom	: 2px;
	line-height		: 20px;
    font-weight		: bold;
    font-size		: 36px;
}

h3{font-size : 11px; font-weight : bold; margin : 0 0 0 20px;}
h4{font-size : 11px; font-weight : bold; margin : 10px 0 0 20px;}
	/*majuscule � la premi�re lettre de chaque mot*/
.essai{text-transform : capitalize;}

.style li{margin : 20px 0 0  0;}

	/*texte en majuscule
.maj{text-transform  : uppercase; }*/

	/*1ere lettre en majuscule
.maj1:first-letter{text-transform  : uppercase;}*/

.maj{text-transform  : uppercase; font-size : 13px; font-variant: lighter; }
.maj:first-letter{font-size : 13px; /*font-variant: small-caps;*/ font-weight : bold;}
	/*1ere lettre en majuscule*/
.maj1{text-transform  : uppercase;}


	/*texte en minuscule*/
.min{text-transform  : lowercase; }


.bleu {color : #0066FF;}

.gris{color	 : #3d3d3d;}
.gris2{color	 :#d2d2d2;}
ul, li{list-style-type : square;}

/*
#haut img{ 
	 position 	: absolute;
	 float		: left;}*/
	
.petit{font-size : 20px; font-variant : small-caps;}
/*.gras{font-size : 24px; font-weight : bold;font-variant : small-caps;}*/

.gras{font-size : 26px;font-variant : small-caps;}
/*fin*/	  



/* LIENS */
a {color			: #3d3d3d;
   text-decoration	: none;}

	a:hover{color			: #0066FF;
   			text-decoration	: underline;}
   			
.fleche_haut {background : url("images/fleche1.gif") no-repeat;}
/*FIN*/


/* GESTION BAS DE PAGE */
#footer {
	position: relative;
	background-color: #d2d2d2;
	z-index: 2;
	text-align: center;
	margin: 10px 0 20px 400px;
	width: 400px;
	padding: 10px 0 10px 0;
}

	    /*FIN*/

/* image du cadre */
.cadre-album{margin-left : 310px; position : absolute; z-index :1;}

/*tous les albums */
#album-photo {width 		: 650px;
			  margin-top	: 20px;
			  font-size		: 10px;
			  margin-left 	: 330px; 
			  position 		: relative; 
			  z-index		: 1;
			  }
		 
.photo{width : 50px; 
	   height: 50px;
	   float : left;
	   margin : 10px 2px 10px 2px;
	   }
.photo img {border 	: 1px solid #f2f2f2;
			width 	: 42px; 
	  		height	: 42px; }

 /*un album */ 
.album {width		: 610px;
		margin-left	:50px; 
		clear		: both; 
		margin-top	: 0px; 
		padding-top	: 0;} 
  

/*legende d'une photo*/
.legende{font-size		: 10px; 
		 margin-top		: 35px; 
		 text-align 	: center;}
		 
.contact_legend{font-size		: 10px; 
				margin			: 10px 100px 0 0; 
		 		float			: right;
		 		}
		 		
#clear{clear		: both; 
	  /* padding-top	: 30px;
	   margin-left	: 10px;*/}
.clear{
	clear		: both; 
	  }
/*image home*/
img.chirurgie{width 		: 680px; 
			  margin-left 	: 35px;
			 position :absolute; z-index :1;}

.actualite{margin-bottom: 15px;}

.intro{margin	 	: 15px 0 40px 20px; 
	   	font-size	: 10px;
	   	font-weight	: bold;}
	  
.accueil-photo{ float : left; position : relative;}




/*** gestion contenu des articles ***/
#contenu-article {padding-right : 5px; /*height : 100%;*/ font-size :12px; min-height: 300px;}

#contenu-article a { text-decoration: none; color: #0066FF; }
 	#contenu-article a:hover {text-decoration : underline; }

#contenu-article img {vertical-align: text-bottom; position : relative; float : none; border : none;
}

div#tracker {
	background-color: #ffffff;
	width: 620px;
	padding: 10px;
	margin-bottom: 10px;
	float: left;
}

div#contenu-article ul, div#contenu-article ol {
	margin: 10px 0 10px 30px;
}

#contenu-article #tracker a {
	color: #333333;
}

#contenu-article #tracker a:hover {
	text-decoration: none;
}

#contenu-article h2, #contenu-article h3, #contenu-article h4 {
	margin-bottom: 10px;
}

#contenu-article h2{ color	 		: #0066FF;
					text-align		: left; 
					margin	 		: 0 0 10px 20px;
					font-size 		: 14px;
					font-variant 	: normal;}	
					
#contenu-article h1.titre_cont, h1.titre_cont { 
	color	 		: #0066FF;
	text-align		: left;
	margin	 		: 0 0 10px 80px;
	font-size 		: 20px;
	font-variant 	: small-caps;
	font-weight 	: bold;
	font-style		: regular;
}
								
#contenu-article h3, #contenu-article h4 {color : #0066FF; }


div.accroche, div.media, div.texte, div.texte2, div.texte3 {
	text-align: justify;
	margin-bottom: 20px;
	clear: both;
}

div.media {
	text-align: center !important;
}

div.texte2 {
	float: left;
	width: 49%;
	margin-right: 2%;
}

div.texte3 {
	float: left;
	width: 32%;
	margin-right: 2%;
}

div.last {
	margin-right: 0;
}

div.left {
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
}

div.right {
	float: right;
	margin: 0 0 10px 10px;
	text-align: center;
}

q {
	clear: both;
	display: block;
	text-align: center;
	font-size: 10px;
}

div.accroche{ margin : 10px 0 20px 0;}

/*******/

.cadre-contenu{margin-left : 35px;}

.contact{ width 		: 157px;
		  height		: 189px;
		  margin-right 	: 10px;
		  float		: left !important;}
		  
		  
#marge_accueil {
	margin-top: 110px;
	margin-left: -600px;
}



/* div#complementInfo */

	div.complementInfo {
		padding: 10px 0 40px 10px;
	}
	
		div.complementInfo p {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #555555;
			text-decoration: underline;
			padding-left: 20px;
		}
		
		div.complementInfo ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		
			div.complementInfo ul li a {
				display: block;
				width: auto;
				padding: 2px 0;
				background: url('/images/bouton_fleche.png') 0 0 no-repeat;
				font-weight: bold;
				/*text-transform: lowercase;*/
				color: #0092EC;
				text-decoration: none;
			}
			
				div#cms div.complementInfo ul li a:hover {
					text-decoration: underline;
				}


/* div flottante */
#flottante {position : fixed; 
			z-index :30; 
			bottom :10px; 
			right: 80%;
			/*right: 145px;_right : 0;*/
			background-color : #D8d8d8; 
			width : 100px; 
			height : 30px;
			font-size : 12px;
			text-align : center; 
			padding :10px 0 5px 5px;
			vertical-align : middle;}
			
#flottante img { float : left; border :none;vertical-align : text-bottom;z-index :30;}


/*** ANNUAIRE ***/
/*
h1.golden-h1{clear : both; font-size : 20px; text-align: center; color	: #3d3d3d;}
li.t1 		{clear : both; margin-bottom:20px;}

#golden-n1 a{ color	: #3d3d3d;}

#golden-n1 ul.golden-n2 a{
		display: inline;
	}
	
	#golden-n1 ul.golden-n2 h3{
		margin-left:20px;
		display: inline;
		font-size: 11px;
	}
	
	#golden-n1 ul.golden-n2 li{ list-style-type:none;}
	
	#golden-n1 p { width : 600px;}
*/

/*###################
#					#
#	ANNUAIRE		#
#					#
###################*/


div#annuaire {
	width: 550px;
	/*height: 600px;
	overflow: auto;*/
	/*padding-left: 20px;*/
}

div#annuaire h1.golden-h1 { display: none;}

div#annuaire ul#golden-n1 { 
	padding: 0 0 0 19px;
}

	div#annuaire ul#golden-n1 li {
		list-style-type: none;
	}
	
	div#annuaire ul#golden-n1 h2, ul#golden-n1 h3 {
		background: none;
		height: 15px;
		padding: 0;
	}
	
	div#annuaire ul#golden-n1 h2 { /* Gestion du theme : padding, taille police */
		padding: 10px 0 5px 0;
		font-size: 13px;
	}
	
	div#annuaire ul#golden-n1 h3 {
		font-size:11px;
		padding: 10px 0 0 0;
	}
		div#annuaire ul#golden-n1 h2 a, ul#golden-n1 h3 a { /* Gestion du theme : couleurs, puces */
			color	: #3d3d3d;
			font-weight: bold;
			background: url('/images/fleche.gif') 0 3px no-repeat;
			padding-left: 15px;
			text-transform:uppercase;
		}
		div#annuaire ul#golden-n1 li p {
			padding: 10px 0 10px;
			width: 450px;
		}

div#annuaire ul.golden-n2 { 
	padding: 0 0 0 20px;
}

	div#annuaire ul.golden-n2 li { 
		padding: 2px 0 0 10px;
	}
	
	div#annuaire ul.golden-n2 li h3 {	/* Gestion du nom du site : padding, taille police, couleurs, puces */
		font-size:11px;
		background: url('/images/puce_carreVert.gif') 0 1px no-repeat;
		display: inline;
		padding-left:10px;
		color: #0066FF;
	}

		div#annuaire ul.golden-n2 a {	/* Gestion de la description : taille police, couleurs */
			color: #3d4e57;
		}
	
	div#annuaire h2#golden-h2 {
		display: none;
	}


	
/*###################
#					#
#	PLAN DU SITE	#
#					#
###################*/

div#plan {
	/*padding-left:10px;*/
}

div#plan h2, div#plan h3, div#plan h4, div#plan h5 {
	margin: 0;
}

div#plan ul li {
	/*list-style-type:upper-roman;*/
	list-style-type:none;
	padding-top:10px;
	color: #ED008C;
}

		div#plan ul li  a {
			font-size:15px;
			font-variant:small-caps;
			font-weight:bold;
			color: #0065FF;
		}

div#plan ul li ul li{
	list-style-type:upper-roman;
	/*list-style-type:upper-alpha;*/
	padding-top:5px;
	margin-left:10px;
	color: #000000;
}

		div#plan ul li ul li a {
			font-size:14px;
			font-weight:bold;
			color: #000000;
		}

div#plan ul li ul li ul li{
	list-style-type:decimal;
	padding-top:2px;
	margin-left:10px;
}

		div#plan ul li ul li ul li a {
			font-size:12px;
			font-variant:normal;
			font-style:italic;
			font-weight: bold;
			color:#333333;
		}

div#plan ul li ul li ul li ul li{
	list-style-type:lower-alpha;
	margin-left:60px;
}

		div#plan ul li ul li ul li ul li a {
			font-size:11px;
		}

div#plan div.nousContacter {
	padding:20px 0 30px 0;
}

div#plan div.nousContacter ul li {
	list-style-type:none;
	margin:0;
}