HTML, BODY {
	margin: 20px 20px 20px 20px;
	padding: 20px 20px 20px 20px;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-image: url(images/bg-gmp.gif);
	background-repeat: no-repeat;
	background-position: 330px 300px;
	text-align: justify;
}
h1 {
	font-size: 18px;
	font-weight: bolder;
	line-height: normal;
	color: #BE7F1E;	
}
h2 {
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
}
h3 {
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
	color: #BE7F1E;	
}

a {
	color: #000000;
	text-decoration: underline;
}
.nav {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
}
a.nav:hover {	text-decoration: underline;}

#en-tete 	 {	position:absolute; z-index:1; left: 1px; top: 0px; width: 750px; height: 50px;}

#Logo_Main	 {	position:absolute; z-index:2; left: 1px; top: 77px; width:286px; height:105px;}
#Nav-H	 	 {	position:absolute; z-index:2; left: 1px; top: 182px; width:286px; height:255px; background-color: #BE801E; }
#Nav-B	 	 {	position:absolute; z-index:4; left: 20px; top: 381px; width:205px; height:145px; background-color: #A3A775; }
#Urgences_Main{	position:absolute; z-index:2; left: 115px; top: 497px; width: 153px; height: 83px; background-color: #A18C91;}
#titre		 {	position:absolute; z-index:2; left: 300px; top: 77px; width:600px; height:50px;}
#contenu	 {	position:absolute; z-index:2; left: 301px; top: 142px; width:600px; }
#fil		 {	position:absolute; z-index:2; left: 330px; top: 120px; width:570px; font-size: 8px;}

#bas {	position:absolute; z-index:1; left: 1px; top: 630px; width: 900px; height: 50px; text-align: center;}
#bas2	{	position:absolute; z-index:1; left: 1px; top: 670px; width: 900px; height: 50px; text-align: center;}
#bas3	{	position:absolute; z-index:1; left: 1px; top: 820px; width: 900px; height: 50px; text-align: center;}

#bas a, #bas2 a, #bas3 a {
	text-decoration:none;
	padding: 0 10px 0 10px;
}

#bas a:hover {
	text-decoration: underline;
}

#menu2Content	 {
	z-index:4;
	background-color: #54C5EF;
	margin-top: 15px;
	padding-top: 5px;
	margin-left: 0px;
	padding-left: 10px;
}
#menu2Content li	 {	list-style: none; line-height: 15px; margin-top: 5px; margin-left: 0px;}
	
.nav-B {
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	text-align: right;
	position:relative; left: 15px; top: 7px; width:190px; height:50px;
}
.nav-H {
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	text-align: left;
	position:relative; left: 0px; top: 15px; width:275px; height:30px;
}
.urg {
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	text-align: center;
	position:relative; z-index:2; left: 5px; top: 45px; width: 150px; height: 50px;
}
.mauve
{	color: #A18C91; }
.chapo {
	color: #000000;
	letter-spacing: 1.5em;
	text-align: center;
}
/* cliniques de la main */
#deux-col-G	 {	position:relative; z-index:2; float: left; left: 0px; top: 0px; width:350px; align:justify;}
#deux-col-D	 {	position:relative; z-index:2; float: left;  top: 100px; width:200px; height:100%; }

/* chirurugiens de la main */
.photo  {	position:relative; z-index:2; float: left; width:95px; text-align: center;}
#photo7	 {	position:relative; z-index:3; float: left; left: 0px; top: 20px; width:140px; text-align: left;}
#photo8	 {	position:relative; z-index:2; float: left; left: -95px; top: 70px; width:220px; text-align: center;}
#photo9	 {	position:relative; z-index:2; float: left; left: -70px; top: 90px; width:150px; text-align: center;}
#photo10 {	position:relative; z-index:3; float: left; left: 50px; top: -115px; width:150px; text-align: right;}
#secretaire	 {	position:relative; z-index:2; float: left; left: 45px; top: 30px; width:150px; text-align: center;}
#orthesiste	 {	position:relative; z-index:2; float: left; left: 90px; top: 30px; width:350px; text-align: center;}

/* maladies de la main */
#col-G	 {	position:relative; float: left; left: 0px; top: 0px; width:280px;  align:justify;}
#col-D	 {	position:relative; float: left;  padding-left: 15px; top: 0px; width:280px; }
.illustration {	position:relative; float: left; left: 9px; top: 2px; width:270px; padding-top: 15px;}
.fracture {	position:relative; float: left; left: 5px; top: 2px; width:195px; padding-top: 15px;}
.legende{	position:relative; float: left; font-size: 10px; font-style:italic; padding: 15px;}



/* actualités */
#texte_actu	 	{	position:relative; z-index:2; float: left; left: 0px; top: 0px; width:300px; align:justify;}
#photo_actu		{	position:relative; z-index:2; float: left; left: 20px; top: 0px; width:250px; align:justify;}


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


div#annuaire {
	height: 500px;
	overflow: auto;
}

h1.golden-h1 { display: none;}

ul#golden-n1 { 
	padding: 0 0 0 19px;
}
	ul#golden-n1 li {
		list-style-type: none;
	}
	
	ul#golden-n1 h2, ul#golden-n1 h3 {
		background: none;
		height: 15px;
		padding: 0;
	}
	
	ul#golden-n1 h2 {
		font-size:14px;
		padding: 10px 0 5px 0;
		text-align: left;
	}
	
	ul#golden-n1 h3 {
		font-size:11px;
		padding: 10px 0 0 0;
	}
		ul#golden-n1 h2 a, ul#golden-n1 h3 a { 
			color: #06783D;
			background: url('/images/fleche.gif') 0 1px no-repeat;
			padding-left:12px;
			text-transform:uppercase;
		}
		ul#golden-n1 li p {
			padding: 10px 0 10px;
			width: 450px;
		}

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

	ul.golden-n2 li { 
		padding: 2px 0 0 10px;
	}
	
	ul.golden-n2 li h3 {
		font-size:11px;
		background: url('/images/puce_carreVert.gif') 0 1px no-repeat;
		display: inline;
		padding-left:10px;
	}
		ul.golden-n2 h3 a {color: #3d4e57;}
		ul.golden-n2 a {color: #3d4e57;}
	
	h2#golden-h2 {
		display: none;
	}
	
/*###################
#					#
#	PLAN			#
#					#
###################*/


div#plan {
	padding-left: 40px;
}

div#plan div.niveau1 {
	padding-top:10px;
	color: #BE7F1E;
}

		div#plan div.niveau1  a {
			font-size:15px;
			font-variant:small-caps;
			font-weight:bold;
			color: #BE7F1E;
		}

div#plan div.niveau2{
	padding-top:5px;
	margin-left:20px;
	color: #000000;
}

		div#plan div.niveau2 a {
			font-size:14px;
			font-weight:normal;
			color: #000000;
		}

div#plan div.niveau3 {
	padding-top:2px;
	margin-left:40px;
}

		div#plan div.niveau3 a {
			font-size:12px;
			font-variant:normal;
			font-style:italic;
			color:#006600;
		}

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

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

/*###################
#					#
#	CREDIT			#
#					#
###################*/

div#credit {
	margin-top: 10px;
	padding-left: 20px;
}

div#credit div.texte {
	margin: 0;
	padding: 10px 0;
}

div#credit h2, h3 {
	text-align: left;
}

.noStyle {
	text-decoration: none;
}

.texteSouligne {
	text-decoration: underline;
}