/***********************************
Feuille de style des pages d'accueil
***********************************/

body {background-color:#F1EED7;}
#centrage {position:absolute; width:800px; height:600px;margin-top: -300px;margin-left: -400px;top: 50%;left: 50%;color: #fff;}

img, img a {border:0;}
a:link {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;font-style: normal;font-weight: normal;color: #000;text-decoration: none;}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;font-style: normal;font-weight: normal;color: #000;text-decoration: none;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;font-style: normal;font-weight: bold;text-decoration: none;}
a:active {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;font-style: normal;font-weight: normal;color: #666;text-decoration: none;}

#documentation {position:absolute; left:580px; top:400px; width:120px; height:61px; z-index:100;}
#agora {position:absolute; left:100px; top:400px; width:120px; height:100px; z-index:100;}
#vivre {position:absolute; left:460px; top:370px; width:120px; height:100px; z-index:100;}
#leonardo {position:absolute; left:600px; top:480px; width:120px; height:61px; z-index:100;}

/****** Pied drapeaux*******/
#pied {position:absolute;top:480px;left:150px;width:500px;}
#pied ul{text-align:center;}
#pied li {display:inline}
#pied li {padding:4px;}

#pied a span {display:none;}
#pied a:hover span {display:block;position:absolute;top:500px;left:150px;width:500px;}