* {margin:0;padding:0;}

div#grilleref { 
/*référence pour positionnement */
  /*background-image: url(ref.gif);*/
  position:absolute;
  background-repeat: no-repeat;
  width: 1024px;
  height: 768px;
  top:-25px;
  color: white;
  padding: 0;
  z-index:0;
  margin-top:0px;
 }
 #copyright{
  display:block;
  width: 1024px;
  height: 30px;
  position:absolute;
  top:650px;
  left:0px;
  z-index:5000;
  text-align:center; 
  font-size:14px; 
  font-weight:normal; 
  color:#E2E2E2;
  }
 #showR{
  display:block;
  width: 500px;
  height: 70px;
  position:absolute;
  top:100px;
  left:93px;
  z-index:5000;
  
  font-size:14px; 
  font-weight:normal; 
  color:#ACACAC;
  opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7 ;
   }
   #resume{
  display:block;
  width: 150px;
  height: 70px;
  position:absolute;
  top:25px;
  left:510px;
  z-index:5000;
  
  font-size:14px; 
  font-weight:normal; 
  color:#aeaeae;
  opacity:0.35; filter:alpha(opacity=35); -moz-opacity:0.35; -khtml-opacity:0.35 ;
   }
     #linkedin{
  display:block;
  width: 150px;
  height: 70px;
  position:absolute;
  top:45px;
  left:500px;
  z-index:5000;
  
  font-size:14px; 
  font-weight:normal; 
  color:#aeaeae;
  opacity:0.35; filter:alpha(opacity=35); -moz-opacity:0.35; -khtml-opacity:0.35 ;
   }

 
div#A1{ 
/*bandeau titre */
  background-image: url(img/A1.gif);
  position:absolute;
  background-repeat: no-repeat;
  top:0px;
  left:0px;
  width: 777px;
  height: 95px;
  padding: 0;
  z-index:1;
}

div#menu
{
  width:178px;
	padding-left:103px;
  height:134px;
	border-top:2px solid #ececec;
	border-right:2px solid #ececec;
	margin-top:7px;
  background:none;
	text-align:right;
	position:absolute;
	top:62px;
	left:669px;
	z-index:10;
}

#menu a
{
  width:13px;
	margin-right:6px; 
  height:13px;
  float:left;
  position:relative;
	top:-7px;
	background:url(img/Bmenu3.gif) no-repeat 0 0;
}

#menu a img {
 border:none;
 position:absolute;
 top:21px; right:16px;
 opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; 
}

#menu a:hover
{
	background:url(img/Bmenu3.gif) no-repeat 0 -13px;
}

#menu a:hover img {
 opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; 
}

#masque { /*pour empecher que le hover des pseudo-texte fonctionne*/
  width: 281px;
  height: 129px;
  position:absolute;
  top:6px;
  left:0px;
  background-color:#fff;
  z-index:59;
  opacity:0.3; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3 ;
}