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

/* corps de page */
body {
	font:Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;
	color:#FFFFFF; /* couleur par défaut du texte */ 	
}

/* lien */
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:600;
	color:#996633;
	text-decoration:none; /* lien non souligné */
}

/* lien lors du survol */
a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
	color:#FFCC66;
}

/* titre de rubrique en corps de page */
.TitreCorps_01 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:500;
	color:#FFCC66;
/*	color:#996633; */
}

.TitreCorps_02 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFCC66;
/*	color:#996633; */
}

.TitreCorps_03 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFCC66;
/*	color:#FFFFFF; */
}
/* Fin des titres de rubrique en corps de page */

/* texte de rubrique en corps de page */
.TexteCorps {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	color:#996633;
/*	color:#FFFFFF; */
}

/* légende des images */
.TexteLegendeImage {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:500;
	font-style:italic;
	color:#996633;
/*	color:#FFFFFF; */
}

/* texte du copyright */
.TexteCopyright {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:500;
	color:#996633;
}

/* image en corps de page */
img.ImageCorps_01 {
	border: 2px solid #996633;
}


/* * * * * * * * * * * * * * * */
/* Propriétés du menu à onglet */
/* * * * * * * * * * * * * * * */

#menu {
  margin: 0px 0px 0px 0px;	/* marges du menu top-right-bottom-left */
  padding: 0;
  list-style: none;
}

#menu li {
  float: left;			/* placement des onglets => ne pas supprimer */
  margin-right: 5px;	/* marge entre 2 onglets */
}

#menu li a {					/* propriétés des liens dans les onglets du menu */
  display: block;
  padding: 5px 10px 5px 10px;	/* marge entre le texte et les bordures du menu (top right bottom left)*/
  color: #222222;				/* couleur du texte de l'onglet inactif */
  font-weight: bold;
}

#menu li a:hover {		/* propriétés du lien de l'onglet survolé */
  color: #000000;		/* couleur du texte de l'onglet survolé */
  position: relative;
  z-index: 100;
  top: 1px;
}

#menu li a.actif {		/* propriété du lien de l'onglet actif */
  color: #000000;		/* couleur du texte de l'onglet actif*/
  position: relative;
  z-index: 100;
  top: 1px;
}

/* propriétés de background :
- couleur de fond (omise)
- image de fond
- répétition image de fond
- fixe l'image de fond (omise)
- position de l'image de fond sur l'axe X (0%=gauche, 100%=droite) omise
- position de l'image de fond sur l'axe Y (0%=haut, 100%=bas) omise
*/
#menu li.onglet a { background: url(images/ongletInactif.jpg) no-repeat; }
#menu li.onglet a.actif, #menu li.onglet a:hover { background: url(images/ongletActif.jpg) no-repeat; }


/*  Propriétés du sous-menu  */

#sous_menu {
  clear: left;						/* affichage du sous-menu en dessous du menu (car float=left dans menu) */
  position: relative;				/* élément positionné par rapport à l'endroit où il apparait dans le code HTML */
  z-index: 10;						/* positionné au dessus des autres éléments */
  margin: 0px 87px 15px 0px; 		/* marges extérieures entre le sous-menu et son conteneur (top right bottom left)*/
  padding: 3px 0px 6px 0px;			/* marges entre le texte et les bordures du sous-menu (top right bottom left)*/
  height: 22px;						/* hauteur du sous-menu */
  border-top: 1px solid #FFCC66;	/* bordure horizontale supérieure du sous-menu (épaisseur style couleur) */
  border-bottom: 1px solid #FFCC66;	/* bordure horizontale inférieure du sous-menu (épaisseur style couleur) */
  list-style: none;
}

#sous_menu li {
  float: left;		/* affichage des éléments texte sous l'élément sous-menu */
  padding: 4px 4px;	/* marge entre texte et les bordures de l'élément texte (marges verticales, marges horizontales)*/
/*  background: url(images/fd_ss_menu_li.gif) no-repeat 100% 0; /* positionnement image de séparation entre les textes */
}

#sous_menu #dernier_lien, #sous_menu #rss {
  background: none;
}

#sous_menu li a {
  padding-left: 8px;	/* marge gauche entres les éléments du sous-menu */
  font-size: 10px;		/* taille de la police des éléments du sous-menu */
  font-weight: bold;	/* épaisseur de la police du sous-menu */
  color: #996633;		/* couleur du texte sous-menu */
}

#sous_menu li a span {
  padding-right: 10px;	/* marge droite entre les éléments du sous-menu */
}

.jaune li a.actif, .jaune li a:hover { color: #FFCC66; background: url(images/sousMenuFlecheGauche.png) no-repeat 0 50%; }
.jaune li a.actif span, .jaune li a:hover span { color: #FFCC66; background: url(images/sousMenuFlecheDroite.png) no-repeat 100% 50%; }

#sous_menu_vide {
  clear: left;						/* affichage du sous-menu en dessous du menu (car float=left dans menu) */
  position: relative;				/* élément positionné par rapport à l'endroit où il apparait dans le code HTML */
  z-index: 10;						/* positionné au dessus des autres éléments */
  margin: 0px 87px 0px 0px; 		/* marges extérieures entre le sous-menu et son conteneur (top right bottom left)*/
  padding: 3px 0px 6px 0px;			/* marges entre le texte et les bordures du sous-menu (top right bottom left)*/
  border-top: 1px solid #FFCC66;	/* bordure horizontale supérieure du sous-menu (épaisseur style couleur) */
  list-style: none;
}