html, 
body
{
    height:600px;
    width: 800px;
}

#conteneur 
{
height: 768px;
width: 1024px;
position:float;
}
/*Mise en page du HEADER*/

#header1 {
	height:150px;
	width: 1020px;
	background-image: url("../images/bandeau1.gif");
}

/*  MISE EN PAGE DU MENU DE NAVIGATION */

#menu1 {
		list-style-type: none;
		width: 100%; /* pr?cision pour Opera */
		position : absolute;
		top: 150px;
		left : 50px;
}


#Francais
{
position : absolute;
top: 91px;
left : 760px;
}
#English
{
position : absolute;
top: 92px;
left : 730px;
}
#favoris
{
position : absolute;
top: 95px;
left : 10px;
}
/*-----------------------------------------------------------------------------------------------*/

#centre {
height: 800px;
width: 1024px;
background-image:none;
background-repeat: no-repeat;
}
/*Mise en page du FOOTER*/
#pied {
height: 108px;
width: 1020px;
background-image:url("../images/bandeau2.png");
background-repeat: no-repeat;
background-color:none;
}



#newsletter
{
position : absolute;
top: -15px;
left : 852px;
}	
/*-----------------------------------------------------------------------------------------------*/

/*Carte de NICE*/

#centrenice {
height: 860px;
width: 1024px;
background-image:none;
background-repeat: no-repeat;
font: 1em,verdana;
		font-style: regular;
		font-weight: strong;
		font-size: 18px;
}

#nice 
{
position : absolute;
top: 200px;
left : 30px;
height:850px;
width: 1024px;
overflow: none;
background-image:none/*url("../images/nice-resize.gif")*/;
background-repeat: no-repeat;
font: 1em,verdana;
		font-style: regular;
		font-weight: strong;
		font-size: 18px;
}

#zone1
{
position : absolute;
top: 322px;
left : 28px;
}

#zone1 a {
background:transparent url(../images/zone.png) no-repeat scroll 0%;
float:right;
margin:0pt 0px;
padding:0px;
}
#zone1 a:hover {
background:transparent url(../images/zone1.png) no-repeat scroll 0%;
}

/*SALLE ET PUBS HORS VIEUX NICE*/
#chekpoint
{
position:absolute;
top: 610px;
left:48px;
}

#ketje
{
position:absolute;
top: 112px;
left:664px;
}
#le-volume
{
position:absolute;
top: 250px;
left:330px;
}
#juke
{
position:absolute;
top: 245px;
left:170px;
}
#le-sezamo
{
position:absolute;
top: 265px;
left:826px;
}
#lesnakepit
{
position:absolute;
top: 315px;
left:600px;
}



#ma-nolans2
{
position:absolute;
top: 460px;
left:720px;
}





/*MISE EN PLACE DE LA LEGENDE DE LA CARTE DE NICE*/	
#chekpoint1
{
position:absolute;
top: 50px;
left:245px;
}

#ketje1
{
position:absolute;
top: 80px;
left:245px;
}
#le-volume1
{
position:absolute;
top: 110px;
left:245px;
}


#le-sezamo1
{
position:absolute;
top: 140px;
left:245px;
}
#lesnakepit1
{
position:absolute;
top: 165px;
left:245px;
}


#ma-nolans21
{
position:absolute;
top: 190px;
left:245px;
}


/*-------------------------------------------------*/

#legende
{
position:absolute;
top: 20px;
left:220px;
}
#hors-carte
{
position:absolute;
top: 810px;
left:210px;
}
/*THUMBNAILS PUB */ 
/*INFOS BULLE VERS LE BAS */
.thumbnail
{
position: absolute;
z-index: 100;
}

.thumbnail:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -3;
left: 6px; /*position where enlarged image should offset horizontally */
}

.thumbnail
{
position: absolute;
z-index: 100;
}

.thumbnail:hover
{

background-color: transparent;
z-index: 50;
}

/*INFOS BULLE VERS LA DROITE*/
.thumbnail0
{
position: absolute;
z-index: 100;
}

.thumbnail0:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail0 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail0 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail0:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -3;
left: 6px; /*position where enlarged image should offset horizontally */
}

.thumbnail0
{
position: absolute;
z-index: 100;
}

.thumbnail0:hover
{

background-color: transparent;
z-index: 50;
}

/*INFOS BULLE VERS LA GAUCHE*/
.thumbnail1
{
position: absolute;
z-index: 100;
}

.thumbnail1:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail1 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
}


.thumbnail1 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail1:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top:1px;
left: -370px; /*position where enlarged image should offset horizontally */
}

.thumbnail1
{
position: absolute;
z-index: 100;
}

.thumbnail1:hover
{

background-color: transparent;
z-index: 50;
}


/*INFOS BULLE VERS LE HAUT */
.thumbnail2
{
position: absolute;
z-index: 100;
}

.thumbnail2:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail2 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
}


.thumbnail2 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -180px;
left: -215px; /*position where enlarged image should offset horizontally */
}

.thumbnail2
{
position: absolute;
z-index: 100;
}

.thumbnail2:hover
{

background-color: transparent;
z-index: 50;
}

/*CHEKPOINT1-LEGENDE-THUMBNAILS3*/
.thumbnail23
{
position: absolute;
z-index: 100;
}

.thumbnail23:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail23 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail23 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail23:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 400px;
left: -190px; /*position where enlarged image should offset horizontally */
}

.thumbnail23
{
position: absolute;
z-index: 100;
}

.thumbnail23:hover
{

background-color: transparent;
z-index: 50;
}
/*KETJE1-LEGENDE-THUMBNAILS 4*/
.thumbnail24
{
position: absolute;
z-index: 100;
}

.thumbnail24:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail24 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail24 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail24:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 50px;
left: 30px; /*position where enlarged image should offset horizontally */
}

.thumbnail24
{
position: absolute;
z-index: 100;
}

.thumbnail24:hover
{

background-color: transparent;
z-index: 50;
}
/*LE-VOLUME1-LEGENDE-THUMBNAILS 5*/
.thumbnail25
{
position: absolute;
z-index: 100;
}

.thumbnail25:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail25 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail25 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail25:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 155px;
left: 88px; /*position where enlarged image should offset horizontally */
}

.thumbnail25
{
position: absolute;
z-index: 100;
}

.thumbnail25:hover
{

background-color: transparent;
z-index: 50;
}
/*LE-SEZAMO1-LEGENDE-THUMBNAILS 6*/
.thumbnail26
{
position: absolute;
z-index: 100;
}

.thumbnail26:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail26 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail26 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail26:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -40px;
left: 220px; /*position where enlarged image should offset horizontally */
}

.thumbnail26
{
position: absolute;
z-index: 100;
}

.thumbnail26:hover
{

background-color: transparent;
z-index: 50;
}


/*Le Snake Pit-LEGENDE-THUMBNAILS 6*/
.thumbnail27
{
position: absolute;
z-index: 100;
}

.thumbnail27:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail27 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail27 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail27:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: 220px; /*position where enlarged image should offset horizontally */
}

.thumbnail27
{
position: absolute;
z-index: 100;
}

.thumbnail27:hover
{

background-color: transparent;
z-index: 50;
}

/*-------Legende Ma nolan's Port-----*/

.thumbnail52
{
position: absolute;
z-index: 100;
}

.thumbnail52:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail52 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail52 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail52:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 120px;
left: 480px; /*position where enlarged image should offset horizontally */
}

.thumbnail52
{
position: absolute;
z-index: 100;
}

.thumbnail52:hover
{

background-color: transparent;
z-index: 50;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



#vieuxnice 
{
position : absolute;
top: 200px;
left : 16px;
height:750px;
width: 1024px;
overflow: none;
background-image:none;
background-repeat: no-repeat;
font: 1em,verdana;
		font-style: regular;
		font-weight: strong;
		font-size: 18px;
}

#zone
{
position : absolute;
top: 419px;
left : 58px;
}

	
/*  MISE EN PAGE DU MENU DE NAVIGATION */

#menu1 {
		list-style-type: none;
		width: 100%; /* pr?cision pour Opera */
		position : absolute;
		top: 150px;
		left : 5 px;
}

	
/* GROUPE mise en page du menu de navigation sous GROUPES,PUBS,TRANSPORT */	
	
	ul#nav {
		list-style-type: none;
		width: 100%; /* pr?cision pour Opera */
		position : absolute;
		top: 650px;
		left : 150px;
	} 
	ul#nav li {
		float: left;
		top: 100px;
		right: 40px;
		font: 1em,Arial;
		font-style: italic;
		font-size: 30px;
	}
	ul#nav a {
		float: left;
		margin: 0 2px;
		padding: 5px 15px;
		text-align: center;
		border: 0px solid gray;
		text-decoration: none;
		color: #000;
		background: rgb(101,145,147);
	}
	ul#nav a:hover {
		background: rgb(101,172,189);
		border: 0px solid gray; 
	}

/* Style du contact ------*/
	
#footer1024x758
{
position : absolute;
top: 1015px;
left : 20px;
}


#footernice
{
position : absolute;
top: 1060px;
left : 20px;
}

#footervnice
{
position : absolute;
top: 1000px;
left : 20px;
}


/*------------------------------------------------------------------------------------------------------------*/


/*Mise en Place de la carte du Vieux Nice*/
	
#thor
{
position:absolute;
top: 546px;
left:390px;
}
#ma-nolans
{
position:absolute;
top: 532px;
left:300px;
}
#blue
{
position:absolute;
top: 210px;
left:685px;
}
#de-klomp
{
position:absolute;
top: 250px;
left:678px;
}
#staccato
{
position:absolute;
top: 252px;
left:634px;
}
#frog
{
position:absolute;
top: 570px;
left:213px;
}

#kings
{
position:absolute;
top: 378px;
left:490px;
}
#waynes
{
position:absolute;
top: 373px;
left:476px;
}
#tapas
{
position:absolute;
top: 328px;
left:473px;
}
#subway
{
position:absolute;
top: 275px;
left:755px;
}
#shapko
{
position:absolute;
top: 310px;
left:763px;
}
#Paddyspub
{
position:absolute;
top: 395px;
left:753px;
}

#pompei
{
position:absolute;
top: 366px;
left:590px;
}

#jazz2
{
position:absolute;
top: 610px;
left:450px;
}


/*Mise en Place de la LEGENDE de la carte du Vieux Nice*/	
#thor1
{
position:absolute;
top: 700px;
left:20px;
}
#ma-nolans1
{
position:absolute;
top: 700px;
left:80px;
}
#blue1
{
position:absolute;
top: 700px;
left:190px;
}
#de-klomp1
{
position:absolute;
top: 700px;
left:300px;
}
#staccato1
{
position:absolute;
top: 700px;
left:395px;
}
#frog1
{
position:absolute;
top: 700px;
left:485px;
}

#kings1
{
position:absolute;
top: 700px;
left:550px;
}
#waynes1
{
position:absolute;
top: 700px;
left:630px;
}
#tapas1
{
position:absolute;
top: 700px;
left:730px;
}
#subway1
{
position:absolute;
top: 700px;
left:800px;
}
#shapko1
{
position:absolute;
top: 725px;
left:20px;
}
#Paddyspub1
{
position:absolute;
top: 700px;
left:900px;
}

#pompei1
{
position:absolute;
top: 725px;
left:100px;
}

#jazz21
{
position:absolute;
top: 725px;
left:100px;
}


#legende2
{
position:absolute;
top: 660px;
left:0px;
}

/*THUMBNAILS PUB */ 
/*INFOS BULLE VERS LE BAS */
.thumbnail
{
position: absolute;
z-index: 100;
}

.thumbnail:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -3;
left: 6px; /*position where enlarged image should offset horizontally */
}

.thumbnail
{
position: absolute;
z-index: 100;
}

.thumbnail:hover
{

background-color: transparent;
z-index: 50;
}

/*INFOS BULLE VERS LA GAUCHE*/
.thumbnail1
{
position: absolute;
z-index: 100;
}

.thumbnail1:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail1 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
}


.thumbnail1 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail1:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top:1px;
left: -370px; /*position where enlarged image should offset horizontally */
}

.thumbnail1
{
position: absolute;
z-index: 100;
}

.thumbnail1:hover
{

background-color: transparent;
z-index: 50;
}


/*INFOS BULLE VERS LE HAUT */
.thumbnail2
{
position: absolute;
z-index: 100;
}

.thumbnail2:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail2 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility: hidden;
color: black;
text-decoration: none;
}


.thumbnail2 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -180px;
left: -215px; /*position where enlarged image should offset horizontally */
}

.thumbnail2
{
position: absolute;
z-index: 100;
}

.thumbnail2:hover
{

background-color: transparent;
z-index: 50;
}

/*THOR1-LEGENDE-THUMBNAILS3*/
.thumbnail3
{
position: absolute;
z-index: 100;
}

.thumbnail3:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail3 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail3 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail3:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -320px;
left: 370px; /*position where enlarged image should offset horizontally */
}

.thumbnail3
{
position: absolute;
z-index: 100;
}

.thumbnail3:hover
{

background-color: transparent;
z-index: 50;
}
/*BLUE1-LEGENDE-THUMBNAILS 4*/
.thumbnail4
{
position: absolute;
z-index: 100;
}

.thumbnail4:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail4 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail4 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail4:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -650px;
left: 125px; /*position where enlarged image should offset horizontally */
}

.thumbnail4
{
position: absolute;
z-index: 100;
}

.thumbnail4:hover
{

background-color: transparent;
z-index: 50;
}
/*DE-KLOMP1-LEGENDE-THUMBNAILS 5*/
.thumbnail5
{
position: absolute;
z-index: 100;
}

.thumbnail5:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail5 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail5 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail5:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -615px;
left: 10px; /*position where enlarged image should offset horizontally */
}

.thumbnail5
{
position: absolute;
z-index: 100;
}

.thumbnail5:hover
{

background-color: transparent;
z-index: 50;
}
/*FROG1-LEGENDE-THUMBNAILS 6*/
.thumbnail6
{
position: absolute;
z-index: 100;
}

.thumbnail6:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail6 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail6 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail6:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
left: -270px; /*position where enlarged image should offset horizontally */
}

.thumbnail6
{
position: absolute;
z-index: 100;
}

.thumbnail6:hover
{

background-color: transparent;
z-index: 50;
}
/*KINGS1-LEGENDE-THUMBNAILS 7*/
.thumbnail7
{
position: absolute;
z-index: 100;
}

.thumbnail7:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail7 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail7 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail7:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -305px;
left: -60px; /*position where enlarged image should offset horizontally */
}

.thumbnail7
{
position: absolute;
z-index: 100;
}

.thumbnail7:hover
{

background-color: transparent;
z-index: 50;
}
/*SUBWAY1-LEGENDE-THUMBNAILS 8*/
.thumbnail8
{
position: absolute;
z-index: 100;
}

.thumbnail8:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail8 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail8 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail8:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -590px;
left: -410px; /*position where enlarged image should offset horizontally */
}

.thumbnail8
{
position: absolute;
z-index: 100;
}

.thumbnail8:hover
{

background-color: transparent;
z-index: 50;
}
/*SHAPKO1-LEGENDE-THUMBNAILS 9*/
.thumbnail9
{
position: absolute;
z-index: 100;
}

.thumbnail9:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail9 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail9 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail9:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -580px;
left: 380px; /*position where enlarged image should offset horizontally */
}

.thumbnail9
{
position: absolute;
z-index: 100;
}

.thumbnail9:hover
{

background-color: transparent;
z-index: 50;
}
/*WAYNES1-LEGENDE-THUMBNAILS 10*/
.thumbnail10
{
position: absolute;
z-index: 100;
}

.thumbnail10:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail10 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail10 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail10:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -320px;
left: -525px; /*position where enlarged image should offset horizontally */
}

.thumbnail10
{
position: absolute;
z-index: 100;
}

.thumbnail10:hover
{

background-color: transparent;
z-index: 50;
}
/*TAPAS1-LEGENDE-THUMBNAILS 11*/
.thumbnail11
{
position: absolute;
z-index: 100;
}

.thumbnail11:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail11 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail11 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail11:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top:-527px;
left: -620px; /*position where enlarged image should offset horizontally */
}

.thumbnail11
{
position: absolute;
z-index: 100;
}

.thumbnail11:hover
{

background-color: transparent;
z-index: 50;
}
/*PADDYSPUB1-LEGENDE-THUMBNAILS 12*/
.thumbnail12
{
position: absolute;
z-index: 100;
}

.thumbnail12:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail12 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail12 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail12:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -290px;
left: -513px; /*position where enlarged image should offset horizontally */
}

.thumbnail12
{
position: absolute;
z-index: 100;
}

.thumbnail12:hover
{

background-color: transparent;
z-index: 50;
}
/*MA-NOLANS1-LEGENDE-THUMBNAILS 13*/
.thumbnail13
{
position: absolute;
z-index: 100;
}

.thumbnail13:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail13 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail13 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail13:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -322px;
left: 220px; /*position where enlarged image should offset horizontally */
}

.thumbnail13
{
position: absolute;
z-index: 100;
}

.thumbnail13:hover
{

background-color: transparent;
z-index: 50;
}
/*STACCATO1-LEGENDE-THUMBNAILS 14*/
.thumbnail14
{
position: absolute;
z-index: 100;
}

.thumbnail14:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail14 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail14 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail14:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -615px;
left: -125px; /*position where enlarged image should offset horizontally */
}

.thumbnail14
{
position: absolute;
z-index: 100;
}

.thumbnail14:hover
{

background-color: transparent;
z-index: 50;
}

/*POMPEI1-LEGENDE-THUMBNAILS 14*/
.thumbnail15
{
position: absolute;
z-index: 100;
}

.thumbnail15:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail15 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail15 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail15:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -355px;
left: 495px; /*position where enlarged image should offset horizontally */
}

.thumbnail15
{
position: absolute;
z-index: 100;
}

.thumbnail15:hover
{

background-color: transparent;
z-index: 50;
}

/*-------Legende Jazz_Rock-----*/
.thumbnail51
{
position: absolute;
z-index: 100;
}

.thumbnail51:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail51 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail51 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail51:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -280px;
left: 355px; /*position where enlarged image should offset horizontally */
}

.thumbnail51
{
position: absolute;
z-index: 100;
}

.thumbnail51:hover
{

background-color: transparent;
z-index: 50;
}



/*Carte de Antibes*/

#antibes
{
position : absolute;
top: 200px;
left : 10px;
height:850px;
width: 1024px;
overflow: none;
background-image:none/*url("../images/antibes.png")*/;
background-repeat: no-repeat;
font: 1em,verdana;
		font-style: regular;
		font-weight: strong;
		font-size: 18px;
}

#legendean
{
position:absolute;
top: 900px;
left:10px;
}

#lehope
{
position:absolute;
top: 290px;
left:700px;
}

#lehope1
{
position:absolute;
top: 750px;
left:50px;
}
/*Le Hope store -LEGENDE-THUMBNAILS 29*/
.thumbnail30
{
position: absolute;
z-index: 100;
}

.thumbnail30:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail30 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail30 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail30:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -450px;
left: 280px; /*position where enlarged image should offset horizontally */
}

.thumbnail30
{
position: absolute;
z-index: 100;
}

.thumbnail30:hover
{

background-color: transparent;
z-index: 50;
}






/*-----------------------------------------------------------------------------------------------------*/

/*Carte de Cannes*/

#cannes
{
position : absolute;
top: 200px;
left : 200px;
height:850px;
width: 1024px;
overflow: none;
background-image:none/*url("../images/cannes.png")*/;
background-repeat: no-repeat;
font: 1em,verdana;
		font-style: regular;
		font-weight: strong;
		font-size: 18px;
}
#legendeca
{
position:absolute;
top: 350px;
left:30px;
}

#thequays
{
position:absolute;
top: 50px;
left:20px;
}

#thequays1
{
position:absolute;
top: 380px;
left:145px;
}
/*The Quay's-LEGENDE-THUMBNAILS 6*/
.thumbnail28
{
position: absolute;
z-index: 100;
}

.thumbnail28:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail28 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail28span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail28:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 500 px;
left: 300px; /*position where enlarged image should offset horizontally */
}

.thumbnail28
{
position: absolute;
z-index: 100;
}

.thumbnail28:hover
{

background-color: transparent;
z-index: 50;
}


#morrisons
{
position:absolute;
top: 80px;
left:20px;
}

#morrisons1
{
position:absolute;
top: 340px;
left:365px;
}




/*Le morrison's-LEGENDE-THUMBNAILS 29*/

.thumbnail29
{
position: absolute;
z-index: 100;
}

.thumbnail29:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail29 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail29 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail29:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 120px;
left: 510px; /*position where enlarged image should offset horizontally */
}

.thumbnail29
{
position: absolute;
z-index: 100;
}

.thumbnail29:hover
{

background-color: transparent;
z-index: 50;
}







/*---------------------------------------------------------------------------------------------------------------------------*/



/*Carte de Cannes*/

#monaco
{
position : absolute;
top: 200px;
left : 200px;
height:850px;
width: 1024px;
overflow: none;
background-image:none/*url("../images/monaco.png")*/;
background-repeat: no-repeat;
font: 1em,verdana;
		font-style: regular;
		font-weight: strong;
		font-size: 18px;
}

#rascasse
{
position:absolute;
top: 50px;
left:20px;
}

#rascasse1
{
position:absolute;
top: 622px;
left:320px;
}


/*Le rascasse -LEGENDE-THUMBNAILS 29*/
.thumbnail31
{
position: absolute;
z-index: 100;
}

.thumbnail31:hover
{

background-color: transparent;
z-index: 50;
}
.thumbnail31 span
{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0;
visibility:hidden;
color: black;
text-decoration: none;
}


.thumbnail31 span img
{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail31:hover span
{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 250px;
left: 470px; /*position where enlarged image should offset horizontally */
}

.thumbnail31
{
position: absolute;
z-index: 100;
}

.thumbnail31:hover
{

background-color: transparent;
z-index: 50;
}


/*Phpmyvisite---------------------------------------------*/

#phpmyvisite2
 {
left:20px;
top:1020px;
position:absolute;

}

#phpmyvisite
 {
left:20px;
top:960px;
position:absolute;

}
/*---------------------------------------------------------------------------------------------------------------------------*/