body {
	margin: 0px;
}

#background { 
	width: 1169px;
    height: 827px;
    z-index: -1;
}

#view {
	position: absolute;
	left: 910px;
	top: 29px;
	width: 155px;
	height: 169px;
}

img.button {
    box-shadow: 0 0 5px black;
    cursor: pointer;
}

img.button:active {
    box-shadow: 0 0 20px black;
}

img.buttonwb {
	border: 0px;
    cursor: pointer;
}

img.melodie {
	position: absolute;
	left: 156px;
	top: 183px;
}

img.les_notes {
	position: absolute;
	left: 178px;
	top: 241px;
}

img.automne_sonne {
	position: absolute;
	left: 310px;
	top: 299px;
}

img.silhouettes {
	position: absolute;
	left: 206px;
	top: 357px;
}

img.chante_joue {
	position: absolute;
	left: 236px;
	top: 415px;
}

img.petites_marmottes {
	position: absolute;
	left: 328px;
	top: 474px;
}

img.chapeau_chinois {
	position: absolute;
	left: 292px;
	top: 531px;
}

img.melancolie {
	position: absolute;
	left: 204px;
	top: 589px;
}

img.incanon {
	position: absolute;
	left: 158px;
	top: 647px;
}

img.archet {
	position: absolute;
	left: 160px;
	top: 705px;
}

img.sur_la_lune {
	position: absolute;
	left: 204px;
	top: 763px;
}

img.logoCDDP {
	position: absolute;
	left: 1060px;
	top: 436px;
}

img.logoIUFM {
	position: absolute;
	left: 1060px;
	top: 481px;
}

img.logCINEMOVIDA {
	position: absolute;
	left: 1060px;
	top: 557px;
}
 
.stretch { 
    width:100%; 
    height:100%; 
}