/* --- STYLES DE BASE --- */

/* Page */
html {
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
    background-image:url(../images/tram.jpg);
  background-repeat:repeat;
}
body {
  margin: 0;
  padding: 0em; /* Remettre à zéro si nécessaire. */
  /* Pensez à utiliser une collection de polices (2), par ex: */
  font-family:  Arial, Verdana, Helvetica, FreeSans, sans-serif;
  font-size: 12px; /* À adapter pour la police choisie. (3) */
  line-height: 14px; /* À adapter au design. (4) */
  color: #032332;
  background: white;
  background-image:url(../images/tram.jpg);
  background-repeat:repeat;
  width:100%;
  height:100%;
  font-size:12px;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
  line-height: 1.2;
  font-weight: bold; /* Valeur par défaut. (6) */
  font-style: normal;
}
h1 {
  font-size: 16px;
  color:#FFF;
  text-transform:uppercase;
}
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: 0; /* Marges plus faibles que par défaut. (7) */
  font-size:12px;
  line-height:12px;
}
address {
  margin: .75em 0;
  font-style: normal;
}

/* Liens */
a {
  text-decoration: underline;
  margin:0px;
  padding:0px;
  color:#e3004a;
}
a:link {
  color: #e3004a;
}
a:visited {
  color: #e3004a;
}
a:hover, a:focus, a:active {
  color: #e3004a;
  text-decoration: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 {
  vertical-align: middle; /* Solution pb. d'alignement. (9) */
  margin:0px;
  padding:0px;
}
ul, li{
	margin:0px;
	padding:0px;
}
li{
	list-style:none;
}
.clean{
clear:both;
font-size:0px;
line-height:0px;
margin:0px;
padding:0px;
border:0px;
}