/**************************************************************
Mod�e �itorial 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�e 

--------
Couleur : (ces informations sont donn�s �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�e - 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:   #33639e; 
  padding:            0; 
  margin:             0; 
  font-family:        "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  min-height:         100%; 
 /* height:             100%;*/
  width:              100%;  
  font-size:          0.89em; 
}

#page {
  position:           relative; 
  width:              100%; 
  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:   #6699CC;*/ 
  /* astuce pour compatibilit�IE / Firefox sur la hauteur de la page lors du premier affichage*/
/*  min-height:         100%; 
  height:             200%;*/
/*  height:             auto;*/
}

#centre {
  position:           relative;
  background-color:   #ffffff; 
  text-align:         center;
  margin-left:        170px; 
  margin-right:       0px; 
  padding :           15px 5px 15px 5px;
  
 /* height:             414px;*/
 /* border-left:         #F3E5B6 1px solid;*/ 
  border:             #8dbbec 4px; 
}

#gauche {
  float :             left;
  width:              170px;
  padding:            0px 0px 0px 0px; 
  
}

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

.image {
  border :            0;
}

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

/**************************************************************
Element du haut de page         
***************************************************************/
#hautdepage {
  
  height:             90px; 
  background:         #36639e;
  text-align:         left;
  vertical-align:     middle;
  padding-left:       15px ;
 /* border-bottom:      #F3E5B6 1px solid;*/
}

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

#hautdepage_soustitre {
  font-family:        Georgia;
  color :             #8dbbec;   
  font-size :         14pt;
}
#hautdepage_titre {
  /*font-family:        ;*/
  font-size :         20pt;
  color :             #ffffff;
  padding-top:        15px ;

}

/**************************************************************
Element du bas de page         
***************************************************************/
#basdepage_decalement {
  /* permet la gestion corecte du bas de page lors d'article long */  
  clear:              both;
}
#basdepage {
  
  background:         #36639e;
  height:             60px; 
  font-size:          90%;
  border-top:         #8dbbec 1px solid;
}


.basdepage_gauche{
  float :             left;
  margin-left :       5px;  

}

.basdepage_droite{
  
  /*float :             right;
  margin-right:       140px; */
  margin-top:         20px;
  text-align:         center;
  
}

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


.basdepage_image {
  height:             60px;
  width:	      50px;
  margin-top:         5px;
  margin-right:       5px; 
}

/**************************************************************
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:             #113377 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:         #36639E;
  width:              170px;  
  border-bottom:      #fff 1px dotted; 
  border-top:        #8dbbec 1px solid;  
  text-align:         center; 
  color :             #fff;
  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 0px 0px 5px; 
  margin:             0px; 
  list-style-type:    none;
  font-size:          90%;
}
.menu_liste_gauche A {
  margin:             0px 2px; 
  color:              #fff; 
  text-decoration:    none;
}
.menu_liste_gauche A:hover {
  text-decoration:    underline;
  color :             #fff;
}

.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 :             #113377;
  text-decoration:    none
}
a:hover {
  color :             #77aaee;
}
/**************************************************************
Element du sommaire
**************************************************************/
.type {
  color:              #8dbbec;
  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:         italic;
}

.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:       #8dbbec 1px dashed;
  padding-left :      10px;
  margin:     0;

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


h1 {
  color:              #000;
  font-weight:        bold;
  font-size:          1.4em;
  /*border-bottom:      #F3E5B6 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:              #000;
  font-weight:        bold;
  padding-right:      10px;
  text-align:         left;
  display:            block;
  border-bottom:      #36639e 1px dashed; 
  margin :            0;
  padding :           0;

}


.titre {
  color:              #053d71;
  font-size:          1.4em;
  padding :           0;
}


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

.smallcaps {
  font-variant:normal;
}


.signalerimprimer{
  float :             right;
  margin-top:      0px;
  height:             40px;
  border-bottom:      #366396 1px solid;
}

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

p.alignright{
	text-align : 	right;
}

#Newsletter {
	color:#ffffff;
	margin:10px;
}

#Newsletter a:link{
	color:#ffffff;
	margin:10px;
}

#Newsletter a:hover{
	color:#8dbbec;
	text-decoration:underline;
	margin:10px;
}