* { margin: 0; padding: 0; }
html {font-size: 100%;}
body
{
font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
   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.8em;
}
#conteneur {
position: absolute;
top: 0%;
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;
padding-top: 2%;
width: 100%;
height: 100%;
}
img.center {
display: block;
position: fixed;
width: 90%;
height: 90%;
margin-left: 5%;
margin-right: 5%;
text-align: center;
}

#sign_in {
position: fixed;
right: 40%;
top: 10%;
padding: 0.1em;
font-size: 80%;
border: 2px solid black;
margin-top: 7%;
margin-right: 2em;
}

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

.slash {
font-size: 1.2em;
text-decoration: none;
}
.inp {
font-size: 1.2em;
position: fixed;
/*font-style: bold;*/
left: 25%;
top: 75%;
}
.name{
/*border: 2px solid blue;*/
position: fixed;
top: 25%;
font-size: 1.2em;
text-decoration: underline;
height: 2em;
left: 20%;
}

.dates{
/*border: 2px solid blue;*/
position: fixed;
bottom: 62%;
font-size: 1.2em;
text-decoration: underline;
height: 2em;
left: 20%;
}


.comment{
/*border: 2px solid yellow;*/
position: fixed;
top: 45%;
font-size: 1.2em;
text-decoration: underline;
height: 2em;
left: 20%;
}

.formulaire
{
/*  border: 2px solid green;*/
  width: 60%;
  position: fixed;
  height: 85%;
  margin: auto;
  top: 4%;
  left: 20%;
  font-size: 80%;
/*  padding-top: -20%;*/
}
.form {
/*border: 2px solid red;*/
position: fixed;
width: 60%;
top: 50%;
left: 20%;
font-size: 80%;
text-decoration: underline;
}
.accueil {
/*border: 2px solid yellow;*/
width: 80%;
left: 10%;
text-align: center;
position: fixed;
top: 15%;
/*font-size: ;*/
text-decoration: underline;
}

.noformulaire
{
  /*border: 2px solid green;*/
  width: 70%;
  position: absolute;
  margin: auto;
  left: 27%;
  font-size: 1.2em;
}
#affichage {
position: absolute;
left: 40%;
margin-top: 38%;
width: 85%;
}
#noaffichage {
/*border: 2px solid red;*/
position: absolute;
margin-top: 15%;
margin-left: 7%;
width: 85%;
}

.menugauche {
position: fixed;
right: 1%;
top: 80%;
display: block;
width: 15%;
text-align: center;
border: 2px solid black;
margin: 0.8em;
padding: 0.2em;
}

.annul {
position: fixed;
left: 20%;
top: 78%;
display: block;
width: 11em;
text-align: center;
/*border: 2px solid black;*/
margin: 0.8em;
padding: 0.2em;
}

.pages
{
position: fixed;
text-align: left;
/*float: auto;*/
/*border: 2px solid yellow;*/
width: 8em;
right: 5%;
bottom: 15%;
font-size: 1.3em;
padding: 0.2em;
}
.pages a {
text-decoration: none;
color: black;
}

.pages a:visited {
text-decoration: none;
color: teal;
}
.page_on {
text-decoration: underline;
color: olive;
}
#home{
text-decoration: underline;
color: black;
font-style: italic;
font-size: 1.4em;
}
#home:hover{
text-decoration: none;
color: blue;
font-style: normal;

}
#overflow{
  position: fixed;
  /*border: 2px solid blue;*/
  overflow: auto;
  height: 60%;
  width: 70% ;
  margin-left: 3%;
}

.commentaire {
display: block;
top: 2%;
width: 80%;
text-align: left;
border: 2px dotted olive;
margin-left: 5%;
margin-top: 10%;
margin-bottom: 3%;
padding: 1%;
}
.nom {
font-size: 1.5em;
text-decoration: underline;
}
.date {
font-size: 1.5em;
text-decoration: underline;
}
.text {
width: 100px;
font-size: 1.5em;
font-style: italic;
}
#pied
{
   padding: 5px;
}

#css 
{
  position: fixed;
  left: 2%;
  display:block;
  width:5%;
  height:3.5%;
  top: 93.6%;
}

#xhtml 
{
  position:fixed;
  display:block;
  width:5%;
  height:3.5%;
  top: 93.6%;
  right: 2%;
}

#rappel
{
  position:fixed;
  width: 80%;
  left: 10%;
  height:0.5em;
  text-align: center;
  /*text-decoration:none;*/
  top: 95%;
  /*border: 2px solid black;*/
}

#titre
{
  position: fixed;
  width: 100%;
  text-align: center;
  /*margin-left:35%;*/
  margin-top:0%;
  font-size: 80%;
  /*border: 2px solid red;*/
}

#prev {
position: fixed;
top: 75%;
left: 88%;
display: block;
width:3.5%;
height:5%;
/*border: 2px solid red;*/
}

#next {
position: fixed;
top: 75%;
left: 92%;
display: block;
width:3.5%;
height:5%;
/*border: 2px solid blue;*/
}