* { margin: 0; padding: 0; }
html {
font-size: 100%;
/*border: 2px solid yellow;*/
}
body
{
 font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
 /*border: 2px solid blue;*/
   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/fond2.jpg"); /* Une petite image de fond pour �viter d'avoir un vieux fond blanc :p */
   background-position: center;
   background-repeat: repeat;
   background-attachment: fixed;
   font-size: 0.8em;
}

h1/*, p.center*/
{
/*border: 2px solid green;*/
text-align: center;
font-size: 1.2em;
/*color: blue;*/
}
.center {
width: 100%;
position: fixed;
top: 6%;
}

#titre
{
position: fixed;
color: black;
/*border: 2px solid black;*/
margin-bottom: 15%;
font-size: 150%;
width: 80%;
left: 10%;
text-align: center;
top: 2%;
}


a img
{
padding: 1px;
border: 0;
}

#affichage
{
/*border: 2px solid olive;*/
position: absolute;
top: 0%;
background-image: url("../images/fond2.jpg"); /* Une petite image de fond pour �viter d'avoir un vieux fond blanc :p */
   background-position: center;
   background-repeat: repeat;
   background-attachment: fixed;
width: 100%;
height: 100%;
margin: auto;
/*padding: 0%;*/
}



.liste_image
{
/*border: 2px solid teal;*/
width: 20%;
/*height: auto;*/
float: left;
text-align: center;
font-size: 60%;
margin: 6%;
margin-bottom: 3%;
margin-top: 3%;
/*overflow: auto;*/
}

#images {
position: absolute;
height: 100%;
overflow: auto;
/*padding-top: 5%;*/
/*border: 2px solid red;*/
/*left: 5%;*/
width: 100%;
} 

#cadre {
/*border: 2px solid blue;*/
top: 12%;
width: 68%;
height: 75%;
position: absolute;
left: 16%;
}

#home {
position: fixed;
border: 2px solid black;
top: 80%;
padding: 0.5%;
left: 85%;
text-align: center;
}

#home a {
text-decoration: underline;
color: black;
font-style: italic;
font-size: 1.2em;
}

#home a:hover {
text-decoration: none;
color: blue;
font-style: normal;
/*font-size: 1.9em;*/
}


#css {
position: fixed;
width:5%;
height:3.5%;
top: 90%;
right: 92%;
}

#xhtml {
position: fixed;
width:5%;
height:3.5%;
top: 90%;
left: 92%;
}

#rappel {
position: fixed;
top: 85%;
width: 74%;
font-size: 0.7em;
text-align: center;
padding-top: 3%;
right: 13%;
/*border: 2px solid green;*/
}

#pied
{
   padding: 5px;
}

#browser {
position: fixed;
width: 80%;
text-align: center;
font-size: 0.8em;
font-weight: bold;
left: 10%;
top: 95%;
color: red;
text-decoration: underline;
}
#browser a {
color: purple;
}