/* Feuille de style pour affichage à l'écran */
/*********************************************/

/* Compatibilité avec les navigateurs
**************************************

Langue$nomPage = "$rubrique.html";
    $titreFr = $titre[0];
    $titreEn = $titre[1];
-------
p[lang="en"] : supporté par Firefox Lin 0.9.1, Konqueror 3.1.0, Opera Lin 7.11 ;
Non supporté par IE win 5.

p:lang(en) : supporté par Firefox Lin 0.9.1,
Non supporté par Konqueror 3.1.0, Opera Lin 7.11 ; IE win 5.

Pour cette raison, on utilise une classe pour la langue.

min-height
----------
Firefox Lin 0.9.1 se plante à l'aperçu avant impression


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

@import url("style_couleurs.css");

* {
/*   border: 1px solid black; */
  }

/* Propriétés globales */
/***********************/
/* Pour tester si la feuille CSS est active */
#test-css {
  display: none;
}


/* Accessibilité : séparation des liens adjacents par des crochets */
.seplien {
  display: none;
}

/* Du texte caché */
.cache {
  display: none;
}

.select{
  background: var(--coul4);
}

/* A mettre à la fin des containers pour qu'ils contiennent tous les éléments */
.vide {
  clear:both;
}

/* Version anglaise */
.en {
  color: var(--coul6);
  font-size: 0.9em;
  background: inherit;
}


a {
  color: var(--coul0);
  background: inherit;
  font-size: medium;
  font-weight: 100;
  text-decoration: none;
  padding-left: 5pt;
  padding-right: 5pt;
}

a:hover {
 background: var(--coul7);
 color: var(--coul9);
 text-decoration: none;
}

/* les liens images, de la forme <a class="lien-img"> <img> </a> */
a.lien-img {
  background: inherit;
}
a.lien-img img {
  padding: 5px;
}

a.lien-img img:hover {
  background: var(--coul7);
}

/* Indexation sur stereotheque.fr */
#rechBaseDonnee a.stereotheque {
 background: var(--coul1);
}


address {
  font-size: medium;
}

body {
 padding: 3px;
 background: var(--coul3);
 color: var(--coul0);
 font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
 font-size: medium;
}

em {
  font-style: italic;
  font-weight: 100;
}

h1 {
  font-family: Georgia, " New Century Schoolbook", Utopia, serif;
}

/* Anglais */
h1 em.en {
  display: block;
}

h2 {
  font-family: Georgia, " New Century Schoolbook", Utopia, serif;
}

/* Anglais */
h2 em.en {
  display: block;
}

h3 {
  font-family: Georgia, " New Century Schoolbook", Utopia, serif;
}

/* Anglais */
h3 em.en {
  display: block;
}

h4 {
  clear: left;
  font-family: Georgia, " New Century Schoolbook", Utopia, serif;
}

/* Anglais */
h4 em.en {
  display: block;
}

h5 {
  clear: left;
  font-family: Georgia, " New Century Schoolbook", Utopia, serif;
  zzfont-size: medium;
  font-style: oblique;
}

/* Anglais */
h5 em.en {
  display: block;
}


img {
  border: none;
}

input {
  background: var(--coul5);
}

li {
  padding-bottom: 10px;
}

textarea {
  background: var(--coul5);
}

p {
  font-size: medium;
  text-indent: 2em;
  color: var(--coul0);
  text-align: left;
  max-width: 900px;
  padding-right: 100px;
}


/* Anglais */
p.en {
  font-style: italic;
  background: inherit;
}

strong {
  font-weight: normal;
  font-style: oblique;
}

ul.fr,ul.en {
  max-width: 900px;
  padding-right: 100px;
}

ul {
  font-size: medium;
  color: var(--coul0);
  text-align: left;
}

ul.en {
  font-style: italic;
  text-align: left;
}

ul.frlisteSansPt {
  list-style-type: none;
}

ul.enlisteSansPt {
  list-style-type: none;
}

/* Traitement des erreurs */
/*------------------------*/
p.erreur {
  color: var(--coul6);
  font-size: medium;
}

span.erreur {
  color: var(--coul6);
  font-size: medium;
}

/* Les entrées (actions utilisateur) */

/** Validation **/
input[type=submit]:hover {
  background: var(--coul4);  
}

/** Case à cocher **/
input[type=checkbox] {
  accent-color: var(--coul8);  
}

input[type=checkbox]:hover {
  color: var(--coul8);  
}

/** Bouton radio **/
input[type=radio]:checked {
  accent-color: var(--coul8);  
}

/** Curseur **/
input[type="range"]  { /* et plus bas pour Chrome */
  background: inherit;
  /* accent-color: var(--coul7);  Simple changement couleur curseur et bouton */
}

/*** La piste du curseur (Firefox) ***/
input[type="range"]::-moz-range-track  {
  /* Firefox */
  height: 5px;
  border: 1px solid var(--coul1);
  border-radius: 3px;
  background: inherit;
}
input[type="range"]:hover::-moz-range-track  {
  /* Firefox */
  background: var(--coul3);
}

/*** La partie gauche de la piste (Firefox) ***/
input[type="range"]::-moz-range-progress  {
  /* Firefox */
  background-color: var(--coul7);
  height: 6px;
  border-radius: 3px;
}
input[type="range"]:hover::-moz-range-progress  {
  /* Firefox */
  background-color: var(--coul13);
}

/*** Le bouton (Firefox) ***/
input[type="range"]::-moz-range-thumb  {
  /* Firefox */
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: var(--coul8);
  border: 1px solid var(--coul0);
}

input[type="range"]:hover::-moz-range-thumb  {
  /* Firefox */
  background: var(--coul14);
}

/*** Pour Chrome, et voir plus haut pour Firefox ****/
input[type='range'] {
  -webkit-appearance: none;
}

/*** La piste (Chrome) ***/
input[type='range']::-webkit-slider-runnable-track {
  height: 7px;
  border: 1px solid var(--coul1);
  border-radius: 3px;
  background: inherit;
  -webkit-appearance: none;
}

input[type='range']:hover::-webkit-slider-runnable-track {
  background: var(--coul3);
  -webkit-appearance: none;
}

/*** Le bouton (Chrome) ***/
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  cursor: pointer; /* l'apparence du pointeur de la souris */
  width: 16px;
  height: 16px;
  border: 1px solid var(--coul0);
  background: var(--coul8);
  border-radius: 50%;
  margin-top: -6px;
}

input[type='range']:hover::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: var(--coul14);
}

/* Fin Propriétés globales */

/* Lien retour haut page */
/* --------------------- */
#hautpage_d {
  position: fixed;
  bottom: 10%;
  right: 15px;
}
#hautpage_g {
  position: fixed;
  bottom: 10%;
  left: 15px;;
}

.hautpage a {
  background: var(--coul4);
  background-color: transparent;
  padding: 15px 1px 1px 1px;
}

.hautpage a:hover {
 background: transparent;
 text-decoration: none;
}

.hautpage img{
  padding: 0 0 0 0;
  width: 15px;
  height: 22px;
  border: 1px solid var(--coul7);
}


/* Page d'accueil */
/******************/

/* Index général du site */
/*-----------------------*/
#accueil-index {
  float: left;
  width: 40%;
  margin: 5px 5px 5px 0px;
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  background: var(--coul1);
}

#accueil-index ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#accueil-index h2 {
  display: none;
}

#accueil-index h3 {
  width: 95%;
  margin: 5px 5px 5px 5px;
  padding: 0 0 0 5px;
  background: var(--coul2);
  color: var(--coul4);
  font-size: large;
  font-weight: normal;
}

#accueil-index h4 {
  width: 95%;
  margin: 5px 5px 5px 25px;
  padding: 0 0 0 5px;
  zzbackground: var(--coul2);
  color: var(--coul4);
  font-size: medium;
  font-weight: normal;
}

#accueil-index li {
  width: 100%;
  margin: 0px;
  padding: 3px 0 0 0;
}

#accueil-index p {
  position: relative;
  left: 100px;
  top: -40px;
  width: 10em;
  display: block;
  padding: 0;
  margin: 0;
  text-indent: 0;
  text-align: left;
  color: var(--coul9);
}

/* anglais */
#accueil-index .en {
  color: var(--coul8);
}

#accueil-index a {
  padding: 33px 4px 6px 3px;
}


/* Page accueil : zone de texte  */
/*-------------------------------*/
#accueil-zonetexte {
  padding-right: 30px;
  float: right;
  width: 50%;
  font-size: medium;
}

#accueil-zonetexte a {
  background: inherit;
  color: var(--coul4);
  font-style: italic;
  text-decoration: underline;
  font-size: inherit;
  font-weight: 100;
  text-decoration: underline;
  padding-left: 5pt;
  padding-right: 5pt;
}

#accueil-zonetexte a:hover {
 background: var(--coul7);
 color: var(--coul9);
 text-decoration: none;
}

#accueil-zonetexte h2 {
  width: 95%;
  margin: 5px 5px 5px 5px;
  padding: 0 0 0 5px;
  background: var(--coul2);
  color: var(--coul9);
  font-size: large;
  font-weight: normal;
}


#accueil-zonetexte h3 {
  margin-top: 50px;
  /*margin-left: 30px;*/  /*Si <0 Décalage hoors écran sur mobile*/
  border-style: solid none solid none;
  border-width: 1px;
}


#accueil-zonetexte h2 em.en {
  color: var(--coul8);
}

#accueil-zonetexte img {
  display: block;
}


#accueil-zonetexte div.photo {
 padding-top : 10px;
 padding-bottom : 20px;
 float: none;
}



/* Bandeau d'icones */
/********************/

div.bandeau-icones {
  width:90%;
  padding : 20px;
  clear: left; /* Car il y a des boîtes flottantes au dessus */
}

div.bandeau-icones a {
  padding-top: 90px;
  padding-bottom: 3px;
}

div.bandeau-icones img {
  height: 80px;
}

div.bandeau-icones a:hover img {
}

/* Flêches de navigation */
/*************************/

div.fleches-nav {
  clear: left;
  /* Firefox: pb avec padding : déplacement du lien lors du clic */
  margin-left: 40%;
}

a.fleches-nav-suivte {
  font-size: medium;
  color: var(--coul4);
}

a.fleches-nav-preced {
  font-size: medium;
  color: var(--coul4);
}

span.fleche-nav-crte {
  font-size: large;
  color: var(--coul7);
  font-weight: bold;
}



/* Affichage de la date */
/************************/
#date {
  clear: left;
  margin-top: 0px;
  padding-top: 5px;
}

/* Corps de texte */
/******************/
#corps {
  width: 80%;
  margin-left: 10%;
  float: left;
}

#corps a {
  font-size: medium;
  color: var(--coul4);
  font-style: italic;
  text-decoration: underline;
}


#corps h2 {
  padding-top : 30px;
}

#corps h3 {
  padding-top : 80px;
}

#corps div.photo {
 padding-top : 10px;
 padding-bottom : 20px;
 float: left;
 width: 100%;
}


/* illustr: image plus légende */
#corps div.illustr {
  float: left;
  background: var(--coul1);
  padding: 10px 50px 20px 20px;
  margin-right: 20px;
  width: 80%;
  max-width: 420px;
  color: var(--coul9);
}


#corps ul.listeSansPt {
    list-style-type: none;
}

#corps div.plans {
  background: var(--coul1);
  /* Si modif des dim, retoucher aussi dans plan.js => redimContainer() => largPlan */
  padding: 10px 50px 20px 20px;
  margin-right: 20px;
  box-sizing: content-box;
  width: 100%;
  height:600px;
  color: var(--coul1);
}

div.plans-curseurs {
  position: absolute !important; /* Pas besoin si anchor: OpenSeadragon.ControlAnchor.BOTTOM_LEFT au lieu de TOP_LEFT*/
  left: -170px; /* Pas besoin si anchor: OpenSeadragon.ControlAnchor.BOTTOM_LEFT au lieu de TOP_LEFT*/
  /*!!! max-height : calculé dans plan.js = hauteur de <div class=openseadragon-canvas> - 55 px . Voir redimContainerCurseurs() */
  display: flex;
}

table.plans-curseurs {
    border: 1px solid var(--coul1);
    color: var(--coul0);
    background-color: var(--coul11);
    overflow: scroll;
    zzposition: absolute !important; /* Pas besoin si anchor: OpenSeadragon.ControlAnchor.BOTTOM_LEFT au lieu de TOP_LEFT*/
    zzleft: -240px; /* Pas besoin si anchor: OpenSeadragon.ControlAnchor.BOTTOM_LEFT au lieu de TOP_LEFT*/
    border-radius: 10px;
    zzwidth: 280px;
    font-size: 90%;
}


table.plans-curseurs th {
    text-align: left;
    vertical-align: top;
    padding-top: 0px;
}

table.plans-curseurs th.plans-input-curseur {
    text-align: center;
    padding-right: 0px;
}

table.plans-curseurs th.plans-input-casecocher {
  text-align: left;
  padding-right: 0px;
}

#corps div.plans-print {
  display: none;
}

#corps div.livre {
  float: left;
  background: var(--coul1);
  padding: 10px 50px 20px 20px;
  margin-right: 20px;
  width: 90%;
  height: auto;
  color: var(--coul9);
  /*border: 5px solid #222;*/
}

#corps div.livre img{
  width: 90%;
}



#corps div.illustr p{
}



#corps div.illustr a{
  display: block;
  padding: 5px 0px 2px 3px;
}


#corps div.illustr a.illustr{
  cursor: url("icones/curseurs/cursloupe.ico"), pointer;
}

#corps div.illustr a:hover.ancre{
  background: var(--coul9);
}

/* Anglais */
#corps div.illustr em.en {
  display: block;
  color: var(--coul8);
}


/* Corps de texte de la page de liens */
/**************************************/
#corps-liens {
  margin-left: 10%;
  margin-right: 10%;
}

#corps-liens h2 {
  clear: left;
  margin-top: 0; /* Sinon sous Firefox, la barre de menu se déplace
  vers le bas */
  padding-top: 5px;
}

#corps-liens li {
  /*background: var(--coul2);*/
}

#corps-liens div.lien{
  background: var(--coul2);
  padding: 5px 10px 5px 10px;
}

#corps-liens img{
  padding: 5px 5px 5px 5px;
}

#corps-liens a {
  background: inherit;
  color: var(--coul4);
  font-style: italic;
  text-decoration: underline;
  padding: 5px;
  font-size: medium;
}

#corps-liens a:hover {
  background: var(--coul7);
  color: var(--coul9);
}

/* Pages d'index des photos exposées */
/*************************************/

div.infos {
  text-align: left;
}

div.infos a{
 font-size: large;
 background: inherit;
 color: var(--coul4);
 font-style: italic;
 text-decoration: underline;
}

div.infos a:hover{
  background: var(--coul7);
  text-decoration: none;
  color: var(--coul9);
}

div.infos em.en{
  display: block;
}

#indexPhotos {
}

#indexPhotos tr {
}

#indexPhotos td {
  vertical-align: top;
}


#indexPhotos img {
  height: 100px;
  width: auto;
  page-break-inside: avoid;
}

#indexPhotos div.legende {
  width: 150px;
  padding-left: 8px;
}

#indexPhotos em.en {
  display: block;
}

#indexPhotos a {
  display: block;
  padding: 4px 5px 4px 5px;
}

/* Le pied de page */
/*******************/
#piedpage {
  clear: both;
  width: 100%;
  padding: 20px 0 0 0;
  font-size: medium;
}

#piedpage p {
  font-size: medium;
  text-indent: 0;
}

a.phpmv:hover {
 background: var(--coul9);
 color: var(--coul9);
 text-decoration: none;
}

#divers_pdpage img{
  vertical-align: middle;
}

/* Barre de navigation principale  */
/***********************************/

#navbar-princ {
  float: left;
  width: 100%;
  font-family: Verdana, "Trebuchet MS", Tahoma, Arial;
  border: 1px solid var(--coul0);
  background: var(--coul1);
}

#navbar-princ h1 {
  font-size: x-large;
  padding: 15px 0 0 5px;
  color: var(--coul4);
}

#navbar-princ h1 em.en {
  color:var(--coul8);
}

#navbar-princ h2 {
  display: none;
}

#navbar-princ ul {
  list-style: none;
  background: var(--coul1);
  float: left; /*Pour que la boîte contienne les boîtes filles */
  padding: 0px;
  margin: 3px;
  font-size: medium;
  width: 80%; /* Pour que sous Ffox le texte anglais soit centré ! */
}

#navbar-princ li {
  background: var(--coul3);
  float: left;
  margin: 3px 2px 3px 2px;
  padding: 2px;
  border: 1px solid var(--coul9);
  text-align: center;
}

/* Cellule sélectionnée */
#navbar-princ li.navbar-princ-sel {
  background: var(--coul4);
  color: var(--coul9);
}

#navbar-princ li.navbar-princ-sel form {
  background: var(--coul4);
  color: var(--coul0);
}


#navbar-princ form {
  background: var(--coul3);
  padding: 0px;
  /*moz-border-radius:5px;*/
  border-radius:5px;
  /*border: 1px solid var(--coul9);*/
}


/* Anglais */
#navbar-princ em.en {
  display: block;
}

#navbar-princ li a {
  display: block;
  padding: 2px 10px 2px 10px;
  font-size: medium;
}

#navbar-princ li em.en {
}


/* Table des matières interne */
/*******************************/
#tableMatInterne a {
  text-decoration: none;
  display: block;
}

#tableMatInterne em {

}

/* Barre de navigation Galerie */
/*******************************/

#navbar-galerie {
  font-family: Verdana, "Trebuchet MS", Tahoma, Arial;
  float: left; /*Pour que la boîte contienne les boîtes filles */
  background: var(--coul3);
  margin: 10px;
  padding: 5px;
}

#navbar-galerie h2 {
  display: none;
}


#navbar-galerie ul{
  list-style: none;
  float: left; /*Pour que la boîte contienne les boîtes filles */
  padding: 0px;
  margin: 0px;
  font-size: medium;
}

#navbar-galerie li {
  float: left;
  padding: 3px 5px 10px 5px;
  text-align: center;
  border: 1px solid var(--coul9);
}


/* Cellule sélectionnée */
#navbar-galerie li.navbar-galerie-sel {
  background: var(--coul4);
  color: var(--coul0);
}

#navbar-galerie li a {
  padding: 2px 5px 2px 5px;
}

/* Anglais */
#navbar-galerie em.en {
  display: block;
}

/* Barre de navigation interne */
/******************************/

#barreNavInterne {
  position: fixed;
  top: 5px;
  right: 5px;
  padding: 0 0 0 0;
  width: 5%;
  z-index: 10;
}

#barreNavInterne ul {
  list-style: none;
  padding-left: 0px;
}

#barreNavInterne li {
  padding: 0 2px 2px 0;
}

#barreNavInterne img {
  width: 80%;
  border-color: var(--coul11);
  border-width: 2px;
  border-style: solid;
}

#barreNavInterne a:hover {
    background: none;
}

#barreNavInterne img:hover {
  border-color: var(--coul7);
  border-width: 2px;
  border-style: solid;
}



/* Recherche sur la base de données */
/************************************/

#motscles {
}

#rechBaseDonnee {
  width: 100%;
}

#rechBaseDonnee a.lien {
  color: var(--coul4);
  text-decoration: underline;
  font-style: italic;
}

#rechBaseDonnee a.lien:hover {
  background: var(--coul7);
  color: var(--coul9);
}

/* Formulaire de recherche */
/*-------------------------*/

form.formBaseDonnee {
  float: left; /*Pour que la boîte contienne les boîtes filles */
  background: var(--coul2);
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

form.formBaseDonnee ul {
  list-style: none;
  padding-left: 10px;
}

form.formBaseDonnee li {
  float: left; /*Pour que la boîte contienne les boîtes filles */
  clear: left;
  width: 90%;
  padding: 4px 0 4px 4px;
  margin: 2px 10px 2px 0;
}

form.formBaseDonnee li.select {
  background: var(--coul4);
  border: 1px solid var(--coul7);
}

form.formBaseDonnee li.nselect {
  background: var(--coul3);
  border: 1px solid var(--coul3);
}

form.formBaseDonnee li li{
  clear: left;
  float: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form.formBaseDonnee li.select input.submit {
  font-size: medium;
  color: var(--coul6);
}

form.formBaseDonnee li.select input.text {
  font-size: medium;
  color: var(--coul0);
}

form.formBaseDonnee li.nselect input.submit {
  font-size: medium;
  color: var(--coul1);
}

form.formBaseDonnee li.nselect input.text {
  font-size: medium;
  color: var(--coul0);
}

form.formBaseDonnee li.nselect select.deroulant {
  font-size: medium;
  color: var(--coul0);
  background: var(--coul5);
  max-width: 100%;
}

form.formBaseDonnee li.select select.deroulant {
  font-size: medium;
  color: var(--coul0);
  background: var(--coul5);
  max-width: 100%;
}

form.formBaseDonnee a {
  text-decoration: underline;
}

form.formBaseDonnee span.inputId {
  font-size: medium;
  padding-left: 2em;
}

form.formBaseDonnee span.inputId input {
  font-size: medium;
}

form.formBaseDonnee ul.optionsBd em.en {
    color: var(--coul8);
}


/* Résultats base de donnée */
/*--------------------------*/

#mots-trouves a {
  background: inherit;
  color: var(--coul4);
  font-style: italic;
  text-decoration: underline;
  padding: 5px;
  font-size: medium;
}

#mots-trouves a:hover {
  background: var(--coul7);
  color: var(--coul9);
  text-decoration: none;
}

table.res-recherche {
  background: inherit;
  color: var(--coul0);
  border: none;
  width: 80%;
}

table.res-recherche tr{
}

table.res-recherche td {
  position: relative; /* Pour que le bouton "suite" soit positionné au bas de la cellule (avec position: absolute; bottom: 0 */
  color: inherit;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  vertical-align: top;
  /* width: 50%;  surchargé dans le html car valeur = 100% / nb colonnes */
  border: 20px solid var(--coul3);
  background-color: var(--coul12);
}

table.res-recherche p {
}

#rechBaseDonnee h3.numero-photo {
  display: inline;
  padding-top: 1px;
}

h3.numero-photo a{
  font-size: large;
}

div.icone-imprim {
  display: inline;
  text-align: right;
}


div.icone-imprim a.icone-imprim {
  padding-left: 20px;
  text-align: right;
}

table.res-recherche p.dim-photo {
  margin: 0;
  font-size: medium;
  text-indent: 0;
  text-align: left;
}

table.res-recherche div.photos {
  float: none;
  padding: 7px;
  margin: 3px;
  /* border: 1px solid var(--coul7); */
}

div.sep-avt-icone-suite { /* Eviter que la dernière ligne écrite se superpose au bouton "suite" */
  padding-bottom: 30px;
  /*border: 1px solid red;*/
  color: red;
}

div.icone-suite {
  position: absolute; /* position bas cellule avec parent td position: relative */
  bottom: 0px;
}


table.res-recherche div.une-photo {

}

table.res-recherche div.une-photo a {
  display: block;
  padding: 4px 4px 2px 4px;
  cursor: url("icones/curseurs/cursloupe.ico"), pointer;
}

table.res-recherche div.une-photo img {
}


table.res-recherche p.c-fr {
  padding-top: 10px;
  text-align: left;
  text-indent: 0;
  font-size: medium;
  font-weight: bold;
}

table.res-recherche p.l-fr {
  /* clear: left; */
  font-size: medium;
  color: var(--coul9);
}

table.res-recherche p.prov {
  clear: left;
  font-size: medium;
  color: var(--coul0);
}

table.res-recherche p.c-en {
  text-align: left;
  text-indent: 0;
}

table.res-recherche p.l-en {
  /* clear: left; */
  font-size: medium;
}

table.res-recherche p.res-serie {
  text-align: left;
  text-indent: 0;
}

table.res-recherche p.res-serie a{
  background: inherit;
  color: var(--coul0);
  font-style: italic;
  text-decoration: underline;
  padding: 5px;
}

table.res-recherche p.res-serie a:hover {
  background: var(--coul7);
  color: var(--coul9);
}

/* Commentaires */
table.res-recherche form.comment {
  clear: left;
  font-size: medium;
  text-align: left;
}

table.res-recherche ul.comment {
  list-style: none;
  padding: 1px;
  margin: 1px
}

table.res-recherche li.comment {
  font-size: medium;
}

table.res-recherche textarea.comment {
  display: block;
  font-size: medium;
}

table.res-recherche input.comment {
  font-size: medium;
}

/* Durée du script */
p.duree-script {
  font-size: medium;
  font-style: italic;
}

/* Fenêtre de zoom */
/*-----------------*/
body.zoom {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background: var(--coul1);
  color: var(--coul0);
}

img.zoom {
  border: 3px solid var(--coul7);
  cursor: url("icones/curseurs/cursloupemp.ico"), pointer;
}

#zoomMsg div {
}
#zoomMsg p {
    background: var(--coul1);
    color: var(--coul9);
    position: fixed;
    top: 0px;
    left: 10px;
    text-indent: 0;
    padding: 5px;
    font-size: 14px;
    transition: font-size 4s 1s;
}

#zoomMsg em.action {
    color: var(--coul4);
}

#loupeBoutons {
    position:fixed;
    bottom: 15px;
    right: 15px;
}

#loupeBoutonZoomPlus:hover { 
    content: url(icones/boutons_loupe/zoomin_hover.png);
}

#loupeBoutonZoomMoins:hover { 
    content: url(icones/boutons_loupe/zoomout_hover.png);
}

#loupeBoutonQuitter:hover { 
    content: url(icones/boutons_loupe/quit_hover.png);
}

/* Formulaire de modif de la base de données */
/*-------------------------------------------*/

form.bd-modif {
  clear: left;
  border-top: 1px solid var(--coul7);
}

form.bd-modif a {
  text-decoration: underline;
}

/* Pages de transcodage pour les mots clés */
/*-----------------------------------------*/

#codageMcles ul {
  list-style: none;
}

#codageMcles li {
  float: left;
  color : var(--coul9);
  background: var(--coul2);
  margin: 5px 0 5px 5px;
  width: 100%;
}

#codageMcles li li.select{
  float: left;
  background: var(--coul4);
  color : var(--coul0);
  width: 10em;
  border: 1px solid var(--coul7);
}

#codageMcles li li.nselect{
  float: left;
  background: var(--coul3);
  color : var(--coul0);
  width: 10em;
  border: 1px solid var(--coul3);
}

#codageMcles div.submit{
  padding: 10px 0px 10px 0px;
  clear: left;
  width: 100%;
}
#codageMcles div.submit input{
  width: 100%;
  background: var(--coul7);
}


/* Formulaire de modification des pages    */
/*-----------------------------------------*/
form.formModifPages {
  float: left; /*Pour que la boîte contienne les boîtes filles */
  background: var(--coul3);
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

form.formModifPages ul {
  list-style: none;
  padding-left: 10px;
}

form.formModifPages  li {
  float: left; /*Pour que la boîte contienne les boîtes filles */
  clear: left;
  width: 90%;
  padding: 4px 0 4px 4px;
  margin: 2px 10px 2px 0;
}

form.formModifPages li.select {
  background: var(--coul4);
  border: 1px solid var(--coul7);
}

form.formModifPages li.nselect {
  background: var(--coul3);
  border: 1px solid var(--coul3);
}

form.formModifPages li li{
  clear: left;
  float: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form.formModifPages li.select input.submit {
  font-size: medium;
  color: var(--coul6);
  background: var(--coul5);
}

form.formModifPages li.select input.text {
  font-size: medium;
  color: var(--coul0);
  background: var(--coul5);
}

form.formModifPages li.nselect input.submit {
  font-size: medium;
  color: var(--coul3);
  background: var(--coul9);
}

form.formModifPages li.nselect input.text {
  font-size: medium;
  color: var(--coul0);
  background: var(--coul9);
}

form.formModifPages li.nselect select.deroulant {
  font-size: medium;
  color: var(--coul0);
  background: var(--coul9);
}

form.formModifPages li.select select.deroulant {
  font-size: medium;
  color: var(--coul0);
  background: var(--coul5);
}

form.formModifPages a {
  text-decoration: underline;
}

/* Formulaire de modification de page  */
textarea.contenu_fic {
  width: 100%;
  height: 100vh;
  display: block;
}