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

}




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



}

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

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

}






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

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

}
#photo{position:absolute; top:-280px;left:0px;}
#photo1{position:absolute;width :70px;height:70px;background-color:#666666;top:100px;left:230px; background-image:url(../images/COLLECTIFS/vignette/01.jpg);}
#photo2{position:absolute;width :70px;height:70px;background-color:#666666;top:100px;left:330px;background-image:url(../images/COLLECTIFS/vignette/02.jpg);}
#photo3{position:absolute;width :70px;height:70px;background-color:#666666;top:100px;left:430px;background-image:url(../images/COLLECTIFS/vignette/03.jpg);}
#photo4{position:absolute;width :70px;height:70px;background-color:#666666;top:100px;left:530px;background-image:url(../images/COLLECTIFS/vignette/04.jpg);}
#photo5{position:absolute;width :70px;height:70px;background-color:#666666;top:200px;left:230px;background-image:url(../images/COLLECTIFS/vignette/05.jpg);}
#photo6{position:absolute;width :70px;height:70px;background-color:#666666;top:200px;left:330px;background-image:url(../images/COLLECTIFS/vignette/06.jpg);}
#photo7{position:absolute;width :70px;height:70px;background-color:#666666;top:200px;left:430px;background-image:url(../images/COLLECTIFS/vignette/07.jpg);}
#photo8{position:absolute;width :70px;height:70px;background-color:#666666;top:200px;left:530px;background-image:url(../images/COLLECTIFS/vignette/08.jpg);}
#photo9{position:absolute;width :70px;height:70px;background-color:#666666;top:300px;left:230px;background-image:url(../images/COLLECTIFS/vignette/09.jpg);}
#photo10{position:absolute;width :70px;height:70px;background-color:#666666;top:300px;left:330px;background-image:url(../images/COLLECTIFS/vignette/10.jpg);}
#photo11{position:absolute;width :70px;height:70px;background-color:#666666;top:300px;left:430px;background-image:url(../images/COLLECTIFS/vignette/11.jpg);}
#photo12{position:absolute;width :70px;height:70px;background-color:#666666;top:300px;left:530px;background-image:url(../images/COLLECTIFS/vignette/12.jpg);}
#photo13{position:absolute;width :70px;height:70px;background-color:#666666;top:100px;left:630px;background-image:url(../images/COLLECTIFS/vignette/13.jpg);}
#photo14{position:absolute;width :70px;height:70px;background-color:#666666;top:200px;left:630px;background-image:url(../images/COLLECTIFS/vignette/14.jpg);}
#photo15{position:absolute;width :70px;height:70px;background-color:#666666;top:300px;left:630px;background-image:url(../images/COLLECTIFS/vignette/15.jpg);}







#collectifs					{position:absolute;top:285px;left:35px;font-size:10px;font-family: Helvetica, sans-serif;color:#000000;}
#maison_individuelle		{position:absolute;top:300px;left:35px;font-size:10px;font-family: Helvetica, sans-serif;color:#ffffff;}
#perspectives_intérieures	{position:absolute;top:315px;left:35px;font-size:10px;font-family: Helvetica, sans-serif;color:#ffffff;}
#perspectives_concours		{position:absolute;top:330px;left:35px;font-size:10px;font-family: Helvetica, sans-serif;color:#ffffff;}
#plan_masse					{position:absolute;top:345px;left:35px;font-size:10px;font-family: Helvetica, sans-serif;color:#ffffff;}
#plan						{position:absolute;top:360px;left:35px;font-size:10px;font-family: Helvetica, sans-serif;color:#ffffff;}

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

#fleche
{
position:absolute;
width:20px;
height:14px;
background-image:url(../images/fleche1.png);
background-repeat:no-repeat;
left:760px;
top:370px;
cursor:pointer;



}

#fleche2
{
position:absolute;
width:20px;
height:14px;
background-image:url(../images/fleche2.png);
background-repeat:no-repeat;
cursor:pointer;
left:213px;
top:225px;



}
/*a.rollover:hover img.collectif {visibility:visible;

text-decoration:none;
border:0;
left:200px;
position:absolute;
top:0px;

}



a.rollover:hover img.maison {visibility:visible;

text-decoration:none;
border:0;
left:200px;
position:absolute;
top:-50px;

}


a.rollover:hover img.masse {visibility:visible;

text-decoration:none;
border:0;
left:200px;
position:absolute;
top:-200px;

}



a.rollover:hover img.concours{visibility:visible;

text-decoration:none;
border:0;
left:200px;
position:absolute;
top:-150px;

}



a.rollover:hover img.interieur {visibility:visible;

text-decoration:none;
border:0;
left:200px;
position:absolute;
top:-100px;

}



a.rollover:hover img.appart{visibility:visible;

text-decoration:none;
border:0;
left:200px;
position:absolute;
top:-250px;

}


a img {
text-decoration:none;position:absolute;
color:#000000;
visibility:hidden;

} 


*/