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

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

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

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

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

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

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

#colonne1
{
   width:335px;
   float:left;
   background-color : #DFCEFF;
   margin : 5px 5px 5px 5px;
}
 
#colonne2
{
   width:335px;
   float:right;
   background-color : #DFCEFF;
   margin : 5px 5px 5px 5px;
}

#banner {
	background-image: url(../images/logo-banner3b.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:140px;
}

#espace {
	float : left;
	padding : 5px 10px 5px 10px;
	background-color : #DFCEFF;
	bottom : 0px;
	width : 160px;
	height:1650px;
}

#gauche {
	position:absolute;
	float : left;
	padding : 0px 5px 0px 5px;
	margin : 5px 5px 5px 5px;
	top: 210px;
	width : 160px;
	height: auto;
}

#droite {
	width:710px;
	position : relative;
	margin : 2px 2px 2px 2px;
	float : right;
}

.spacer {
	clear : both;
}

.spacer2 {
	clear : right;
}

.spacer3 {
	clear : left;
}

#texte {
	width:700px;
	padding : 0px;
	margin : 5px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	text-align : justify;
}

h1 {
	padding : 5px 5px 5px 5px;
	margin : 0px 0px 0px 0px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	text-align : center;
	background-color : #63299B;
	color : #DFCEFF;
}

h2 {
	padding : 5px 5px 5px 5px;
	margin : 5px 0px 5px 0px;
	font-family:Arial,Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	text-align : center;
	color : #63299B;
	border-bottom-width : 4px;
	border-left-width : 4px;
	border-bottom-style : solid;
	border-bottom-color : #63299B;
	border-bottom-style:dotted;
	text-shadow:2px 2px 3px #FFFFFF;
}

h3 {
	padding : 2px 2px 2px 2px;
	margin : 5px 0px 5px 0px;
	font-family:"Arial",Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	text-align : center;
	color : #FF3399;
	border-bottom-width : 4px;
	border-bottom-style : solid;
	border-bottom-color : #FF3399;
	border-bottom-style:dotted;
	border-top-width : 4px;
	border-top-style : solid;
	border-top-color : #FF3399;
	border-top-style:dotted;
}

h4 {
	font-size : 12px;
	font-weight : normal;
	color : #63299B;
	margin : 0;
	padding : 0;
	font-style : normal;
	text-align : left;
}

h5 {
	font-size : 11px;
	font-weight : normal;
	color : #63299B;
	margin : 5px;
	font-style : normal;
	text-align : center;
}

	p {
	padding : 2px 2px 2px 2px;
	margin : 0px 0px 0px 0px;
	margin-bottom : 12px;
	text-align : justify;
}

p:first-letter {
	font-weight: bold;
	color: #63299B;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}

.tableau {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	padding : 5px 5px 0px 5px;
	font-weight:lighter;
	text-align:justify;
}


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

#bottom {
	margin-left : auto;
	margin-right : auto;
	margin-top:0px;
	padding : 0px 10px 10px 10px;
	background-color : #DFCEFF;
	font-family : "Arial", Helvetica, sans-serif;
	font-size : 12px;
	text-align : center;
	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:#63299B; }
div#menu ul {padding: 0; width: 155px; border:1px solid; margin:0px; background: #DFCEFF; }

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

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: #DFBFFF; }

/* 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: 2px 0 2px 8px; display:block; border-left: 8px solid #63299B; width:84px; }
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block; width: 210px;}
div#menu ul.niveau3 {left: 210px;}

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