* { margin: 0; padding: 0; }
html {font-size: 100%;}
body
{
   font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
   /*border: 2px solid purple;*/
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour �viter de coller avec le haut de la fen�tre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url("../images/fond1.jpg"); /* Une petite image de fond pour �viter d'avoir un vieux fond blanc :p */
   background-position: center;
   /*background-repeat: no-repeat;*/
   background-attachment: fixed;
   font-size: 0.7em;
}

#conteneur {
position: fixed;
/*border: 2px solid blue;*/
top: 20px;
text-align: center;
width: 99%;
height: 99%;
}

.center {
display: block;
position: fixed;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
/*margin-left: 5%;
margin-right: 5%;*/
text-align: center;
}

#titre
{
/* border: 2px solid black;*/
 position: fixed;
 top: 5%;
 width: 100%;
 font-size: 0.8em;
 text-align: center;
}

#text
{
position: absolute;
top: 6%;
/*border: 2px solid green;*/
width: 90%;
left: 5%;
font-size: 1.2em;
}

#backlinks {
/*border: 2px solid red;*/
position: fixed;
top: 22%;
margin: auto;
overflow: auto;
left: 6%;
width: 80%;
height: 68%;
}


.links{
/*border: 2px solid red;*/
width: 25%;
height: 17%;
float: left;
text-align: center;
margin: 3%;
margin-bottom: 2%;
margin-top: 2%;
}

.hidden {
 position:absolute; 
 left:0; 
 margin-top:-1000px; 
 width:1px; 
 height:1px; 
 overflow:hidden; 
}

a:focus span.hidden { 
display:block; 
font-size:90%; 
width:auto;
height:auto; 
color:#4b4b4b; 
position:relative; 
margin:-15% 0 0 5%; 
padding:3%; 
background-color:#fffff4; 
border:1px solid #cacaca; 
text-decoration:none;
}

#home {
position: absolute;
top:80%;
/*width: 10%;*/
left: 89%;
margin: auto;
padding: 0.5%;
text-align: center;
border: 2px solid black;
}

#home a {
text-decoration: underline;
color: black;
font-style: italic;
font-size: 1.6em;
}
#home a:hover {
text-decoration: none;
color: blue;
font-style: normal;
}

#pied
{
  padding: 5px;
}

#css 
{
  position: absolute;
  display:block;
  width:5%;
  height:3.5%;
  top: 90%;
  left: 1%;
/*  background: url("../images/vcss.gif") no-repeat;*/
}

#xhtml 
{
  position:absolute;
  display:block;
  width:5%;
  height:3.5%;
  top: 90%;
  right: 1%;
  /*background: url("../images/xhtml.png") no-repeat;*/
}

#rappel
{
  position:fixed;
  width: 80%;
  left: 10%;
  height:0.5em;
  text-align: center;
  top: 95%;
}