<style type="text/css">/* CSS issu des tutoriels css.alsacreations.com */body {font-family: Arial, Helvetica, Verdana, sans-serif;font-size: 0.7em;margin: 0;padding: 0;}#header {height: 20px;background-color: white;
font: 70% helvetica, verdana, arial, sans-serif;}
#haut {height: 30px;background-color:white;}#conteneur {position: relative;width: 750px;margin: 0 auto; background-color: white;}#centre {background-color:white;margin-left: 100px;margin-right: 70px;
background: white;}#gauche {position: absolute;
z-index: 100;left:0;width: 80px;
top: 30px;
text-align: center;
font: 80% helvetica, verdana, arial, sans-serif;}
#orangebarre { position: absolute;
background-color: orange;
height: 4px;
left: 0px;
width: 80px;
text-align: center;}
#numeropage { position: absolute;
z-index: 200;
background-color: orange;
height: 4px;
top: 24px;
width: 4px;
text-align: center;}#droite {position: absolute;right:0;width: 60px;
top: 400px;
font: 30% helvetica, verdana, arial, sans-serif;}#pied {height: 100px;background-color: white;}


/* menu haut */
.menuhaut {list-style-type: none;width: 100%; /* précision pour Opera */
margin: 0;padding:0 0 0 110px;}.menuhaut li {float: left;height: 20px;line-height: 10px;}.menuhaut a {float: left;margin: 0 8px;text-align: center;color: white;text-decoration: none;
cursor: default;
border: 1px outset orange;}.menuhaut a:hover {text-decoration: none;
background: orange;
color: orange;}

.numero1 {
left: 126px; 
}
.numero2 {
left: 162px; 
}

/* menu de gauche */.menugauche {list-style-type: none;margin: 0;padding:0;}.menugauche li {margin-bottom: 5px;}.menugauche a {margin: 0 2px;color: silver;text-decoration: none;
cursor: default;
background-color: white;}.menugauche a:hover {text-decoration: underline;
background-color: white;}
.menugauche a:focus, .menudroit a:active {
text-decoration: none;
color: orange;}
.a {
   top: 37px; 
}
.i {
   top: 59px; 
}
.o {
   top: 117px;
}
.d {
   top: 104px;
}
.cv {
   top: 116px;
}
.c {
   top: 136px;
}

/* menu de droite  */.menudroit {list-style-type: none;margin: 0;padding:0;}.menudroit li {margin-bottom: 15px;
margin: 10px 0;height: 5px;line-height: 5px;text-align: left;}.menudroit a {margin: 0 2px;color: white;text-decoration: none;
cursor: default;
border: 1px solid orange;}.menudroit a:hover {text-decoration: none;
background: orange;
color: orange;}
.menudroit a:focus, .menudroit a:active {
text-decoration: none;
background: orange;
color: orange;}


/* paragraphes du centre */p {margin: 0 0 10px 0;
font: 80% verdana, arial, helvetica, sans-serif;
color: silver;
}
.capitale {
font-variant: small-caps;
color: gray}

/* calque texte s'affichant au passage de la souris */
a {
color: silver;text-decoration: none; /* définition du lien qui affichera le "calque" */}a:hover {
cursor: default;color: orange; /* correction d'un bug IE */}a span { /* définition de la balise <span> inclue dans <a> */display: none;}a:hover span { /* définition de la balise <span> au survol */display: inline;position: absolute;top: 100px; /* positions et dimensions du calque, que vous pouvez changer à loisir */width: 567px;height: 396px;
left: 250px;background: white;text-align: left;color: silver;}


/* menu des cubes */
.pages {list-style-type: none;width: 100%; /* précision pour Opera */
margin: 0;padding:0 0 0 110px;}.pages li {float: left;height: 20px;line-height: 10px;}.pages a {float: left;margin: 0 8px;text-align: center;color: white;text-decoration: none;
cursor: default;
border: 1px outset orange;}.pages a:hover {text-decoration: none;
background: orange;
color: orange;}
.numero1 {
left: 123px; 
}
.numero2 {
left: 153px; 
}
</style>