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

#conteneur
{
	 position:absolute;
     left: 50%; 
     top: 50%;
  
     height: 480px;
     margin-top: -240px; /* moitié de la hauteur */
     margin-left: -410px; /* 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(../image/fonsd.jpg);
 

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

}




#textl
{
 position:relative;
 top:450px;
 left:6px;
 color:#929292;
 font-size:10px;
font-family: Helvetica, sans-serif;
 }
 

#text2
{
 position:relative;
 top:5px;
 left:600px;
  color:#929292;
  font-size:10px;
font-family: Helvetica, sans-serif;
 
 }
#masque
{
position:absolute;
top: 50%;
width: 820px;
height: 400px;
margin-left:-2px;
margin-top:-200px;
background-image:url(../image/masque.png);



}

#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);

}




	
#masquelien{
     position:absolute;
      width: 620px;
      height: 400px;
	  margin-left:198px;
margin-top:16px;
background-color:#000000;

   

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

	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:#ff9e00;
}

#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:ffffff;
}




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


#texte{

	 position:absolute;
	 width:500px;
	 height:300px;
	 
 top:100px;
 left:250px;
font-size:13px;
font-family: Helvetica, sans-serif;
color:#585858;

}



#texte2{

	 position:absolute;
	 width:500px;
	 height:300px;
	 
 top:170px;
 left:250px;
font-size:13px;
font-family: Helvetica, sans-serif;
color:#585858;

}
#video
{ position:absolute;
top:39px;
 left:242px;

}


#titreshowreel
{
position:absolute;
top:100px;
left:250px;
font-size:13px;
font-family: Helvetica, sans-serif;
color:#454e5c;
}

#carre
{
position:absolute;
top:98px;
left:218px;
width:17px;
height:17px;



background-color:#7777777;



}


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