/**************************************************************
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:   #ccdd89; 
  /* 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:        Papyrus, "Matisse ITC", Tahoma, sans-serif;
  font-size :         3.0em;
  height:             97px; 
  background:         #cccccc;
  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:         #cccccc;
  height:             70px; 
  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:              0px; 

}

.basdepage_centre{
  margin-left:        auto;
  margin-right:       auto;
  width:              auto;
  text-align:         center;
}



.basdepage_image {
  margin-top:         3px;
  margin-right:       5px;
  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:             #CCC211 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;

}
/**************************************************************
Element de la gestion du texte au centre 
**************************************************************/
.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%;
}

.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:         justify;
}

p {
  /*margin: 0px 0px 0px 0px */
}

.notes{
  padding-left:       1ex;
  padding-right:      1ex;
  text-align:         left;
  font-style:         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;
}

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

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

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


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_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;
}
#toc h4{
  margin-bottom:      15px;
}
.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:       5px;
  padding-right:      2px;
  font-weight:        bold;
}
.footnotebody{
  margin-bottom:      10px;
  text-align:         justify;
}
a.footnotedefinition{
  font-size:          100%;
  margin-right:       10px;
}
.titreillustration {
  font-size:          95%;
  text-align:         center;
  margin-top:         -5px;
  margin-bottom:      2px;
  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 page formulaire signaler
**************************************************************/
#signaler{
  margin-top:         30px;
}

#signaler div.row {
   clear:             both;
   padding-top:       6px;
   padding-bottom:    6px;
}
#signaler label {
   float:             left;
   width:             220px;
   text-align:        right;
   display:           block;
}
 
#signaler span.formw {
   float:             right;
   width:             300px;
   text-align:        left;
   display:           block;
}