#fond {
background-color: #000000;
position: absolute;
top: 0%;
width: 100%;
height: 1098px;
left: 0px;

}
#fond #ensemble {
	background-image: url(maquettegoodgood.jpg);
	position: absolute;
	height: 1079px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	top: -11px;
	background-repeat: no-repeat;
	text-align: center;
	background-color: #000000;
	overflow: auto;
	left: -10px;
}
#fond #ensemble #transparent #flash {
position: absolute;
height: 353px;
width: 288px;
left: 414px;
top: 75px;
}
#fond #ensemble #transparent {
background-image: url(fond3.jpg);
position: absolute;
opacity : 0.70;
filter : alpha(opacity=70); /* pour IE 6 */
height: 479px;
width: 819px;
left: 37px;
top: 471px;
}
#fond #ensemble #transparent #news {
background-image: url(newsgood.png);
position: absolute;
height: 250px;
width: 266px;
background-repeat: no-repeat;
left: 20px;
top: 16px;
}
#fond #ensemble #transparent #semaine {
background-image: url(semaine.png);
position: absolute;
height: 446px;
width: 504px;
left: 301px;
top: 16px;
}

#fond #ensemble #transparent #programme {
background-image: url(programmedesigne.png);
position: absolute;
height: 446px;
width: 504px;
left: 278px;
top: 15px;
}

#fond #ensemble #transparent #accesibiliter {
background-image: url(accesibilite.png);
position: absolute;
height: 191px;
width: 269px;
z-index: 2;
left: 3px;
top: 273px;

background-repeat: no-repeat;
}
#fond #ensemble #accueil {
background-image: url(acceuil.png);
background-repeat: no-repeat;
position: absolute;
height: 86px;
width: 167px;
left: 37px;
top: 349px;
}
#fond #ensemble #programme {
background-image: url(programme.png);
background-repeat: no-repeat;
position: absolute;
height: 86px;
width: 200px;
left: 197px;
top: 348px;
}

#fond #ensemble #programme:hover, #fond #ensemble #programme:focus {
background-image: url(programme2.png);
}
#fond #ensemble #evenement {
background-image: url(evenement.png);
background-repeat: no-repeat;
position: absolute;
height: 86px;
width: 194px;
left: 395px;
top: 348px;
}
#fond #ensemble #evenement:hover, #fond #ensemble #evenement:focus {
background-image: url(evenement2.png);
}

#fond #ensemble #transparent #evenement {
background-image: url(evenementdesign.png);
position: absolute;
height: 446px;
width: 502px;
left: 288px;
top: 17px;
}

#fond #ensemble #transparent #evenement #lesevenements{
position: absolute;
overflow: auto;
height: 372px;
width: 465px;
left: 24px;
top: 51px;

}


#fond #ensemble #accueil:hover, #fond #ensemble #accueil:focus {
background-image: url(acceuil3.png);
}
#fond #ensemble #histoire {
background-image: url(histoire.png);
background-repeat: no-repeat;
position: absolute;
height: 86px;
width: 174px;
left: 561px;
top: 348px;
}

#fond #ensemble #histoire:hover, #fond #ensemble #histoire:focus {
background-image: url(histoire2.png);
}
#fond #ensemble #liens {
background-image: url(liens.png);
background-repeat: no-repeat;
position: absolute;
height: 86px;
width: 150px;
left: 687px;
top: 348px;
}
#fond #ensemble #transparent #tarif {
background-image: url(tarif.png);
background-repeat: no-repeat;
position: absolute;
height: 197px;
width: 265px;
left: 21px;
top: 269px;
}
#fond #ensemble #liens:hover, #fond #ensemble #liens:focus {
background-image: url(liens2.png);
}

#fond #ensemble #barretprogramme {
	background-image: url(barretprograme.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 225px;
	height: 43px;
	left: 33px;
	top: 428px;
}
#fond #ensemble #transparent #programme #laprogsemaine {
position: absolute;
overflow: auto;
height: 372px;
width: 471px;
left: 21px;
top: 54px;
}

#fond #ensemble #transparent #news #texte {
	position: absolute;
	height: 194px;
	width: 195px;
	left: 27px;
	top: 39px;
	text-align:justify
}

#fond #ensemble #transparent #evenement #laprogsemaine {
position: absolute;
overflow: auto;
height: 372px;
width: 471px;
left: 17px;
top: 55px;
}



#fond #ensemble #transparent #accesibiliter {
background-image: url(accesibilter3.png);
position: absolute;
height: 191px;
width: 254px;
left: 16px;
top: 277px;
background-repeat: no-repeat;

}

#fond #ensemble #transparent #accesibiliter #googlemaps {
	position: absolute;
	height: 148px;
	width: 230px;
	left: 16px;
	top: 36px;
	z-index: 3;
	opacity:1.00; 
}


#fond #conteneur #ensemble #googlemaps {
	position: absolute;
	height: 161px;
	width: 235px;
	left: 71px;
	top: 783px;
	z-index:21;
}




#fond #ensemble #transparent #tarif #lestarifs {
position: absolute;
height: 129px;
width: 235px;
left: 9px;
top: 44px;
font-size: 13px;
font-weight: bold;
text-align: right;
display: inline;
}
#fond #ensemble #transparent #tarif #lestarifs #renseignement {
position: absolute;
height: 20px;
width: 226px;
left: -2px;
top: 109px;
}



#fond #ensemble #transparent #histoire {
background-image: url(histoiredesign.png);
position: absolute;
height: 446px;
width: 504px;
left: 278px;
top: 15px;
}

#fond #ensemble #transparent #liens {
background-image: url(liensdesign.png);
position: absolute;
height: 446px;
width: 504px;
left: 278px;
top: 15px;
}
#fond #ensemble #barreteliens {
	background-image: url(barretliens.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 200px;
	height: 43px;
	left: 33px;
	top: 428px;
}

#fond #ensemble #transparent #liens #nosliens {
position: absolute;
left: 16px;
overflow: auto;
top: 52px;
width: 473px;
height: 362px;
}
#fond #ensemble #contacte {
position: absolute;
height: 26px;
width: 374px;
left: 36px;
top: 952px;
}
#lescommentaires {
background-color: #000000;
position: absolute;
width: 565px;
top: -2px;
height: 459px;
left: -2px;

}
#lescommentaires2 {
background-color: #000000;
position: absolute;
width: 517px;
height: 574px;
}
#fond #ensemble #barretaccueil {
background-image: url(barretaccueil.png);
position: absolute;
height: 44px;
width: 200px;
background-repeat: no-repeat;
left: 33px;
top: 428px;
}
#fond #ensemble #barretevenement {
	background-image: url(barretevenements.png);
	position: absolute;
	height: 39px;
	width: 200px;
	background-repeat: no-repeat;
	left: 33px;
	top: 428px;
}
#fond #ensemble #barrethistoire {
	background-image: url(barrethistoire.png);
	position: absolute;
	height: 44px;
	width: 259px;
	background-repeat: no-repeat;
	left: 33px;
	top: 428px;
}
#fond #logo {
position: absolute;
height: 58px;
width: 826px;
left: 32px;
top: 1006px;
}

#conteneur {
position:absolute;
left:55%;
margin-left:-512px;
top:0px;
width:1024px;
z-index:1;
background-color: #000000;
}
#fond #conteneur #ensemble #transparent #histoire #historique {
	position: absolute;
	height: 362px;
	width: 471px;
	left: 18px;
	top: 56px;
	overflow: auto;
}
#fond #conteneur #ensemble #transparent #histoire #historique #historiquetableau {
	position: absolute;
	height: 564px;
	width: 420px;
	left: 10px;
}

#fond #conteneur #ensemble #transparent #histoire #historique #historiquetableau #photo1 {
	background-image: url(cinema1.jpg);
	position:relative;
	width: 200px;
	top: 0px;
	height: 162px;
	left: 224px;
}


#fond #conteneur #ensemble #transparent #histoire #historique #historiquetableau #photo1:hover, #fond #conteneur #ensemble #transparent #histoire #historique #historiquetableau #photo1:focus {

background-image: url(cinema12.jpg);
position:inherit;
	width: 420px;
	top: 8px;
	height: 250px;
	left: 10px;
	background-repeat: no-repeat;

}