h1 {color:#9900FF;
		font-size:24px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	color:#9900FF;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.noWrap {
	white-space: nowrap;
}

div.centre
{ 
	width:700px;
	margin-left: auto;
	margin-right: auto;
}

div.content
{
	margin-left:5px;
	width:74%;
	float:right;

}

body
{
	background-color:#fffac6
	/*
	#fffac6;
	fffbcc
	fffac6;
	fffdd9
	*/
}

div.haut
{
	/*background-color:#9900FF;*/
	width:100%;
	background-image:url(images/backgroungMauve.jpg);
	height:120px;
	margin-left:5px;
	color:#000000;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div.droite
{
	float:left;
	height:100%;
	width:23%;
	margin-left:5px;
	padding-top:5px;
}

.box
{
border-style:solid;
border-width:thin;
background-color:#D6A0AA;
color:#000000;
float:right;
width:30%;
padding:5px;
}

.width200{
 	width:200px
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.size125{
font-size:125%;
}

.size90{
font-size:90%;
}

.droite ul.noSpace li{
	margin-top: 0px;
	margin-bottom: 0px;
}

.droite li a {
	border-color:#000000;
	color:#000000;
	display: block;
	border-style:solid;
	border-width:thin;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#D6A0CC;
	text-decoration:none;
	padding-top: 3px;
	padding-right: 0pt;
	padding-bottom: 3px;
	padding-left: 5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.droite li a:hover {
	background-color:#FFFFFF;
	color:#000000;
}

.droite li a:active{
font-weight:bold;
text-decoration:underline;
background-color:#990000;
}

.droite li a:active, li a:focus {
	cursor: auto;
} 

.haut a{
	color:#000000;
}

.alignCenter{
text-align:center;
}

.indent{
margin-left: 100px;
}

.blanc{
	color:#FFFFFF;
}

.rouge{
	color:#FF0000;
}

.bleu{
	color:#0000FF;
}

.jaune{
	color:#FFFF00;
}

.horaire{
	position: absolute;
	top:300px;
	left:300px;
	visibility: hidden;
}


ul.noIndent {
	margin-left: 10px;
	padding-left: 9px;
}
ol.noIndent {
	margin-left: 10px;
	padding-left: 18px;
}

/* UL  NO BULLET */
ul.noBullet{
	list-style-type: none;
}
/* UL   NO BULLET NO INDENT */
ul.noBulletnoIndent{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


.margin5 {margin: 5px;}

* PADDING TOP */

.paddingTop1 {padding-top: 1px;}
.paddingTop2 {padding-top: 2px;}
.paddingTop3 {padding-top: 3px;}
.paddingTop4 {padding-top: 4px;}
.paddingTop5 {padding-top: 5px;}
.paddingTop6 {padding-top: 6px;}
.paddingTop7 {padding-top: 7px;}
.paddingTop8 {padding-top: 8px;}
.paddingTop12 {padding-top: 12px;}
.paddingTop16 {padding-top: 16px;}
.paddingTop20 {padding-top: 20px;}

/* PADDING BOTTOM */

.paddingBottom1 {padding-bottom: 1px;}
.paddingBottom2 {padding-bottom: 2px;}
.paddingBottom3 {padding-bottom: 3px;}
.paddingBottom4 {padding-bottom: 4px;}
.paddingBottom5 {padding-bottom: 5px;}
.paddingBottom6 {padding-bottom: 6px;}
.paddingBottom7 {padding-bottom: 7px;}
.paddingBottom8 {padding-bottom: 8px;}
.paddingBottom12 {padding-bottom: 12px;}
.paddingBottom16 {padding-bottom: 16px;}
.paddingBottom20 {padding-bottom: 20px;}
.paddingBottom30 {padding-bottom: 30px;}
.paddingBottom35 {padding-bottom: 35px;}


/* PADDING LEFT*/

.paddingLeft1 {padding-left: 1px;}
.paddingLeft2 {padding-left: 2px;}
.paddingLeft3 {padding-left: 3px;}
.paddingLeft4 {padding-left: 4px;}
.paddingLeft5 {padding-left: 5px;}
.paddingLeft6 {padding-left: 6px;}
.paddingLeft7 {padding-left: 7px;}
.paddingLeft8 {padding-left: 8px;}
.paddingLeft12 {padding-left: 12px;}
.paddingLeft16 {padding-left: 16px;}
.paddingLeft20 {padding-left: 20px;}

/* PADDING RIGHT*/

.paddingRight1 {padding-right: 1px;}
.paddingRight2 {padding-right: 2px;}
.paddingRight3 {padding-right: 3px;}
.paddingRight4 {padding-right: 4px;}
.paddingRight5 {padding-right: 5px;}
.paddingRight6 {padding-right: 6px;}
.paddingRight7 {padding-right: 7px;}
.paddingRight8 {padding-right: 8px;}
.paddingRight12 {padding-right: 12px;}
.paddingRight16 {padding-right: 16px;}
.paddingRight20 {padding-right: 20px;}


.droite li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

.droite ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}


div.droite ul ul ul,
div.droite ul ul li:hover ul ul
{display: none;}

div.droite ul ul li:hover ul,
div.droite ul ul ul li:hover ul
{display: block;}

ul.space > li, ol.space > li {
	margin-top: 20px;
	margin-bottom: 20px;
}
ul.halfSpace > li, ol.halfSpace > li {
	margin-top: 8px;
	margin-bottom: 8px;
}