/*=============================*/
/*|                           |*/ 
/*|      STYLES COMMUNS       |*/ 
/*|                           |*/ 
/*=============================*/

html 
{
	overflow-x:hidden;
}

.test
{
	height:100%;
}

body 
{
	margin:0px;
	padding:0px;
	background-color:#a8a49b;
	background-repeat:no-repeat;
	_overflow:hidden;
}

#facebook {
position:absolute;
z-index:20;
top:25px;
right:10px;
}

#facebook_link {
float:left;
margin-right:10px;
}

.fb-like {
float:left;	
}

/*=============================*/
/*|                           |*/ 
/*|      STYLES DU FOND       |*/ 
/*|                           |*/ 
/*=============================*/

#photo
{
	_text-align:right;
}

	#photo #fond
	{
		position:fixed;
		top:0px;
		right:0px;
	}
	
#citation 
{
	width:300px;
	height:200px;
	position:fixed;
	top:55%;
	left:60%;
	z-index:3;
	_margin-top:40%;
	_margin-right:10%;
}

#signature
{
	margin-left:150px;
	margin-top:-60px;
}

#fondclinique 
{
	z-index:-10;
	position:fixed;
	width:100%;
}

	#fondclinique img
	{
		min-height: 100%;
		width:100%;
		height:auto;
		position:fixed;
		top:0;
		left:0;
		_height:100%;
		_min-height:100%;
		_width:auto;
	}
			
#fond_interventions 
{
	z-index:1;
	position:absolute;
	width:100%;
	top:0;
	left:0;
}

/*=============================*/
/*|                           |*/ 
/*|      STYLES SIGNATURE     |*/ 
/*|                           |*/ 
/*=============================*/

#nom
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:100px;
}

/*=============================*/
/*|                           |*/ 
/*|      STYLES CONTENU       |*/ 
/*|                           |*/ 
/*=============================*/

#contenu 
{
	z-index:6;
	position:absolute;
	top:0px;
	left:0px;
	height:auto;
}

	#header 
	{
		margin-top:25px;
		width:600px;
		padding-left:25px;
	}

			.titre_header 
			{
				font-family:Arial, Helvetica, sans-serif;
				font-size:26px;
				color:#FFF;
				font-weight:bold;
				text-decoration:none;
				line-height:20px;
			}
			
			.titre_header:hover
			{
				color:#FFF;
			}
			
			.soustitre_header 
			{
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#FFF;
				text-transform:uppercase;
				line-height:20px;
			}

	#menu 
	{
		width:190px;
		margin-top:52px;
		float:left;
		padding-left:25px;
	}

		#menu a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#FFF;
			line-height:14px;
			background-color:#89857d;
			padding-left:3px;
			padding-right:3px;
			text-decoration:none;
			text-transform:uppercase;
		}
		
		#menu a:hover
		{
			color:#000;
			background-color:#FFF;
		}
		
		#menugauche 
		{
			width:190px;
			height:100px;
			float:left;
			line-height:11px;
		}
		
			#menugauche span.liensactifs
			{
				text-transform:uppercase;
			}

		#sousmenu
		{
			width:170px;
			height:100px;
			float:right;
			margin-top:50px;
			text-align:right;
			line-height:11px;
		}

			#sousmenu a 
			{
				text-transform:none;
			}
	
				.liensactifs
				{
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#000;
					line-height:14px;
					background-color:#FFF;
					padding-left:3px;
					padding-right:3px;
					text-decoration:none;
				}

			.pager
			{
				line-height:11px;
				margin-bottom:-1px;
				margin-left:20px;
			}
			
				.pager .liensactifs
				{
				}

					.nums
					{
						font-family:Arial, Helvetica, sans-serif;
						font-size:11px;
						color:#000;
						line-height:14px;
						background-color:#FFF;
						padding-left:3px;
						padding-right:3px;
						text-decoration:none;
					} 
					
					.numPager
					{
						margin-left:-4px;
					}
			
			#liens
			{
				margin-left:10px;
			}

		#texte 
		{
			margin-top:137px;
			margin-left:220px;
			width:39%;
			height:auto;
			font-size:14px;
			color:#333;
			line-height:18px;
			max-width:400px;
		}

			#texteContact
			{
				width:100%;
			}

				.titre 
				{
					font-family:Arial, Helvetica, sans-serif;
					font-size:13px;
					text-transform:uppercase;
					color:#FFF;
				}
				
				.titrepointdevue
				{
					font-size:14px;
				}

				.date 
				{
					font-family:"Times New Roman", Times, serif;
					font-size:13px;
					font-style:italic;
					line-height:14px;
					color:#323232;
				}

/*=============================*/
/*|                           |*/ 
/*|  MENU DROIT INTREVENTION  |*/ 
/*|                           |*/ 
/*=============================*/

		#menuinterventions 
		{
			width:300px;
			height:200px;
			position:absolute;
			top:180px;
			left:660px;
			z-index:3;
		}
		
					#menuinterventions a 
					{	
						font-family:Arial, Helvetica, sans-serif;
						font-size:11px;
						font-weight:100;
						color:#FFF;
						background-color:#89857d;
						text-decoration:none;
						line-height:14px;
						padding-left:3px;
						padding-right:3px;
					}
					
					#menuinterventions a:active
					{
						color:#000;
						background-color:#FFF;
					}
		
					#menuinterventions a:hover 
					{
						color:#000;
						background-color:#FFF;
					}
					
					#menuinterventions img
					{
						margin-bottom:40px;	
					}
					
		#menuvisage 
		{	
			width:300px;
			height:200px;
			position:absolute;
			top:180px;
			left:640px;
			z-index:3;
		}
		
					#menuvisage a
					{	
						font-family:Arial, Helvetica, sans-serif;
						font-size:11px;
						font-weight:100;
						color:#FFF;
						background-color:#89857d;
						text-decoration:none;
						line-height:14px;
						padding-left:3px;
						padding-right:3px;
					}
					
					#menuvisage a:hover 
					{	
						color:#000;
						background-color:#FFF;
					}
					
					#menuvisage a:active
					{
						color:#000;
						background-color:#FFF;
					}
		
					#menuvisage img
					{
						margin-bottom:25px;
					}



			#citation p
			{
				font-family:Georgia, "Times New Roman", Times, serif;
				font-style:italic;
				font-size:19px;
				line-height:22px;
				color:#FFF;
				text-align:center;
			}

		#citationgauche 
		{
			width:300px;
			height:200px;
			position:absolute;
			top:60%;
			left:60%;
			z-index:3;
			position:fixed;
			_margin-top:40%;
			_margin-left:70%;
		}
		
					#citationgauche p
					{
						font-family:Georgia, "Times New Roman", Times, serif;
						font-style:italic;
						font-size:19px;
						line-height:22px;
						color:#FFF;
						text-align:center;
			}

		.ariane 
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#89857D;
			text-decoration:none;
			display:inline;
		}
		
					.ariane a
					{
						font-family:Arial, Helvetica, sans-serif;
						font-size:11px;
						color:#89857D;
						text-decoration:underline;
						width:100px;
					}
					
					.ariane a:hover
					{
						color:#FFF;
					}

a img
{
	border:0px;
	text-decoration:none;
}

a
{
	color:#000000;
	text-decoration:none;
}

.lienPDF
{
	text-decoration:underline;
}

.lienPDF:hover
{
	text-decoration:none;
}

a:hover
{
	color:#000000;
	text-decoration:none;
}

#btnPost
{
	margin-left:336px;
}

#btnPost a
{
	color:#FFF;
	background:#89857d;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
}

#btnPost a:hover
{
	color:#000;
	background:#FFF;
}

textarea
{
	width:400px;
	height:100px;
}

/*=============================*/
/*|                           |*/ 
/*|      STYLES SOURIE        |*/ 
/*|                           |*/ 
/*=============================*/

#follow
{
	position:absolute;
	z-index:100;
	background:#89857d;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:3px;
	padding-right:3px;
	overflow:hidden;
	width:85px;
}

#zoneClic
{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
}

	#gauche
	{
		width:50%;
		height:100%;
		float:left;
	}
	
	#droite
	{
		top:0px;
		margin-left:50%;
		width:50%;
		min-width:50%;
		height:100%;
		min-height:100%;
		position:relative;
	}