#up {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height: 75px;
	width: 102%;
	width /**/: 100%;
	border-bottom: 3px solid #003366;
	background-image: url("up.jpg"); 
	background-repeat: no-repeat;
	background-color: #e3e6f4;
}

/* Style général du menu */   

#menu {
	position:absolute;
	top:0px;
	left:150px;
	height: 70px;
	width: 70%;

	border-bottom: 3px solid #00aa66;
	border-left: 3px solid #003366;
	border-right: 3px solid #003366;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 5px;
	background-image: url("sand.jpg"); 
	background-color: white;
}
#menu ul {
     text-align: center;
     list-style-type: none;
     margin: 0;
     padding: 0;
 }
#menu ul li {

     float: left;
     text-align: center;
 }   

 /* Style global des liens */   

a#index,
a#page1,
a#page2,
#menu a {
     display: block;
     width: 30%;
     height: 42px;
 }  
#menu a.current {
  display:inline; 
  font: bold 24px verdana;
  color:#fff; 
  text-align:center;
  text-decoration:none;
/*  background: transparent; */
  padding:40px 35px; 
  margin:0;
  background-image: url("fond.jpg");  	
}
#menu a {
  display:inline; 
  font: bold 24px verdana;
  color:#000;
  text-align:center;
  text-decoration:none;
  background: transparent; 
  padding:40px 35px;
  margin:0;
  /*background: blue 0 0 no-repeat;*/
}
#menu a:hover {
  display:inline; 
  font: bold 24px verdana;
  /*  color:#000; */
  text-align:center;
  text-decoration:none;
/*  background: transparent; */
  padding:40px 35px;
  margin: 0px;

  background-image: url("sun.jpg");

}


#menu_up a {
/*  border-bottom:5px solid #fff; */
  }

#menu a.current:hover {
  display:inline; 
  font: bold 24px verdana;
  /*  color:#000; */
  text-align:center;
  text-decoration:none;
/*  background: transparent; */
  padding:40px 35px;
  margin: 0px;



}

#menu_up a:hover {
  color: orange;
  border-bottom:5px solid white;
  border-up:5px solid white;
  border-left:5px solid white;
  border-right:5px solid white;
  background: green;
  }



#left {
/*	z-index: 101; */
	position: absolute;
	left: 10px;
	top: 80px;
	width: 13%;
 	height: 650px;  
/*	height: 600px; */
	border-right:  3px solid #003366;
	margin-top: 8px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: url("mer.jpg");
}
#right {
	position:absolute;
	top:80px;
	left: 84%;
 	height: 650px;  
	width: 10%;
	margin-top: 8px;
}
        
#main {
	position:absolute;
	top:80px;
	left:150px;
 	height: 650px;  
	width: 70%;

	border-bottom: 3px solid #00aa66;
	border-top: 3px solid #00aa66;
	border-left: 3px solid #003366;
	border-right: 3px solid #003366;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	background-color: #eeeeee;
	overflow-y: auto;
	overflow-x: hidden;

}

body {
	background-repeat: repeat;
	background-attachment: fixed;
	background-image: url("mer.jpg");
/*	background-repeat: repeat-x; */
	background-color: #ffffff;
}


.clear{
	clear: both;
}