#tableaux {
	width: 99%;
}

#table1, #table2, #table3, #table4 {
	float: left;
	width: 23%;
	padding: 5px;
}

#photo {
	position: absolute;
	top: 130px;
	left: 40px;
}

#anc0, #anc1, #p1, #m1, #gp1, #gm1, #gp2, #gm2, #agp1, #agm1, #agp2, #agm1, #agp2, #agm2, #agp3, #agm3, #agp4, #agm4 {
	border-style: groove;
	border-width: 3px;
	padding: 7px;
}

#anc0, #p1, #gp1, #gp2, #agp1, #agp2, #agp2, #agp3, #agp4 {
	background-color: #C0C0FF;
}

#anc1, #m1, #gm1, #gm2, #agm1, #agm1, #agm2, #agm3, #agm4 {
	background-color: #FFC0C0;
}

#anc0, #anc1 {
	margin-top: 150px;
}

#p1 {
	margin-top: 65px;
	margin-bottom: 27px;
}

#m1 {
	margin-top: 27px;
}

#gp1, #gm1, #gp2, #gm2 {
	font-size: 0.8em;
	margin-top: 35px;
	margin-bottom: 35px;
}

#agp1, #agm1, #agp2, #agm1, #agp2, #agm2, #agp3, #agm3, #agp4, #agm4 {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 0.75em;
}

#legende {
	position: relative;
	width: 100%;
}