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



/* http://www.alsacreations.com/astuce/lire/654-feuille-de-styles-de-base.html*/



/* Pour avoir le meme rendu sur tout les navigateurs */



/* Page */ 

#infobull html { 

  font-size: 100%; /* Évite un bug d'IE 6-7. */ 

} 

#infobull body { 

  margin: 0; 

  padding: 1em; /* Remettre à zéro si nécessaire. */ 

  font-family: Arial, Helvetica, Verdana, FreeSans, sans-serif; 

  font-size: .8em; /* À adapter pour la police choisie. */ 

  line-height: 1.4; /* À adapter au design. */ 

  color: black; 

  background: white; 

} 

 

/* Titres */ 

#infobull h1, #infobull h2, #infobull h3, #infobull h4, #infobull h5, #infobull h6 { 

  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. */ 

  line-height: 1.2; 

  font-weight: bold; /* Valeur par défaut.  */ 

  font-style: normal; 

} 

#infobull h1 { 

  font-size: 1.75em; 

} 

#infobull h2 { 

  font-size: 1.5em; 

} 

#infobull h3 { 

  font-size: 1.25em; 

} 

#infobull h4 { 

  font-size: 1em; 

} 

 

/* Listes */ 

#infobull ul, #infobull ol { 

  margin: .75em 0 .75em 32px; 

  padding: 0; 

  list-style: disc;

  

} 

 

/* Paragraphes */ 

#infobull p { 

  margin: .75em 0; /* Marges plus faibles que par défaut. */ 

} 

#infobull address { 

  margin: .75em 0; 

  font-style: normal; 

} 

 

/* Liens */ 

#infobull a { 

  text-decoration: underline; 

} 

#infobull a:link { 

  color: #11C; 

} 

#infobull a:visited { 

  color: #339; 

} 

#infobull a:hover, #infobull a:focus, #infobull a:active { 

  color: #00F; 

} 

/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 

#infobull a:active { 

  outline: none; 

} 

/* Pas de bordure autour des images dans les liens */ 

#infobull a img { 

  border: none; 

} 

 

/* Divers éléments de type en-ligne */ 

#infobull em { 

  font-style: italic; 

} 

#infobull strong { 

  font-weight: bold; 

} 

 

/* Formulaires */ 

#infobull form, #infobull fieldset { 

  margin: 0; 

  padding: 0; 

  border: none; 

} 

#infobull input, #infobull button, #infobull select { 

  vertical-align: middle; /* Solution pb. d'alignement. */ 

}



/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */ 

 

/* Met en évidence les abréviations (ayant un attribut title) */ 

#infobull abbr[title] { 

  border-bottom: 1px dotted; 

  cursor: help; 

} 

 

/* Met en évidence les citations */ 

#infobull blockquote { 

  margin: .75em 0 .75em 20px; 

  padding: 0 0 0 10px; 

  border-left: solid 2px #ddd; 

} 

#infobull q, #infobull cite { 

  font-style: italic; 

} 

#infobull q cite, #infobull q q { 

  font-style: normal 

} 

 

/* Supprime les guillemets automatiques (citations courtes) */ 

#infobull q { 

  quotes: none; 

} 

#infobull q:before, #infobull q:after { 

  content: ""; /* Nécessaire pour Safari/Chrome */ 

} 

 

/* Rapproche les paragraphes dans les listes et citations */ 

#infobull blockquote p, #infobull li p { 

  margin: .5em 0; 

} 

 

/* Styles de base pour les listes de définition */ 

#infobull dl { 

  margin: .75em 0; 

} 

#infobull dt { 

  margin: .75em 0 0 0; 

  font-weight: bold; 

} 

#infobull dd { 

  margin: .25em 0 .25em 32px; 

} 

 

/* Mise en forme simple pour les tableaux */ 

#infobull table { 

  margin: 0; 

  border: 1px solid gray; /* Pas de bordure = "none". */ 

  border-collapse: collapse; /* Valeur par défaut: "separate". */ 

  border-spacing: 0; 

} 

#infobull table td, #infobull table th { 

  padding: 4px; /* Pas de retrait autour du texte = "0". */ 

  border: 1px solid #ccc; /* Pas de bordure = "none". */ 

  vertical-align: top; /* Valeur par défaut: "middle" */ 

} 

 

/* Conteneurs sémantiques de HTML 5 */ 

#infobull article, #infobull aside, #infobull dialog, #infobull figure, #infobull footer, #infobull header, 

#infobull hgroup, #infobull menu, #infobull nav, #infobull section { 

  display: block; 

}



#infobull > * {

	padding: 0px;

	margin: 0px;

	clear: both;

	

}