/* CSS Document */
BODY {
	margin:0;
	padding:0;
	background:#FFF url(../../images/fond_top.gif) repeat-x scroll 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#888887;
	font-size:11px;
}

DIV {
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

IMG {
	border:none;
}

P, FORM, UL, LI, H1, H2 {
	margin:0;
	padding:0;
}

TABLE {
	margin:0;
	padding:0;
	border:0;
}

#conteneur {
	width:956px;
	height:auto;
}

	#content{
		width:956px;
		height:auto;
	}

/*-------------------------------- HEADER ---------------------------------*/
	#header {
		width:956px;
		height:263px;
		float:left;
		background:url(../../images/fond_header.jpg) top left no-repeat;
	}
	
		#date {
			width:305px;
			height:78px;
			float:left;
			margin:68px 0 0 14px;
		}
		
		#logo {
			padding:32px 0 0 378px;
			width:233px;
			height:auto;
			float:left;
		}
		
			#logo P {
				margin:48px 0 0 0;
				width:233px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#000;
				text-align:right;
			}
	
	#menu {
		width:956px;
		height:30px;
		padding:49px 0 0 0;
		float:left;
		background:url(../../images/fond_menu.jpg) top left no-repeat;
	}

/*-------------------------------- HP ---------------------------------*/	
		#hp-content-contenu{
			width:538px;
			height:auto;
			float:left;
			padding:0 0 0 12px;
			margin:45px 0 0 0;
		}
		
			#hp-content-contenu H2{
				margin:12px 0 0 0;
			}
			
			#hp-content-contenu P{
				margin: 20px 0 0 0;
				font-size:14px;
				line-height:18px;
			}
		
		#hp-content-portrait{
			width:406px;
			height:170px;
			float:left;
			margin:138px 0 0 0;
		}
		
		#hp-bande-orange {
			position:absolute;
			background:#ff99cc;
			width:26%;
			height:9px;
			top:621px;
			left:74%;
		}
		
/*-------------------------------- PROGRAMME ---------------------------------*/	
		#programme-content-contenu{
			width:500px;
			height:auto;
			float:left;
			padding:0 0 0 12px;
			margin:38px 0 0 0;
		}
		
			#programme-content-description{
				width:500px;
				height:auto;
				min-height:178px;
				float:left;
				background:url(../../images/fond_programme.gif) top left no-repeat;
			}
			
			#programme-content-description P{
				padding: 0 0 0 104px;
				font-size:14px;
			}
		
		#programme-content-video{
			width:350px;
			height:270px;
			float:left;
			margin:54px 0 0 57px;
			text-align:right;
			background:url(../../images/programme_content_video.gif) top left no-repeat;
			padding:18px 20px 0 0;
		}
		
		#programme-bande-orange {
			position:absolute;
			background:#ff99cc;
			width:26%;
			height:9px;
			top:611px;
			left:74%;
		}

/*-------------------------------- PLAN ACCES ---------------------------------*/	

#plan-acces-content-contenu{
	margin:38px 0 0 0;
	padding:0 0 0 12px;
	float:left;
	font-size: 12px;
}
#plan-acces-content-contenu a,
#plan-acces-content-contenu a:hover,
#plan-acces-content-contenu a:visited{
	color: #888887;
	text-decoration:underline;
}
		
/*-------------------------------- RESERVATION ---------------------------------*/	
		#reservation-content-contenu{
			margin:38px 0 0 0;
			padding:0 0 0 12px;
			float:left;
			font-size: 14px;
		}
			#reservation-content-contenu a {
				color: #888887;
				text-decoration:underline;
			}
			
			#reservation-content-contenu FORM{
				margin:0;
				padding:0;
				line-height:30px;
			}

			#reservation-content-contenu INPUT{
				margin:0 0 0 6px;
				width:130px;
				height:16px;
				border:1px solid #888887;
				color:888887;
				font-size:12px;
			}
			
			#reservation-content-contenu INPUT.input-court{
				margin:0 0 0 6px;
				width:190px;
				height:16px;
				border:1px solid #888887;
				color:888887;
				font-size:12px;
			}
			
			#reservation-content-contenu INPUT.submit{
				margin:10px 0 20px 490px;
				width:98px;
				height:22px;
				border:none;
			}
		

/*-------------------------------- MENTIONS ---------------------------------*/	
		#mentions-content-contenu{
			margin:38px 12px 0 12px;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 12px;
		}
#mentions-content-contenu a {
	color: #888887;
	text-decoration:underline;
}

/*-------------------------------- CONTACT ---------------------------------*/	

#contact-content-contenu{
	margin:38px 0 0 0;
	padding:0 0 0 12px;
	float:left;
	font-size:14px;
}

	#contact-content-contenu H2{
		padding:20px 0 0 0;
		font-weight:normal;
		font-size:14px;
	}

	#contact-content-contenu #ok{
		border: 2px solid #ff99cc;
		color: #888887;
		padding: 10px;
		margin-top: 20px;
		font-weight:bold;
	}

	#contact-content-contenu #erreur{
		border: 2px solid #CC0000;
		color: #CC0000;
		padding: 10px;
		margin-top: 20px;
	}
	
	#contact-content-contenu FORM{
		padding:30px 0 0 0;
	}
	
	#contact-content-contenu FORM P{
		clear: both;
		margin: 5px 0px 0px 0px;
	}
	
	#contact-content-contenu LABEL{
		float: left;
		width: 100px;
		text-align: left;
	}
	
	#contact-content-contenu INPUT{
		margin:0 0 0 10px;
		width:185px;
		height:16px;
		border:1px solid #888887;
		color:888887;
		font-size:12px;
		float: left;
	}
	
	#contact-content-contenu INPUT.submit{
		margin:10px 0 30px 820px;
		width:108px;
		height:22px;
		border:none;
	}
	
	#contact-content-contenu TEXTAREA{
		width:925px;
		height:166px;
		border:1px solid #888887;
		color:888887;
		font-size:12px;
	}

/*-------------------------------- FOOTER ---------------------------------*/	
#footer{
	background:#2369ae;
	width:100%;
	height:57px;
	clear:both;
}

	#footer-content{
		width:956px;
		height:57px;
	}

	#footer-content P{
		margin:0;
		padding:12px 0 0 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#ffffff;
		text-align:right;	
	}
	
	#footer-liens{
		width:956px;
		height:auto;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#2369ae;
		padding:10px 0 0 0;
	}
	
	#footer-liens A{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#2369ae;
		text-decoration:none;
	}
	
	#footer-liens A:hover{
		text-decoration:underline;
	}

/*-------------------------------- CLASS ---------------------------------*/		
.middle {
	vertical-align:middle;
}
.texte-14{
	font-size: 14px;
}