html, body {
float:center;
margin:30px;
padding:0;
height: 100%;
width: 100%;
background: #608e33;
	

}


#cdg {
width: 500px;
float:center;
margin: -30px -30px;
_margin: 0px;
padding:0;
font-size: 11px;
font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align:justify;
}

.table {
font-size: 11px;
font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
text-align:justify;
}

#container{
	position:absolute;
	width:850px;
}



#page{
	height: 720px; /* -> hauteur de la page */
	width: 850px;
	background: transparent url(../images/bg-page.jpg) repeat left top;;

}

#corps{
	font-size: 11px;
	position:absolute;
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	height:480px;
	width:720px;
	border: 0px solid black;
 	padding: 0;
	margin-top:75px;
	margin-left:55px;
	color: #000000;
}

#corps-perf{
	font-size: 11px;
	position:absolute;
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	height:480px;
	width:720px;
	border: 0px solid black;
 	padding: 0;
	margin-top:20px;
	margin-left:55px;
	color: #000000;
}

#left{
	position:absolute;
	height:480px;
	width:330px;
	border: 0px solid red;
 	padding: 0;
	margin-top:0px;
	margin-left:0px;
	text-align:justify;
}

#right{
	position:absolute;
	height:480px;
	width:370px;
	border: 0px solid blue;
 	padding: 0;
	margin-top:0px;
	margin-left:345px;
	text-align:justify;
}

#left2{
	position:absolute;
	height:430px;
	width:280px;
	border: 0px solid red;
 	padding: 0;
	margin-top:0px;
	margin-left:0px;
	text-align:justify;
}

#right2{
	position:absolute;
	height:430px;
	width:280px;
	border: 0px solid blue;
 	padding: 0;
	margin-top:0px;
	margin-left:295px;
	text-align:justify;
}

#left3{
	position:absolute;
	height:430px;
	width:220px;
	border: 0px solid red;
 	padding: 0;
	margin-top:0px;
	margin-left:-5px;
	text-align:justify;
}

#right3{
	position:absolute;
	height:430px;
	width:340px;
	border: 0px solid blue;
 	padding: 0;
	margin-top:0px;
	margin-left:225px;
	text-align:justify;
}
#tab {
	position:absolute;
	width:390px;
	border: 0px solid red;
 	padding: 0;
	margin-top:14px;
	margin-left:420px;
	text-align:justify;
	 }  

 #tab2 {
	position:absolute;
	width:650px;
	border: 0px solid red;
 	padding: 0;
	margin-top:415px;
	margin-left:0px;
	text-align:justify;
	 }  


#gauche{
	position:absolute;
	height:430px;
	width:137px;
	border: 0px solid red;
 	padding: 0;
	margin-top:0px;
	margin-left:0px;
	text-align:justify;
}

#droite{
	position:absolute;
	height:430px;
	width:570px;
	border: 0px solid blue;
 	padding: 0;
	margin-top:0px;
	margin-left:143px;
	text-align:justify;
}

a {
color: #000000;
padding: 1;
text-align: center;
text-decoration : underline;
}
a:hover{
text-decoration : underline;
}

#aimg{
	border: 1px solid #000000;
}

.menu-kite {
border: 0px solid blue;
margin-top:-19px;
margin-left:300px;
_margin: -7px 300;
color: #ffffff;
font-size: 100%;
font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
padding-top: 3px;
padding-bottom: 1px;
text-align:right;
height:16px;
width:425px;
background-color: #417f99;
}
.menu-kite a{

color: #ffffff;
font-size: 100%;
font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
text-align:right;
text-decoration : none;

}

.menu-kite a:hover{
text-decoration : underline;
}

.galerie-kite{
border: 0px solid red;
margin-top:244px;
margin-left:0px;
color: #ffffff;
font-size: 100%;
line-height: 1.3em;
font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
padding-top: 1px;
text-align: center;
height:18px;
width:121px;
background-color: #417f99;
}
.galerie-trips{
margin-top:244px;
margin-left:0px;
color: #ffffff;
font-size: 100%;
line-height: 1.3em;
font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
padding-top: 1px;
text-align: center;
height:18px;
width:121px;
background-color: #87c60e;
}

.galerie-kite a{
border: 0px solid #4f809c;
margin-top:0px;
margin-left:0px;
color: #ffffff;
font-size: 100%;
line-height: 1.3em;
font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
padding-top: 1px;
text-align: center;
height:18px;
width:121px;
text-decoration : none;
}


.galerie-trips a{
border: 0px solid #87c60e;
margin-top:0px;
margin-left:0px;
color: #ffffff;
font-size: 100%;
line-height: 1.3em;
font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
padding-top: 1px;
text-align: center;
height:18px;
width:121px;
text-decoration : none;
}

.galerie-wind{
border: 0px solid #4f809c;
margin-top:-3px;
margin-left:1px;
color: #ffffff;
font-size: 100%;
line-height: 1.3em;
font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
padding-top: 3px;
text-align: center;
height:20px;
width:125px;
background-color: #4f809c;
}

.galerie-wind a{
border: 0px solid #c0C0C0;
margin-top:-3px;
margin-left:0px;
color: #ffffff;
font-size: 100%;
line-height: 1.3em;
font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
padding-top: 3px;
text-align: center;
height:20px;
width:125px;
text-decoration : none;
}

.galerie-heb{
margin-top:244px;
margin-left:0px;
color: #ffffff;
font-size: 100%;
line-height: 1.3em;
font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
padding-top: 1px;
text-align: center;
height:18px;
width:121px;
background-color: #87c60e;
}

.galerie-heb a{
border: 0px solid #87c60e;
margin-top:0px;
margin-left:0px;
color: #ffffff;
font-size: 100%;
line-height: 1.3em;
font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
padding-top: 1px;
text-align: center;
height:18px;
width:121px;
text-decoration : none;
}
.galerie-heb a:hover{
text-decoration : underline;
}

.galerie-kite a:hover{
text-decoration : underline;
}
.galerie-wind a:hover{
text-decoration : underline;
}

#bottomkite {
	border: 0px solid black
	width:430px;
	margin-top:375px;
}
#botkite {
color: #417f99;
background-color: #417f99;
width: 120px;
margin-left:223px;
margin-bottom:1px;
}
#bottomwind {
	border: 0px solid black
	width:430px;
	margin-top:375px;
}
#botwind {
color: #4f809c;
background-color: #4f809c;
width: 120px;
margin-left:223px;
margin-bottom:1px;
}


#bottom{
	border: 0px solid red;
	width: 850px;
	height:59px;
 	background: transparent url(../images/bottom.jpg) no-repeat left top;
	padding: 0;
	margin-bottom:0px;
	margin-top:0px;
}

.first{
	border: 0px solid blue;
font-size: 100%;
line-height: 1.3em;
font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
padding: 0;
font-weight: bold;

}

.head{
border: 0px solid blue;
font-size: 120%;

line-height: 1.3em;
font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
padding: 0;
}

#head-accueil{
color: #63a71d;
}

#head-kite{
color: #417f99;
}

#head-wind{
color: #32a3d3;
}

#head-deco{
color: #32a3d3;
}

#head-friends{
color: #b65922;

}

#head-heb{
color: #87c60e;
}

#head-infos{
color: #ffb222;
}

#head-contacts{
	
/* color: #fe7600; */
color: #fe4a00;

}

#head-partenaires{
	color: #fe7600;
}

#head-qui{
/* color: #fe4a00; */
color: #b65922;
}

hr {
display:block;
height: 1px;
margin: 0;
_margin: -7px 0;
margin-top:0px;
padding: 0;
border: 0;
}
#hr-accueil {
background-color: #63a71d;
color: #63a71d;
}
#hr-kite {
color: #417f99;
background-color: #417f99;
}
#hr-wind {
color: #32a3d3;
background-color: #32a3d3;
}
#hr-deco {
color: #32a3d3;
background-color: #32a3d3;
//background-color: #87c60e;
}
#hr-heb {
color: #87c60e;
background-color: #87c60e;
}
#hr-infos {
color: #ffb222;
background-color: #ffb222;
}
#hr-contacts {
/* color: #fe7600; */
color: #fe4a00;
background-color: #fe4a00;

}
#hr-partenaires {
color: #fe7600;
background-color: #fe7600;

}
#hr-qui {
/* color: #fe4a00; */

color: #b65922;
background-color: #b65922;
}

#hr-friends {
color: #b65922;
background-color: #b65922;
}





#sign-img{
border: 0px solid #ffffff;
margin-top:0px;
margin-left:110px;
background-position: bottom left;
background-image: url('../images/pais-bottom.jpg') ;
background-repeat: no-repeat ;
height:59px;
width:160px;
}



.sign-txt{
border: 0px solid #c0C0C0;
margin-top:-28px;
margin-left:310px;
color: #ffffff;
font-size: 65%;
line-height: 1.3em;
font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
padding: 0;
font-weight: bold;
text-align: center;
height:59px;
width:300px;
}

.sign-txt a{
border: 0px solid #c0C0C0;
color: #ffffff;
line-height: 1.3em;
font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
padding: 0;
font-weight: bold;
text-align: center;
text-decoration : none;
}

.sign-txt a:hover{
text-decoration : underline;
}


#bottom-right{
background-position: bottom right;
background-image: url('../images/bottom-right.jpg') ;
background-repeat: no-repeat ;
width: 100% ;
height: 100% ;
}

#menu {
	float:left;
	position:absolute;
	border: 0px solid #dbd ;
	margin-left:45px;
	margin-top:3px;
	padding-left:0px;
  width:751px;
  }

  
#menu ul {
  margin:0;
  list-style:none;
   padding:0px;
  }
#menu li {
  display:inline;
  margin:0px;
  padding:0px;
  }
#menu a {
  float:left;
  margin:-1px;
  _margin:0px;
  text-decoration:none;
  }


#kitealbum a
{ 
	position:absolute;
	margin: 00px 00px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/kite/icones/1.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#kitealbum a:hover
	
{
	position:absolute;
	background: url(../images/albums/kite/icones/1.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}
#kitealbum2 a
{ 
	position:absolute;
	margin: 0px 61px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/kite/icones/2.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#kitealbum2 a:hover
{	
	position:absolute;
	margin: 0px 61px;

	background: url(../images/albums/kite/icones/2.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}

#kitealbum3 a
{ 
	position:absolute;
	margin: 61px 00px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/kite/icones/3.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#kitealbum3 a:hover
{
	position:absolute;
	margin: 61px 00px;
	background: url(../images/albums/kite/icones/3.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}

#kitealbum4 a
{ 
	position:absolute;

	margin: 61px 61px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/kite/icones/4.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#kitealbum4 a:hover
{
	position:absolute;
	margin: 61px 61px;
	background: url(../images/albums/kite/icones/4.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}
#kitealbum5 a
{ 
	position:absolute;
	margin: 122px 0px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/kite/icones/5.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#kitealbum5 a:hover
{
	position:absolute;
	margin: 122px 0px;
	background: url(../images/albums/kite/icones/5.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}
#kitealbum6 a
{ 
	position:absolute;
	margin: 122px 61px;
	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/kite/icones/6.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#kitealbum6 a:hover
{
	position:absolute;
	margin: 122px 61px;
	background: url(../images/albums/kite/icones/6.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}

#kitealbum7 a
{ 
	position:absolute;
	margin: 183px 0px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/kite/icones/7.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#kitealbum7 a:hover
{
	position:absolute;
	margin: 183px 0px;
	background: url(../images/albums/kite/icones/7.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}

#kitealbum8 a
{ 
	position:absolute;
	margin: 183px 61px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/kite/icones/8.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#kitealbum8 a:hover
{
	position:absolute;
	margin: 183px 61px;
	background: url(../images/albums/kite/icones/8.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px;
	height:60px;
}


#tripalbum a
{ 
	position:absolute;
	margin: 00px 00px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/trip/icones/1.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#tripalbum a:hover
	
{
	position:absolute;
	background: url(../images/albums/trip/icones/1.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}
#tripalbum2 a
{ 
	position:absolute;
	margin: 0px 61px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/trip/icones/2.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#tripalbum2 a:hover
{	
	position:absolute;
	margin: 0px 61px;

	background: url(../images/albums/trip/icones/2.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}

#tripalbum3 a
{ 
	position:absolute;
	margin: 61px 00px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/trip/icones/3.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#tripalbum3 a:hover
{
	position:absolute;
	margin: 61px 00px;
	background: url(../images/albums/trip/icones/3.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}

#tripalbum4 a
{ 
	position:absolute;

	margin: 61px 61px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/trip/icones/4.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#tripalbum4 a:hover
{
	position:absolute;
	margin: 61px 61px;
	background: url(../images/albums/trip/icones/4.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}
#tripalbum5 a
{ 
	position:absolute;
	margin: 122px 0px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/trip/icones/5.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#tripalbum5 a:hover
{
	position:absolute;
	margin: 122px 0px;
	background: url(../images/albums/trip/icones/5.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}
#tripalbum6 a
{ 
	position:absolute;
	margin: 122px 61px;
	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/trip/icones/6.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#tripalbum6 a:hover
{
	position:absolute;
	margin: 122px 61px;
	background: url(../images/albums/trip/icones/6.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}

#tripalbum7 a
{ 
	position:absolute;
	margin: 183px 0px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/trip/icones/7.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#tripalbum7 a:hover
{
	position:absolute;
	margin: 183px 0px;
	background: url(../images/albums/trip/icones/7.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}

#tripalbum8 a
{ 
	position:absolute;
	margin: 183px 61px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/trip/icones/8.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#tripalbum8 a:hover
{
	position:absolute;
	margin: 183px 61px;
	background: url(../images/albums/trip/icones/8.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px;
	height:60px;
}


#hebalbum a
{ 
	position:absolute;
	margin: 00px 00px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/heb/icones/1.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#hebalbum a:hover
	
{
	position:absolute;
	background: url(../images/albums/heb/icones/1.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}
#hebalbum2 a
{ 
	position:absolute;
	margin: 0px 61px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/heb/icones/2.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#hebalbum2 a:hover
{	
	position:absolute;
	margin: 0px 61px;

	background: url(../images/albums/heb/icones/2.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}

#hebalbum3 a
{ 
	position:absolute;
	margin: 61px 00px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/heb/icones/3.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#hebalbum3 a:hover
{
	position:absolute;
	margin: 61px 00px;
	background: url(../images/albums/heb/icones/3.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}

#hebalbum4 a
{ 
	position:absolute;

	margin: 61px 61px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/heb/icones/4.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#hebalbum4 a:hover
{
	position:absolute;
	margin: 61px 61px;
	background: url(../images/albums/heb/icones/4.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}
#hebalbum5 a
{ 
	position:absolute;
	margin: 122px 0px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/heb/icones/5.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#hebalbum5 a:hover
{
	position:absolute;
	margin: 122px 0px;
	background: url(../images/albums/heb/icones/5.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}
#hebalbum6 a
{ 
	position:absolute;
	margin: 122px 61px;
	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/heb/icones/6.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#hebalbum6 a:hover
{
	position:absolute;
	margin: 122px 61px;
	background: url(../images/albums/heb/icones/6.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}

#hebalbum7 a
{ 
	position:absolute;
	margin: 183px 0px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px ;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/heb/icones/7.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#hebalbum7 a:hover
{
	position:absolute;
	margin: 183px 0px;
	background: url(../images/albums/heb/icones/7.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px ;
	height:60px;
}

#hebalbum8 a
{ 
	position:absolute;
	margin: 183px 61px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width:60px;
	height:60px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/albums/heb/icones/8.jpg) no-repeat 0px 0px ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#hebalbum8 a:hover
{
	
	margin: 183px 61px;
	background: url(../images/albums/heb/icones/8.jpg) no-repeat 0px -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	width: 60px;
	height:60px;
}

#flag-br a
{	position:absolute;
	margin: 13px 660px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 26px ;
	height:21px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/flag_br.gif) no-repeat 0px 0px;
	border: 0px solid #dbd ;
}



#flag-en a
{	position:absolute;
	margin: 13px 690px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	
	width: 26px ;
	height:21px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/flag_en.gif) no-repeat ;
	border: 0px solid #dbd ;
}
#flag-fr a
{ position:absolute;
	margin: 13px 720px;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	
	width: 26px ;
	height:21px;
	color: #000 ;
	text-decoration: none ;
	background: url(../images/flag_fr.gif) no-repeat ;
	border: 0px solid #dbd ;
}

#flags ul {
  list-style:none;
   padding:0px;
  }
#flags li {
  display:inline;
   padding:0px;
  }
#flags a {
 
  text-decoration:none;
  }