/* Général */
html {
  font-size: 100%;
  height: 100%;
}

/* directive behavior : seulement interprété par IE : le fichier csshover.htc
   permet de corriger le pb de pseudo-classe :hover seulement prise en compte 
   pour les liens sur IE */
body {
  height: 100%;
  behavior: url("htc/csshover.htc");
}

/* définition des tailles de police pour les balises Hn */
h1 {
  font-size: 1.40em;
}
h2 {
  font-size: 1.25em;
}
h3 {
  font-size: 1.20em;
}
h4 {
  font-size: 1.10em;
}
h5 {
  font-size: 1.05em;
}

/* style générique pour tous les liens */
A {
	TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}

/* style pour le lien qui lance la recherche */
a.lien_rech {
  background: transparent url(puce_rechercher.gif) no-repeat left top;
  padding: 0 1px 0 14px;
  color: #ffffff;
  font-size: .6em;
  TEXT-DECORATION: none
}

/* alignement pour les textes des rubriques et articles */
p.spip {
  text-align: justify;
}
/* correction bug IE pour la transparence des images PNG */
.img_png, .image_typo, .spip_logo, img.format_png {
	behavior: url("htc/win_png.htc");
}

/* Structure de la page */
#conteneur {
	position: absolute;
  left: 50%; 
  margin-left: -24.25em; 
  WIDTH: 48.5em; 
  MARGIN-TOP: 7px; 
  text-align: left;
  height: auto;
}

/* différents styles utilisés pour l'agencement des éléments du bandeau */
#logo{
	position: absolute;	left: .7em;	top: .4em; z-index: 2; width: 5em; height: 6em;
}
#logo_et_boutons{
	position: absolute;	width:10em; height: 7em; right: 0;	top: 0px;
}

#boutons{
	position: absolute;	right: 0.15em;	top: 0px; width: 30px; height: 10px;z-index: 2;
}
#logo_site{
	position: absolute;	right: 0.15em;	top: 10px;z-index: 2;
}
#couleur_theme
{
  position: absolute;
  bottom: 3px;
  right: 1em;
	HEIGHT: 1em;
	line-height: 1em;
	z-index: 3;
}
#logo_site img{
	border-width: 0px;
}
#titre_et_desc_max{
  position: absolute;
  left: 7.1em;
  height: 3em;
  width: 15em;
  top: .3em;
  z-index: 1;
}
#titre_et_desc_min{
  position: absolute;
  left: 7em;
  height: 2em;
  line-height: 2em;
  width: 34em;
  top: 0em;
  z-index: 1;
}
#lien_map_min {
  position: absolute;
  left: 0em;
  height: 2em;
  line-height: 2em;
  width: 7em;
  top: 0em;
  z-index: 2;
  margin-left: .3em;
}
#logo_ea {
  position: absolute;
  left: 7.1em;
  top: 3.5em;
  height: 3.4em;
  width: 32.1em;
}

/* Menu horizontal */
#contenu_menu_h {
  position: absolute;left: 1em;width: 46em;height: 2em;line-height: 2em;float: left;
}

.outils_navhaut {
	position: absolute;
	left: 0;
	top: 0;
	PADDING-TOP: .5em;
	PADDING-BOTTOM: .5em;
	WIDTH: 47em;
	height: 3em;
	line-height: 3em;
	overflow:hidden;
	FONT-SIZE: 0.7em;
	COLOR: #fff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.outils_navhaut UL {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; MARGIN: 0px;
}
.outils_navhaut UL LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none;
}
.outils_navhaut UL LI.inactive {
PADDING-RIGHT: 1em; PADDING-LEFT: 1em;  COLOR:#fff;
}
.outils_navhaut UL LI A {
PADDING-RIGHT: 1em; PADDING-LEFT: 1em;TEXT-DECORATION: none;COLOR:#fff;
}
.outils_navhaut UL LI A:hover {
	TEXT-DECORATION: underline;COLOR:#fff;
}

#recherche{
  font-size: .7em;
}

/* Visuel */
#visuel {
	position: relative; margin-top: 7px; WIDTH: 48.5em; HEIGHT: 129px;
}

/* Démarrage de ma zone de contenu : Menu vertical, zone de texte de contenu, menu de droite */
#contenu_inter {
  position: relative;
  margin-top: 7px;
  WIDTH: 48.5em;
  height: auto;
  text-align: left;
}

/* Menus verticaux */
#haut_menu_gauche, #bas_menu_gauche, #bas_cadre_deco{
  WIDTH: 100%; 
  HEIGHT:10px;
  position: relative;
}
#haut_cadre_deco {
  WIDTH: 100%; 
  HEIGHT:10px;
  margin-top: .5em;
  position: relative;
}
#zone_menu{
  WIDTH: 19%;
  position: relative;
  height: 100%;
  float: left;
  z-index: 2;
}

#cadre_msg_deco{
  width: 100%;
  height: auto;
  font-size: .5625em;
  text-align: center;
  background-color: #ffffff;
}

a.menu_admin{
  color: #9F68FF;
  border: medium outset #9F68FF;
}

a:hover.menu_admin{
  color: #9F68FF;
  text-decoration: none;
  border: medium inset #9F68FF;
}

a.lien_deco{
  color: #FF0000;
  border: medium outset #FF0000;
}
a:hover.lien_deco{
  color: #FF0000;
  text-decoration: none;
  border: medium inset #FF0000;
}

/* Espacement entre les deux zones : Menu vertical / Contenu */
.espace_contenu {
	WIDTH: 1%; TEXT-ALIGN: left; background-color: transparent;
}

/* bloc contenant le menu vertical et la zone principale de contenu */
#menu_et_contenu{
  position: relative;
  width: 100%;
  height: auto;
  font-size: 1em;
}

/* Zone de contenu */
#zone_contenu{
  position: relative;
  float: right;
  width: 80%;
  height: 100%;
  background-color: white;
  margin-top: 10px;
}
/* ce qui suit est seulement interprété par IE */
* html #zone_contenu {
  background-color: transparent;
  margin: 0;
}
#hautcontenu {
  position: relative;
  width: 100%;
  height: 10px;
  margin-top: -10px;
}
/* ce qui suit est seulement interprété par IE */
* html #hautcontenu {
  margin-top: 0;
}
#bascontenu {
  position: relative;
  float: right;
  width: 80%;
  height: 10px;
}
#contenu {
  COLOR: #000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	WIDTH: 100%;
	height: auto;
	background-color:#FFFFFF;
}

#affichage_principal{
  position: relative;
  margin-top: 1em;
  font-size: .8em;
  width: 98%;
  padding: 0 1%;
  text-align: justify;
  height: 100%;
}
/* ce qui suit est seulement interprété par IE */
* html #affichage_principal{
  width: 100%;
  padding: 0 1em;
}
/* parties gauche et droite de l'affichage du contenu */
#gauche
{
  width: 58%;
  padding: 0 .4em;
  height: auto;
  position: relative;
}
/* ce qui suit est seulement interprété par IE */
* html #gauche{
  width: 98%;
  padding: 0 0;
}
#droite
{
  width: 37%;
  float: right;
  padding: 0 .4em;
  height: auto;
  position: relative;
  font-size: 0.85em;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
/* ce qui suit est seulement interprété par IE */
* html #droite{
  width: 40%;
}
/* positionnement du fil d'ariane et du logo de rubrique */
#fil_et_logo {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 3em;
  background-color: #FFFFFF;
}
/* ce qui suit est seulement interprété par IE */
* html #fil_et_logo {
  height: 3em;
}
#fil_ariane {
  position: relative;
  margin-left: 1em;
  width: 60%;
  z-index: 2;
}
#logo_rubrique{
  position: absolute;
  margin-right: 1em;
  top: 0;
  right: 0;
  width: 100px;
}

/* style du cadre contenant les articles ou les sites syndiqués */
div.article{
  position: relative;
  width: 100%;
}

/* positionnement des boutons de pagination*/
#liensPagesBas, #liensPagesHaut{
  width: 100%;
  height: 20px;
  padding: .3em 0;
  text-align: center;
}

/* style du cadre contenant le descriptif des rubriques*/
#descriptif{
  width: 98%;
  padding: 0 1%;
  margin-bottom: .4em;
}
/* ce qui suit est seulement interprété par IE */
* html #descriptif{
  width: 100%;
}

/* styles pour l'affichage du plan du site */
ul.plansite, ul.plansite ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
  font-size: 12px;
}
ul.plansite li {
  border-left: 1px solid black;
  color: black;
  margin: 0;
  padding: 0;
}
ul.plansite li a {
  padding-left: 0.5em;
  text-decoration: none;
  color: black;
  border-bottom: 1px solid black;
}
ul.plansite li strong {
  font-size: 105%; 
}
#plan_titre_niv1{
  background: transparent url(tiret3.gif) no-repeat left bottom;
}

/* style permettant de rendre invisible les blocs qui l'utilisent */
.invisible
{
  visibility: hidden;
  display: none
}

/*styles pour le squelette recherche */
/* positionnement de la liste de choix pour le nb de résultats par page de la recherche */
.choixNbResParPage
{
  position: relative;
  float: right;
}

/* style du cadre contenant l'intitulé "résultats de la recherche", le terme recherché
   et la liste de choix de nb de résultats par page pour le squelette recherche */
#cartouche
{
  position: relative;
}

#cadreHautRecherche
{
  position: relative;
  width: 100%;
  height: auto;
}

/* style pour l'affichage de "Page n/m" */
.labelPage
{
  text-align: center;
  font-size: .7em;
  font-style: italic;
  font-weight: bold;
}

/* styles utilisés pour l'affichage du plan du site */
#plan_logo
{
  float: left;
  width: 100px;
  height: 3em;
  padding-right: 3px;
}
li.liste_niv1
{
  list-style-type: none;
}
li.liste_niv2
{
  list-style-image: url(folder-yellow.gif);
  padding-bottom: .6em;
  margin-left: 75px;
}

li.liste_niv3
{
  display: inline;
  height: 2em;
	font: .7em/2em verdana;
	background: transparent url(checkout-yellow.gif) no-repeat left top;
  padding: 0 1px 3px 16px;
  margin: 0;
}

/* Styles pour l'affichage des résultats de recherche */
div.resultats_recherche {
  padding: .5em 0;
}
div.resultat {
  padding: .3em 0;
}
div.resultat h1 {
  color: black;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: .2em;
}
.labelPageArt {
  text-align: center;
}

/* Style pour l'affichage des sites référencés */
p.site_ref{
  padding: .5em 0;
  margin: 0;
}
li.categorie_lien{
  display: inline;
  margin: 0;
  padding: 0;
}
ul.liste_categories{
  padding: 0;
  text-align: center;
  width: 98%;
  margin: 0 1%;
}
/* ce qui suit est seulement interprété par IE */
* html ul.liste_categories{
  width: 100%;
}

/* style pour l'affichage des pictos des sercteurs d'activité de la rubrique liens */
a.secteur_activite img{
  background-color: #99CC00;
}
a:hover.secteur_activite img{
  background-color: #CC6600;
}
a.secteur_activite span{
  display: none;
}
a:hover.secteur_activite span{
  display: inline;
  position: absolute; 
  top:-3em;
  left:1em;
  z-index: 20;
  background: #446D87;
  color: #fff;
  border:1px solid #000;
  width: 11em;
  text-align:center;
  font-weight:normal;
  font-size: 1em;
  line-height:1.2em;
  padding:2px 4px;
  text-decoration: none;
}

/* style permettant de ne pas avoir de contour autour des images placées entre 2 balises <a> ... </a> */
img.no_border{
  border: none;
}

/* flux rss */
div.lien_rss{
  float: right;
  height: 1.5em;
  width: 1.5em;
  z-index: 2;
}

/* cadre pour l'affichage du titre "Actualités" dans la partie droite du squelette sommaire */
#titre_actualites{
  position: relative;
  font-size: 1em;
  height: 1.5em;
  width: 99%;
  padding-left: 1%;
  text-transform: uppercase;
}



/* Fin de la page avec logos et développé du Ministère*/
#pied {
	position: relative;
	top:4px;
	WIDTH: 48.5em;
	HEIGHT: 1.7em;
	TEXT-ALIGN: left;
	left: 0px;
}

#pied img{
	WIDTH: 48.5em;
	HEIGHT: 1.7em;
}

/* Conteneurs pour les différents logos pointant vers les sites du MAP et de l'EA */
#logos_bas {
	position: relative;
	width: 48.5em;
	HEIGHT: 1.7em;
	line-height: 1.7em;
	top: -1.7em;
	TEXT-ALIGN: right;
	z-index: 100;
	right: .7em;
}

#logos_bas a {
	z-index: 100;
}

#logos_bas a img{
	z-index: 100;
	height:auto;
	width:auto;
}

/* Style pour la liste des types de formation des établissements */
li.type_form {
  margin: 0;
  display: inline;
  background: transparent url(checkout-yellow.gif) no-repeat left top;
  padding: 0 1px 3px 16px;
}

/* styles pour les éléments graphiques (widgets) du Dojo Toolkit */
div.dojoTree {
  width: 100%;
}


/* Style pour les pages de recherche de formation par diplome ou secteur */
#en_cours {
  position:absolute; 
  left: 48%; 
  top: 2em;
  color: #ffffff;
  visibility: hidden;
}

/* Styles pour la liste des responsables de rubriques */
li.liste_rubriques{
  list-style-image: url(folder-yellow.gif);
  padding-bottom: .6em;
  margin-left: 20px;
}
li.liste_auteurs{
  list-style-image: url(user_suit.gif);
  padding-bottom: .6em;
  margin-left: 10px;
}
a.auteur span{
  display: none;
}
a:hover.auteur span{
  display: inline;
  position: relative; 
  z-index: 20;
  background: #446D87;
  color: #fff;
  border:1px solid #000;
  width: 11em;
  text-align:center;
  font-weight:normal;
  font-size: 1em;
  line-height:1.2em;
  padding:2px 4px;
  text-decoration: none;
}