/* CSS Document */
body {
	background-color : #333333;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-align : center;
	line-height : auto;
}

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

a:link {
	color : #CC99FF;
	text-decoration : underline;
}

a:visited {
	color : #CC99FF;
	text-decoration : underline;
}

a:hover {
	color : #CC99FF;
	text-decoration : underline;
}

.image2 {
margin : 4px;
float : right;
}
.image3 {
margin : 4px;
float : left;
}

#conteneur {
	background-color : #333333;
	margin-left : auto;
	margin-right : auto;
	margin-top:0px;
	width:900px;
	bottom : 10px;
	text-align : left;
}

#colonne1
{
   width:355px;
   float:left;
   background-color : #333333;
}
 
#colonne2
{
   width:355px;
   float:right;
   background-color : #333333;
}


#espace {
	float : left;
	padding : 0px;
	background-color : #333333;
	bottom : 0px;
	width : 165px;
	height:1600px;
}

#gauche {
	position:absolute;
	float : left;
	padding : 0px;
	margin : 0px;
	top: 340px;
	width : 155px;
	height: auto;
}

#droite {
	width:730px;
	position : relative;
	padding : 0px;
	float : right;
}

.spacer {
	clear : both;
}

.spacer2 {
	clear : right;
}

.spacer3 {
	clear : left;
}

#texte {
	width:720px;
	padding : 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
	font-style:normal;
	text-align : justify;
}

h1 {
	line-height:normal;
	padding : 5px 5px 5px 5px;
	margin : 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:140%;
	font-style:normal;
	text-align : center;
	color : #AF84D9;
}

h2 {
	line-height:normal;
	padding : 2px 2px 2px 2px;
	margin : 5px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:130%;
	font-style:normal;
	text-align : center;
	color : #CC99FF;
	border-bottom-color : #CC99FF;
}

h3 {
	line-height:normal;
	padding : 8px 2px 2px 2px;
	margin : 5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	font-style:normal;
	text-align : center;
	color : #CC99FF;
}
	
h4 {
	line-height:normal;
	font-size : 108%;
	font-weight : normal;
	color : #CCCCCC;
	margin : 2px 2px 2px 2px;
	padding : 2px 2px 2px 2px;
	font-style : normal;
	text-align : right;
}

h5 {
	line-height:normal;
	font-size : 90%;
	font-weight : normal;
	color : #CC99FF;
	margin : 5px;
	font-style : normal;
	text-align : right;
}

p {
	font-size : 115%;
	font-style:normal;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	padding : 0px;
	margin : 5px;
	margin-bottom : 12px;
	text-align : justify;
}

.tableau {
	font-size : 115%;
	font-style:normal;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	padding : 0px;
	margin : 5px;
	margin-bottom : 12px;
	text-align : justify;
	font-weight:lighter;
}

/***** Fond de page *****/

#bottom {
	margin-left : auto;
	margin-right : auto;
	margin-top:0px;
	padding : 0px 10px 10px 10px;
	background-color : #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-align:right;
	line-height : 17px;
	width:880px;
}

body {behavior: url(../csshover.htc);}
div#menu {
z-index: 100;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
}

/* fond blanc pour le menu */ 
div#menu a {color:#CCCCCC; }
div#menu ul {padding: 0; width: 155px; border:1px solid; margin:0px; background: #333333; }

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #333333; }
div#menu li.sousmenu:hover {background: #333333;}

div#menu ul li {z-index: 100; position:relative; list-style: none; border-bottom:1px solid;}
div#menu ul ul {position: absolute; top: -1px; left: 155px; display:none; background: #454545; }

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =94 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 4px; display:block; border-left: 8px solid #AF84D9; width:84px; }
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block; width: 180px;}
div#menu ul.niveau3 {left: 180px;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color: #AF84D9;}
div#menu ul ul li a:hover {border-left-color: #CC99FF;}
div#menu ul ul ul li a:hover {border-left-color: #CC99FF;}