html { 
  font-size: 100%; /* bug IE 6-7 */ 
} 
body { 
  margin: 0; 
  padding: 0 ;
  font-family: Arial, Helvetica, FreeSans, sans-serif; 
  font-size: .8em; 
  line-height: 1.4; 
  color: #585857; 
  background: white; 
} 


/* titres */
 
h1, h2, h3, h4, h5, h6 { 
  font-family:  "Trebuchet MS", Arial ;
  color: #98bc3a ;
  margin: 0em 0 .5em 0; 
  line-height: 1.2; 
  font-style: normal; 
}

h1:first-letter, h2:first-letter,
h3:first-letter, h4:first-letter {
	text-transform: capitalize;
}	

h1 { 
  font-size: 2em; 
} 
h2 { 
  font-size: 1.25em;
} 
h3 { 
  font-size: 1.15em;
  color: #2a83c7 ; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 
/* Paragraphes */ 
p { 
  margin: 0px ;
  padding: 0em 0em 0.9em 0em; 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
  text-decoration: none; 
  border: none ;
} 
a:link { 
  color: #2a83c7 ;
} 
a:visited { 
  color: #2a83c7 ;
} 
a:hover, a:focus, a:active { 
  color: #2a83c7 ;
} 
/* 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: 0 ; 
  margin: 0 ;
}

img {
	border: none ;	
}

ul {
	margin: 0px ;
}	
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* solution probleme d'alignement */ 
}

.clear-both {
	clear: both ;	
}

.centre {
	margin: 0px auto ;	
}

.droite {
	float: right;	
}

.gauche {
	float: left ;	
}

.texte-droite {
	text-align: right ;	
}

.texte-gauche {
	text-align: left ;	
}

.texte-centre {
	text-align: center ;	
}

.vert {
	color: #98bc3a ;
}

.bleu {
	color: #2a83c7 ;
}