@charset "utf-8";
/* CSS Document */

/**********************************/
/***** Navigation principale ******/
/**********************************/
div#navigationGlobale {
	width: 190px;
	margin: 21px 0 0 0;
	padding: 0;
	float: left;
}
div#navigation {
	width: 190px;
	height: 615px;
	margin: 0;
	padding: 0;
	border: 0;
}
div#navigation ul#menuSpectacles {
	width: 190px;
	height: 662px;
	background: transparent url(../images/fr/navigation/nav_globale.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#navigation ul#menuSpectacles li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 0;
	}
	
ul#menuSpectacles li, ul#menuSpectacles a {
	height: 50px;
	display: block;
	}
div#navigation ul#menuSpectacles li a {
	text-indent: -9999px;
	text-decoration: none;
	}
div#navigation ul#menuSpectacles li#navCompagnie1, div#navigation ul#menuSpectacles li#navAutresSpectacles {
	height: 40px;
	}
div#navigation ul#menuSpectacles li#navCompagnie1 a:hover, div#navigation ul#menuSpectacles li#navAutresSpectacles a:hover {
	height: 40px;
	}
div#navigation ul#menuSpectacles li#navCompagnie2, div#navigation ul#menuSpectacles li#navPhotos {
	height: 25px;
	}
div#navigation ul#menuSpectacles li#navCompagnie2 a:hover, div#navigation ul#menuSpectacles li#navPhotos a:hover {
	height: 25px;
	}
div#navigation ul#menuSpectacles li#navViveVie, div#navigation ul#menuSpectacles li#navSpectacleSoir, div#navigation ul#menuSpectacles li#navAnnees70 {
	height: 30px;
	}
div#navigation ul#menuSpectacles li#navViveVie a:hover, div#navigation ul#menuSpectacles li#navSpectacleSoir a:hover, div#navigation ul#menuSpectacles li#navAnnees70 a:hover {
	height: 30px;
	}
	
#navCompagnie1	{top: 58px; width: 190px;}
#navCompagnie2	{top: 104px; width: 190px;}
#navPhotos	{top: 127px; width: 190px;}
#navMalleChansons {top: 220px; width: 190px;}
#navHelloAmerica {top: 290px; width: 190px;}
#navJoeDassin {top: 363px; width: 190px;}
#navAutresSpectacles {top: 426px; width: 190px;}
#nav100ans {top: 473px; width: 190px;}
#navViveVie {top: 515px; width: 190px;}
#navSpectacleSoir {top: 544px; width: 190px;}
#navAnnees70 {top: 572px; width: 190px;}

#navCompagnie1 a:hover	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -725px no-repeat;}
#navCompagnie2 a:hover	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -771px no-repeat;}
#navPhotos a:hover	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -794px no-repeat;}
#navMalleChansons a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -884px no-repeat;}
#navHelloAmerica a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -954px no-repeat;}
#navJoeDassin a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1027px no-repeat;}
#navAutresSpectacles a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1090px no-repeat;}
#nav100ans a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1137px no-repeat;}
#navViveVie a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1179px no-repeat;}
#navSpectacleSoir a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1208px no-repeat;}
#navAnnees70 a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1236px no-repeat;}

body#pageCompagnie1 #navCompagnie1	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -725px no-repeat;}
body#pageCompagnie2 #navCompagnie2	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -771px no-repeat;}
body#pagePhotos #navPhotos {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -794px no-repeat;}
body#pageMalleChansons #navMalleChansons {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -884px no-repeat;}
body#pageHelloAmerica #navHelloAmerica	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -954px no-repeat;}
body#pageJoeDassin #navJoeDassin	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1027px no-repeat;}
body#pageAutresSpectacles #navAutresSpectacles {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1090px no-repeat;}
body#page100ans #nav100ans	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1137px no-repeat;}
body#pageViveVie #navViveVie	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1179px no-repeat;}
body#pageSpectacleSoir #navSpectacleSoir	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1208px no-repeat;}
body#pageAnnees70 #navAnnees70	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1236px no-repeat;}

/**********************************/
/***** Bouton Infos Contact ******/
/**********************************/
div#infoContactGlobal {
	position: absolute;
	width: 192px;
	margin: 0;
	padding: 0;
	text-align: left;
	left: 785px;
	top: 770px;
}
body#pageContact div#infoContactGlobal {
	position: absolute;
	width: 192px;
	margin: 0;
	padding: 0;
	text-align: left;
	left: 785px;
	top: 670px;
}
div#infoContact {
	width: 192px;
	height: 124px;
	margin: 0;
	padding: 0;
	border: 0;
}
div#infoContact ul#menuInfoContact {
	width: 192px;
	height: 124px;
	background: transparent url(../images/fr/navigation/btn_infos_contact.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#infoContact ul#menuInfoContact li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 0;
	}
	
ul#menuInfoContact li, ul#menuInfoContact a {
	height: 62px;
	display: block;
	}
div#infoContact ul#menuInfoContact li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#navInfo	{top: 0; width: 192px;}
#navContact {top: 62px; width: 192px;}

#navInfo a:hover	{background: transparent url(../images/fr/navigation/btn_infos_contact.jpg) 0 -129px no-repeat;}
#navContact a:hover {background: transparent url(../images/fr/navigation/btn_infos_contact.jpg) 0 -191px no-repeat;}

body#pageInfo #navInfo	{background: transparent url(../images/fr/navigation/btn_infos_contact.jpg) 0 -129px no-repeat;}
body#pageContact #navContact	{background: transparent url(../images/fr/navigation/btn_infos_contact.jpg) 0 -191px no-repeat;}
#diaporama {
	width:550px;
	height:450px;
	margin-left:auto;
	margin-right:auto;
}