@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(../images/fond.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);



}

#ligne5
{
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:#d0d0d0;

   

	  
     
    }
	
	
	
	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;

}

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

}

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

}

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


#contacte
{
	 position:absolute;
 top:200px;
 left:35px;
font-size:13px;
font-family: Helvetica, sans-serif;

}
#accueil
{
	 position:absolute;
 top:100px;
 left:35px;
font-size:13px;
font-family: Helvetica, sans-serif;

}




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


#texte{

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

}



#texte2{

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

}

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



background-color:#777777;



}


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

}

#bat
{
width:200px;
height:97px;
position:absolute;
top:343px;
left:200px;
background-image:url(../image/batd.png);



}



#photo1
{
width:350px;
height:200px;
position:absolute;
top:220px;
left:330px;
background-image:url(../images/plaquette.png);






}

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