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

/****************************************************************** bg vontenu */
#contenu{
	background-image:url(../images/bg-accueil.jpg);
}
/****************************************************************** H1 H2 */
h1{
	margin-left:92px;
	margin-top:170px;
	font-weight:700;
	text-indent:60px;
	font-size:35px;
	line-height:32px;
	float:left;
	color:#eaeae8;
}
h2{
	margin-left:92px;
	padding-top:5px;
	width:206px;
	font-weight:700;
	font-size:14px;
	text-align:center;
	line-height:15px;
	color:#93847b;
	clear:both;
}

/****************************************************************** about */
.about{
	margin-left:92px;
	padding-top:32px;
	width:206px;
	font-weight:700;
	font-size:14px;
	font-style:italic;
	text-align:center;
}
.about a{
	color:#ba9c8a;
	text-decoration:none;
}
.about a:hover{
	color:#fff;
}



/****************************************************************** boutons menu */

.bouton-sceno img.inactif, .bouton-concept img.inactif, .bouton-works img.inactif, .bouton-sceno img.actif, .bouton-concept img.actif, .bouton-works img.actif {
  transition: opacity 0.3s ease;
  position:absolute;
  width:114px;
  height:102px;

}
.bouton-sceno img.inactif, .bouton-sceno img.actif{
  left: 329px;
  top: 198px;
}
.bouton-concept img.inactif, .bouton-concept img.actif{
	left: 329px;
	top: 304px;
}
.bouton-works img.inactif, .bouton-works img.actif{
	left: 420px;
	top: 251px;
}
.bouton-sceno img.inactif, .bouton-concept img.inactif, .bouton-works img.inactif
{
  opacity:1;
}
.bouton-sceno:hover img.inactif, .bouton-concept:hover img.inactif, .bouton-works:hover img.inactif
{
  opacity:0;
}
.bouton-sceno img.actif, .bouton-concept img.actif, .bouton-works img.actif {
  opacity:0;
}
.bouton-sceno:hover img.actif, .bouton-concept:hover img.actif, .bouton-works:hover img.actif
{
  opacity:1;
}