/* ***************************
Ecole française d'Athènes
Nouveau site web 2009

Feuille de style générale pour les pages de présentation / navigation
fichier :  efa_navigation.css

V1.6.0 15 DEC 2008 JPA
  - version finale avant recette
V1.7.0 05 MAI 2009 JPA
  - version préparatoire à la nouvelle recette, après changement de serveur web
*/

/* ***************************
Style général
*/

/* Corps de page
  sans marge ni remplissage
  sur fond rouge tendance bordeaux
  famille de fonte :  Arial, Helvetica, sans-serif
  texte de couleur blanche
*/
body  {
  margin: 0;
  padding: 0;
  background-color: #6C0202; /* rouge tendance bordeaux (EFA=7F1818 ;  EFEO=6C0202) */

  font-family: Arial, Helvetica, sans-serif;
  color: #FFF; /* blanc */
}

/* Ancres
  texte des ancres en lettres blanches
  souligné seulement lors du passage de la souris
*/
a {
  color: #FFF; /* blanc */
}
a:link, a:visited, a:active, a:focus {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  border-color: red;
}


/* Paragraphes
  Remplacement des valeurs par défaut :  margin -> padding
*/
p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* ***************************
Définition des zones d'affichage
  La zone globale d'affichage est divisée en trois parties principales :
  - "Haut" =  un bandeau d'en-tête horizontal, en haut, sur toute la largeur
  - "Menu" = une zone de navigation, sous le bandeau d'en_tête, à gauche, sur toute la hauteur
  - "Corps" = une zone d'affichage, sous le bandeau d'en_tête, à droite, sur toute la hauteur
*/

/* ***************************
Boîte haute :  bandeau d'en-tête
Style général
*/
#haut { /* bandeau haut global ;  BC= fenetre */
  margin: 0 0 0 10px;
  padding: 0;
  width: 982px;
  height: 75px;
/*
  border-bottom: 3px solid white;
*/
}

/* ***************************
En-tête : 
  Elle est composée de cinq zones d'origine, de gauche à droite
  1) logo EfA            2) menu des langues
  3) titre
  4) logo Educ. Nat.     5) logo ministère
  Les zones d'origine 1 et 2, ainsi que 4 et 5, sont réunies pour simplifier,
  ceci via un tableau  (1 ligne, 3 colonnes)
*/
/* ***************************
Boîte haute :  bandeau d'en-tête
Zone de gauche :  logo EfA, menu des langues
Style général, et style des noms de langue
*/
.haut_menu_langue {
  text-align: left;
}
.langue {
  font-size: .6em;
} 
#langue_fr {
  display: none;
} 
#langue_en, #langue_el {
  display: none;
} 
/* ***************************
Boîte haute :  bandeau d'en-tête
Zone du centre :  Titre général
Style général
*/
.haut_titre { /* style du titre central */
	font-size: 1.7em; /* ori= 28px */
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	letter-spacing: 0.1em;
	word-spacing: 0.4em;
}
/* ***************************
Boîte haute :  bandeau d'en-tête
Zone de droite :  Logos ministère
Style général
*/
.haut_logos { /* style du menu des langues (à gauche, après le logo EfA) */
  text-align: right;
}

/* *****************
/* Zone gauche : */

/* ***************************
Boîte gauche :  menus et actualités
Style général
  positionné (relatif) complétement à gauche et directement en dessous de la boîte "haut"
  rectangle de 170 px de large, et de hauteur variable
  marges (transparentes) de 10 px à gauche et à droite
  pas de décalage, ni de bordure
  
  Les dépassements sont cachés

  taille de police de 0,55 em (légérement plus petite que pour le menu des langues)
*/
#menu {
  top: 0px;
  bottom: 0;
  left: 0px;

  margin: 0 10px 0 10px;
  padding: 0;
  width: 170px;

  overflow: hidden;

  line-height: 2.2em;
  font-size: .55em;
}

/* ***************************
Boîte gauche :  menus et actualités
Zone du menu des modules (niveau 1)
Style général, et style des ancres
  rectangle à fond noir de la largeur de la zone #menu
  lignes espacées de 2,1 em
  avec décalage des lignes (toutes des ancres) de 10 px
  
Les noms de modules apparaissent toujours sur le menu,
les noms des rubriques du module actif, s'il y en a un,
apparaissent en dessous du nom du module

Le nom du module actif est souligné,
via une règle de style ponctuelle du fichier des menus correspondant
*/
#modules {
  background-color: #000; /* noir */
}

.module {
  font-size: 1.2em;
}
.module a {
  padding-left: 10px;
}

/* ***************************
Boîte gauche :  menus et actualités
Zone du menu des modules (niveau 1)
Zone du menu des rubriques (niveau 2)
Style général, et style des ancres
  rectangle de la largeur de la zone #menu, de hauteur variable, à fond gris
  avec décalage des lignes de 20 px à gauche

Seuls les noms des rubriques du module actif apparaissent
via une règle de style ponctuelle du fichier des menus correspondant
*/
#zone_rub_ecole, #zone_rub_recherche, #zone_rub_formation,
#zone_rub_documentation, #zone_rub_publications, #zone_rub_sites {
  display: none;
}
/* comme pour le niveau theme, il faut prévoir des noms de rubrique sur deux lignes
suite à l'augmentation de la taille des caractères
Pour cela, il faut expliciter padding-top et -bottom et line-height
pour .zone_rub, et mettre .zone_rub a en display:block, avec un petit padding-top */
.zone_rub {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  background-color: #666; /* gris */
  line-height: 1em;
/*
  line-height: 3.2em;
*/
}
.zone_rub a {
  display: block;
  padding-top: 1px;
  padding-left: 0px;
}

/* ***************************
Boîte gauche :  menus et actualités
Zone du menu des modules (niveau 1)
Zone du menu des rubriques (niveau 2)
Zone du menu des thèmes (niveau 3)
Style général,(et style des ancres
  rectangle de largeur 160 px, de hauteur variable, à fond bleu très pâle
  bordure de 1 px, de couleur orange
  texte (tous des ancres) en lettres bleues

Seuls les noms des thèmes de la rubrique active apparaissent
via une règle de style ponctuelle du fichier des menus correspondant
*/
#zone_th_ecole_hist, #zone_th_ecole_statuts, #zone_th_ecole_org, #zone_th_ecole_recrute, #zone_th_ecole_visite {
  display: none;
}
#zone_th_rech_prog, #zone_th_rech_manif {
  display: none;
}
#zone_th_form_bourses, #zone_th_form_stages, #zone_th_form_sem_doct {
  display: none;
}
#zone_th_bibliotheque, #zone_th_doc_arch_man, #zone_th_doc_pho_pla, #zone_th_doc_autres {
  display: none;
}
#zone_th_publi_gen, #zone_th_publi_nv, #zone_th_publi_cat, #zone_th_publi_info_prat {
  display: none;
}
#zone_th_sites_nord, #zone_th_sites_centre, #zone_th_sites_pelop, #zone_th_sites_cyclades,
#zone_th_sites_crete, #zone_th_sites_chypre, #zone_th_sites_asie, #zone_th_sites_albanie {
  display: none;
}
/*
dans les sous-menus, les lignes des items sont regroupées, mais les items sont séparés nettement
*/
.zone_th {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  background-color: #999; /* gris clair */
  border: 1px solid #7F1818; /* rouge tendance bordeaux */
  line-height: 1em;
}
.zone_th a {
  display: block;
  padding-top: 1px;
  padding-left: 0px;
}

/* ***************************
Boîte gauche :  menus et actualités
Zone du menu des modules (niveau 1)
Zone du menu des rubriques (niveau 2)
Zone du menu des thèmes (niveau 3)
Zone du menu des chapitres (niveau 4)
Style général, style des ancres, style des icones (y compris comme ancre)
  rectangle de largeur 160 px, de hauteur variable, à fond bleu très pâle
  bordure de 1 px, de couleur orange
  texte (tous des ancres) en lettres bleues
  icone (toutes des ancres) encadrée en bleu (rouge si souris survole)

Seuls les noms des chapitres du thème actif apparaissent
via une règle de style ponctuelle du fichier des menus correspondant
*/
#zone_ch_ecole_hist_1846, #zone_ch_ecole_hist_1870, #zone_ch_ecole_hist_1950, #zone_ch_ecole_hist_chrono, #zone_ch_ecole_hist_amb {
  display: none;
}
#zone_ch_ecole_recrute_epr {
  display: none;
}
#zone_ch_sites_argos {
  display: none;
}
#zone_ch_sites_delos, #zone_ch_sites_delos2 {
  display: none;
}
#zone_ch_sites_malia {
  display: none;
}
.zone_ch {
  padding-left: 10px;
  background-color: #EEF2F5; /* bleu très pâle */
  font-style: italic;
  border: 3px solid #7F1818; /* rouge tendance bordeaux */
}
.zone_ch a {
  color: blue;
}
.icone {
  border-color: blue;
}
a:hover img.icone {
  border-color: red;
}


/* ***************************
Boîte gauche :  menus et actualités
Zone des actualités
Style général, style des paragraphes, style du titre, style du corps, style du pointeur "en savoir plus"
  rectangle à fond gris
  marge haute de 50 px
  retrait des lignes de 10 px
  le titre est en gras, de couleur rouge tendance bordeaux,
  avec des lettres 20% plus grandes que le reste du texte
  le pointeur "pour en savoir plus" est en italique, cadré à droite
  
Les noms de modules apparaissent toujours sur le menu,

*/
#actualites { /* boîte recevant des informations d'actualité immédiate. En bas, à gauche, en dessous du menu. */	
  width: 165px;
  margin-top: 30px;
  padding-left: 5px;

  background-color: #666; /* fond gris */

  overflow: hidden;
}
#actu { /* iframe appelant la sous-page d'actualités */
  width: 100%; 
  margin: 0;
  border: 0;
  padding: 0 0 0 0;
}
p.actualites_titre, span.actualites_titre { /* boîte recevant des informations d'actualité immédiate. En bas, à gauche, en dessous du menu. */	
  margin: 0;
  padding: 0 0 0 0;
  color: white; /* blanc (ex rouge tendance bordeaux #7F1818) */
  font-size: 1.4em;
/*
  background-color: green;
*/
  text-align: justify;
  font-weight: bold;
}	
.actualites_plus { /* boîte recevant des informations d'actualité immédiate. En bas, à gauche, en dessous du menu. */	
  float: right;
  margin: 0;
  padding: 0 0 0 0;
  text-align: right;
  font-style: italic;
}	

/* ***************************
Boîte gauche :  menus, actualités, et recrutement
Zone du recrutement
Style général, style des paragraphes, style du titre, style du corps, style du pointeur "en savoir plus"
  rectangle à fond gris
  marge haute de 50 px
  retrait des lignes de 10 px
  le titre est en gras, de couleur rouge tendance bordeaux,
  avec des lettres 20% plus grandes que le reste du texte
  le pointeur "pour en savoir plus" est en italique, cadré à droite
  
Les noms de modules apparaissent toujours sur le menu,

*/
/* masquage, au moins temporaire, de la zone promotionnelle "Recrutement" */
#recrutement { /* boîte recevant des informations d'actualité immédiate. En bas, à gauche, en dessous du menu. */	
  display: none;
/*
  width: 165px;
  margin-top: 30px;
  padding-left: 5px;
  background-color:#666; /* fond gris
  overflow: hidden;
*/}
#recrute { /* iframe appelant la sous-page d'actualités */
  width: 100%; 
  margin: 0;
  border: 0;
  padding: 0;
}
p.recrutement_titre { /* boîte recevant des informations d'actualité immédiate. En bas, à gauche, en dessous du menu. */	
  margin: 0;
  padding: 0;
  color: #7F1818; /* rouge tendance bordeaux */
  font-size: 1.2em;
  font-weight: bold;
}	
.recrutement_plus { /* boîte recevant des informations d'actualité immédiate. En bas, à gauche, en dessous du menu. */	
  margin: 0;
  padding: 0;
  text-align: right;
  font-style: italic;
}	

/* ***************************
Boîte gauche :  menus, ictualités, recrutement, intranet
Zone de l'Intranet
Style général, style des paragraphes, style du titre, style du corps, style du pointeur "en savoir plus"
  rectangle à fond gris
  marge haute de 50 px
  retrait des lignes de 10 px
  le titre est en gras, de couleur rouge tendance bordeaux,
  avec des lettres 20% plus grandes que le reste du texte
  le pointeur "pour en savoir plus" est en italique, cadré à droite
  
Les noms de modules apparaissent toujours sur le menu,

*/
#intranet { /* boîte recevant le menu spécifique de l'Intranet. En bas, à gauche, en dessous du menu. */	
  display: none;
  margin-top: 50px;
  padding-left: 10px;
  background-color:#666; /* fond gris */
}
#intranet p {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
}	
.intranet_titre {	
  color: #7F1818; /* rouge tendance bordeaux */
  font-size: 150%;
  font-weight: bold;
}	
.intranet_corps {	
  line-height: 1.5em;
}	
.intranet_plus {	
  text-align: right;
  font-style: italic;
}	

/* ***************************
Boîte gauche :  menus et actualités
Zone du menu des modules (niveau 1)
Style général, et style des ancres
  rectangle à fond noir
  lignes espacées de 2,1 em
  retrait des lignes (toutes des ancres) de 10 px
  
Les noms de modules apparaissent toujours sur le menu,
les noms des rubriques du module actif, s'il y en a un,
apparaissent en dessous du nom du module

Le nom du module actif est souligné,
via une règle de style ponctuelle du fichier des menus correspondant
*/
.module_intra {
  display: block;
  background-color: #666; /* noir */
}
.module_intra a {
  padding-left: 0px;
}

/* ***************************
Boîte gauche :  menus et actualités
Zone du menu des modules (niveau 1)
Zone du menu des rubriques (niveau 2)
Style général, et style des ancres
  rectangle de largeur 160 px, de hauteur variable, à fond gris
  retrait des lignes de 10 px

Seuls les noms des rubriques du module actif apparaissent
via une règle de style ponctuelle du fichier des menus correspondant
*/
#zone_rubi_gen, #zone_rubi_miss, #zone_rubi_adm {
  display: none;
}
.zone_rubi {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  background-color: #666; /* gris */
  line-height: 1em;
}
.zone_rubi a {
  display: block;
  padding-top: 1px;
  padding-left: 0px;
}

/* ***************************
Boîte gauche :  menus et actualités
Zone du menu des modules (niveau 1)
Zone du menu des rubriques (niveau 2)
Zone du menu des thèmes (niveau 3)
Style général,(et style des ancres
  rectangle de largeur 160 px, de hauteur variable, à fond bleu très pâle
  bordure de 1 px, de couleur orange
  texte (tous des ancres) en lettres bleues

Seuls les noms des thèmes de la rubrique active apparaissent
via une règle de style ponctuelle du fichier des menus correspondant
*/
#zone_thi_adm_ua {
  display: none;
}
/*
dans les sous-menus, les lignes des items sont regroupées, mais les items sont séparés nettement
*/
.zone_thi {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  background-color: #999; /* gris clair */
  border: 1px solid #7F1818; /* rouge tendance bordeaux */
  line-height: 1em;
}
.zone_thi a {
  display: block;
  padding-top: 1px;
  padding-left: 0px;
}



/* Zone centrale */
#corps { /* boite du cadre central CB= #fenetre */
  position: absolute;
  top: 75px;
  left: 190px;
  
  margin: 0;
  padding: 0;
  width: 802px;
}

#content { /* boite contenant le iframe central CB= #frame */
  lent: 0px;
  top: 0px;
  margin: 0;
  border: 0;
  width: 802px;
  height: 490px;
/*
  min-height: 200px;
  max-height: none;
  background-color: red;
*/
  background-color: white;
} 

/* menu secondaire, sous le cadre dans la zone centrale ;  CB= corps */
#menu_secondaire {
  width: 802px;
  height: 50px;
/*
  left: 0px;
  top: 0px;
  position: relative;
  width: 80%;
  margin-left: 200px;
  margin-top: 550px;
  background-color: #C00;
*/
}
.menu_secondaire {
/*
  position: relative;
	clear: both;
  left: 0px;
  top: 0px;
*/
  text-decoration: none;	
  font-family:Arial, Helvetica, sans-serif;
  font-size: .7em;
  text-align: center;
  color: #FFF; /* blanc */
}

.hebergement {
  text-decoration: none;	
}

/* message de recommendations, dans le menu secondaire */
/* Masquage, au moins temporaire, du message de recommendations */
.recommendations {
  display: none;
/*
  left: 0px;
  top: 0px;
  text-decoration:none;	
  font-family:Arial, Helvetica, sans-serif;
  font-size: .8em;
  text-align: center;
  color: #FFF; /* blanc
*/
}