/**************************************************************
Modèle éditorial RRO - AUF - GNU GPL - All Rights Reserved
produit par l'Agence universitaire de la Francophonie
Feuille de style
E-Mail: steven.reynaud@wanadoo.fr
***************************************************************/

/**************************************************************
border: 1px solid black; - permet de voir le contour d'une boîte 
--------
Couleur : (ces informations sont données à titre indicatif)
--------
#FFFFFF : Blanc
#f39d15 : Orange - ex : fond du conteneur haut de page et bas de page 
#fb8013 : Orange foncé - ex : fond du titre des menus dans la colonne gauche
#FFCC66 : Orange pâle - ex : fond de la colonne gauche et droite
#5b3709 : Marron - ex : titre de la revue + titres dans un texte
#d96549 : Rose - ex : filet de contour des images et des sous-titres dans le texte
#000000 : Noir - ex : liens - titres des menus dans la colonne de gauche
#9c2119 : Violet - ex : survol des liens dans les menus
#ba3608 : Rouge ocre - ex : sommaire
#646464 : Gris - ex : auteur
#dd835d : Rose pale - ex : filet pointillé sous les sous-titres dans l'affichage d'un texte
***************************************************************/

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

html, body {
  background-color:   #FFFFFF; 
  padding:            0; 
  margin:             0; 
  font-family:        "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  min-height:         100%; 
  height:             100%;
  font-size:          0.89em; 
}

#page {
  position:           relative; 
  width:              97%; 
  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:   #FFCC66; 
  /* 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:   #FFFFFF; 
  text-align:         center;
  margin-left:        180px; 
  margin-right:       15px; 
  padding :           15px 5px 15px 5px;
  height:             414px;
}

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

#droite {
  float :             right;
  width:              175px;
  padding:            15px 5px 5px 5px; 
}

.image {
  border :            no;
}

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

/**************************************************************
Element du haut de page         
***************************************************************/
#hautdepage {
  font-family:        Verdana, Tahoma, Geneva, Lucida, Arial, Helvetica, sans-serif;
  font-size :         3.0em;
  height:             97px; 
  background:         #f39d15;
  color :             #5b3709;
  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:         #f39d15;
  height:             79px; 
  font-size:          90%;
}

#basdepage ul{
  list-style-type :   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:              5px; 
}

.basdepage_centre{
  margin-left:        180px;
  margin-right:       auto;
  width:              50%;
  text-align:         center;
}

.basdepage_image {
  margin-right:       2px;
  border:             #d96549 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%;
  border:             #d96549 1px solid; 
  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;
}

hr {
  text-align:         center;
}

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

h1.menu_titre_gauche{
  background:         #fb8013;
  width:              165px; 
  border-top:         #d96549 1px solid; 
  border-bottom:      #d96549 1px solid; 
  text-align:         center; 
  color :             #5b3709;
  font-weight:        bold;
  font-family:        Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  font-size:          90%;
}

/* à utiliser dans le cas d'une colonne à droite
h1.menu_titre_droite{
  background:         #fb8013;
  width:              165px; 
  border-top:         #d96549 1px solid; 
  border-bottom:      #d96549 1px solid; 
  text-align:         center;
  margin-left:        10px; 
  color :             #5b3709;
  font-weight:        bold;
  font-family:        Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  font-size:          90%;
}
*/

.menu_liste_gauche {
  padding:            0px; 
  margin:             0px; 
  list-style-type:    none;
  font-size:          90%;
}

.menu_liste_gauche A {
  margin:             0px 2px; 
  color:              #000000; 
  text-decoration:    none
}
.menu_liste_gauche A:hover {
  text-decoration:    underline
}

.menu_liste_droite {
  padding:            0px; 
  margin:             0px; 
  list-style-type:    none; 
  margin-left:        10px; 
  font-size:          90%;
}

.menu_liste_droite A {
  margin:             0px 2px; 
  color:              #000000; 
  text-decoration:    none
}

.menu_liste_droite A:hover {
  text-decoration:    underline
}

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

/**************************************************************
Gestion des liens
**************************************************************/
a {
  color :             #9c2119;
  text-decoration:    none
}

a:hover {
  color :             #9c2119;
}
/**************************************************************
Element du sommaire
**************************************************************/
.type {
  color:              #ba3608;
  font-size :         0.8em;
}

/**************************************************************
Mise en forme du contenu des documents 
**************************************************************/
.auteur{
  color:              #646464;
  font-weight:        bold;
  text-align:         left;
  margin :            0;
  padding :           0;
}

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

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

.pourciter{
  padding-left:       1ex;
  padding-right:      1ex;
}

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

p.bibliographie {
  padding-left:       1ex;
  padding-right:      1ex;
  text-align:         left;
}

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

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

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

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

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

.titreNumeroArticle {
  font-size:          1em;
}

h2 {
  color:              #5b3709;
  font-size:          1em;
  text-decoration:    none;
  margin :            0;
  padding :           0;
}

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

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

.titre {
  color:              #5b3709;
  font-size:          1.4em;
  padding :           0;
}

.regroup  {
  color:              #5b3709;
  font-weight:        bold;
  font-size:          110%;
  text-align:         left;
  font-variant:       small-caps;
  border-bottom:      #dd835d 1px dashed; 
}

.smallcaps {
  font-variant:normal;
}

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

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

#toc a{ font-weight: bold; }

#toc a:hover{}

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

.toc_section1 { font-weight: bold; font-variant: small-caps; margin-top: 1ex; margin-bottom: 1ex; font-size: 105%; }
.toc_section2{ font-weight: bold; padding-left: 1em; margin-top: .5ex; margin-bottom: .5ex; }
.toc_section3{ font-weight: bold; padding-left: 2em; margin-top: .5ex; margin-bottom: .5ex; }
.toc_section4{ font-weight: bold; padding-left: 3em; margin-top: .5ex; margin-bottom: .5ex; }
.toc_section5{ font-weight: bold; padding-left: 4em; margin-top: .5ex; margin-bottom: .5ex; }
.toc_section6{ font-weight: bold; padding-left: 5em; margin-top: .5ex; margin-bottom: .5ex; }

.section1{ font-size: 135%; font-variant: small-caps; font-weight: bold; margin-top: 20px; margin-bottom: 12px; }
.section2{ font-size: 125%; font-weight: bold; margin-top: .5ex; margin-top: 20px; margin-bottom: 12px; }
.section3{ font-size: 115%; font-weight: bold; margin-top: 20px; margin-bottom: 12px; margin-left: 30px; }
.section4{ font-size: 105%; font-weight: bold; margin-top: 20px; margin-bottom: 12px; margin-left: 40px; }
.section5{ font-size: 95%;  font-weight: bold; margin-top: 20px; margin-bottom: 12px; margin-left: 50px; }
.section6{ font-size: 85%;  font-weight: bold; margin-top: 20px; margin-bottom: 12px; margin-left: 60px; }

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

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

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

.datepubli {
  font-style:         italic;
}

.navigation_suivant {
  float:              right ;
  text-align:         right;
}
.navigation_precedent{
  float:              left ;
  text-align:         left;
  width:              42%;  
}
.navigation_centre {
  float:              left ;
  text-align:         center;
}
.erratum  {
  text-align:       justify;     
  margin :            0;  
  padding :           0; 
}
.ndlr   {
  text-align:       justify;     
  margin :            0;  
  padding :           0; 
}
.historique {
  text-align:       justify;     
  margin :            0;  
  padding :           0; 
}
/**************************************************************
Mise en forme index
**************************************************************/

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

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

.alphabetsepar{
  color:              #5b3709;
  font-weight:        bold;
}

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