@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;
 }
 #text3
{
 position:relative;
 top:426px;
 left:227px;
 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{text-decoration:none;
color:#ffffff;} 
	
	A.texte{text-decoration:none;
color:#929292;} 




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

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




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



}

#photo3
{
width:150px;
height:100px;
position:absolute;
top:310px;
left:250px;
background-image:url(../images/photo3.jpg);




}
#photo2
{
width:150px;
height:100px;
position:absolute;
top:310px;
left:420px;
background-image:url(../images/photo2.jpg);




}

#photo1
{
width:150px;
height:100px;
position:absolute;
top:310px;
left:590px;
background-image:url(../images/photo1.jpg);




}