/**************************************************************
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



***************************************************************/

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

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

#page {
  position:           relative; 
 background-color:   #32375b; 
   width:              100%; 
  padding:            0px; 
  margin:             1%;
  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:   #32354b;
  /* astuce pour compatibilité IE / Firefox sur la hauteur de la page lors du premier affichage*/
  min-height:         100%; 
  height:             100%;
  height:             auto;
  margin :none;
}
#conteneurgauchecentrepourcolonnesegales {
	FLOAT: left; 
	OVERFLOW: hidden;
  width:              100%; 
  background-color:   #32354b;
  /* astuce pour compatibilité IE / Firefox sur la hauteur de la page lors du premier affichage*/
  min-height:         100%; 
  height:             100%;
  height:             auto;

}
#centre {
  float: 	left;
  width:        72%; 
  background-color:      #F4F0DA;

  text-align:         center;
/*  margin-left:        1px; 
  margin-right:       1px; */
  padding-top: 10px;
/*  padding-left :           1px;*/
  height:             100%;
MARGIN-BOTTOM: -1000px; 
PADDING-BOTTOM: 1000px;
}

#gauche {
	float: left;
	width: 180px;
	/* background-color: #32374b; */
	background-color: #3e4a70;
	color: #F0F3C6;
	text-align: center;
	padding-left: 0px;
	MARGIN-BOTTOM: -1000px;
	PADDING-BOTTOM: 1000px; 
	height: 100%;
	text-align: center;
	border-style: none;
	border-width: 4px;
	border-color: FFFFFF;
}

#menugauche {

background-color:     #62375b;
  margin-left:        15%; 
  text-align:         left;
  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 :         1.0em;
  height:             120px; 
  /*background:         #A19DD1;*/
  background:          #F0F3C6;
  /*color :             #56518F;*/
  color :             #b0aec7;
  text-align:         center;
  vertical-align:     top;
margin-left:		30px;
margin-bottom:		30px;
}

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

#hautdepage_soustitre {
  font-size:          0.8em; 
  background-color: #F4F0DA;
  color: #3e4a70;
  font-style: italic;
}


/**************************************************************
Element du bas de page         
***************************************************************/
#basdepage_decalement {
  /* permet la gestion corecte du bas de page lors d'article long */  
  clear:              both;
}
#basdepage {
  /*background:         #A19DD1*/;
  background-color:   #32374b;
  width:	99%; 
  font-size:          100%;
  color:		#F0F3C6;
  padding-top: 5px;
}

#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{
  margin :            0px 0px 0px 5px;
  padding :           5px;
border:	2px #FFFFFF ;

}

.basdepage_droite{
  right:              0px; 
border:	2px #FFFFFF ;
text-align:center;  
}

.basdepage_centre{
  margin-left:        auto;
  margin-right:       auto;
  width:              80%;
  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;
} 

.bandeau_centre{
  width:              80%;
/*  margin-left: 14%;*/

  background-color:      #F6F8E9;
 /* border:             #D0CED0 1px solid; 	*/
margin-top :      20px;   
  }


.index_centre {
  width:              80%;
  background-color:      #F6F8E9;
  background-position: 15% 5%;
/*  border:             #D0CED0 1px solid; */
  text-align:         justify;
  font-size :         100%;
  margin-left :       10%;
/*  margin-right :      15%;   */
  color: #3e4a70;
/*  padding :           15px;*/
/* astuce pour compatibilité IE / Firefox sur la hauteur de la page*/   
  min-height:         100%; 
  height:             100%;
 /* height:             auto;*/
  background-image: url(../images/sds_puce3.gif); 
  background-repeat: no-repeat;
  background-position: left top;
}

hr {
  text-align:         center;

}

/**************************************************************
Element des menus situé à gauche
**************************************************************/
.menu_groupe {
	background:#3e4a70; 
	text-align: left;
	background-image: url(../images/sds_puce7.gif);  
	background-repeat: no-repeat;
	background-position: 5% 5%;
	clear: both;
	margin-top: 20px;
}
h1.menu_titre_gauche{
	/*  background:          #DFCCBD;*/

        margin-top: 2%;
	margin-bottom: 0.5%;
	width: 85%; /*  border-top:         #000000 0px dotted; */
/*	border-bottom: #CCCCCC 1px dotted;*/
	text-align: left;
	color:  #f1652e; /*#F6F6E9 */;
	font-weight: bold;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 100%;
	padding-top: 3px;
	padding-bottom: 5px;
	clear: both;
 }

/* à utiliser dans le cas d'une colonne à droite
h1.menu_titre_droite{
  background:         #478BB9;
  width:              165px; 
  border-top:         #d96549 1px solid; 
  border-bottom:      #d96549 1px solid; 
  text-align:         center;
  margin-left:        10px; 
  color :             #56518F;
  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%;
  clear: both;
  
}
.menu_petitbloc {
  padding:            1px; 
  margin:             4px; 
  float: left;
/* border-color: #D0D3BA; */
  border-width: 0px;
  border-style: solid;
  border-color: #42475b;
  font-family: sans-serif;
  font-weight: bold;
  /*background-image: url(../images/bleuorange.gif);
  background-repeat: repeat;
  background-position: 5% 57%; */
  clear: both; 

}

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

.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 :             #bc2139;
  text-decoration:    none
}
a:hover {
  color :             #dc2129;
}
/**************************************************************
Element du sommaire
**************************************************************/
.type {
  color:              #ba3608;
  font-size :         0.8em;

}
/**************************************************************
Element de la gestion du texte au centre 
**************************************************************/

.index_centre a {
  color :             #32375b;
  text-decoration:    none
}
.index_centre a:hover {
  color :             #dc5129;
}


.auteur{
  color:              #646464;
  font-weight:        bold;
  text-align:         justify;
  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%;
  color: #777788;
}

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

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

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

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

}
.alphabetsepar{
  color:              #56518F;
  font-weight:        bold;
}


h1 {
  color:              #22274b;
  font-weight:        bold;
/*  font-size:          1.4em;*/
/*  border-bottom:      #d96549 1px solid; */
  margin :            0;
  padding :           0;

}
.index_centre h1{
	font-size: xx-large;
	text-align: left;
}
.titreNumeroArticle {
  font-size:          1em;
}

h2 {
  color:              #56518F;
  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:              #56518F;
  font-weight:        bold;
  padding-right:      10px;
  text-align:         left;
  display:            block;
  border-bottom:      #dd835d 1px dashed; 
  margin :            0;
  padding :           0;

}


.titre {
  color:              #56518F;
  font-size:          1.4em;
  padding :           0;
}


.regroup  {
  color:              #56518F;
  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;
}