* { padding:0; margin:0; font-family: Verdana, Sans-Serif; font-size: 12px; color: #333; }
body, html { width:100%; height: 100%; background: white; }
img { border:0; }
a { text-decoration:none; color:white; }

#body { width: 100%; height: 100%; background: url(../images/fond.jpg) no-repeat bottom left; }
#contenu { display:block; width: 500px; text-align:justify; position:absolute; bottom: 80px; left: 400px; } /* ancien bottom = 160px */

#portfoliomenuA { position:absolute; bottom:350px; left: 50px;}
#portfoliomenuB { position:absolute; bottom:354px; left: 125px;}
#portfoliomenuC { position:absolute; bottom:275px; left: 50px;}
#portfoliomenuD { position:absolute; bottom:277px; left: 125px;}
#portfoliomenuE { position:absolute; bottom:320px; left: 200px;}


#footermenu { position:absolute; bottom:23px; background: url(../images/bgmenu.png); height: 24px; width: 100%;}
#footermenu ul { display:block; width: 455px; margin: 0 auto 0 auto; text-align:center;}
#footermenu li { display:inline; }
#footermenu a, #footermenu a:visited { display:block; float:left; width: 100px; height: 15px; border: solid 1px #333; margin: 3px 5px auto 5px; }
#footermenu a:hover, #footermenu a:focus { font-weight:bold; }

#menuA, #menuA:visited { background: #ff0099; }
#menuA:hover, #menuA:focus { background: url(../images/overmenuA.gif);}

#menuB, #menuB:visited { background: #64c702; } 
#menuB:hover, #menuB:focus { background: url(../images/overmenuB.gif);}

#menuC, #menuC:visited { background: #00ccff; } 
#menuC:hover, #menuC:focus { background: url(../images/overmenuC.gif);}

#menuD, #menuD:visited { background: #ff6600; } 
#menuD:hover, #menuD:focus { background: url(../images/overmenuD.gif);}

#footer { position:absolute; bottom: 2px; background: url(../images/bgfooter.png); height: 21px; width: 100%;}
#iconaide { position:absolute; right:10px; bottom:0; width: 22px; height: 21px;  }
#iconaide img { width: 20px; height: 19px; }

#index1, #index2, #index3 { margin-bottom: 30px;}
#index1 h1 { color: #FF0099; font-size: 30px;  }
#index1 p, #index2 p { text-align:justify; margin-bottom: 30px; }

#index2 h2 { color: #FF0099; font-size: 30px; }

#index3 h2 { color: #FF0099; margin-bottom: 15px; font-size: 20px; }

.indexhead { display:block; width: 500px; height:60px;}
.indexhead1 { display:block; float:left; height: 57px; width: 67px; }
.indexhead2 { display:block; float:left; width: 430px;  }

.indexheadmini { display:block; width: 500px; height:29px;}
.indexheadmini1 { display:block; float:left; width: 39px; height: 29px; }
.indexheadmini2 { display:block; float:left; width: 430px;  }


.italic { font-style:italic; }
.strong { font-weight:bold; }

.msgorange { display:block; float:left; width: 100%; color: #333; font-weight:bold;  margin: 80px auto 100px auto;  border: solid #FF0099 1px; border-bottom : solid #FF0099 4px; height: auto; padding: 20px; text-align:center; }
#portfolio_cat h2 { color: #FF0099; font-size: 20px; margin-bottom: 30px; }
.portfolio_thumbs img { width: 50px; height: auto; display:block; border: solid red 1px;}


#portfolio_details { width: 100%; text-align; justify; height: auto;}
#portfolio_detailsA { display:block; float:left; width: 50%; height: auto; }
#portfolio_detailsB { display:block; float:left; width: 50%; height: auto; margin-top: 20px; text-align:center; }

#portfolio_detailsA h3 { color: #FF0099; font-size: 16px;  height:auto; margin: 20px auto 20px auto; }
#portfolio_detailsA a, #portfolio_detailsA a:visited { color: #363636; }
#portfolio_detailsA a:focus, #portfolio_detailsA a:hover { font-weight:bold; }

#portfolio_detailsB img { border: solid white 2px; width: auto; height:auto; }
.visuelalt { display:block; width: 100px; height: 15px; border: solid 1px #333; background: #999; color: white; margin: 10px auto 0 auto; padding: 10px; }


.titre { color: #333; }
.attribut { color: #666; }