<!--

/*CODE CSS DES MENUS*/

div#bouton_newsletter{
	position:absolute;
	margin-top: 5px;
	margin-left: 5px;
	width: 200px;
	font-size:90%;
	text-align: center;
	padding:2px;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	font-size:100%;
	color:#ff0000;
	font-weight: bold;
}

div#bouton_newsletter:hover{
	position:absolute;
	background-color:#ffcccc;
	margin-top: 5px;
	margin-left: 5px;
	width: 200px;
	font-size:90%;
	text-align: center;
	padding:2px;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	font-size:100%;
	color:#ff0000;
	font-weight: bold;
}

div#bouton_newsletter a:link{
	text-decoration: none;
	color:#ff0000;
}

div#bouton_newsletter a:visited{
	text-decoration: none;
	color:#ff0000;
}

div#bouton_newsletter a:hover{
	text-decoration: none;
	color:#ff0000;
}

div#bouton_contact{
	position:absolute;
	margin-top: 5px;
	margin-left: 5px;
	left:220px;
	width: 120px;
	font-size:90%;
	text-align: center;
	padding:2px;
	border-top: 1px solid #009f07;
	border-left: 1px solid #009f07;
	border-right: 1px solid #009f07;
	border-bottom: 1px solid #009f07;
	font-size:100%;
	color:#009f07;
	font-weight: bold;
}

div#bouton_contact:hover{
	position:absolute;
	background-color:#dbffdd;
	margin-top: 5px;
	margin-left: 5px;
	left:220px;
	width: 120px;
	font-size:90%;
	text-align: center;
	padding:2px;
	border-top: 1px solid #009f07;
	border-left: 1px solid #009f07;
	border-right: 1px solid #009f07;
	border-bottom: 1px solid #009f07;
	font-size:100%;
	color:#009f07;
	font-weight: bold;
}

div#bouton_contact a:link{
	text-decoration: none;
	color:#009f07;
}

div#bouton_contact a:visited{
	text-decoration: none;
	color:#009f07;
}

div#bouton_contact a:hover{
	text-decoration: none;
	color:#009f07;
}

div#bouton_livredor{
	position:absolute;
	margin-top: 5px;
	margin-left: 5px;
	left:350px;
	width: 100px;
	font-size:90%;
	text-align: center;
	padding:2px;
	border-top: 1px solid #009f07;
	border-left: 1px solid #009f07;
	border-right: 1px solid #009f07;
	border-bottom: 1px solid #009f07;
	font-size:100%;
	color:#009f07;
	font-weight: bold;
}

div#bouton_livredor:hover{
	position:absolute;
	background-color:#dbffdd;
	margin-top: 5px;
	margin-left: 5px;
	left:350px;
	width: 100px;
	font-size:90%;
	text-align: center;
	padding:2px;
	border-top: 1px solid #009f07;
	border-left: 1px solid #009f07;
	border-right: 1px solid #009f07;
	border-bottom: 1px solid #009f07;
	font-size:100%;
	color:#009f07;
	font-weight: bold;
}

div#bouton_livredor a:link{
	text-decoration: none;
	color:#009f07;
}

div#bouton_livredor a:visited{
	text-decoration: none;
	color:#009f07;
}

div#bouton_livredor a:hover{
	text-decoration: none;
	color:#009f07;
}

div#bouton_ecole{
	position:relative;
	margin-top: 5px;
	margin-left: 5px;
	left:450px;
	width: 285px;
	font-size:90%;
	text-align: center;
	padding:2px;
	border-top: 1px solid #009f07;
	border-left: 1px solid #009f07;
	border-right: 1px solid #009f07;
	border-bottom: 1px solid #009f07;
	font-size:100%;
	color:#009f07;
	font-weight: bold;
}

div#bouton_ecole:hover{
	position:relative;
	background-color:#dbffdd;
	margin-top: 5px;
	margin-left: 5px;
	left:450px;
	width: 285px;
	font-size:90%;
	text-align: center;
	padding:2px;
	border-top: 1px solid #009f07;
	border-left: 1px solid #009f07;
	border-right: 1px solid #009f07;
	border-bottom: 1px solid #009f07;
	font-size:100%;
	color:#009f07;
	font-weight: bold;
}

div#bouton_ecole a:link{
	text-decoration: none;
	color:#009f07;
}

div#bouton_ecole a:visited{
	text-decoration: none;
	color:#009f07;
}

div#bouton_ecole a:hover{
	text-decoration: none;
	color:#009f07;
}

/***************************************************/

#cadremenu{
	width: 740px;
	margin-left: auto; margin-right: auto;
}

#menu {
	background : url('menu.gif');
	width : 740px;
	height : 40px;
	margin: 0px;
	/*margin-left: 15px;*/
	padding: 0px;
	position: relative;
}

#menu li {
	display:inline;
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0;
}

#menu li, #menu a {
	height: 40px;
	display: block;
}

#vide1				{left: 0px; width:5px;}
#vide1 a			{background-position:0px 0px;}
#acceuil			{left: 5px; width:65px;}
#acceuil a:link		{background-position:-5px 0px;}

#vide2				{left: 70px; width:  5px;}
#vide2 a			{background-position:-70px 0;}
#information		{left: 75px; width:  170px;}
#information a:link	{background-position:-75px 0;}

#vide3				{left: 245px; width:  5px;}
#vide3 a			{background-position:-245px 0;}
#histoire			{left: 250px; width:  65px;}
#histoire a:link	{background-position:-250px 0;}

#vide4				{left: 315px; width:  5px;}
#vide4 a			{background-position:-315px 0;}
#composition		{left: 320px; width:  100px;}
#composition a:link	{background-position:-320px 0;}

#vide5				{left: 420px; width:  5px;}
#vide5 a			{background-position:-420px 0;}
#agenda				{left: 425px; width:  65px;}
#agenda a:link		{background-position:-425px 0;}

#vide6				{left: 490px; width:  5px;}
#vide6 a:link		{background-position:-490px 0;}
#revuedepresse		{left: 495px; width:  125px;}
#revuedepresse a:link	{background-position:-495px 0;}

#vide7				{left: 620px; width:  5px;}
#vide7 a:link		{background-position:-620px 0;}
#medias				{left: 625px; width:  60px;}
#medias a:link		{background-position:-625px 0;}

#vide8				{left: 685px; width:  5px;}
#vide8 a:link		{background-position:-685px 0;}
#liens				{left: 690px; width:  45px;}
#liens a:link		{background-position:-690px 0;}

#vide9				{left: 735px; width:  5px;}
#vide9 a:link		{background-position:-735px 0;}

-->