BODY { /*margin		: 0 30px 0 0px;*/
	   padding		: 0 ;
	   margin		: 0;
	   width		: 90em;
	   text-align	: center;
	   font-family	: Arial, Verdana, Helvetica, sans-serif;
	   color		: #3d3d3d;
	   font-size	: 11px;
	   font-variant : normal;
	   font-weight	: normal; }
	   
#conteneur { float		:left;
			 margin 	: 0 0 0 0;
	  		 padding	: 0 0 0 0;
	  		 height 	: 100%;
			/* min-height	: 80em;*/
			 height		: 100%;
		 	 width		: 90em;
			 text-align	: left;}

#conteneurBas{	background	: url("images/ligne-menu.jpg") repeat-y;
 				margin 		: 0;
	  		 	padding		: 0;
	  		 	/*height 		: 100%;*/
	  		 	position 	: absolute;
	  		 	z-index		: 1;
	  		 	clear 		: both;}

.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;
			color				: #3d3d3d;
			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 : relative; 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: #FF0087;
		}

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

div#menu ul.liste1 li {
	display: inline;
}		

	  
#menu{float 		: left;
	  margin		: 20px 0 0 308px;
	 /* padding		: 20px 0 0 0;*/
	  position		: absolute;
	  z-index		: 10;
	  height		: 250px;}		
#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 {	display  : block; 
	position : relative; 
	margin 	 : 0 0 0 0; 
	padding	 : 0 0 0 0;
}
				    
#sous-menunav1 , #sous-menunav2, #sous-menunav3, #sous-menunav4, #sous-menunav5, #sous-menunav6 {
	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 	: 230px;}
	#sous-menunav2 {width 	: 230px;}
	 
	#sous-menunav1 li , #sous-menunav2 li, #sous-menunav3 li, #sous-menunav4 li, #sous-menunav5 li, #sous-menunav6 li {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style-type: none;
	}

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


/* MENU GAUCHE */

#gauche{width 		: 307px;
		color		: #3d3d3d;
		font-weight	: bold;
		/*font-variant: small-caps;
		min-height 	: 500px;*/
		height 		: 100%;
		font-size	: 13px;
		margin		: 0 ;
		float 		: left;
		position	: absolute;
		z-index 	: 10;}
		
.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				: 298px;}
			
			
#gauche img {
	 position 	: static;
	 float		: none;
}

/*			
.gris-clair{
	  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;}
*/
	  
.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;}  
	  
/*.gris-clair{background	: url("images/menu-gris2.jpg");
	  background-repeat	: no-repeat;
	  width				: 307px;
	  height			: 243px;
	  margin			: 0 0 0 0;
	  padding			: 0 0 0 0;
	  float				: left;
	  position 			: absolute;}
	*/	
	  
#arbo{	display		: block;
	 	clear		: both;
	 	position	: relative;}

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

	.child_arbo{position		 : absolute; 
				background-color : #D0D0D1; 
				display 		 : none;
				border	 		 : 2px solid #FFFFFF;}

		ul.child_arbo {font-size : 11px; 
					   width 	 : 200px; 
					   display 	 : none; 
					   padding 	 : 5px 5px 20px 10px;}

.child_arbo a {	color: #3d3d3d;}
			.child_arbo a:hover { color:#ff0087; }
			
/* FIN */


/* GESTION CONTENU PAGE */
#contenu { float 			: left;
	       width			: 680px;
		   margin			: 0 0 0 0;
		   text-align		: justify;
		   position 		: relative ; 
		   z-index 			: 1;
		   /*height 			: 100%;*/}  
	
		   	   
	#contenu li{list-style-type : square;}

		#contenu h3 {color:#ff0087; }
/*#contenu2{ width 		: 650px;
			  margin-top	: 20px;
			  font-size		: 10px;
			  margin-left 	: 330px; 
			  position 		: relative;
			  z-index		: 1;    }*/
	
	/* marge gauche pour titre du contenu "bienvenue ..."*/
.retrait {margin-left : 120px;}
.retrait2 {margin-left : 100px !important; margin-top: 10px;}
	
h1.visage {padding 	: 0 0 0 0;
		 margin  	: 20px 0 0 55px;
		 float	 	: left;
		 color		: #818181;
		 height	 	: 50px;
		 width	 	: 660px;
		 position 	: absolute ;
		 z-index 	: 1; 
		 font-size	: 24px;
		 font-weight: normal;
		 }
		 

#droit { float			: right; 
		 width 			: 350px;
		 position 		: absolute;
		 margin-left 	: 315px;
		 margin-top		: 80px;
		 margin-right 	: 30px;}	
		 
	/* lignes de separation*/
.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;*/
 		   margin-top		: 20px;
		   float 			: left;
		   width			: 140px;		   
		   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;}

div.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	 		: #ff0087;
	text-align		: left; 
	margin	 		: 0 0 0 20px;
	font-size 		: 20px;
	font-variant 	: small-caps;
	font-weight 	: bold;
	font-style		: regular;}

div.styleH2 {
	color	 		: #ff0087;
	text-align		: left;
	margin	 		: 0 0 0 20px;
	font-size 		: 20px;
	font-variant 	: small-caps;
	font-weight 	: bold;
	font-style		: regular;}
}

div.styleH2 span.gras {
	font-size: 26px;
	font-variant : small-caps;
}
	
 
/*mettre en gras*/	
.gras{font-size : 26px;font-variant : small-caps;}


a.partie{color				: #818181;
		 text-decoration	: none;
		 font-weight		: bold;
		 font-size			: 11px;
		 position 			: absolute;
		 z-index			: 3;}
			
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 		: 0 0 0 20px;}

	/*majuscule a la premiere lettre de chaque mot*/
.essai{text-transform : capitalize;}

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

	/*texte en majuscule*/
.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; }

	/*1ere lettre du h2
h2:first-letter {font-size: 32px ;}*/

.rose {color : #ff0087 !important;}
.gris_clair{color :#818181;}
.gris{color	 : #3d3d3d;}
.gris2{color :#d2d2d2;}

ul, li{list-style-type : square;}

img{ 
	 position 	: absolute;
	 float		: left;}

	 
.petit{	font-size 	 : 20px; 
		font-variant : small-caps;}
/*fin*/	  



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

	a:hover{color			: #ff0087;
   			text-decoration	: underline;}
/*FIN*/


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

/*FIN*/


/* image du cadre */
.cadre-album{margin-left : 310px;}

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

/*tous les albums */
#album-photo {width 		: 650px;
			  margin-top	: 20px;
			  font-size		: 10px;
			  margin-left 	: 330px; 
			  position 		: relative;
			  z-index		: 1; }
			  
	#album-photo ul{padding-top:5px;}			 
 		 
.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		: 11px; 
		 margin-top		: 35px; 
		 text-align 	: center;}

.clear{clear : both; margin-bottom: 10px;}

/*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	: 11px;
	   /*	font-weight	: bold;*/}

/*photo présentation pour album photo*/
.accueil-photo{ float 	 : left; 
				position : relative;}
				
				
				
/*** gestion contenu des articles ***/
#contenu-article {padding-right : 5px; height : 100%; font-size :12px;}

 #contenu-article a { text-decoration : none; color : #FF0087;}
 	#contenu-article a:hover {text-decoration : underline;}
#contenu-article img { 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 h3, #contenu-article h4  {color : #ff0087; }

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

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

div.media {
	text-align: center;
}

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;}

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


.contact{ width 		: 157px;
		  height		: 189px;
		  margin-right 	: 10px;
		  float			: left !important;}
		  
.contact_legend{font-size		: 10px; 
				margin			: 10px 100px 0 0; 
		 		float			: right;
		 		}
		 		
		 		
#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;
		}
		
			#contenu-article 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: #FF0087;
				text-decoration: none;
			}
			
				#contenu-article div.complementInfo ul li a:hover {
					text-decoration: underline;
				}


/*###################
#					#
#	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: #FF0087;
	}

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



	
/*###################
#					#
#	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: #FF008A;
		}

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;
}