body {
	background: white;
	margin:0px;
	padding:0px;
	font-family: verdana, arial, sans-serif;
	font-size: 70%;
	color: #0000CD;
}

#Tableau_01 {
  position:relative;
  left:0px;
  top:0px;
  width:999px;
  height:595px;
  margin-left:auto;
  margin-right:auto;
  border: 0px solid red;
}

#haut-page-titre {
  position:absolute;
  left:0px;
  top:0px;
  width:857px;
  height:104px;
  background: #FFFFFF url(../images/fond_head.jpg) repeat-x;
}


#logo-giron {
  position:absolute;
  left:857px;
  top:0px;
  width:142px;
  height:104px;
  background: #FFFFFF url(../images/logo_giron.jpg) no-repeat;
  cursor: pointer;
}

#bas-note-menu {
  position:absolute;
  left:0px;
  top:104px;
  width:160px;
  height:38px;
  background: #FFFFFF url(../images/bas_note_menu.jpg) no-repeat;
}

#centre-page {
  position:absolute;
  left:160px;
  top:104px;
  width:820px;
  height:480px;
  background: #FFFFFF;
  border: 0px solid red;
}

#bas-note-centre-page{
	background-image: url(../images/bas_note_centre_page.jpg);
	height: 38px;
	width: 15px;
	position: absolute;
	left:0px;
	background-repeat: no-repeat;
	background-position: top left;
}

#centre-page #contenu{
position: absolute;
	text-align: justify;
   overflow: auto;
	width: 800px;
	height: 430px;
	margin: 0px;
   background: White;
	margin: 0px 0px 0px 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	
}
  
#centre-page #grd-logo-giron{
	margin-top:30px;
	margin-left: 30px;
}

#logo-recreation {
  position:absolute;
  left:0px;
  top:480px;
  width:160px;
  height:70px;
  background: #FFFFFF url(../images/logo_recreation.jpg) no-repeat;
}

#footer {
  position:absolute;
  left:0px;
  top:550px;
  width:999px;
  height:47px;
  background: #FFFFFF url(../images/pied_page_gerrittes.jpg) no-repeat left;
  border: 0px solid blue;
}
#footer-texte{
  text-align: center;
  line-height:33px;
  padding-top: 20px;
  height: 35px;
  color:#FF0000;
  margin: 0px 20px 0px 400px;
}

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


#menu {
  position:absolute;
  left:0px;
  top:142px;
  width:160px;
  height:341px;
  background: #FFFFFF url(../images/fond_menu.jpg) repeat-y;
  z-index: 50;
}


#menu dt {
  cursor: pointer;
  background: #FF0000;
  height: 20px;
  line-height: 20px;
  margin: 2px 0;
  border: 1px solid gray;
  text-align: center;
  font-weight: bold;
  /* width: 12em; */
  width: 135px;
  margin-left:2.2em;
  color:#FFFFFF;
  filter: alpha(opacity = 60);
  -moz-opacity: 0.60;
  opacity: 0.60;
}

#menu dd {
  display: none;
  position: absolute;
  z-index: 100;
  /* left: 12em; */
  left: 140px;
  margin-top: -1.6em;
  /* width: 10em; */
  width: 115px;
  background: #FF5555;
  border: 1px solid gray;
  filter: alpha(opacity = 100);
  -moz-opacity: 1;
  opacity: 1;
}

#menu ul {
  padding: 2px;
}
#menu li {
  text-align: center;
  font-size: 85%;
  height: 18px;
  line-height: 18px;
}

#menu hr {
	height: 1px;
	color: #DC143C;
}

#menu li a, #menu dt a {
  color: #1111FF;
  text-decoration: none;
  display: block;
}

#menu li a:hover, #menu dt a:hover {
	background-color: #Ff9999;
	color:#1111FF;
	text-decoration:none;
	font-weight: bold;
	filter:alpha(opacity=70);
	-moz-opacity:70;
	opacity:70;
}

#bonjour {
	border:0px solid blue;
	position:absolute;
	top:60px;
	left:720px;
	width:123px;
	text-align: center;
	z-index:60;
	font-size: xx-small;
}