/*Grand blocks*/
* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body {
  color: #FFFFFF;
  background-color: #333333 ; 
  font:normal 12pt "Times New Roman", "Times", serif;
  text-align: center;
}

#pagewrapper { 
margin: 0 auto;
  width: 870px;
  background: #000000;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

#entete
{
color:white;
display:block;
height: 116px;
background-image: url(images/banniere.jpg); 
background-position: 0px 0px;
background-repeat: no-repeat;
font-family: "Monotype Corsiva","Lucida Handwriting", "Comic sans MS", sans-serif;
}

#piedpage
{
width: 100%;
  background: #CCC;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 58px;
  background-image: url(images/piedrouille.jpg); 
background-position: 0px 0px;
background-repeat: no-repeat;
text-align:center;
}

-------------------------
LA BARRE DE MENU
-------------------------
*/
/* Bordure noire autour du menu */
#outside{
	border:1px solid #000000;
	background:#000000;
	}
#menu {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:normal 8pt verdana, arial, helvetica;
}
#menu li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:135px;
}
#menu li a:link, #menu li a:visited {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#000000;
	color:#ffffff;
	width:135px;
	height:13px;
}
#menu li:hover a, #menu li a:hover, #menu li a:active {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#666666;
	color:#ffffff;
	width:133px;
	height:13px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#menu li ul.submenu {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:133px;
	position:absolute;
	top:21px;
	left:-1px;
	border:1px solid #000000;
	border-top:none;
}
#menu li:hover ul.submenu {
	display:block;
}
#menu li ul.submenu li {
	width:133px;
	clear:left;
	width:146px;
}
#menu li ul.submenu li a:link, #menu li ul.submenu li a:visited {
	clear:left;
	background:#000000;
	padding:4px 0;
	width:133px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#menu li ul.submenu li:hover a, #menu li ul.submenu li a:active, #menu li ul.submenu li a:hover {
	clear:left;
	background:#666666;
	padding:4px 0;
	width:133px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#menu li ul.submenu li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:132px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #000000;
	border-left:1px solid #000000;
	background:#ffffff;
	z-index:900;
}
#menu li ul.submenu li:hover ul.navigation-3 {
	display:block;
}
#menu li ul.submenu li ul.navigation-3 li a:link, #menu li ul.submenu li ul.navigation-3 li a:visited {
	background:#000000;
}
#menu li ul.submenu li ul.navigation-3 li:hover a, #menu li ul.submenu li ul.navigation-3 li a:hover, #menu li ul.submenu li ul.navigation-3 li a:active {
	background:#666666;
}
#menu li ul.submenu li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#menu li ul.submenu li:hover a span, #menu li ul.submenu li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}