body {
	background-color: #CAB99F;
	margin: 0px
	}
div#conteneur {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	}
div#contenu  {
	margin-left: -398px;
	position: absolute;
	top: -280px;
	left: 50%;
	width: 795px;
	height: 559px;
	background-image: url(../images/fond.gif);
	background-color: transparent;
	}
div#serie1 {
position: absolute;
top: 0px;
left: 0px;
width: 178px;
height: 210px;
}
div#serie1 a {
display: block;
width: 178px;
height: 210px;
text-decoration: none; /* d?finition du lien qui affichera le "calque" */
background: url(../images/serie1.gif);
}
div#serie1 a:hover {
background-image: url(../admin/images/series/ac_s1.gif);
}
div#serie2 {
position: absolute;
top: 0px;
left: 178px;
width: 145px;
height: 210px;
}
div#serie2 a {
display: block;
width: 145px;
height: 210px;
text-decoration: none; /* d?finition du lien qui affichera le "calque" */
background: url(../images/serie2.gif);
}
div#serie2 a:hover {
background-image: url(../admin/images/series/ac_s2.gif);
}
div#serie3 {
position: absolute;
top: 0px;
left: 323px;
width: 165px;
height: 210px;
}
div#serie3 a {
display: block;
width: 165px;
height: 210px;
text-decoration: none; /* d?finition du lien qui affichera le "calque" */
background: url(../images/serie3.gif);
}
div#serie3 a:hover {
background-image: url(../admin/images/series/ac_s3.gif);
}
div#serie4 {
position: absolute;
top: 0px;
left: 488px;
width: 134px;
height: 210px;
}
div#serie4 a {
display: block;
width: 134px;
height: 210px;
text-decoration: none; /* d?finition du lien qui affichera le "calque" */
background: url(../images/serie4.gif);
}
div#serie4 a:hover {
background-image: url(../admin/images/series/ac_s4.gif);
}
div#serie5 {
position: absolute;
top: 0px;
left: 622px;
width: 173px;
height: 210px;
}
div#serie5 a {
display: block;
width: 173px;
height: 210px;
text-decoration: none; /* d?finition du lien qui affichera le "calque" */
background: url(../images/serie5.gif);
}
div#serie5 a:hover {
background-image: url(../admin/images/series/ac_s5.gif);
}

div#donnees (
	width: 795px;
	height: 559px;
)
img {
margin-left: 50px;
margin-bottom: 50px;
}
a img {
border: 0px;
}
div#serie1 {
position: absolute;
top: 0px;
left: 0px;
width: 178px;
height: 210px;
}
div#serie1 a {
display: block;
width: 178px;
height: 210px;
text-decoration: none; /* dˇfinition du lien qui affichera le "calque" */
background: url(../images/serie1.gif);
}
div#serie1 a:hover {
background-image: url(../admin/images/series/ac_s1.gif);
}
div#serie2 {
position: absolute;
top: 0px;
left: 178px;
width: 145px;
height: 210px;
}
div#serie2 a {
display: block;
width: 145px;
height: 210px;
text-decoration: none; /* dˇfinition du lien qui affichera le "calque" */
background: url(../images/serie2.gif);
}
div#serie2 a:hover {
background-image: url(../admin/images/series/ac_s2.gif);
}
div#serie3 {
position: absolute;
top: 0px;
left: 323px;
width: 165px;
height: 210px;
}
div#serie3 a {
display: block;
width: 165px;
height: 210px;
text-decoration: none; /* dˇfinition du lien qui affichera le "calque" */
background: url(../images/serie3.gif);
}
div#serie3 a:hover {
background-image: url(../admin/images/series/ac_s3.gif);
}
div#serie4 {
position: absolute;
top: 0px;
left: 488px;
width: 134px;
height: 210px;
}
div#serie4 a {
display: block;
width: 134px;
height: 210px;
text-decoration: none; /* dˇfinition du lien qui affichera le "calque" */
background: url(../images/serie4.gif);
}
div#serie4 a:hover {
background-image: url(../admin/images/series/ac_s4.gif);
}
div#serie5 {
position: absolute;
top: 0px;
left: 622px;
width: 173px;
height: 210px;
}
div#serie5 a {
display: block;
width: 173px;
height: 210px;
text-decoration: none; /* dˇfinition du lien qui affichera le "calque" */
background: url(../images/serie5.gif);
}
div#serie5 a:hover {
background-image: url(../admin/images/series/ac_s5.gif);
}
div#biblio {
position: absolute;
top: 352px;
left: 150px;
width: 125px;
height: 135px;
}
div#biblio a {
display: block;
width: 144px;
height: 140px;
text-decoration: none; /* dˇfinition du lien qui affichera le "calque" */
}
div#biblio a:hover {
background: none; /* correction d'un bug IE */
}
div#biblio a span { /* dˇfinition de la balise <span> inclue dans <a> */
display: none;
}
div#biblio a:hover span { /* dˇfinition de la balise <span> au survol */
display: inline;
position: absolute;
top: -142px;
left: 129px;
width: 356px;
height: 325px;
background-image: url(../images/y_bio.gif);
background-color: transparent;
}
div#archives {
position: absolute;
top: 215px;
left: 5px;
width: 144px;
height: 140px;
}
div#archives a {
display: block;
width: 144px;
height: 140px;
text-decoration: none; /* dˇfinition du lien qui affichera le "calque" */
}
div#archives a:hover {
background: none; /* correction d'un bug IE */
}
div#archives a span { /* dˇfinition de la balise <span> inclue dans <a> */
display: none;
}
div#archives a:hover span { /* dˇfinition de la balise <span> au survol */
display: inline;
position: absolute;
top: -5px;
left: 274px;
width: 356px;
height: 325px;
background-image: url(../images/y_archives.gif);
background-color: transparent;
}
div#travaux {
position: absolute;
top: 340px;
left: 5px;
width: 144px;
height: 140px;
}
div#travaux a {
display: block;
width: 144px;
height: 140px;
text-decoration: none; /* dˇfinition du lien qui affichera le "calque" */
}
div#travaux a:hover {
background: none; /* correction d'un bug IE */
}
div#travaux a span { /* dˇfinition de la balise <span> inclue dans <a> */
display: none;
}
div#travaux a:hover span { /* dˇfinition de la balise <span> au survol */
display: inline;
position: absolute;
top: -130px;
left: 274px;
width: 356px;
height: 325px;
background-image: url(../images/y_travaux.gif);
background-color: transparent;
}
div#contact {
position: absolute;
top: 460px;
left: 70px;
width: 138px;
height: 87px;
}
div#contact a {
display: block;
width: 138px;
height: 87px;
text-decoration: none; /* dˇfinition du lien qui affichera le "calque" */
}
div#contact a:hover {
background: none; /* correction d'un bug IE */
}
div#contact a span { /* dˇfinition de la balise <span> inclue dans <a> */
display: none;
}
div#contact a:hover span { /* dˇfinition de la balise <span> au survol */
display: inline;
position: absolute;
top: -250px;
left: 209px;
width: 356px;
height: 325px;
background-image: url(../images/y_contact.gif);
background-color: transparent;
}

div#carnets {
position: absolute;
top: 212px;
left: 643px;
width: 144px;
height: 140px;
}
div#carnets a {
display: block;
width: 144px;
height: 140px;
text-decoration: none; /* dˇfinition du lien qui affichera le "calque" */
}
div#carnets a:hover {
background: none; /* correction d'un bug IE */
}
div#carnets a span { /* dˇfinition de la balise <span> inclue dans <a> */
display: none;
}
div#carnets a:hover span { /* dˇfinition de la balise <span> au survol */
display: inline;
position: absolute;
top: -2px;
left: -364px;
width: 356px;
height: 325px;
background-image: url(../images/y_carnets.gif);
background-color: transparent;
}
div#portraits {
position: absolute;
top: 390px;
left: 528px;
width: 154px;
height: 157px;
}
div#portraits a {
display: block;
width: 154px;
height: 157px;
text-decoration: none; /* dˇfinition du lien qui affichera le "calque" */
}
div#portraits a:hover {
background: none; /* correction d'un bug IE */
}
div#portraits a span { /* dˇfinition de la balise <span> inclue dans <a> */
display: none;
}
div#portraits a:hover span { /* dˇfinition de la balise <span> au survol */
display: inline;
position: absolute;
top: -180px;
left: -249px;
width: 356px;
height: 325px;
background-image: url(../images/y_portraits.gif);
background-color: transparent;
}
div#liens {
position: absolute;
top: 400px;
left: 670px;
width: 120px;
height: 150px;
}
div#liens a {
display: block;
width: 120px;
height: 150px;
text-decoration: none; /* dˇfinition du lien qui affichera le "calque" */
}
div#liens a:hover {
background: none; /* correction d'un bug IE */
}
div#liens a span { /* dˇfinition de la balise <span> inclue dans <a> */
display: none;
}
div#liens a:hover span { /* dˇfinition de la balise <span> au survol */
display: inline;
position: absolute;
top: -190px;
left: -391px;
width: 356px;
height: 325px;
background-image: url(../images/y_liens.gif);
background-color: transparent;
}
div#pied {
position: absolute;
top: 560px;
left: 0px;
font-size: 0.70em;
color: #846539;
text-align: left;
}