/**************************************************************
Modèle éditorial RRO - AUF - GNU GPL - All Rights Reserved
Feuille de style
Agence universitaire de la Francophonie (www.auf.org)
Véronique Pierre, Steven Reynaud
courriels: rro@refer.org
***************************************************************/

/**************************************************************
--------
Couleur : (ces informations sont données à titre indicatif)
--------
#fff (blanc) : fond partie centrale, texte titres colonnes de gauche, texte bas de page
#000 (noir) : textes
#666 (gris foncé) : tous les titres non associés à des liens hypertextes, fond titres colonnes de gauche
#aaa (gris moyen) : filets pleins et filets pointillés, encadrement logos bas de page
#ccc (gris clair) : fond en-tête, colonne de gauch et bas de page
#b5211d (rouge) : liens
#d00 (rouge clair) : liens survolés
***************************************************************/

/**************************************************************
Eléments généraux      
***************************************************************/

html, body {
  background-color:   #fff; 
  padding:            0; 
  margin:             0; 
  font-family:        Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
  min-height:         100%; 
  height:             100%;
  font-size:          0.89em; 
}

#page {
  position:           relative; 
  width:              974px; 
  padding:            0px; 
  margin:             auto;
  text-align:         left;
  /* astuce pour compatibilité IE / Firefox la hauteur de la page lors du premier affichage*/
  min-height:         100%; 
  height:             100%;
  height:             auto;
}

#conteneur {
  position:           relative; 
  width:              100%; 
  background-color:   #eee; 
  /* astuce pour compatibilité IE / Firefox sur la hauteur de la page lors du premier affichage*/
  min-height:         100%; 
  height:             100%;
  height:             auto;
}

#centre {
  position:           relative;
  background-color:   #fff; 
  text-align:         left;
  margin-left:        180px; 
  margin-right:       15px; 
  padding :           15px 5px 15px 5px;
  height:             414px;
}

#gauche {
  float :             left;
  width:              175px;
  padding:            15px 5px 5px 5px; 
}

.image {
  border :            no;
}

img{
  border:             none;
  text-align:         center;
}

#hautdepage, h1.menu_titre_gauche, h2, h4, .titre1, .titre2, .titre3, .titre4, .titre, .soustitre, .titreNumeroArticle, .regroup, #toc, .alphabet, .alphabetsepar {
  font-family:        "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/**************************************************************
En-tête de page    
***************************************************************/
#hautdepage {
  font-size :         3.0em;
  font-weight:        bold;
  height:             117px; 
  background-color :  #eee;
  color :             #666;
  text-align:         center;
  vertical-align:     middle;
}

#hautdepage_soustitre {
  font-size:          0.6em; 
  font-weight:        bold;
}

/**************************************************************
Bas de page         
***************************************************************/
#basdepage_decalement {
  /* permet la gestion corecte du bas de page lors d'article long */  
  clear:              both;
}

#basdepage {
  background-color:   #eee;
  height:             180px; 
  font-size:          90%;
  text-align:         center;
}

#basdepage ul{
  list-style-type :   none;
  list-style-image :  none;
  padding :           0px;
  margin :            3px 0px 0px 0px ;
}

.basdepage_liste {
  margin :            -2px 0px 0px 0px ;
}

.basdepage_listefin {
  margin :            -4px 0px 0px 0px ;
}

.basdepage_gauche{
  float :             left;
  margin :            0px 0px 0px 5px;
  padding :           0px;
}

.basdepage_droite{
  float :             right;
  right:              0px; 
}

.basdepage_centre{
  margin-left:        auto;
  margin-right:       auto;
  width:              60%;
  text-align:         center;
  color :             #000;
}

.basdepage_image {
  margin-top:         3px;
  margin-right:       5px;
  border:             #aaa 1px solid; 
}

/**************************************************************
Element de la page centrale
***************************************************************/
/* astuce pour compatibilité IE / Firefox sur la hauteur de la page lors du premier affichage*/ 
html>body #centre {
  height:             auto;
  min-height:         414px;
} 

.index_centre {
  width:              95%;
  text-align:         left;
  font-size :         100%;
  margin-left :       auto;
  margin-right :      auto;   
  padding :           5px;
/* astuce pour compatibilité IE / Firefox sur la hauteur de la page*/   
  min-height:         100%; 
  height:             100%;
  height:             auto;
}

.lettrine{ font-weight: bold; font-size: 150%; }

hr {
  text-align:         center;
}

/**************************************************************
Element des menus situé à gauche
**************************************************************/

h1.menu_titre_gauche{
  background:         #666;
  width:              165px; 
  border-bottom:      1px solid #aaa; 
  text-align:         center; 
  color :             #fff;
  font-weight:        bold;
  font-size:          90%;
}

.menu_liste_gauche {
  padding:            0px; 
  margin:             0px; 
  font-size:          90%;
}

.menu_liste_gauche a {
 /* margin:             0px 2px;  */
  color:              #b5211d; 
  text-decoration:    none;
}

.menu_liste_gauche  a:hover {
  color:              #d00; 
  text-decoration:    underline;
}

/**************************************************************
Liens
**************************************************************/
a {
  color :             #b5211d;
  text-decoration:    none;
}

a:hover {
  color :           #d00;
  text-decoration: 	underline;
}

/**************************************************************
Titres
**************************************************************/

h1 {
  color:              #666;
  font-weight:        bold;
  font-size:          1.4em;
  border-bottom:      1px solid #aaa; 
  margin :            0;
  padding :           0;
}

h2 {
  color:              #666;
  font-size:          110%;
  text-decoration:    none;
  margin :            0;
  padding :           0;
}

h4, .titre1, .titre2, .titre3, .titre4{
  font-size:          110%;
  color:              #666;
  font-weight:        bold;
  padding-right:      10px;
  text-align:         left;
  display:            block;
  border-bottom:      #aaa 1px dashed; 
  margin :            0;
  padding :           0;
}

/**************************************************************
Element du sommaire : type du document
**************************************************************/

/* .type {
  color:              #ba3608;
  font-size :         0.8em;
}
*/

h3 {
  color:              #000;
  font-size:          1em;
  font-weight:        100;
  margin :            0;
  padding :           0;
}

.regroup  {
  color:              #666;
  padding-top:        2ex;
  border-bottom:      #aaa 1px dashed; 
  font-weight:        bold;
  font-size:          110%;
  text-align:         left;
  padding-left:       5ex;
  font-variant:       small-caps;
}

/**************************************************************
Documents : en-tête et métadonnées 
**************************************************************/

.titreNumeroArticle {
  font-size:          1em;
}

.titre {
  color:              #666;
  border-color: 	  #aaa;
  font-size:          1.4em;
  padding :           0;
}

.soustitre {
  color:              #666;
  font-size:          1.2em;
  padding :           0;
}

.signalerimprimer{
  float :             right;
  margin-bottom:      -5px;
  height:             1px; 
  margin-top:		  -3px;
}

.date{
  text-align:         right;
  line-height:        1;
  font-size:          90%;
}

.auteur{
  color:              #000;
  padding-left:       3ex;
  padding-right:      1ex;
  text-align:         left;
}

.nom {
  font-size :         1.2em;
  font-variant:       small-caps;
  text-transform:     lowercase;
}

.resume, .abstract, .riassunto, .extracto, .zusammenfassung {
  padding-left:       3ex;
  padding-right:      1ex;
  text-align:         justify;
  margin-top:         0em;
  margin-bottom:      0.7ex;
}

/**************************************************************
Documents : table des matières
**************************************************************/

#toc{
  margin-top:         0px;
  margin-bottom:      30px;
  padding-left:       1ex;
  padding-right:      1ex;
}

#toc h4{ margin-bottom: 15px; }

.toc_section1 { margin-top: 1ex; margin-bottom: 1ex; }
.toc_section2{ padding-left: 1em; margin-top: .5ex; margin-bottom: .5ex; }
.toc_section3{ padding-left: 2em; margin-top: .5ex; margin-bottom: .5ex; }
.toc_section4{ padding-left: 3em; margin-top: .5ex; margin-bottom: .5ex; }
.toc_section5{ padding-left: 4em; margin-top: .5ex; margin-bottom: .5ex; }
.toc_section6{ padding-left: 5em; margin-top: .5ex; margin-bottom: .5ex; }

.section1{ font-weight: bold; font-size: 135%; margin-top: 20px; margin-bottom: 12px; }
.section2{ font-weight: bold; font-size: 125%; margin-top: 20px; margin-bottom: 12px; }
.section3{ font-weight: bold; font-size: 115%; margin-top: 20px; margin-bottom: 12px; margin-left: 30px; }
.section4{ font-weight: bold; font-size: 110%; margin-top: 20px; margin-bottom: 12px; margin-left: 40px; }
.section5{ font-weight: bold; font-size: 105%;  margin-top: 20px; margin-bottom: 12px; margin-left: 50px; }
.section6{ font-weight: bold; font-size: 100%;  margin-top: 20px; margin-bottom: 12px; margin-left: 60px; }

/**************************************************************
Documents : corps du texte
**************************************************************/

p.epigraphe{
  margin-left:        50%;
  text-align:         justify;
  line-height:        1;
  font-size:          90%;
}

.erratum  {
  text-align:       justify;     
  margin :            0;  
  padding :           0; 
}

.ndlr   {
  text-align:       justify;     
  margin :            0;  
  padding :           0; 
}
.historique {
  text-align:       justify;     
  margin :            0;  
  padding :           0; 
}

p.texte{
  margin-top:         0em;
  margin-bottom:      1.2ex; 
}

.texte {
  padding-left:       1ex;
  padding-right:      1ex;
  text-align:         justify;
}

p.citation{
  margin-left:      5em;
  margin-right:     2em;
  font-size:        95%;
  text-align:		left;
}

.titreillustration {
  font-size:          95%;
  text-align:         center;
  margin-top:         5px;
  margin-bottom:      10px;
  padding:            0;
  font-weight:        bold;
}
.legendeillustration {
  font-size:          95%;
  text-align:         center;
  margin-top:         -6px;
  margin-bottom:      10px;
  padding:            0;
}

p.bibliographie {
  padding-left:       3ex;
  padding-right:      1ex;
  text-align:         left;
  font-size:          95%;
}

.notes{
  padding-left:       3ex;
  padding-right:      1ex;
  text-align:         left;
  font-size :         0.9em;
}

.footnotecall{ vertical-align: 15%; font-size: smaller; padding-left: 2px; }
.footnotebody{ margin-bottom: 5px; text-align: justify; }
a.footnotedefinition{ font-size: 100%; margin-right: 10px; }

.pourciter{
  padding-left:       3ex;
  padding-right:      1ex;
  font-size:          90%;
}



/**************************************************************
Navigation
**************************************************************/

.navigation_suivant {
  float:              right ;
  text-align:         right;
  font-size:          90%;
}
.navigation_precedent{
  float:              left ;
  text-align:         left;
  width:              42%;  
  font-size:          90%;
}
.navigation_centre {
  float:              left ;
  text-align:         center;
  font-size:          90%;
}

/**************************************************************
Index
**************************************************************/

.alphabet{
  text-align:         center;
  font-weight:        bold;
}

.alphaligne {
  border-bottom:      #aaa 1px dashed; 
  padding-left :      10px;
  margin:             0;
  color: 			  #666;
}

.alphabetsepar{
  color:              #666;
  font-weight:        bold;
  border-color: 	  #aaa;
}

/**************************************************************
Puces
**************************************************************/

li { list-style-image:url(../images/li.png); }
li li { list-style-image:url(../images/lili.gif); }

/**************************************************************
Eléments affichés dans le site privé
**************************************************************/
.bouton{
  font-size:          smaller;
  font-weight:        normal;
  padding:            0;
  margin:             0;
  text-decoration:    none;
}

/**************************************************************
formulaire de recherche
**************************************************************/
#fenetre {width:120px; border:1px solid #aaa} 
#bouton {width:22px; cursor:pointer; color:#fff; font-weight:bold; font-size:90%; text-align:center; background-color:#666; border:none}