/* 	Reset
   	............................................................................................ */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*	Defaults
	............................................................................................ */
	body	
		{
		font-family: verdana, arial, sans-serif;
		font-size: 12px;
		line-height: 20px;
		color: #3b342d;
		text-align: center;
		}
	
	 a,
	 a:link,
	 a:active,
	 a:visited
		{
		color:  #f37737;
		text-decoration: underline;
		}
	
	 a:hover
		{
		color: #f37737;
		text-decoration:  none;
		}
		

/*	Structure
	................................................................................................*/

	#laplaine
		{
		width: 940px;
		margin: 30px auto;
		text-align: left;
		position: relative;
		}		
	
	#top
		{
		position: relative;
		}
		
	#bottom
		{
		position: absolute;
		top: 404px;
		left: 0px;
		}

/*	Headings
	................................................................................................*/

	h1
		{
		display: block;
		width: 136px;
		height: 141px;
		background: #FFF url(../images/logo.gif) 0 0 no-repeat;
		margin: 0
		float: left;
		clear: right;
		position: absolute;
		top: 0px;
		left: 0px;
		}
	
	h1 a,
	h1 a:link,
	h1 a:active,
	h1 a:visited
		{
		display: block;
		text-indent: -999px;
		overflow: hidden;
		width :136px;
		height: 141px;
		}
		
	h2
		{
		background-color: #e7e3e0;
		display: block;
		width: 763px;
		height: 342px;
		margin: 0;
		float: left;
		clear: right;
		text-indent: -999px;
		overflow: hidden;
		position: absolute;
		top: 62px;
		left: 173px;
		}
	
	h2#hpresentation { background: #e7e3e0 url(../images/header_presentation.jpg) 0 0 no-repeat; }
	h2#hinfrastructures { background: #e7e3e0 url(../images/header_infrastructures.jpg) 0 0 no-repeat; }
	h2#hchirurgie_de_la_main { background: #e7e3e0 url(../images/header_chirurgie_de_la_main.jpg) 0 0 no-repeat; }		
	h2#hchirurgie_esthetique { background: #e7e3e0 url(../images/header_chirurgie_esthetique.jpg) 0 0 no-repeat; }	
	h2#hchirurgie_maxillo_faciale { background: #e7e3e0 url(../images/header_chirurgie_maxillo_faciale.jpg) 0 0 no-repeat; }		
	h2#hchirurgie_generale { background: #e7e3e0 url(../images/header_chirurgie_generale.jpg) 0 0 no-repeat; }		
	h2#hgynecologie { background: #e7e3e0 url(../images/header_gynecologie.jpg) 0 0 no-repeat; }		
	h2#horthopedie { background: #e7e3e0 url(../images/header_orthopedie.jpg) 0 0 no-repeat; }		
	h2#horl { background: #e7e3e0 url(../images/header_orl.jpg) 0 0 no-repeat; }		
	h2#hmedecins  { background: #e7e3e0 url(../images/header_medecins.jpg) 0 0 no-repeat; }	
	h2#hcontact  { background: #e7e3e0 url(../images/header_contact.jpg) 0 0 no-repeat; }		
	h2#hplastique  { background: #e7e3e0 url(../images/header_chirurgie_plastique.jpg) 0 0 no-repeat; }		
	h2#hles_specialites  { background: #e7e3e0 url(../images/header_specialites.jpg) 0 0 no-repeat; }	
	h2#h  { background: #e7e3e0 url(../images/header_.jpg) 0 0 no-repeat; }		
	
		
/*	Nav
	................................................................................................*/			


	#top ul
		{
		margin: 0;
		padding: 0;
		height: 57px;
		list-style: none;
		display: inline;
		overflow: hidden;
		width: 700px;
		position: absolute;
		top: 5px;
		left: 173px;
		}

	#top ul li 
		{
		margin: 0; 
		padding: 0;
	    list-style: none;
		display: inline;
		}
	
	#top ul a 
		{
		float: left;
		padding: 57px 0 0 0;
		overflow: hidden;
		height: 0px !important; 
		height /**/:57px; /* for IE5/Win only */
		}
		
	#top ul li#presentation a
		{
		width: 121px;
		background: url(../images/navigation.gif) 0px -122px no-repeat;
		}
		
	#top ul li#presentation a:hover,
	#top ul li#presentation.active a
		{
		background: url(../images/navigation.gif) 0px 0px no-repeat;
		}		

	#top ul li#specialites a
		{
		width: 139px;
		background: url(../images/navigation.gif) -121px -122px no-repeat;
		}
		
	#top ul li#specialites a:hover,
	#top ul li#specialites.active a
		{
		background: url(../images/navigation.gif) -121px 0px no-repeat;
		}				
		
	#top ul li#infrastructures a
		{
		width: 152px;
		background: url(../images/navigation.gif) -260px -122px no-repeat;
		}	
		
	#top ul li#infrastructures a:hover,
	#top ul li#infrastructures.active a
		{
		background: url(../images/navigation.gif) -260px 0px no-repeat;
		}					
		
	#top ul li#medecins a
		{
		width: 129px;
		background: url(../images/navigation.gif) -411px -122px no-repeat;
		}
		
	#top ul li#medecins a:hover,
	#top ul li#medecins.active a
		{
		background: url(../images/navigation.gif) -411px 0px no-repeat;
		}			

	#top ul li#contact a
		{
		width: 88px;
		background: url(../images/navigation.gif) -540px -122px no-repeat;
		}	
							
	#top ul li#contact a:hover,
	#top ul li#contact.active a
		{
		background: url(../images/navigation.gif) -540px 0px no-repeat;
		}	
	

/*	Subnav
	................................................................................................*/
	
	#subnav
		{
		float: left;
		width: 294px;	
		}

	#subnav ul
		{
		margin: 20px 30px 0 0;	
		}		
	
	#subnav ul li
		{
		font-weight: bold;
		padding: 8px 0px;
		text-align: right;
		}
		
	#subnav ul li a,
	#subnav ul li a:link,
	#subnav ul li a:active,
	#subnav ul li a:visited
		{
		color:  #594f45;
		text-decoration: none;
		}
	
	#subnav ul li a:hover,
	#subnav ul li
		{
		color: #f37737;
		text-decoration:  none;
		}				
	

/*	Content
	................................................................................................*/

	#content
		{
		padding: 33px 50px 150px 50px;
		background: #e7e3e0 url(../images/footer.gif) left bottom no-repeat;
		float: left;
		width: 542px;
		margin-bottom: 50px;
		}
		
	#content p
		{
		margin: 17px 0;
		text-align: justify;
		}
		
		
	#content p strong
		{
		color: #f37737;
		}
			
	#content ul
		{
		margin: 0 0 0 50px;
		}
		
	#content ul li
		{
		list-style-type: square;
		list-style-position: outside;
		margin: 20px 0;
		}

	
/*	Divers
	................................................................................................*/

	#plan
		{
		float: left;
		margin: 0 50px 0 -50px;
		}
	
	img.fleft
		{
		float: left;
		border: 5px solid #FFF;
		margin: 5px 15px 0 0;
		}
	
	blockquote
		{
		margin: 0 0 0 112px;
		}
		
	hr 
		{
		height: 1px !important;
		color: #d2cbc5;
		border: 0px !important;
		border-bottom: 1px dotted #d2cbc5 !important;
		}
	

/*	Homepage
	................................................................................................*/
		
	#homepage
		{
		width: 777px;
		margin: 30px auto;
		text-align: left;
		position: relative;
		text-align: right;
		font-size: 12px !important;
		}	
	
	#homepage a,
	#homepage a:link,
	#homepage a:active,
	#homepage a:visited
		{
		padding: 0 10px 0 29px;
		color:  #F47D44;
		text-decoration: none;
		}
	
	#homepage a:hover
		{
		color: #F47D44;
		text-decoration:  none;
		}
	
	
