/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%; /* �vite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin: 0; 
  padding: 0; /* Remettre � z�ro si n�cessaire. */ 
  /* Pensez � utiliser une collection de polices (2), par ex: 
  font-family: Arial, Helvetica, FreeSans, sans-serif; */ 
  font-size: 1em; /* � adapter pour la police choisie. (3) */ 
  line-height: 1.5; /* � adapter au design. (4) */ 
  color: black; 
  background-image:url(../images/fondb.jpg);
  background-repeat:repeat-x; /* r�p�tition qu'� l'horizontal */
  font-family:Arial, Helvetica, sans-serif;
} 

#page{
	width: 980px;
	/*background-color:#FFFFFF;*/
	margin: 0em auto 2em auto; /* haut droite bas gauche */
	text-align: left;
}

#entete{
	/*background: url(../flash/bandeau.swf) no-repeat left top;*/
	height:170px;
}


/***** CONTENU de la page => textes et graphiques
-------------------------------------------------------- */

#contenu {
	background-color:#FFFFFF;
	width:980px;
	padding: 4em 0px 10px 0px; /* haut droite bas gauche */
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	text-align:justify;
}



#contenu td .bleu a:link{
	color:#003366;	/*bleu*/
	font-size:15px;
	font-weight:bold;
	text-decoration:none;

}
#contenu td .bleu a:visited{
	color:#003366;	/*bleu*/
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
#contenu td .bleu a:hover{
	color:#003366;	/*bleu*/
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}

#contenu td .bleu a:active{
	color:#003366;	/*bleu*/
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}


/***** IMAGE
-------------------------------------------------------- */
/*div[id=formulaire] {
	position: fixed !important;
}
}*/
#formulaire
{
	position:absolute;
	margin-left:42px;
	margin-top:60px;
}
/*div[id=buy] {
	position: fixed !important;
}
}*/
#buy
{
	position:absolute;
	margin-top:40px;
	left: 893px;
	top: 165px;
}
/*div[id=homme] {
	position: fixed !important;
}
}*/
#homme
{
	position:absolute;
	margin-left:812px;
	margin-top:170px;
}

/*div[id=help] {
	position: fixed !important;
}
}*/
#help
{
	position:absolute;
	margin-left:870px;
	margin-top:65px;


}
#bulle
{
	position:absolute;
	margin-left:30px;
	margin-top:480px;
	}



/***** Pied de Page 
-------------------------------------------------------- */
#pied_page {
	padding: 50px 0px 10px 0px; /* haut droite bas gauche */
	text-align:center;
	color:#004a9f; /* bleu */
	font-size:13px;
}




/* Titres */
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 0 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.5; 
  /*font-weight: bold;  Valeur par d�faut. (6) */ 
  font-style: normal; 
  color:#003366;
} 
h1 { 
  font-size: 1.3em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
/*ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} */
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par d�faut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens 
a { 
  text-decoration: underline; 
} 
a:link { 
  color: #11C; 
} 
a:visited { 
  color: #339; 
} 
a:hover, a:focus, a:active { 
  color: #00F; 
} */ 
/* Pas de bordure pointill�e ou halo lors du clic sur un lien 
a:active { 
  outline: none; 
} */ 

/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers �l�ments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select, textarea { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
  border:1px solid #777777;
}

/*
Certaines lignes de code sont comment�es. Les num�ros entre parenth�ses renvoient aux notes suivantes:

   1. Bug d�crit sur la page suivante: Bug avec l�unit� relative em et Internet Explorer.
   2. Pour un choix de collections de polices (font-family, voir Quelles polices de caract�res (fontes) utiliser sur le Web?.
   3. Ici, on utilise les styles de l'�l�ment body pour d�finir la taille du texte globale pour le site. Une police Arial ou Helvetica � .8em, soit 80% de la taille du texte par d�faut du navigateur, fournit une bonne lisibilit�. Il faudra adapter cette valeur suivant la police choisie, les besoins du design, etc.
   4. Les valeurs 1.1 et 1.2 conviennent marchent bien pour les titres, voire pour le texte dans des colonnes �troites. Pour des lignes de texte plus longues, on utilisera plut�t des valeurs entre 1.2 (120%) et 1.8 (180%).
   5. Avec les styles par d�faut des navigateurs, les titres ont souvent une marge sup�rieure et une marge inf�rieure �gales. Du coup, on ne reconnait 

