/* Définition des styles de balise */
html, body {
	background-color:	#F4F4F4;
	font-family: 		Verdana, Helvetica, sans-serif;
	color: 				#090909;
	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;
}
select {
	font-size:			10px;
	font-family: 		Verdana, Helvetica, sans-serif;
}
h3 {
	color:				#ff5f22;
	margin:				0px 0px 20px 0px;
}
p {
	padding:			0px;
	margin:				0px 0px 10px 0px;
}
a {
	color: 				#ff5f22;
	text-decoration:	none;
}
a:HOver {
	text-decoration:	underline;
}

form {
	padding:			0px;
	margin:				0px;
}

/* 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: 				#000000;
	margin:				0;
	padding:			0;
	height:				17px;
	text-decoration: 	none;
	margin-top:			-1px;
	padding:			5px 10px 7px 10px;
	line-height:		25px;
}
div#mnuNivI {
	background-image:	url('../images/mnuNivI_Back.gif');
	background-position:	left top;
	background-repeat:	repeat;
	background-color: 	#eeeeee;
	display:			inline;
	margin:				0;
	padding:			0;
	width:				560px;
	height:				auto;
	float:				left;
}
div#mnuNivI a {
	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 {
	margin-top:			-100px;
}
div#menu {
	margin:				50px 0px 0px 232px;
}
div#container {
	text-align:			left;
	height:				100%;
	background-color: 	#FFFFFF;
}
div#content p {
	padding:			0px 0px 0px 0px;
}
div#content img {
	padding:			0px;
	margin:				0px 5px;
}

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

		#content .imageDesc {
			font-size:		10px;
		}

div#navigation {
	margin-top:			35px;
	padding:			10px;
}
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:			left;
	font-size: 			10px;
	color: 				#666666;
	margin:				0;
}

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

/* Positionnement CSS2 */
div#container {
	background-image: 	url('../images/textureHeader_ritzy_v1.jpg');
	background-position: 	top;
	background-repeat: 	no-repeat;
	width:				980px;
	margin:				0 auto;
	height:				auto;
}
div#wrapper {
	float:				left;
	width:				980px;
}
div#content {
	min-height:			430px;
	margin:				20px 0px 0px 230px;
	padding:			0px 0px 0px 10px;
	width:				680px;
}
div#content h5 {
	font-size:			12px;
	font-weight:		bold;
	margin:				0px 0px 0px 0px;
}
div#navigation {
	float:				left;
	width:				200px;
	margin-left:		-980px;
}
div#extra {
	float:				left;
	width:				136px;
	margin-left:		-148px;
}
div#footer {
	clear:				left;
	width:				680px;
	height:				15px;
	margin:				100px 0px 0px 240px;
	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;
}

h2 {
	margin:				0px;
	font-weight:		bold;
	font-size:			12px;
}

#wizards {
	border:				1px solid #CCCCCC;
	margin:				10px;
}

.boxZone {
	margin-left: 		20px;
	padding:			5px;
	border: 			1px solid #CCCCCC;
	width: 				auto;
	float: 				left;
}

.catalogueCours {
	font-size:				11px;
	background-color:		#eeeeee;
	border: 				1px solid #cd4c1b;
	color: 					#333333;
	width: 					180px;
	text-align: 			left;
	cursor: 				pointer;
	font-weight:			normal;
}
.catalogueCours:hover {
	font-weight:			bold;
	background-color:		#FFCC99;
	border: 				1px solid #cd4c1b;
}

.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;
}

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

.colorAgendaPast {
	color: #0066FF;
	font-weight: bold;
}

.calendarToday{
	background-color: 	#FF6600;
	font-weight: 		bold;
	color: 				#FFFFFF;
}

.calendar{
	background-color: 	#FFFFFF;
}

input.catalogueCours {
	padding:			2px;
	margin:				0px;
}

#dropdown {
	/* cancel the default list style */
	list-style:			none;
	margin:				0;
	padding:			0;
	width:				180px;
	position:			relative;
}
	
#dropdown li {
	background:				url('./images/arrow.png') 0px 0px no-repeat;
}

#dropdown li a.parent {
	display:				block; 
	width:					200px;
	height:					auto;
	font-weight:			700;
	padding:				0 0 0 0px;
}

#dropdown li h2 {
	margin:					0px 0px 0px 0px;
}

#dropdown li a.hover {
}

#dropdown ul {
	
	/* cancel the default list style */
	margin:				0;
	padding:			0;
	list-style:			none;
	display:			none;
	
	/* make sure it has the highest z-index */
	position:			absolute;
	left:				20px;
	margin-top:			0px;
	z-index:			100000;
	background:			#fff;
	width:				180px;
}

#dropdown ul li {
	font-size:		11px;	
}
	
#dropdown ul li a {
	display:	block; 
	font-weight:700;
	padding:	0 0 0 0px;
	height:		30px;
	color:		#fff;
}

#dropdown ul li a:hover {
	color:		#e11;	
}