@charset "iso-8859-1";
/* CSS Document */
/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 16px; 
} 
body {
	margin: 0;
	padding: 0;
	color: #4D4D4D;
	background: white;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 {
	margin: 0; /* Rapproche le titre du texte */
	line-height: 1.2em;  /*Les valeurs 1.1 et 1.2 conviennent 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%)*/
	font-weight: bold;
	font-style: normal;
} 
h1 { 
  font-size: 1.75em;
} 
h2 { 
  font-size: 1.5em;
  clear:both; /* Elodie's idea (?) */ 
} 
h3 { 
  font-size: 1.1em; 
} 
h4 { 
  font-size: 1em; 
} 
/* style des titres du contenu */
 #conteneur #contenu h1, #conteneur #contenu .titre1, #conteneur h1.titre1, .popUp h1 {
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	color: #cf1603;
	margin-top: 0;
	margin-bottom: 1em;
	border-bottom: none;
	padding: 0;
}
#conteneur.biCol #contenu h1, #conteneur.biCol #contenu .titre1, #conteneur.biCol h1.titre1 {
	margin-top: 1em;}
#conteneur #contenu h2, #conteneur #contenu .titre2, .popUp h2 {
	border-bottom: 7px solid #A10709;
	padding-bottom: 5px;
	margin: .75em 0 .75em 0;
	text-transform: none;
	font-size: 1.5em; 
	color:#4D4D4D;
}
#conteneur #contenu h2 strong, #conteneur #contenu .titre2 strong, .popUp h2 strong, #conteneur #contenu h2 span, #conteneur #contenu .titre2 span, .popUp h2 span {
	color: #CF1603;
}

#conteneur #contenu h3, #conteneur #contenu .titre3, .popUp h3 {
	
	font-weight: bold;
	color: #CF1603;
	border-bottom: none;
	padding: 0;
	text-transform: none;
	margin: 0.5em 0;
}
#conteneur #contenu .titre3 {font-size: 1.1em; }
#conteneur #contenu h3 a , #conteneur #contenu .titre3 a  {
	color: #CF1603;
	padding: 0;
	text-decoration: none;
	background: url(../img/puce-rouge.gif) no-repeat 0px 3px;
	padding-left: 15px;
}
#conteneur #contenu h3 a:hover , #conteneur #contenu .titre3 a:hover  {
	text-decoration: underline;
}
#conteneur #contenu .ttrIntro /*titre intro de page sous le H1*/ {font-size: 1.3em; color: #4d4d4d; }

/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 0; 
  padding: 0 0 0 30px; 
} 

/* Paragraphes */ 
p {
	margin: 0.5em 0em 0.75em; /* em afin que les marges des paragraphes soient proportionnelles à la taille du texte, ce que ne font pas tous les navigateurs (notamment IE).  0.75em = retraits entre paragraphes un peu plus faibles que ceux utilisés par défaut */
} 
#conteneur #contenu h2 + p {
	margin-top: 1.5em;
}
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
  text-decoration: underline; 
} 
a:link {
	color: #4f4f4f;
} 
a:visited {
	color: #4f4f4f;
} 
a:hover, a:focus, a:active {
	color: #CF1603;
} 
/* 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  */ 
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 */ 
  padding:0;
  margin: 0; 
}
input[type="checkbox"] {margin: 3px;}
input[type="radio"] {
vertical-align:-3px;
margin: 3px 3px 0 5px;
}
/* Met en évidence les abréviations (ayant un attribut title) */ 
abbr[title] { 
  border-bottom: 1px dotted; 
  cursor: help; 
} 
 
/* Met en évidence les citations */ 
blockquote { 
  margin: .75em 0 .75em 20px; 
  padding: 0 0 0 10px; 
  border-left: solid 2px #ddd; 
} 
q, cite { 
  font-style: italic; 
} 
q cite, q q { 
  font-style: normal 
} 
 
/* Supprime les guillemets automatiques (citations courtes) */ 
q { 
  quotes: none; 
} 
q:before, q:after { 
  content: ""; /* Nécessaire pour Safari/Chrome */ 
} 
 
/* Rapproche les paragraphes dans les listes et citations */ 
blockquote p, li p { 
  margin: .5em 0; 
} 
 
/* Styles de base pour les listes de définition */ 
dl { 
  margin: .75em 0; 
} 
dt { 
  margin: .75em 0 0 0; 
  font-weight: bold; 
} 
dd { 
  margin: .25em 0 .25em 32px; 
} 
 
/* Mise en forme simple pour les tableaux */ 
table { 
  margin: 0; 
  border: none; /* Pas de bordure = "none". */ 
  border-collapse: collapse; /* Valeur par défaut: "separate". */ 
  border-spacing: 0; 
} 
table td, table th { 
  padding: 0; /* Pas de retrait autour du texte = "0". */ 
  border: none; /* Pas de bordure = "none". */ 
  vertical-align: top; /* Valeur par défaut: "middle" */ 
} 
table caption {/* cacher les légendes pour l'accessibilité */ 
	display: none;
}

/* Conteneurs sémantiques de HTML 5 */ 
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section { 
  display: block; 
}