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

/****************************************************************** bg vontenu */
#contenu{
	background-image:url(../images/bg-films.jpg)
}
/******************************************************************  H2 titre vert scenographie */

h2.sceno-titre{
	margin:0;
	padding-top:85px;
	width:960px;
	color:#89b29f;
	text-align:center;
	font-weight:700;
	font-size:15px;
}
h3{
	margin:0;
	padding-bottom:7px;
	color:#89b29f;
	text-align:left;
	font-weight:500;
	font-size:13px;
	font-style:italic;
}


/****************************************************************** boutons accueil */

.boutonAccueil img.inactif, .boutonAccueil:hover img.inactif, .boutonAccueil img.actif, .boutonAccueil:hover img.actif {
  position:absolute;
  width:65px;
  height:58px;
  transition: opacity 0.3s ease;
  top: 228px;
  left:94px;
}
.boutonAccueil img.inactif {
  opacity:1;
}
.boutonAccueil:hover img.inactif {
  opacity:0;
}
.boutonAccueil img.actif {
  opacity:0;
}
.boutonAccueil:hover img.actif {
  opacity:1;
}

/******************************************************************  flèche retour */


.flecheRetour img.inactif, .flecheRetour:hover img.inactif, .flecheRetour img.actif, .flecheRetour:hover img.actif {
  position:absolute;
  width:65px;
  height:58px;
  transition: opacity 0.3s ease;
  top: 288px;
  left:94px;
}
.flecheRetour img.inactif {
  opacity:1;
}
.flecheRetour:hover img.inactif {
  opacity:0;
}
.flecheRetour img.actif {
  opacity:0;
}
.flecheRetour:hover img.actif {
  opacity:1;
}




/****************************************************************** box */
#box{
	width:508px;
	height:250px;
	position:absolute;
	top:175px;
	left:228px;
	/*
	background-color:yellow;
	*/
}