table, tr, td {
   margin: 0
   padding: 0
}

body {
height:100%;
width:100%;
margin:0;
padding:0;
}

div#head {
position:absolute;
width:100%;
height:114px;	
top:0px;
background-color:#f00;
background-image:url(graph/menu_back.png);
}

div#page {
position:absolute;
top:114px;	
padding-top:20px;
width:100%;
height:445px;
text-align:center;
background-color:#fff;
background-image:url(graph/page_back.png);
background-repeat:repeat-x;
}
div#page img {border:0;}
div#page a#tableau {margin:auto;display:inline;}

/* MENU */

a {color:#000;vertical-align:0px;display:block;}

div#menu {
position:absolute;
height:22px;
top:92px;
left:250px;
display:inline;
}
div#menu a {
height:22px;
display:inline-block;
}	

div#menu a#painting {width:133px;background-image:url(graph/menu1_off.png);}
div#menu a#painting:hover {background-image:url(graph/menu1_hover.png);}
div#menu a#painting.on {background-image:url(graph/menu1_on.png);}

div#menu a#video {width:106px;background-image:url(graph/menu2_off.png);}
div#menu a#video:hover {background-image:url(graph/menu2_hover.png);}
div#menu a#video.on {background-image:url(graph/menu2_on.png);}

div#menu a#photo {width:108px;background-image:url(graph/menu3_off.png);}
div#menu a#photo:hover {background-image:url(graph/menu3_hover.png);}
div#menu a#photo.on {background-image:url(graph/menu3_on.png);}

div#menu a#about {width:104px;background-image:url(graph/menu4_off.png);}
div#menu a#about:hover {background-image:url(graph/menu4_hover.png);}
div#menu a#about.on {background-image:url(graph/menu4_on.png);}

/* SOUS-MENU */

div#ssmenu {
position:absolute;
height:22px;
top:0px;
left:300px;
display:inline;
z-index:5;
}
div#ssmenu a {
height:20px;
display:inline-block;
}	

div#ssmenu a#bleu {width:63px;background-image:url(graph/ssmenu1_off.png);}
div#ssmenu a#bleu:hover {background-image:url(graph/ssmenu1_hover.png);}
div#ssmenu a#bleu.on {background-image:url(graph/ssmenu1_on.png);background-color:#fff;}

div#ssmenu a#blanc {width:72px;background-image:url(graph/ssmenu2_off.png);}
div#ssmenu a#blanc:hover {background-image:url(graph/ssmenu2_hover.png);}
div#ssmenu a#blanc.on {background-image:url(graph/ssmenu2_on.png);background-color:#fff;}

div#ssmenu a#rouge {width:78px;background-image:url(graph/ssmenu3_off.png);}
div#ssmenu a#rouge:hover {background-image:url(graph/ssmenu3_hover.png);}
div#ssmenu a#rouge.on {background-image:url(graph/ssmenu3_on.png);background-color:#fff;}


/* ABOUT */

div#about {
text-align:center;	
}
div#about table {
width:800px;
margin:auto;
text-align:center;
font-family:Arial;
font-size:13px;
color:white;
background-color:black;	
}

div#about table a {color:white;text-decoration : underline;}

div#about td.contacts {text-align:left;}

/* PHOTO */

div#page a#photo {height:420px;}



/* INFOS - MENU BAS */

div#menubas {
	font-family:Arial;
	text-align:center;
	padding:4px;
	}

a#flecheg, a#fleched, a#flechefake {width:16px;height:18px;display:inline-block;}
a#flecheg {background-image:url(graph/fleche_g_off.png);}
a#flecheg:hover {background-image:url(graph/fleche_g_on.png);}
a#fleched {background-image:url(graph/fleche_d_off.png);}
a#fleched:hover {background-image:url(graph/fleche_d_on.png);}
a#flechefake {background-image:url(graph/fleche_fake.png);}

span {padding:0;margin:0;}	
span.numero {display:inline;font-size:11px;font-weight:bold;color:#808080;}

div#menubas {position:absolute;left:300px;background-color:#fff;}
div#menubas table {width:500px;border:0px solid black;line-height:18px;}
div#menubas table tbody {margin:0;}
div#menubas table tr {height:18px;}
div#menubas table tr td {vertical-align:middle;padding:0px 5px 0px 5px;}
div#menubas a {padding:0px;margin:0px;}
div#menubas table tr td.fleches {font-size:0;}

div#menubas h1 {
	padding:0;margin:0;
font-size:13px;
font-weight:bold;
}
h2.infos {font-size:11px;margin:0px;}
h2 span {padding:0px 3px 0px 3px;}

span.technique {color:#000;}
span.support {color:#808080;}
span.taille {color:#000;}
span.annee {color:#808080;}