/******************************************************************/
/* Feuille de style pour la page "Portfolio"                      */
/******************************************************************/

/******************************************************************/
/* Inhibition des options de menu correspondant à "Portfolio"     */
/******************************************************************/
/* Menu : inhibition de l'option de menu "Portfolio" */
div#Menu img.Portfolio {
  position:absolute;
  left:0px;
  height:20px;
  width:150px;
  top:196px;
  background-image:url(../Images/MenuPortfolioOFF.jpg);
  background-repeat:no-repeat;
}
/******************************************************************/
/* Mise en page spécifique de la zone "ContenuH"                  */
/******************************************************************/
div#Web1, div#Web2, div#Logo1, div#Doc1 {
  position:absolute;
  left:0px;
  top:0px;
  height:580px;
  width:410px;
  background-color:#333333;
}
.SitePic1, .SitePic2, .SitePic3 {
  position:absolute;
  top:17px;
  left:20px;
  height:252px;
  width:370px;
}
.SitePic1  { visibility:visible;}
.SitePic2  { visibility:hidden;}
.SitePic3  { visibility:hidden;}
#Site1P1   { background-image:url(../Images/PFSite01Pic.jpg);}
#Site1P2   { background-image:url(../Images/PFSite02Pic.jpg);}
#Site1P3   { background-image:url(../Images/PFSite03Pic.jpg);}
#Site2P1   { background-image:url(../Images/PFSite04Pic.jpg);}
#Site2P2   { background-image:url(../Images/PFSite05Pic.jpg);}
#Site2P3   { background-image:url(../Images/PFSite06Pic.jpg);}
#Site3P1   { background-image:url(../Images/PFSite07Pic.jpg);}
#Site3P2   { background-image:url(../Images/PFSite08Pic.jpg);}
#Site3P3   { background-image:url(../Images/PFSite09Pic.jpg);}
.SiteTxt1, .SiteTxt2, .SiteTxt3 {
  position:absolute;
  top:284px;
  left:20px;
  height:196px;
  width:370px;
  background-image:url(../Images/PFSiteTxtFond.jpg);
}
.SiteTxt1 {
  visibility:visible;
}
.SiteTxt2, .SiteTxt3,  {
  visibility:hidden;
}

a.Site1Tn1, a.Site1Tn2, a.Site1Tn3,
a.Site2Tn1, a.Site2Tn2, a.Site2Tn3,
a.Site3Tn1, a.Site3Tn2, a.Site3Tn3 {
  position:absolute;
  top:497px;
  height:65px;
  width:86px;
}

a.Site1Tn1, a.Site2Tn1, a.Site3Tn1  { left:43px;}
a.Site1Tn1  { background-image:url(../Images/PFSite01TnON.jpg);}
a.Site2Tn1  { background-image:url(../Images/PFSite04TnON.jpg);}
a.Site3Tn1  { background-image:url(../Images/PFSite07TnON.jpg);}
a.Site1Tn1:hover, a.Site2Tn1:hover, a.Site3Tn1:hover { visibility: visible } 
a.Site1Tn1:hover img, a.Site2Tn1:hover img, a.Site3Tn1:hover img,{ visibility: hidden } 

a.Site1Tn2, a.Site2Tn2, a.Site3Tn2  { left:162px;}
a.Site1Tn2  { background-image:url(../Images/PFSite02TnON.jpg);}
a.Site2Tn2  { background-image:url(../Images/PFSite05TnON.jpg);}
a.Site3Tn2  { background-image:url(../Images/PFSite08TnON.jpg);}
a.Site1Tn2:hover, a.Site2Tn2:hover, a.Site3Tn2:hover { visibility: visible } 
a.Site1Tn2:hover img, a.Site2Tn2:hover img, a.Site3Tn2:hover img,{ visibility: hidden } 

a.Site1Tn3, a.Site2Tn3, a.Site3Tn3 { left:281px;}
a.Site1Tn3  { background-image:url(../Images/PFSite03TnON.jpg);}
a.Site2Tn3  { background-image:url(../Images/PFSite06TnON.jpg);}
a.Site3Tn3  { background-image:url(../Images/PFSite09TnON.jpg);}
a.Site1Tn3:hover, a.Site2Tn3:hover, a.Site3Tn3:hover { visibility: visible } 
a.Site1Tn3:hover img, a.Site2Tn3:hover img, a.Site3Tn3:hover img,{ visibility: hidden } 

a.BtnGWeb1 {
  position:absolute;
	top:496px;
	left:20px;
	width:19px;
	height:71px;
	background-image:url(../Images/PFBoutonNavGON.jpg);
	background-repeat:no-repeat;
}
a.BtnGWeb1:hover { visibility: visible } 
a.BtnGWeb1:hover img { visibility: hidden } 
a.BtnDWeb1 {
  position:absolute;
	top:496px;
	left:375px;
	width:19px;
	height:71px;
	background-image:url(../Images/PFBoutonNavDON.jpg);
	background-repeat:no-repeat;
}
a.BtnDWeb1:hover { visibility: visible } 
a.BtnDWeb1:hover img { visibility: hidden }