@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: 615px;
	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: 55px; width: 190px;}
#navCompagnie2	{top: 100px; width: 190px;}
#navPhotos	{top: 125px; width: 190px;}
#navMalleChansons {top: 220px; width: 190px;}
#navHelloAmerica {top: 285px; width: 190px;}
#nav100ans {top: 360px; width: 190px;}
#navAutresSpectacles {top: 430px; width: 190px;}
#navViveVie {top: 470px; width: 190px;}
#navSpectacleSoir {top: 498px; width: 190px;}
#navAnnees70 {top: 528px; width: 190px;}

#navCompagnie1 a:hover	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -675px no-repeat;}
#navCompagnie2 a:hover	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -720px no-repeat;}
#navPhotos a:hover	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -745px no-repeat;}
#navMalleChansons a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -837px no-repeat;}
#navHelloAmerica a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -902px no-repeat;}
#nav100ans a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -977px no-repeat;}
#navAutresSpectacles a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1047px no-repeat;}
#navViveVie a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1087px no-repeat;}
#navSpectacleSoir a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1115px no-repeat;}
#navAnnees70 a:hover {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1145px no-repeat;}

body#pageCompagnie1 #navCompagnie1	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -675px no-repeat;}
body#pageCompagnie2 #navCompagnie2	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -720px no-repeat;}
body#pagePhotos #navPhotos {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -745px no-repeat;}
body#pageMalleChansons #navMalleChansons {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -837px no-repeat;}
body#pageHelloAmerica #navHelloAmerica	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -902px no-repeat;}
body#page100ans #nav100ans	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -977px no-repeat;}
body#pageAutresSpectacles #navAutresSpectacles {background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1047px no-repeat;}
body#pageViveVie #navViveVie	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1087px no-repeat;}
body#pageSpectacleSoir #navSpectacleSoir	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1115px no-repeat;}
body#pageAnnees70 #navAnnees70	{background: transparent url(../images/fr/navigation/nav_globale.gif) 0 -1145px 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;
}