body, html {height : 100%}

body {
background : #111315 url(images/bordure.jpg) repeat-x;

 }

  #content {
 width : 600px ; 
 margin-left: auto;
 margin-right: auto;
 background : #transparent;
 }


#blok-graph {
margin-left: auto;
margin-right: auto;
width : 600px ;
height : 662px ;
background :transparent url(images/fond.jpg) no-repeat ;
overflow:auto;
}

#blokt{
width : 600px ;
height : 100px ;
background : #transparent;
}



h1 {
font-family:arial, sans-serif;
font-size : 0.8em ;
text-align:center;
color:#ffffff;
font-weight:bold;
}


p {
font-family:arial, sans-serif;
color:#ffffff;
font-size : 0.8em ;
text-align : center;
}

a:link {
font-family:arial, sans-serif;
font-size : 1.0em ;
color:#ffffff;
text-decoration:none;
text-align : center;
}
a:visited {
font-family:arial, sans-serif;
font-size : 1.0em ;
color:#d1882a;
text-decoration:none;
text-align : center;
}
a:hover {
font-family:arial, sans-serif;
font-size : 1.0em ;
color:#d1882a;
text-decoration:none;
text-align : center;
}


ul#menu {
margin:0;
padding:0;
list-style-type:none;
position: relative;

}

ul#menu li {
margin:0;
padding:0;
top:0;
position: absolute;
}

#itemA {
left:150px;
width:0px;
}
#itemB {
left:220px;
width:0px;
}
#itemC {
left:290px;
width:0px;
}
#itemD {
left:360px;
width:0px;
}

ul#menu li a {
display:block;
width:68px;
height:98px;
}

#itemA a {
background:url(images/liens_flickr_gris.jpg) no-repeat;
}
#itemA a:hover {
background:url(images/liens_flickr_color.jpg) no-repeat;
}


#itemB a {
background:url(images/liens_dev_gris.jpg) no-repeat;
}
#itemB a:hover {
background:url(images/liens_dev_color.jpg) no-repeat;
}


#itemC a {
background:url(images/liens_pdf_gris.jpg) no-repeat;
}
#itemC a:hover {
background:url(images/liens_pdf_color.jpg) no-repeat;
}


#itemD a {
background:url(images/liens_mail_gris.jpg) no-repeat;
}
#itemD a:hover {
background:url(images/liens_mail_color.jpg) no-repeat;
}