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

}



#texte2{

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

}

#carte{

position:absolute;
top:105px;
left:510px;
}
#textecontact
{
position:absolute;
top:140px;
left:250px;
font-size:13px;
font-family: Helvetica, sans-serif;
color:#585858;
}


#plan
{
position:absolute;
top:280px;
left:250px;
width:200px;
height:127px;








}




#titrecontact
{
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:#777777;



}

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