body {
	margin: 0;

	background: #000000;
}
.pub
{
width:100px;
height:800px;
margin-top:20px;
margin-left: 1%;
}
.liensinternes{

left:auto;
text-align:center;
width:100%;
height:auto;
top:1200px;
position:absolute;
color:#66B5FF;
}
.liensinternes a{
background-color:black;
text-align:center;
font-size: 11px;
color:#66B5FF;
}
.liensinternes :hover{
font-size: 11px;
color:blue;
}
.liensexternes
{
width:100%;
top:1300px;
margin-top:0px;
position:absolute;
text-decoration: blink;
  	font-family: arial;
	text-align:center;
	font-size: 12px;
color:#4169E1;
height:auto;
right:0%;
}
#pub2
{
width:200px;
height:800px;
position:absolute;
top:0px;
margin-top:20px;
margin-left: 75%;
}
#menu
{
top: 0px;
width: 150px;
position: absolute;
right: -20px;
height:800px;
  	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	font-weight:bold; 
	 color: #336699;
	 margin:5px;
	 text-decoration: none
}


#menu .boutonaccueil{
  width:100px;
  height:68px;
  text-align:right; 
  color: #336699;
  top: 0px;
  position: relative;
  
}
#menu .boutonaccueil :hover{
  width:100px; 
  height:68px; 
  float: right;
  text-align:right; 
  background-image:url(http://www.voyage-antilles-guadeloupe.com/img/img100/iletcaretpalme100.jpg);
  margin:5px;
}


#menu .boutongrandeterre{
  
  width:100px;
  height:68px;
  text-align:right; 
  color: #336699;
  top: 0px;
  position: relative;
}
#menu .boutongrandeterre :hover{
  width:100px; 
  height:68px; 
  float: right;
  text-align:right; 
  background-image:url(http://www.voyage-antilles-guadeloupe.com/img/img100/tortue-guadeloupe100.jpg);
  margin:5px;
}

#menu .boutonbasseterre{
  width:100px;
  height:68px;
  text-align:right; 
  color: #336699;
  top: 0px;
  position: relative;
} 
#menu .boutonbasseterre :hover{
  width:100px; 
  height:68px; 
  float: right;
  text-align:right; 
  background-image:url(http://www.voyage-antilles-guadeloupe.com/img/img100/fruits-guadeloupe.jpg);
  margin:5px;
}
#menu .boutondesirade{
  width:100px;
  height:68px;
  text-align:right; 
  color: #336699;
  top: 0px;
  position: relative;
}

#menu .boutondesirade :hover{
  width:100px; 
  height:68px; 
  float: right;
  text-align:right; 
  background-image:url(http://www.voyage-antilles-guadeloupe.com/img/img100/iguane-desirade-fleurs.jpg);
  margin:5px;
}
#menu .boutoniletcaret{
  width:100px;
  height:68px;
  text-align: right; 
  color: #336699;
  top: 0px;
  position: relative;
}
#menu .boutoniletcaret:hover{
  width:100px; 
  height:68px; 
  right: -5px;
  text-align:left; 
  background-image:url(http://www.voyage-antilles-guadeloupe.com/img/img100/ilet-caret-cocotier.jpg);
  margin:5px;
}


#menu .boutonlessaintes{
  width:100px;
  height:68px;
  text-align:right; 
  color: #336699;
  top: 0px;
  position: relative;
}



#menu .boutonlessaintes:hover{
  width:100px; 
  height:68px; 
  
  text-align:right; 
  background-image:url(http://www.voyage-antilles-guadeloupe.com/img/img100/pain-de-sucre100.jpg);
  
  right: -5px;
  margin:5px;
}

#menu .boutonmariegalante{
  width:100px;
  height:68px;
  text-align:right; 
  color: #336699;
  top: 0px;
  position: relative;
}

#menu .boutonmariegalante :hover{
  width:100px; 
  height:68px; 
  float: right;
  text-align:right; 
  background-image:url(http://www.voyage-antilles-guadeloupe.com/img/img100/nu-mariegalante100.jpg);
  margin:5px;
}

#galerie {

	top: 15px;
	width: 610px;
	height: 800px;
	margin-left: 13%;
	border: 5px solid #000000;
	background: #000000;
	position: absolute;
}
#galerie ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 610px;
	position: relative;
	float: left;
}
#galerie ul li {
	display: inline;
	width: 100px;
	height: 100px;
	float: left;
	margin: 10px 10px 10px 10px;
}
#galerie ul li a {
	display: block;
	width: 100px;
	height: 100px;
	text-decoration: none;
	border: 0px solid #000;
	border-color: #eee #000000 #000000 #ddd;
}


#galerie ul li a span {
	display: none;
}
#galerie ul li a img {
	display: block;
	width: 100px;
	height: 100px;
	border: 0;
}