body {
background-color:#fbe385;
font-family:"Trebuchet MS", sans-serif;
font-size:62.5%; /* Pour que 1.2 em = 12 px */
color:#014a86;
}

div#conteneur {
width:760px;
height:425px;
position:absolute;
left: 50%;
top: 50%;
margin-top: -213px; /* moiti? de la hauteur */
margin-left: -375px; /* moiti? de la largeur */
}

div#conteneur div#haut {
width:760px;
height:96px;
position:absolute;
top:0;
background:url(../structure/fond_haut.gif) no-repeat;
}

div#conteneur div#haut h1 a {
width:464px;
height:78px;
position:absolute;
top:-25px; left:194px;
background:url(../structure/titre.png) !important;
background:url(../structure/enfants.gif) bottom no-repeat;
}

div#conteneur div#haut h1 span {
display:none;
}

div#conteneur div#haut ul {
position:absolute;
left:128px;
list-style:none;
}

div#conteneur div#haut li {
display:inline;
}

div#conteneur div#haut li a span {
display:none;
}

div#conteneur div#haut li#auteurs a {
width:75px;
height:41px;
position:absolute;
left:90px; top:35px;
background:url(../structure/auteurs_petit.gif) no-repeat;
}

html>body div#conteneur div#haut li#auteurs a {
 top:25px;
background:url(../structure/auteurs_petit.png) no-repeat;
}


html>body div#conteneur div#haut li#auteurs a:hover {
width:107px;
height:58px;
position:absolute;
background:url(../structure/auteurs.png) no-repeat;
z-index:100;
}

div#conteneur div#haut li#pharaons a {
width:59px;
height:75px;
position:absolute;
left:180px; top:20px;
background:url(../structure/pharaons_petit.gif) no-repeat;
}

html>body div#conteneur div#haut li#pharaons a {
top:0;
background:url(../structure/pharaons_petit.png) no-repeat;
}

html>body div#conteneur div#haut li#pharaons a:hover {
width:118px;
height:150px;
position:absolute;
background:url(../structure/pharaons.png) no-repeat;
z-index:100;
}

div#conteneur div#haut li#dieux a {
width:80px;
height:75px;
position:absolute;
left:250px;  top:20px;
background:url(../structure/dieux_petit.gif) no-repeat;
}

html>body div#conteneur div#haut li#dieux a {
left:270px; top:0;
background:url(../structure/dieux_petit.png) no-repeat;
}

html>body div#conteneur div#haut li#dieux a:hover {
width:118px;
height:150px;
position:absolute;
background:url(../structure/dieux.png) no-repeat;
z-index:100;
}

div#conteneur div#haut li#hieroglyphes a {
width:49px;
height:75px;
position:absolute;
left:335px; top:15px;
background:url(../structure/hieroglyphes_petit.gif) no-repeat;
}

html>body div#conteneur div#haut li#hieroglyphes a {
left:360px; top:0;
background:url(../structure/hieroglyphes_petit.png) no-repeat;
}

html>body div#conteneur div#haut li#hieroglyphes a:hover {
width:118px;
height:150px;
position:absolute;
background:url(../structure/hieroglyphes.png) no-repeat;
z-index:100;
}

div#conteneur div#haut li#egyptologie a {
width:92px;
height:75px;
position:absolute;
left:400px; top:20px;
background:url(../structure/egyptologie_petit.gif) no-repeat;
}

html>body div#conteneur div#haut li#egyptologie a {
left:420px; top:0;
background:url(../structure/egyptologie_petit.png) no-repeat;
}

html>body div#conteneur div#haut li#egyptologie a:hover {
width:176px;
height:144px;
position:absolute;
background:url(../structure/egyptologie.png) no-repeat;
z-index:100;
}

div#conteneur div#bas {
width:760px;
height:101px;
position:absolute;
bottom:0; top:326px;
background:url(../structure/fond_bas.gif) no-repeat;
}

div#conteneur div#gauche {
width:128px;
height:230px;
position:absolute;
left:0; top:96px;
background:url(../structure/fond_gauche.gif) no-repeat;
}

div#conteneur div#contenu {
width:517px;
height:230px;
position:absolute;
background-color:#f7c35a;
left:128px; top:96px;
overflow: auto;
font-size:1.4em;
}

div#conteneur div#droite {
width:117px;
height:230px;
position:absolute;
right:0; top:96px;
background:url(../structure/fond_droite.gif) no-repeat;
}

ul#menu {
list-style:none;
position:absolute;
top:90px; left:0;
}


ul#menu li a {
font-size:1.5em;
}

h3 {
font-family:georgia,serif;
font-size:2em;
}