/* CSS issu des tutoriels www.alsacreations.com/articles */

body 
{
	background-image:url(./images/fond_gauche.jpg); 
	background-repeat:no-repeat;
 	background-attachment:fixed; 
	padding:0px; 
	color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size: 8pt;
	font-weight: bold;
	vlink: #EEEEEE;
	link: #DEAD73;
	alink: #00314A;
}

.titre
{
	color: black;
	background-image: url(images/logos/degrad3.jpg);
	text-align: center;
	font-weight: bolder;
	padding: 3%;
	border: thick double #4B55AA;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 0;	
}

#menu {
	position: top;
	top: 0px;
	left: 0;
}
dl#menu {
	width: 75%;
	
}
dl#menu dt {
	border: 2px ridge white;
	background-color: #6A73BD;$
	color: white;
	font: bold;
	margin: 3px;
	/*width: 100%;*/ /* on définit la taille du bouton de menu */
	height: 30px;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 3px;

}
dl#menu dt a:visited, dl#menu a:active{
	
	color: white;
	
}

dl#menu dd {
	border: 0px solid gray;
	
	
}
dl#menu li {
	text-align: center;
	background-color: none;
	border: 2px;
	border color: white;
}

dl#menu li a, dl#menu dt a {
	color: white;
	text-decoration: none;
	display: block;
	height: 100%;
}

dl#menu li a{
	border: 2 px;
	border color: white;
	margin: 3px;
	padding:3px;
}

dl#menu li a:hover{
	background-color: #A9B0D9;
	color: black;
	margin: 3px;
}

dl#menu li a:active{
	color: red;
}