@charset "utf-8";
/* CSS Document */

html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body {
	margin: 0;
	padding: 0;
	color: #4D4D4D;
	background: white;
	font: 0.70em Arial, Helvetica, sans-serif;
} 
.marges {
	margin: 10px;
}
/* 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.25em; 
} 
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-size: 1em;
	font-weight: bold;
	color: #CF1603;
	border-bottom: none;
	padding: 0;
	text-transform: none;
	margin: 0.5em 0;

}
/* 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 */
} 

/* 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; 
} 
.rouge {
	color: #CF1603;
}
/* 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;
}
#table-pop-up {
	width:538px;
}
.paddin {
	padding-left:40px;
}
/* blocs de placement des boutons */
.boutons {
	clear: both;
	overflow: hidden;
	padding: 10px 0 10px;
	text-align:right;
}
.barre {	border-top: 1px solid #a8a8a8;}
.boutons a,
.boutons input {
	margin-left: 10px;
}
.btCentre {
	text-align: center;
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
}
.btGch a,
.btGch input {	
	margin-left: 4px;
	margin-right: 3px;
}


/* boutons taille automatique */
.fdBtN1, .fdBtN2, .fdBtN3, .fdBtN1 span, .fdBtN2 span, .fdBtN3 span {
	background: url(/style/img/fd/boutons.png) no-repeat;
}
/* Niveau 1 */
a.fdBtN1 {color: #FFF;}
.fdBtN1 {background-color: #A10709;}
.fdBtN1:hover,
.fdBtN1:focus,
.fdBtN1:active {
  background-color: #CF1603; 
}
/* =img */
img.fdBtN1 {
	background-position: 100% 0;
	padding-right: 10px;
}

a:hover img.fdBtN1 {
  	background-position: 100% -35px; 
}
/* =input type image */
input.fdBtN1 {
  	background-position: 100% 0;
	padding-right: 10px;
	vertical-align:bottom;
}

input.fdBtN1:hover {
  	background-position: 100% -35px; 
}

/* =a */
a.fdBtN1 {
	background-position: 0 0;
	float: right;
	display: block;
	text-decoration: none;
	cursor: pointer;
	font: bold 14px/24px Arial, Helvetica, sans-serif;
}
a.fdBtN1 span {
	background-position: 100% 0;
	margin:0 0 0 25px;
	padding-right:10px;
	display: block;
	height: 25px;
	
}

a.fdBtN1:hover,
a.fdBtN1:focus,
a.fdBtN1:active {
  background-position: 0 -35px; 
}

a.fdBtN1:hover span,
a.fdBtN1:focus span,
a.fdBtN1:active span {
	background-position: 100% -35px;
  
}


/* Niveau 2 */
a.fdBtN2, img.fdBtN2, input.fdBtN2 {
	color: #4f4f4f;
}
.fdBtN2:hover  {

}
/* =img et type image*/
img.fdBtN2, input.fdBtN2 {
	background-position: 100% -70px;
	padding-right: 10px;

}
a:hover img.fdBtN2, input.fdBtN2:hover, img.fdBtN2:hover {
  background-position: 100% -105px; 

}
/* =input type image */
input.fdBtN2 {
	vertical-align:bottom;
}
/* =a */
a.fdBtN2 {
	background-position: 0 -70px;
	float: right;
	display: block;
	text-decoration: none;
	cursor: pointer;
	font: bold 14px/24px Arial, Helvetica, sans-serif;
}
a.fdBtN2 span {
	background-position: 100% -70px;
	margin:0 0 0 25px;
	padding-right:10px;
	display: block;
	height: 25px;
	
}
a.fdBtN2:hover,
a.fdBtN2:focus,
a.fdBtN2:active {
  background-position: 0 -105px; 
}
a.fdBtN2:hover span,
a.fdBtN2:focus span,
a.fdBtN2:active span {
	background-position: 100% -105px;
  
}
/* liens */ 
a.lire, a.tout {
	background: url(../img/puce-rouge.gif) no-repeat 0px 3px;
	padding-left: 15px;
}
a.lire {
	color: #CF1603;
	text-decoration: none;
	margin-left: 0.2em;
}
a.lire:hover, #logosRecruteurs a.tout:hover  {	text-decoration: underline;
}
#logosRecruteurs a.tout {
	color: #CF1603;
	text-decoration: none;
}

/* positionnement */
.clear {
	clear: both;
}
.centre {
	text-align: center;
}
.fl-drt {
float:right;
}
/* Liste */
ul.sommaire {
	list-style: none;
	margin: 10px;
	padding: 0px;
}
ul.sommaire li {
	background: url(../img/puce-gris.gif) no-repeat 0px 4px;
	padding-left: 15px;
	margin: 5px 0;
}
ul.sommaire li.tout a {color: #CF1603;}
.niveau1 ul.sommaire li, ul.sommaire li.tout { background-image: url(../img/puce-rouge.gif);}

ul.point li {background-position: 0 10px;}
ul.point li.first {	background-position: 0 5px; margin: 0 0 5px;
}
ul.point li a, ul.point li span {
	background: url(../img/fd/pointille.gif) repeat-x 0% 0%;
	display: block;
	padding: 7px 0 4px;
}
ul.point li.first a {background-image:none;	padding: 2px 0 4px;}