/* Définition des styles de balise */
html, body {
	background-color:	#094f66;
	background-image:	url(../images/background_vBulles.jpg);
	background-position: top center;
	background-repeat:	no-repeat;
	font-family: 		Verdana, Helvetica, sans-serif;
	color: 				#f9f3dd;
	width: 				100%;
	height: 			100%;
	padding:			0px;
	margin:				0px;
}
body {
	font-size:			12px;
	font-family: 		Verdana, Helvetica, sans-serif;
	text-align:			center;
}
table, tr, td, textarea, input {
	font-size:			12px;
	font-family: 		Verdana, Helvetica, sans-serif;
}
textarea, input, select {
	background-color:	#095066;
	border:				1px solid #f9f3dd;
	color:				#f9f3dd;
}
h3 {
	color:				#ff5f22;
	margin:				20px 0px 10px 0px;
}
h5 {
	font-family: 		Verdana, Helvetica, sans-serif;
	color: 				#ff5f22;
	font-size:			12px;
	margin:				20px 0px 5px -20px;
	border-bottom:		1px solid #f9f3dd;
}
p {
	padding:			0px;
	margin:				0px 0px 10px 0px;
}
a {
	color: 				#AAAAAA;
	text-decoration:	none;
}
a:hover {
	text-decoration:	underline;
}

/* Identifiant de style */
div#separator {
	clear:				both;
	margin:				8px 0px 0px -232px;
	background-image:	url('../images/header_separator.gif');
	background-position: top;
	background-repeat:	repeat-x;
	height:				16px;
}
div#menu a {
	color: 				#f9f3dd;
	margin:				0;
	padding:			0;
	text-decoration: 	none;
	margin-top:			-1px;
	padding:			7px 10px 3px 10px;
	line-height:		25px;
}
div#mnuNivI {
	background-image:	url('../images/btnMenuI_left.gif');
	background-position:	left top;
	background-repeat:	no-repeat;
	display:			inline;
	margin:				0;
	padding:			0;
	width:				621px; /* 560px; */
	float:				left;
}
div#mnuNivII {
	font-size:			11px;
	clear:				both;
	height: 			25px;
}
div#optionPermanent {
	float:				right;
}
div#optionPermanent a {
	font-size:			75%;
	padding:			0px 5px;
}
div#header {
	height:				100px; /* 128px; */
}
div#menu {
	margin:				0px 0px 0px 232px;
}
div#container {
	text-align:			left;
	height:				100%;
	background-color: 	#072e39;
	/* background-image:	url('../images/backContainer.png');
	background-position: center center;
	background-repeat:	repeat; */
}
div#content p {
	padding:			0px 0px 0px 0px;
}
div#content img {
	/* border:				1px solid #f9f3dd; */
	padding:			0px;
	margin:				0px 5px;
}

		#content .albumListe {
			width:			auto;
			float:			none;
			padding:		0px
		}
	
		#content .albumThumb {
			float:			left;
			background-color: 	#50696b;
			border:			1px solid #f9f3dd;
			padding: 		20px;
			margin:			5px 5px 5px 5px;
		}
		
		#content .imageFull {
			float:			left;
			width: 			100%;
			height: 		auto;
			background-color: 	#50696b;
			border:			1px solid #f9f3dd;
			padding: 		20px 0px 20px 0px;
			margin:			20px 0px 0px 0px;
			text-align:		center;
		}
		
		#content .albumDesc {
			float:			none;
			font-size:		11px;
		}


div#navigation {
	padding:			10px;
	padding-left:		40px;
	background-image:	url(../images/starIcon.png);
	background-position:13px 0px;
	background-repeat:	no-repeat;
}
div#navigation a {
	margin:				5px 5px 0px 5px;
}
div#extra {
	padding:			5px;
}
div#contact {
	padding:			0px 0px 0px 0px;
	clear:				both;
}
div#footer {
	background-image:	url('../images/footer_background.gif');
}
div#footer p {
	text-align:			right;
	font-size: 			10px;
	color: 				#f9f3dd;
	margin:				0;
}

div#extra {
	background-color:	#FF0000;
}

/* Positionnement CSS2 */
div#container {
	width:				980px;
	margin:				0 auto;
	height:				auto;
}
div#wrapper {
	float:				left;
	width:				980px;
}
div#content {
	min-height:			430px;
	margin:				0px 0px 0px 230px;
	padding:			0px 0px 0px 10px;
	width:				680px;
}
div#navigation {
	float:				left;
	width:				150px;
	margin-left:		-980px;
}
div#extra {
	float:				left;
	width:				136px;
	margin-left:		-148px;
}
div#footer {
	clear:				left;
	width:				980px;
	height:				102px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
}

div#contactFooter table, tr, td, input, textarea {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			96%;
}

/* Bloc de news */
p.titreNews {
	line-height: 		100%;
	font-size: 			11px;
	color: 				#ff5f22;
	font-weight: 		bold;
	margin: 			0px 0px 10px 0px;
	padding: 			0px 0px 0px 0px;
}

p.dateNews {
	font-size: 			11px;
	border-top: 		1px solid #666666;
	padding: 			0px 0px 0px 0px;
	margin: 			8px 0px 4px 0px;
}

p.contentNews {
	font-size: 			11px;
}

.boxTitle {
	background-color: 	#333333;
	color:				#FFFFFF;
	font-weight: 		bold; 
}

.box {
	height:				auto;
	margin:				0px;
	padding:			0px;
}

.yearChoice {
	border: 			1px solid #DDDDDD;
	padding: 			10px 5px 10px 10px;
	margin: 			0px 0px 0px 0px;
	text-align: 		right;
}

p.titreListeNews {
	color: 				#ff5f22;
	font-weight: 		bold;
	margin-top: 		10px;
	margin-bottom: 		4px;
	border-bottom: 		1px solid #DDDDDD;
	padding-bottom: 	0px;
}

.colorAgendaOn {
	color: #FF6600;
	font-weight: bold;
}

.Conditions {
	margin:				10px 0px 0px 0px;
	font-size:			11px;
}

.Spots {
	background-image:	url(../images/degradeCours.png);
	background-repeat:	no-repeat;
	background-position:right top;
}