* { margin: 0; padding: 0; }
html {font-size: 100%;}

body {
font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
background-image: url("../images/fond1.jpg");
background-repeat: repeat;
background-attachment: fixed;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#header {
height: 3%;
}

#conteneur {
position: absolute;
background-image: url("../images/fond1.jpg");
background-repeat: repeat;
background-attachment: fixed;
width: 100%;
height: 100%;
}

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

ul{
  list-style:none;
}

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

.menugauche {
/*border: 2px solid red;*/
position: relative;
left: 25%;
}

#centre {
position: absolute;
overflow: auto;
height: 70%;
width: 45%;
margin-left: 25%;
margin-right: 25%;
margin-top: 8%;
font-size: 1.2em;
/*border: 2px solid black;*/
}

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

#browser a {
color: purple;
}

#nous2 {
width: 15em;
height: 9em;
float: right;
background-image: url("../images/nous_2.jpg");
background-repeat: no-repeat;
padding: 1.5em;
padding-left: 2em;
}

#gauche {
position: absolute;
margin-left:11%;
margin-top:8%;
/*width: 5%;*/
}

#droite {
position: absolute;
margin-left:70%;
margin-top:8%;
/*width: 10%;*/
}

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

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

.menudroit {
display: block;
/*width: 50%;*/
text-align: center;
font-size: 90%;
border: 2px solid black;
margin: 0.8em;
margin-left: 3em;
margin-bottom: 2em;
padding: 0.5%;
}

p {margin: 0 0 2em 0;}

#pied
{
   padding: 5px;
}

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

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

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

#titre
{
  position: absolute;
  width: 100%;
  text-align: center;
  /*margin-left:35%;*/
  margin-top:2%;
}