/* encoding="UTF-8"

Styles spécifiques au thème « ENC »
*************************************

Ici, couleurs etc.

[GB] Guillaume Bardet <guillaume.bardet@enc.sorbonne.fr> (créateur, mainteneur)
[VJ] Vincent Jolivet <frederic.glorieux@enc.sorbonne.fr> (contributeur)
[FG] Frédéric Glorieux <frederic.glorieux@enc.sorbonne.fr> (contributeur)


2009-10-14 [GB][VJ] Création

*/


/* style du html par défaut */
@import '../html.css';
/* style des classes générées par les transformation depuis le TEI */
@import '../diple_html.css';



body {
  background:white;
  color:#222;
  margin:0;
  padding:0;
  font-family:Frutiger, "Deja Vu Sans", Helvetica, sans-serif;
}
/** Disposition des div */

#container {
 /* [FG] 2010-01 expérience faîte, impossible de virer container pour tirer les bordures */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-left:2.5%;
  margin-right:2.5%;
  width:95%;
  position:absolute;
}

#header {
  margin:0;
  padding:0;
  height:50px;
  background-image:url('bandeau.png');
  background-repeat:no-repeat;
  background-position: 86px 0 ; 
  background-color:#A73136;
  text-align: left;
}
#table {
  float:left; /* [FG 2010-01] pose problèmes avec des clears, mais casse tout*/
  /* position:absolute; [FG] non*/
  clear:none;
  width:248px;
  color:black;
  margin:0 0 0 11px;
  padding:0;
  font-family:Arial, sans-serif;
  /* [FG 2010-01] ou taille en pixels ? */
  font-size:90%;
  background-image:url('fond_menu_gauche_interieur.png');
  background-repeat:repeat-y;
  background-color:white;
  border-right:solid 1px #b3b3b3;
}
/* VJ : si la table est insérée dans une iframe */
body.iframe div#table {
  border-right: none;
  width:300px;
  /*padding-top: 50px;*/ //passer l'iframe sous le bandeau
}
#document {
  clear:none;
  background:white;
  padding:0;
  margin:3ex 5em 5em 320px;
  font-size:14px;
  min-height:500px;
}


#footer {
  clear:both;
  background-image:url('footer.png');
  background-repeat:repeat-x;
  height:28px;
  font-size:14px;
  padding:0;
  margin:0;
  text-align:center;
}


#bord_gauche {
  /* [GB 2009-10] dégradés blanc à gris sur le coté gauche*/
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:11px;
  background-color:#FFFFFF;
  background-image:url('bord_gauche.png');
  background-repeat: repeat-y;
  background-position:top right;
}

#bord_droit {
  /* [GB 2009-10] dégradés blanc à gris sur le coté droit*/
  position:absolute;
  right:0;
  top:0;
  width:11px;
  height:100%;
  background-image:url('bord_droit.png');
  background-repeat: repeat-y;
  background-position:top right;
}

#logo {
  position: absolute;
  background-image:url('logo_ELEC.png');
  background-repeat:no-repeat;
  width:86px;
  height:50px;
  margin:0 0 0 11px;
  padding:0;
}


.ariane {
  margin:0;
  padding:3px 5px 0px 275px;
  font-size:90%;
  line-height:110%;
  color : #5b5b5b;
  background:#E2DED0;
}
.menu_centre {
  margin:0;
  padding:0 0 0 10px;
  height:30px;
  font-size:100%;
  color : #000000;
  background:#DFDFDF;
  border-bottom:1px solid #b3b3b3;
}


/** Différentes couleurs et styles pour le HTML simple */

a {
  color : #315ba7;
  text-decoration: none; 
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color : #2b1476;
}


li {
  list-style-image:url('puce_rouge.png');
  /* list-style-position:inside; [FG]  pb avec des p dans des li*/
  line-height:115%;
}

h1 {
  font-size:16px;
  text-align:center;
}
h1, big {
  color : #A73136;
  text-shadow:1px 1px #DFDFDF;
}
h1 a, h1 a:visited {
  color:#A73166;
}
h2 {
  font-size:14px;
  color:#A73136;
}

h2 a, h2 a:visited {
  color:#903136;
}
h3 {
  font-size:16px;
  color:#999;
  padding : 0 0 0 1ex;
  margin:1em 0 1ex 0;
  border-bottom:1px dotted;
}

h3 a, h3 a:visited {
  color:#A73166;
}
h4 {
  font-size:16px;
  padding : 1em 0 1ex 2ex;
  color : #BBB;
}
hr {
  color:#999;
}
.rubric {
  /* titre rouge d'un manuscrit : http://www.tei-c.org/release/doc/tei-p5-doc/fr/html/ref-rubric.html */
  color:#a73136;
}

/**********************
  Différentes images à trouver dans ce dossier
***********************/
  
li.plus {
  background-image:url('plus.png');
}

li.minus {
  background-image:url('minus.png');
}

/* gestion des puces pour la navigation centrale haute */
td.prev a {
  padding-left:20px;
  background-image:url("prev.png");
  background-position: left center;
  background-repeat:no-repeat;
}
td.next a {
  padding-right:20px;
  background-position: right center;
  background-repeat:no-repeat;
  background-image:url(next.png);
}
.nav {
  margin:0;
  padding:0 50px 0 0px;
}

.nav ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}


/**  */
#header a {
  color:#FFFFFF;
}
#header h1 {
  margin:25px 2em 0 2em;
  font-size:20px;
  font-family:serif;
  font-weight:normal; 
  font-style:italic;
  text-align: left;
  color:#DFDFDF;
  text-shadow:-1px -1px #A73136;
}
#header address {
  margin-top:28px;
  padding-left:30px; /* repousser du bord */
  float:left;
  opacity:0.8;
  filter:alpha(opacity=80);
  background-color:#A73136;
}
#header address a {
  opacity:1;
  filter:alpha(opacity=100);
  color:#FFF;
  font-size:16px;
  text-shadow:2px 2px #040;
}
/** Habillage du chemin de fer */

.ariane a {
  text-decoration: none;
  color : #5b5b5b;
}

.ariane a:hover {
  color : #000;
  text-decoration: underline;
}


/** Menus gauche, habillages */

#table a {
  text-decoration: none;
  color : #4D4D4D;
}

#table a:hover{
  color : #4D4D4D;
  text-decoration: underline;
}
#table a:active,
#table a:visited {
  color : #4D4D4D;
}
#table ul,
#table p {
  margin:5px 15px 0 10px;
  padding:0;
  text-align:left;
}
#table li {
  list-style-position:inside;
}
#table ul.tree {
  margin:0;
  padding:0 0 0 1ex;
}
#table ul.long li {
  padding:4px 0;
}
#table address,
#table address a,
#table address a:visited,
#table address a:link {
  color:#A73136;
}

#table address {
  margin:0;
  padding:10px 0 6px 3ex;
  font-size:13px;
  font-weight:bold;
  font-style:normal;
  text-shadow:1px 1px #FFF;
}
/* cas où la table est inscrite dans une iframe
body.iframe #table address {
  padding-top: 50px;
}
*/

#table label {
  display:block;
  text-align:right;
  padding:6px 10px 0 10px;
  border-bottom:1px #b3b3b3 solid;
  margin:10px 10px 0 10px;
}
#table hr {
  margin:0;
  padding:0;
  background-image:url('separateur.png');
  width:248px;
  height:10px;
  border:0px;
}
#table .but {
  background-color:#FFF;
}
.sommaire {
   margin:-5px 0 0 -20px;
   padding:0;
}


/** Classe le menu centre */

.menu_centre a {
  text-decoration: none;
  color : #000000;
}

.menu_centre a:hover {
  text-decoration: underline;
}
.menu_centre ul {
  padding:0;
  padding-right:15px;
  margin:0;
  list-style:none;
}
.menu_centre li {
  float:right;
  margin:0;
  padding:2px 0.5ex;
  list-style:none;
  line-height:16px;
}
/** Liens typés avec icones */

a.aide {
  background-image:url('aide.png');
  background-repeat:no-repeat;
  background-position:center right;
  padding:0 20px 0 5px;
}
a.doc {
  background-image:url('doc.png');
  background-repeat:no-repeat;
  background-position:center right;
  padding:0 20px 0 5px;
}
a.lab {
  background-image:url('lab.png');
  background-repeat:no-repeat;
  background-position:center right;
  padding:0 20px 0 5px;
}
a.telecharger {
  background-image:url('telecharger.png');
  background-repeat:no-repeat;
  background-position:center right;
  padding:0 20px 0 5px;
}
a.presentation {
  background-image:url('presentation.png');
  background-repeat:no-repeat;
  background-position:center right;
  padding:0 20px 0 5px;
}

a.historique {
  background-image:url('historique.png');
  background-repeat:no-repeat;
  background-position:center right;
  padding:0 20px 0 5px;
}
a.recherche_avancee {
  background-image:url('recherche_avancee.png');
  background-repeat:no-repeat;
  background-position:center right;
  padding:0 20px 0 5px;
}
/**********************
Style pour la boite de recherche
***********************/


.rechercher, 
input.q {  
  float:left;
  background-image:url('rechercher_gauche.png');
  background-repeat:no-repeat;
  border:none;
  width:155px;
  height:17px;
  margin:5px 0 0 14px;
  padding:1px 1ex 1px 1ex;
  /* [FG] 2009-09-09 pour mieux voir le mot cherché */
  color:#000;
  font-weight:bold;
  font-size:14px;
}

input.vide {
  float:left;
  color:#7F7F7F;
  font-weight:normal;
  font-style:italic;
}

.soumettre {
  float:left;
  border:0;
  background-image:url('rechercher_droit.png');
  background-repeat:no-repeat;
  width:20px;
  height:19px;
  cursor:pointer;
  margin:5px 0 0 0;
  padding:0;
}


/** Classe pour le pied de page */
#footer ul {
  display:block;
  margin:0;
  padding:8px 0 0 0;
}

#footer li {
  display: inline;
  padding: 0 8px 0 8px;
  margin:0;
  font-size: 90%;
}

#footer li a {
  text-decoration: none;
  color : #5b5b5b;
}

#footer li a:hover {
  text-decoration: underline;
}



.nettoyer {
  clear:both;
}
/* [FG 2010-01] pourquoi tout ça ? */
div.recherche_avancee {
  float:left;
  margin:0;
  padding:7px 5px 5px 5px;
  width:80px
  height:16px;
}

div.historique{
  float:left;
  margin:0;
  padding:7px 5px 5px 5px;
  width:80px
  height:14px;
}

div.telecharger {
  float:left;
  margin:0;
  padding:7px 5px 5px 5px;
  width:80px;
  height:16px;
}