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

#conteneur
{
	 position:absolute;
     left: 50%; 
     top: 50%;
     width: 820px;
     height: 480px;
     margin-top: -240px; /* moitié de la hauteur */
     margin-left: -409px; /* moitié de la largeur */
	 background-color:#212121;



	 

}

#cadre_javascript
{
 position:absolute;
     left: 50%; 
     top: 50%;
 width: 820px;
  height: 400px;
  margin-left:-410px;
    margin-top:-200px;
 
  background-image:url(../images/fond.jpg);
 

}
#cadre_menu
{
 position:absolute;
     left: 50%; 
     top: 50%;
 width: 200px;
  height: 400px;
  margin-left:-410px;
    margin-top:-200px;
  background-color:#777777;

}


.texte
{
font-size:10px;
font-family: Helvetica, sans-serif;
color:909090;

}

#textl
{
 position:relative;
 top:450px;
 left:6px;
 color:#929292;
 }
 

#text2
{
 position:relative;
 top:5px;
 left:600px;
 color:#929292;
 }
#masque
{
	position:absolute;
	top: 238px;
	width: 822px;
	height: 400px;
	margin-left:-2px;
	margin-top:-200px;
	background-image:url(../image/masque.png);
	left: 1px;



}

#ligne
{
position:absolute;
top:50%;
margin-left:198px;
margin-top:-200px;
width: 1px;
height: 400px;
background-color:#ffffff;
 
}


#logo{
position:absolute;
width: 200px;
height: 23px;
left:-2px;
top:5px;

background-image:url(../images/logo_batimage6.png);

}


#back {
   position:absolute;
      background: url('../image/5.jpg');
      width: 620px;
      height: 400px;
      filter: alpha(opacity=100);
	  margin-left:198px;
	  margin-top:40px;
     
    }

    #front {
	position:absolute;
	background: url('../image/2.jpg');
	width: 620px;
	height: 400px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	
    }
	
	
#masquelien{
	position:absolute;
	width: 620px;
	height: 400px;
	margin-left:198px;
	margin-top:14px;
	background-color:transparent;
left:0px;
	top: 27px;
   

	  
     
    }
	
	#fr
	{
	 position:absolute;
 top:150px;
 left:75px;
font-size:13px;
font-family: Helvetica, sans-serif;
color:dbdbdb;

 
	
	}
	
	
		#us
	{
	 position:absolute;
 top:200px;
 left:75px;
font-size:13px;
font-family: Helvetica, sans-serif;
color:dbdbdb;

	}
	
	
	
	A.rollover {text-decoration:none;
color:#ffffff;} 

	A.mention {text-decoration:none;
color:#929292;}


#le_studio
{
	 position:absolute;
 top:120px;
 left:35px;
font-size:13px;
font-family: Helvetica, sans-serif;
color:#9d9894;
}

#la_galerie
{
	 position:absolute;
 top:140px;
 left:35px;
font-size:13px;
font-family: Helvetica, sans-serif;
color:#ffffff;
}

#show_reel
{
	 position:absolute;
 top:160px;
 left:35px;
font-size:13px;
font-family: Helvetica, sans-serif;
color:#9d9894;
}

#plaquette
{
	 position:absolute;
 top:180px;
 left:35px;
font-size:13px;
font-family: Helvetica, sans-serif;
color:#9d9894;
}


#contacte
{
	 position:absolute;
 top:200px;
 left:35px;
font-size:13px;
font-family: Helvetica, sans-serif;
color:#9d9894;
}
#accueil
{
	 position:absolute;
 top:100px;
 left:35px;
font-size:13px;
font-family: Helvetica, sans-serif;
color:#ff9e00;
}



a.rollover:hover span {visibility:visible;}
a.rollover:hover {	color:#9d9894; }

 #text3
{
 position:relative;
 top:426px;
 left:227px;
 color:#929292;
 font-size:10px;
font-family: Helvetica, sans-serif;
 }