* { margin: 0; padding: 0; }
html {font-size: 100%;}
/* CSS issu des tutoriels css.alsacreations.com */
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;
}
ul{
 /* La balise est d�clar� en position "relative" afin que les futurs balises A
  * utilisent la balise UL comme point de rep�re de leurs propres coordonn�s absolus
  * NOTE : la position "relative" est pref�r�e a la position "absolute" afin 
  *        de conserver le menu dans le flux HTML
  */
  /*position:relative;
  margin: auto;*/

 /* On supprime les puces pour les elements LI de la balise */
  list-style:none;
	
 /* On s'assure qu'il n'y aura aucun d�calage autour du menu
  * NOTE : il faut d�finir le padding ET le margin car dans le cadre des listes �
  *        puces. Les diff�rents navigateurs utilisent l'une ou l'autre des valeurs
  *        pour afficher les puces et assurer les retraits des elements.
  */
  /*padding: 0px;
 /* margin: 0px;*/
	
 /* On d�finie la largeur et la hauteur de la balise en fonction des dimensions de l'image de fond	
  width:10%;
  height:10%;*/
	
 /* On definit le background de la balise */}

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

.menugauche {
position: relative;
left: 25%;
}
#fr{
  position:absolute;
  display:block;
  width:5em;
  height:4em;
  text-decoration:none;
  top: 5%;
 /* Cet element de menu sera plac� � 300px du bord gauche de son conteneur : la balise UL 
  left:5%;
	
 /* Le texte sera d�call� de 10px vers le bas et de 10px vers la droite tout en laissant 
  * apparaitre le background de la balise 
  * NOTE : La syntaxe courte de padding dans l'ordre est : 
  *        padding: padding-top padding-right padding-bottom padding-left
  */
  /*padding: 0px 0px 0px 0px;	*/
 /* On red�finie le background de la balise */
  background: url("../images/France.gif") no-repeat;
}



/* Il ne reste plus qu'� r�p�ter ces op�rations pour chaque element de menu individuel */

#es{
  position:absolute;
  display:block;
  width:5em;
  height:4em;
  text-decoration:none;
  margin-top:4.5em;
  left:5%;
  background: url("../images/Espagne.gif") no-repeat;
  /*padding: 0px 0px 0px 0px;*/
}



#en{
  position:absolute;
  display:block;
  width:5em;
  height:4em;
  text-decoration:none;
  margin-top:9em;
  left:5%;
  /*padding: 0px 0px 0px 0px;*/
  background: url("../images/RoyaumeUni.gif") no-repeat;
}



#de{
  position:absolute;
  display:block;
  width:5em;
  height:4em;
  text-decoration:none;
  margin-top:13.5em;
  left:5%;
  /*padding: 0px 0px 0px 0px;*/
  background: url("../images/Allemagne.gif") no-repeat;
}



#be{
  position:absolute;
  display:block;
  width:5em;
  height:4em;
  text-decoration:none;
  margin-top:18em;
  left:5%;
  /*padding: 0px 0px 0px 0px;*/
  background: url("../images/Belgique.gif") no-repeat;
}

#header {
height: 50px;
}
#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;
}


#centre {
position: absolute;
overflow: auto;
height: 90%;
width: 45%;
margin-left: 25%;
margin-right: 25%;
font-size: 1.2em;
}
#browser {
font-size: 1em;
font-weight: bold;
color: teal;
text-decoration: underline;
}
#browser a {
color: purple;
}
#nous2 {
width: 20%;
height: 20%;
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:5%;
width: 5%;
}
#droite {
position: absolute;
margin-left:70%;
margin-top:5%;
/*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: 11em;
text-align: center;
border: 2px solid black;
margin: 0.8em;
margin-left: 3em;
margin-bottom: 2em;
padding: 0.2em;
}
p {margin: 0 0 2em 0;}

#pied
{
   padding: 5px;
}

#css 
{
  position:absolute;
  display:block;
  width:4em;
  height:1em;
  /*text-decoration:none;*/
  top: 93.6%;
  right: 4%;
}

#xhtml 
{
  position:absolute;
  display:block;
  width:4em;
  height:1em;
  /*text-decoration:none;*/
  top: 93.6%;
  right: 95%;
}