﻿<style type="text/css">
html {height: 100%; margin: 0px; padding: 0px; background-color: #414141;}
body {width: 90%; max-width:1280px; margin: 45px auto 0 auto; padding: 0px; background-color: #414141;}

/* menu Horizontal display:inline-block, sans float: left, test (au 10/10/2014) */
#nav, #nav ul {
	margin-top:0;
	padding: 0 ;
	list-style: none ;
	font-family:"Comic Sans MS";
	font-size:14px;
	font-weight:bold;
}

#nav li {
	display: inline-block ;
	width: 19% ;
	margin-right: 1px ;
	line-height:27px ;
	background: #DB0B32 ;
	color: #ffffff ;
	 	border-radius: 4px 4px 4px 4px;
}

#nav li a {
	background: #DB0B32 ;
	color: #ffffff ;
	text-decoration: none ;
	margin-left: 5px ;
	font-family:"Comic Sans MS" ;
}

/* voir problème de couleur avec "hover" */
#nav li:hover, #nav li a:hover, #nav li:focus, #nav li a:focus, #nav li:active, #nav li a:active {
  background: #9932CC ; color:orange ;
  text-decoration: underline ;
}

</style>
