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

Codes couleurs utilisés
#676fdb : bleu
#804740 : bleu violet foncé
#8000ff : bleu violet foncé
#ffed2f : jaune
#fff : blanc 
#000 : noir
#c00 : rouge
***************************************************************/

/**************************************************************
Positionnement dans l'interface       
***************************************************************/

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; 
}

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

#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:   #170E07; 
  /* 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:       5px; 
  padding :           15px 0px 15px 15px;
  height:             414px;
}

#bloc_boutons_haut {
}

#bloc_boutons_bas {
}

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

.image {
  border :            no;
}

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

acronym {
	cursor: help;
	border: 0px;
	text-decoration: none;
}

/**************************************************************
Element du haut de page         
***************************************************************/
#hautdepage {
  font-size :         3.0em;
  height:             157px; 
  background-color :  #804740;
  text-align:         center;
  vertical-align:     middle;
}

.hautdepage a:hover {
  text-decoration:    none;
}

#hautdepage_soustitre {
  font-size:          0.6em; 
}

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

#basdepage {
  background-color:   #170E07;
  height:             70px; 
  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 :             #fff;
}

.basdepage_image {
  margin-top:         3px;
  border:             #ffed2f 1px solid; 
  border:             #fff 1px solid; 
  margin-right: 2px;
}

/**************************************************************
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%;
/* astuce pour compatibilité IE / Firefox sur la hauteur de la page*/   
  min-height:         100%; 
  height:             100%;
  height:             auto;
}

hr {
  text-align:         center;
}

.erreur {
  /* Utilisé dans le formulaire permettant de signaler un document  */
  color :            #c00;
  font-size :        80%; 
}

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

h1.menu_titre_gauche{
  background:         #ffa422;
  width:              165px; 
  border-bottom:      1px solid #ffed2f; 
  text-align:         center; 
  color :             #170E07;
  font-weight:        bold;
  font-size:          90%;
}

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

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

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

/**************************************************************
Element des droits administrateur
**************************************************************/
.bouton{
  font-size:          smaller;
  font-weight:        normal;
  padding:            0;
  margin:             0;
  text-decoration:    none;
}

/**************************************************************
Liens
**************************************************************/
a {
  color :             #292023;
}

a:hover {
  color :           #ffa422;
  text-decoration: 	none;
}

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

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

.titreNumeroArticle {
  font-size:          1em;
}

h2 {
  color:              #170E07;
  font-size:          1em;
  text-decoration:    none;
  margin :            0;
}

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

h4, .titre1, .titre2, .titre3, .titre4{
  font-size:          100%;
  color:              #170E07;
  font-weight:        bold;
  text-align:         left;
  display:            block;
  border-bottom:      #ffed2f 1px dashed; 
  margin :            0;
  margin-bottom :    5px; */
}

.regroup  {
  color:              #170E07;
  border-color:		  #ffed2f;
  font-weight:        bold;
  font-size:          110%;
  text-align:         left;
  font-variant:       small-caps;
}

/**************************************************************
Sommaire 
**************************************************************/


.sommaire_soustitre {
  font-style:       italic; 
}

/**************************************************************
Contenu des documents 
**************************************************************/
.titre {
  color:              #170E07;
  border-color: 	  #ffed2f;
  font-size:          1.4em;
}

.soustitre {
  color:              #170E07;
  font-size:          1.2em;
  font-style:		italic;
}

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

.NDLR{
/*  style utilisé pour les notes de la rédactions, historiques, errata*/
  margin-left:        2em;
  margin-right:       4em;
  text-align:         left;
  font-family:        Courier New;
  font-size:          95%;
}
  
.auteur{
  color:              #000;
  text-align:         left;
}

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

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

.abstract {
	font-style:		italic;
}

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

.texte {
  text-align:         justify;
}

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

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

.titreillustration {
  font-size:          95%;
  text-align:         center;
  margin-top:         8px;
  margin-bottom:      5px;
  font-weight:        bold;
}
.legendeillustration {
  font-size:          95%;
  text-align:         center;
  margin-top:         -2px;
}

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

.notes{
  text-align:         left;
  font-size :         0.9em;
}

.footnotecall{ vertical-align: super; font-size: smaller; padding-left: 1px;  /* spuu VP de : padding-right: 2px; */}
.footnotebody{ margin-bottom: 10px; text-align: left; }
a.footnotedefinition{ font-size: 100%; margin-right: 10px; }

.pourciter{
  font-size:          90%;
}

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

#toc{
  margin-top:         0px;
  margin-bottom:      30px;
}

#toc a:hover{}

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

.toc_section1 { font-variant: small-caps; margin-top: 1ex; margin-bottom: 1ex; font-size: 105%; }
.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-size: 135%; font-variant: small-caps; margin-top: 20px; margin-bottom: 12px; }
.section2{ font-size: 125%; margin-top: 20px; margin-bottom: 12px; margin-left: 20px;  }
.section3{ font-size: 115%; margin-top: 20px; margin-bottom: 12px; margin-left: 40px; }
.section4{ font-size: 105%; margin-top: 20px; margin-bottom: 12px; margin-left: 60px; }
.section5{ font-size: 95%;  margin-top: 20px; margin-bottom: 12px; margin-left: 80px; }
.section6{ font-size: 85%;  margin-top: 20px; margin-bottom: 12px; margin-left: 100px; }

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

.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:      #ffed2f 1px dashed; 
  padding-left :      10px;
  margin:             0;
  color: 			  #170E07;
}

.alphabetsepar{
  color:              #170E07;
  font-weight:        bold;
  border-color: 	  #ffed2f;
}

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

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

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