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


/*Classemnt Alphabetique*/

/* alpha1*/
#alpha1 {
		position: absolute;
		left: 10px;
		top: 300px;
		font-style: regular;
		list-style: none;
        	margin: 0;
        	padding: 0;
}

	
/* alpha2*/
#alpha2 {
                position: absolute;
		left: 10px;
		top: 350px;
		font-style: regular;
		list-style: none;
        	margin: 0;
        	padding: 0;
}

/* alpha3*/

#alpha3 {
                position: absolute;
		left: 10px;
		top: 400px;
		font-style: regular;
		list-style: none;
        	margin: 0;
        	padding: 0;
}

/* alpha4*/
#alpha4 {
		position: absolute;
		left: 10px;
		top: 450px;
		font-style: regular;
		list-style: none;
        	margin: 0;
        	padding: 0;
}

/* alpha5*/
#alpha5 {
                position: absolute;
		left: 10px;
		top: 500px;
		font-style: regular;
		list-style: none;
        	margin: 0;
        	padding: 0;
}

/* alpha6*/

#alpha6 {
                position: absolute;
		left: 10px;
		top: 550px;
		font-style: regular;
		list-style: none;
        	margin: 0;
        	padding: 0;
}

/* alpha7*/
#alpha7 {
		position: absolute;
		left: 10px;
		top: 600px;
		font-style: regular;
		list-style: none;
        	margin: 0;
        	padding: 0;
}




/* alpha8*/
#alpha8 {
        position: absolute;
		left: 10px;
		top: 650px;
		font-style: regular;
		list-style: none;
        	margin: 0;
        	padding: 0;
}

/* alpha9*/

#alpha9 {
                position: absolute;
		left: 10px;
		top: 700px;
		font-style: regular;
		list-style: none;
        	margin: 0;
        	padding: 0;
}

.ali li {
        display: inline ;
	    font: 1em,Arial;
        font-size: 20px;
	}



.ali li a{
        display: inline ;
	font-style: regular;
        font-size: 20px;
	background-image:url(../images/abc/dossier1.png);
	background-repeat:no-repeat;
	border:medium none;
	color:#000000;
	margin:5px;
	padding:10px;
	text-align:center;
	text-decoration:none;
	width:13px;
	float:left;
	}

.ali li a:hover 
	{
	background-image:url("../images/abc/dossier2.png");
	background-repeat: no-repeat;
	border: none;
	}

table#listgrp {
	float: left;
	top: 200px;
	border:none;
	}

table#listgrp td {
    padding: 5px;
    border: none;
	}

table#listgrp td a{
	text-decoration:none;
	border: medium none;
	color:#000000;
	}
table#listgrp img {
	text-decoration:none;
	border: medium none;
	}



	
/*mise en page HEADER et FOOTER*/

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

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






#pied_index {
height: 150px;
width: 1020px;
background-image: url("../images/index3.png");
background-repeat: no-repeat;
background-color:none;

}

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


#pied {
height: 108px;
width: 1020px;
background-image:url("../images/bandeau2.png");
background-repeat: no-repeat;
background-color:none;
}



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

/*Mise en page d'ADMIN*/
#gauche
        {
	position:absolute;
	top: 200px;
	left: 10px;
        height: 500px;
        width:  200px;
        background-color: #f7ffc5;
        font-size: 15px;
        }
#droite
        {
	position:absolute;
	overflow: auto;
	top: 200px;
	left: 250px; 
        height: 500px;
        width:  720px;
        background-color: #f7ffc5;
        font-size: 15px;
        }
#pcd
	{
	position: absolute;
	top: 510px;
	left: 125px;
	font-size: 12px;
	}
#svt
	{
	position: absolute;
	top: 510px;
	left: 700px;
	font-size: 12px;
	}
/*---------------------------------------------------------------------------------------------------------------*/

/*Mise en page des CENTRES*/

#centre_groupe {
	height: 100px;
	width: 1020px;
	background-image:url("../images/groupes.png");
	background-repeat: no-repeat;
	background-color:none;
}

#centre_list {
	position: absolute;
	top: 300px;
	left: 250px;
	height: 574px;
	width: 1020px;
	border:medium none;
}
/*Fond du centre de l'index----------------------------------------------*/

#centre_index  
{
	height: 574px;
	width: 1026px;
	background-image:none;
}


#navigation
 {
position : absolute;
top:270px;
left : 720px;
}


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

#centre {
	height: 574px;
	width: 1020px;
}

#centre_pub {
	height: 574px;
	width: 1020px;
	background-image:none;
	background-repeat: no-repeat;
	background-color:none;
}

#ville-pub {
position : absolute;
top:240px;
left : 20px;
}

#centre_vg {
	height: 574px;
        width: 1020px;
	/* background-image:url("../images/carte-d'identit�.png");
	background-repeat: no-repeat; */
        background-color:none;
}

#conteneur {
	height: 768px;
	width: 1024px;
	position:float;
}

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

/* PRESENTATION DU GROUPE*/

#idg
{
position : absolute;
top:280px;
left: 50px;
}
#Nom
{
position : absolute;
top:200px;
left : 90px;
}


/*Site-web*/
#s1
{
position : absolute;
top: 395px;
left : 50px;
font-weight:bold;
font-size:20px;
color:black;

}
#s1 li
{
list-style-image:url("../images/w.png");
}

#Site
{
position : absolute;
top: 425px;
left : 50px;
border: 1px solid gray;
width: 300px;

}

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

/*Site2*/
#s2
{
position : absolute;
top: 445px;
left : 50px;
font-weight:bold;
font-size:20px;
color:black;

}
#s2 li
{
list-style-image:url("../images/w.png");
}

#Site2
{
position : absolute;
top: 475px;
left : 50px;
border: 1px solid gray;
width: 300px;
}
/*-------------------------------------------------------------------------------------------*/
/*Email*/
#e1
{
position : absolute;
top: 495px;
left : 50px;
font-weight:bold;
font-size:20px;
color:black;

}
#e1 li
{
list-style-image:url("../images/em.png");
}
#Email
{
position : absolute;
top: 525px;
left : 50px;
border: 1px solid gray;
width: 300px;

}

/*Video*/
#video
{
position : absolute;
top: 540px;
left : 120px;
height: 170px;
width: 200px;
background-image:none;
background-repeat: no-repeat;
}
/*-----------------------------------*/
/*Membres*/

#pm
{
position : absolute;
top: 263px;
left : 475px;
font-weight:bold;
font-size:20px;
color:black;

}
#pm li
{
list-style-image:url("../images/mem.png");
}
#Membres
{
height: 100px;
width: 510px;
position : absolute;
top: 300px;
left : 475px;
overflow: auto;
border: 1px solid gray;
}

/*--------------------------------------------------------------------*/
/*Genres et Nom genres*/
#g1 
{
position : absolute;
top: 400px;
left : 475px;
font-weight:bold;
font-size:20px;
color:black;

}
#g1 li
{
list-style-image:url("../images/g1.png");
}

#Genres
{
position : absolute;
top: 435px;
left : 475px;
border: 1px solid gray;
width: 510px;
}

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

/*Playlist*/

#pp
{
position : absolute;
top: 455px;
left : 475px;
font-weight:bold;
font-size:20px;
color:black;

}
#pp li
{
list-style-image:url("../images/playlist.png");
}

#Playlist
{
height: 100px;
width: 510px;
position : absolute;
top: 490px;
left : 475px;
overflow: auto;
border: 1px solid gray;
}


/*----------------------------------*/
/*Bio*/
#pbio
{
position : absolute;
top: 600px;
left : 475px;
font-weight:bold;
font-size:20px;
color:black;

}
#pbio li
{
list-style-image:url("../images/bio.png");
}

#Bio
{
height: 100px;
width: 510px;
position : absolute;
top: 640px;
left : 475px;
overflow: auto;
border: 1px solid gray;
}

/*-------------------------------------------------*/
#pg
{
position : absolute;
top: 430px;
left : 410px;
}

#Creation
{
position : absolute;
top: 600px;
left : 220px;
}

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

/* FIN GROUPE */

/*LOUPE*/

/*NICE*/

#loupe1 {
left:400px;
top:440px;
position:absolute;

}
#loupe1 a {
background:transparent url(../images/loupe.png) no-repeat scroll 0%;
float:left;
margin:0pt 0px;
padding:0px;
}
#loupe1 a:hover {
background:transparent url(../images/loupe1.png) no-repeat scroll 0%;
}
/*CANNES*/

#loupe2 {
left:800px;
position:absolute;
top:420px;
}
#loupe2 a {
background:transparent url(../images/loupe.png) no-repeat scroll 0%;
float:left;
margin:0pt 0px;
padding:0px;
}
#loupe2 a:hover {
background:transparent url(../images/loupe1.png) no-repeat scroll 0%;
}

/*ANTIBES*/

#loupe3 {
left:500px;
position:absolute;
top:670px;
}
#loupe3 a {
background:transparent url(../images/loupe.png) no-repeat scroll 0%;
float:left;
margin:0pt 0px;
padding:0px;
}
#loupe3 a:hover {
background:transparent url(../images/loupe1.png) no-repeat scroll 0%;
}
/*MONACO*/

#loupe4 {
left:900px;
position:absolute;
top:680px;
}
#loupe4 a {
background:transparent url(../images/loupe.png) no-repeat scroll 0%;
float:left;
margin:0pt 0px;
padding:0px;
}
#loupe4 a:hover {
background:transparent url(../images/loupe1.png) no-repeat scroll 0%;
}

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








/*Mise en page  de l'INDEX*/

#sortir
{
font:3em,verdana;
font-style:bold;
font-size:15px;
position : absolute;
top: 330px;
left:55px;
overflow: auto;
height: 300px;
width:240px;
background-image: none;
}

#sortir1
{

position : absolute;
top: 200px;
left:30px;
background-image: none;
}
#infos
{
position : absolute;
top: 280px;
left : 730px;
height: 30px;
width:270px;
overflow: auto;
background-image:none;
background-repeat: no-repeat;
}
#Video
{
position : absolute;
top: 530px;
left : 450px;
}
#nomvideo
{
position : absolute;
top: -60px;
left : 20px;
width:300px;
color:black;
}

#ban
{
position : absolute;
top: 630px;
left : 750px;
}



/*  MISE EN PAGE DU MENU DE NAVIGATION */

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

	
/* 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; 
	}

#rock
{
position : absolute;
top:45px;
left : 750px;
}	
	
	
	

/*---------------Mise en page Bouton nav----------------*/
	
	
#newsletter
{
position : absolute;
top: -15px;
left : 852px;
}	

#inscription
{
position : absolute;
top: 500px;
left : 410px;
}	


#info-blog
{
position : absolute;
top:300px;
left : 720px;
}

#datesmois
{
position : absolute;
top:650px;
left : 150px;
}

/*-----------------------------------------------------------------------------------------------------------------*/
/*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: -200px; /*position where enlarged image should offset horizontally */
}

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

.thumbnail2:hover
{

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

/*INFOS BULLE VERS LE HAUT vers la DROITE */
.thumbnail21
{
position: absolute;
z-index: 100;
}

.thumbnail21:hover
{

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


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

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

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

.thumbnail21:hover
{

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



/*VILLES DU 06*/
#centre1 {
height: 428px;
width: 1024px;
overflow: auto;
background-image:/*url("../images/villes-pub.png")*/;
background-repeat: no-repeat;
}

/*CENTRE DE VIEUX NICE*/

#centre2 {
height: 828px;
width: 1024px;
overflow: auto;
background-image:url("../images/vieuxnice.png");
background-repeat: no-repeat;
}

/*MISE EN PAGE DE  TRANSPORT */

#centre3{
height: 500px;
width: 1020px;
background-image:none;
background-repeat: no-repeat;
background-color:none;
}
#pied3{
height: 90px;
width: 1020px;
background-image: url("images/bandeau2.png");
}
#trans-villes
{
position:absolute;
top: 220px;
left: 8px;
}

/*LIENS VERS LES SITE DE TRANSPORT*/
/*NICE*/
#parc
{
position:absolute;
top: 437px;
left: 220px;
}
#train
{
position:absolute;
top:515px;
left: 192px;

}
#bus
{
position:absolute;
top: 460px;
left: 120px;
}
/*MONACO*/
#parc1
{
position:absolute;
top: 355px;
left: 490px;
}
#train1
{
position:absolute;
top:370px;
left: 393px;

}
#bus1
{
position:absolute;
top: 440px;
left: 464px;
}
/*ANTIBES*/
#parc2
{
position:absolute;
top: 375px;
left: 910px;
}
#train2
{
position:absolute;
top:450px;
left: 882px;

}
#bus2
{
position:absolute;
top: 395px;
left: 810px;
}
/*CANNES*/
#parc3
{
position:absolute;
top: 700px;
left: 575px;
}
#train3
{
position:absolute;
top:608px;
left: 605px;

}
#bus3
{
position:absolute;
top: 639px;
left: 505px;
}	
/*---------------------------------------------------*/

/*CONTACT*/

#pourquoi
{
top:260px;
left:400px;
position:absolute;
width: 1020px;
}
#pourquoi1 
{
top:300px;
left:30px;
position:absolute;
width: 1020px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: bold;
}


/*EQUIPE*/
#equipe
{
top:1000px;
left:0px;
position:absolute;
}

#notre
{
top:-80px;
left:400px;
position:absolute;
}
#fred
{
top:-5px;
left:0px;
position:absolute;
text-align: center;
}
#greg
{
top:0px;
left:265px;
position:absolute;
text-align: center;
}	
#mag
{
top:-10px;
left:515px;
position:absolute;
text-align: center;
}	
#aud
{
top:0px;
left:773px;
position:absolute;
text-align: center;
}
#serg
{
top:280px;
left:400px;
position:absolute;
}

#serg1
{
top:1350px;
left:700px;
position:absolute;
text-align:left;
width:300px;
 font-size: 14px;
font-weight: bold;
}

#contactredact
{
top:750px;
left:30px;
position:absolute;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
#merci
{
position : absolute;
top: 1200px;
left :45px;
}
/*------------------------------------------------*/



/*FORMULAIRE*/

#centre-form {
	height: 640px;
	width: 1020px;
}

#id_groupe
{
top:200px;
left:10px;
position:absolute;
}

#music
{
top:200px;
left:450px;
position:absolute;
}

#info-music
{
top:200px;
left:880px;
position:absolute;
}

#validation
{
top:780px;
left:950px;
position:absolute;
}

legend
{
color:blue;
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: bold;
}



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

/*Mise en page PLAN*/

#plan
{
top:200px;
left:20px;
position:absolute;
}

/*Liste des PUB HORS CARTES*/

strong 
{
color:blue;
}
#liste1 
{
top:250px;
left:50px;
position:absolute;
}

#liste11
{
top:350px;
left:100px;
position:absolute;
}

#liste11 {
left:360px;
top:330px;
position:absolute;

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

#liste2 
{
top:400px;
left:50px;
position:absolute;

}


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

/*Mise en page de la FAQ*/

#centre-faq {
height:1300px;
width: 1024px;
overflow: auto;
background-image:none;
background-repeat: no-repeat;
}

#faq 
{
top:300px;
left:15px;
position:absolute;

}
#faq ul
{
color: blue;
font-weight: bold;
list-style-type: disc;

}

#faq li
{
color: brown;
font-weight: bold;
}

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


/*Mise en Page de la regie PUB*/

#centre-pub {
height:1300px;
width: 1024px;
overflow: auto;
background-image:none;
background-repeat: no-repeat;
}

#pub 
{
position : absolute;
top: 250px;
left : 20px;

}

#pub ul
{
color: blue;
font-weight: bold;
font-style: regular;
font-size: 20px;

}

#pub blockquote
{
color: black;
font-weight: regular;
font-style: regular;
font-size: 18px;
}



#pub-newsletter{
position : absolute;
top: 860px;
left :20px;
}

#formats1
{
position : absolute;
top: 600px;
left :20px;
}

/*PARTENAIRES*/

#partenariat
{
position : absolute;
top: 250px;
left :20px;
}

#ban1
{
position : absolute;
top: 430px;
left :20px;
}


	


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

/*---Legendes autres-villes----------------*/

#autres
{
position : absolute;
top: 350px;
left : 10px;
}

#stlaurent
{
position : absolute;
top: 380px;
left : 18px;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}

#jazz
{
position : absolute;
top: 270px;
left : 30px;
}

#jazz1 {
left:350px;
top:300px;
position:absolute;

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

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


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

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

}

#phpmyvisite1
 {
left:20px;
top:1455px;
position:absolute;

}
#phpmyvisite3
 {
left: -30px;
top:500px;
position:absolute;

}

#phpmyvisite4
 {
left:20px;
top:830px;
position:absolute;

}

#phpmyvisite5
 {
left:20px;
top:780px;
position:absolute;

}



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

/*Partenaires------------------------------------------------------------------------------------------------*/

#rythmpar
 {
left:20px;
top:300px;
position:absolute;

}

#rapirefpar
 {
left:350px;
top:250px;
position:absolute;

}

#kings
 {
left:800px;
top:250px;
position:absolute;

}

#running
 {
left:20px;
top:450px;
position:absolute;

}

#jukehouse
 {
left:550px;
top:250px;
position:absolute;

}


/*---------------------Mise en pages Nav------------------------------------------*/



/*Footer groupes-------------------------------------------------------------------------------------------*/	

#footerindex
{
position : absolute;
top: 790px;
left : 20px;
}

#foootergroupes
{
position : absolute;
top: 880px;
left : 20px;
}

#footer1024x758
{
position : absolute;
top: 780px;
left : 20px;
}


#footerpartenaires
{
position : absolute;
top: 790px;
left : 20px;
}
#footerpartenaires
{
position : absolute;
top: 1515px;
left : 20px;
}

#footerfaq
{
position : absolute;
top: 1505px;
left : 20px;
}	

#footerform
{
position : absolute;
top: 835px;
left : 20px;
}



/*----Date du Mois---*/



#datamois
{
position : absolute;
top: 350px;
left :10px;

}

#PDF
{
position : absolute;
top: 200px;
left :10px;
width:1000px;
height:60px;

}