* { 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;
}

h3
{
text-align: center;
text-decoration: underline;
color: black;
font-size: 1.2em;
}

#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;
margin: auto;
width: 100%;
height: 100%;
}
img.center {
display: block;
position: fixed;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
/*margin-left: 5%;*/
margin-right: 5%;
text-align: center;
}


#contact
{
position: absolute;
left: 28%;
margin-top: 8%;
/*margin-left: 25%;*/
margin-right: 25%;
width: 45%;
text-align: center;
font-size: 1.5em;
/*border: 2px solid black;*/
}

/*#bonair
{
border: 2px solid red;
text-decoration: underline;
display: block;
height: 0.5em;
font-size: 1.5em;
margin: 5%;
margin-top: 10%;
}*/

#luc
{
/*border: 2px solid teal;*/
display: block;
height: 5%;
margin: auto;
top: 10%;
}

#luc em
{
font-style: normal;
font-size: 1.2em;
}

#align
{
/*border: 2px solid yellow;*/
margin-left: 11%;
}
#carte
{
/*border: 2px solid blue;*/
position: absolute;
right: 5%;
top: 25%;
margin-left: 10%;
width: 15%;
}


#carte a
{
text-decoration: underline;
color: black;
font-style: italic;
font-size: 98%;
}

#carte a:hover
{
text-decoration: none;
color: blue;
font-style: normal;
/*font-size: 1.6em;*/
}
.menugauche {
text-align: center;
border: 2px solid black;
margin: 7%;
padding: 1%;
}

a img
{
padding: 1px;
border: 0;
}
#pied
{
   padding: 5px;
}

#css 
{
  position:absolute;
  display:block;
  width:5%;
  height:3.5%;
  /*text-decoration:none;*/
  top: 88%;
  right: 2%;
}

#xhtml 
{
  position:absolute;
  display:block;
  width:5%;
  height:3.5%;
  /*text-decoration:none;*/
  top: 88%;
  left: 2%;
}

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

#titre
{
  position: absolute;
  width: 80%;
  text-align: center;
  font-size: 0.9em;
  left:10%;
  margin-top:3%;
  /*border: 2px solid red;*/
}


#browser {
position: absolute;
width: 100%;
text-align: center;
font-size: 1em;
font-weight: bold;
top: 92%;
color: red;
text-decoration: underline;
}
#browser a {
color: purple;
}