	/*************************************************************************************************************** TITRE 1 *******/
/*******************************                                                       ************************* TITRE 1 *******/
/*******************************                   GENERAL                             ************************* TITRE 1 *******/
/*******************************                                                       ************************* TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
.pagination {
	margin-bottom: 20px;
  font-family: "Roboto", "Trebuchet MS", "DIN", Arial, Helvetica, sans-serif;
  font-size: 12px;
}


html {
  scroll-behavior: smooth;
}
body {
  background-color: hsla(0, 0%, 27%, 1.00);
  font-family: "Roboto", "Trebuchet MS", "DIN", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: hsla(211, 35%, 27%, 1.00);
}
.attention::before {
  content: '!';
  display: inline-flex;
  height: 14px;
  width: 9px;
  background-color: #2d445d;
  border-radius: 7px;
  color: white;
  font-size: 13px;
  line-height: 14px;
  text-align: center;
  margin-bottom: 0px;
  margin-right: 5px;
  font-family: "Roboto", "Trebuchet MS", "DIN", Arial, Helvetica, sans-serif;
  font-weight: 400;
  padding-left: 5px;
}
.bloc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 5%;
}
.pivot {
  background-color: #ffd789;
  border-radius: 0px;
}
.contexte_gauche {
  display: block;
  width: 336px;
  text-align: right;
}
.aide_sur_le_champ {
  font-size: 8px;
  display: inline-block;
  position: relative;
  top: 20px;
}
input {
  cursor: pointer;
}
/** .picto span {
  display: none;
  color: #fff;
  background: rgba(127, 127, 127, 0.93);
  padding: 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  transition: .5s ease-in-out;
  text-align: left;
  position: absolute;
  right: -200px;
  bottom: 18px;
  left: 11px;
}
.picto:hover span {
  display: inline-block;
  transition: .5s ease-in-out;
}**/
.required[type="text"] {
  background-color: white;
}
input[type="text"] {
  cursor: text;
  border: none;
  background-color: white;
  height: 20px;
  padding-left: 5px;
  font-size: inherit;
  margin-left: 5px;
}
.formulaire input[type="text"] {
  margin: 5px 5px 5px 0px;
}
.formulaire input[type=checkbox] {
  display: inline;
  width: 20px;
  height: 20px;
}
input[type=radio] {
  cursor: pointer;
  margin-left: 22px;
  margin-right: 8px;
  margin-top: 10px;
}
input:hover {
  background-color: whitesmoke;
  transition: .2s ease-in-out;
}
.sous_header {
  order: 2;
  display: flex;
  background-color: #ddd;
	padding: 20px;
	height: 100%;
}

.cartouche_titre h3{
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
font-size: 22px;
color: hsla(211, 35%, 27%, 1.00);
margin-top: 0px;
}


.sous_header_centre {
  order: 2;
  display: flex;
  flex-direction: column;
  width: 900px;
	height: 100%;
}
.flex-container {
  -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.73);
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.73);
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: flex-start;
  align-items: stretch;
  margin: auto;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  background-color: #ddd;
	overflow: hidden;
}
.EnItaliques, .italique {
  font-style: italic;
}
.NomAuteur, .ROMAIN_romain-pt_cap {
  font-variant: small-caps;
}
.NomDirecteur {
  font-variant: small-caps;
}
.reference_a_confirmer {
  padding: 31px;
  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
  font-size: 18px;
  background-color: white;
  margin-top: 0px;
}
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   GENERAL                             ************************* TITRE 2 *******/
/*******************************                   header                              ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
.header {
  order: 1;
  color: white;
padding: 20px 20px 0px 20px;
	background-color: hsla(211, 35%, 27%, 1.00);
	display: flex;
justify-content: space-between;
}
.header h1 {
  font-size: 15px;
  font-weight: bold;
}
.menuHaut {
font-size: 12px;
letter-spacing: .05rem;
color: white;
	display: flex;
width: 270px;
justify-content: flex-end;
}
.menuHaut a {
  padding-left: 15px;
  opacity: 0.7;
  color: white;
  text-decoration: none;
}
.menuHaut a:hover {
  opacity: 1;
}
.titre {
  font-size: 18px;
  text-align: left;
  margin-top: -5px;
  letter-spacing: 0.05em;
}
.soustitre_header {
text-transform: uppercase;
font-size: 16px;
font-weight: lighter;
letter-spacing: 0.1em;
display: flex;
justify-content: space-between;
	width: 290px;
}
.soustitre_header a {
color: white;
}

.i{
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    font-size: 57px;
    line-height: 0px;
    display: inline-block;
    position: relative;
    top: 11px;
	font-style: italic;
letter-spacing: -0.1em;
color: slategray;
}
.boutonsSession{
	display: flex;
}
.soustitre {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: lighter;
  letter-spacing: 0.1em;
margin-top: 5px;
}
.soustitre a, .soustitre .selected {
  /**
  text-decoration: none;
  position: relative;
  border-top-left-radius: 3px;
  padding: 6px 20px 7px 20px;
  color: white;
  top: 17px;
  border-top-right-radius: 3px;
	**/
}
.soustitre .selected {
  text-decoration: none;
  background-color: #ddd;
  color: #2d445d;
}
.soustitre .selected::after, .soustitre a:hover::after {
  display: block;
  background-color: #2d445d;
  height: 10px;
  content: "";
  margin-top: 5px;
  border-radius: 3px;
}
.soustitre_header .selected::after, .soustitre_header a:hover::after {
display: block;
background-color: #ddd;
height: 10px;
content: "";
margin-top: 5px;
}
.soustitre a:hover {}
.icon_search {
  width: 14px;
}
.icon_search:hover {
  opacity: 1;
}
._recherche {
  display: flex;
  order: 1;
}
._recherche input {
  font-size: 12px;
  border: none;
  box-sizing: content-box;
  width: 170px;
  height: 22px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: text;
}
.user {
  font-size: 11px;
  text-align: left;
}
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   GENERAL                             ************************* TITRE 2 *******/
/*******************************                   barre de titre                      ************************* TITRE 2 *******/
/*******************************                  (dans enrichir et modifier)          ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
.barre_de_titre {
  background-color: #2d445d;
  color: white;
padding: 10px 20px 10px 10px;
	font-size: 16px;
  display: flex;
 justify-content: space-between;
}
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   GENERAL                             ************************* TITRE 2 *******/
/*******************************                   bouton fermer la fenêtre            ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
.bouton_fermer_la_fenetre {
  color: #b7b7b7;
  font-size: 26px;
  position: relative;
  float: left;
  font-weight: lighter;
padding: 0px 0px 0px 0px;
	margin-top: -10px;
	margin-right: 20px;
}
/** ANCIEN MODELE DE BOUTON DE FERMETURE DE BARRE       .bouton_fermer_la_fenetre input {
  color: white;
  font-size: 20px;
  position: relative;
  font-weight: lighter;
  margin: 9px 10px 2px 0px;
  background: none;
  border: none;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  padding: 0px 0px 6px 0px;
  text-align: center;
  display: block;
  line-height: 0px;
}**/
.bouton_fermer_la_fenetre input {
  color: white;
  font-size: 20px;
  position: relative;
  font-weight: lighter;
  margin: 8px 0px 0px 0px;
  border: none;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  padding: 0px 0px 3px 0px;
  text-align: center;
  display: block;
  line-height: 0px;
  background-color: #2d445d;
}

/**
.bouton_fermer_la_fenetre a:hover {
    color: white;
    font-size: 20px;
    position: relative;
    font-weight: lighter;
    margin: 0px 0px 0px 0px;
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    display: block;
    line-height: 14px;
    background-color: #2d445d;
}
**/
.bouton_fermer_la_fenetre input {
  color: white;
  font-size: 20px;
  position: relative;
  font-weight: lighter;
  margin: 6px 0px 0px 0px;
  border: none;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  padding: 3px 0px 6px 0px;
  text-align: center;
  display: block;
  line-height: 0px;
  background-color: #2d445d;
}

.bouton_quitter_recherche input {
  color: white;
  font-size: 20px;
  font-weight: lighter;
  margin: -7px 0px 0px 0px;
  border: none;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  padding: 3px 0px 6px 0px;
  text-align: center;
  display: block;
  line-height: 0px;
  background-color: #2d445d;
	cursor: pointer;
}


.bouton_fermer_la_fenetre input:hover {
  color: white;
  background-color: #C8C8C8;
  transition: .2s ease-in-out;
}
.bouton_fermer_la_fenetre a {
  text-decoration: none;
  color: white;
	
	
}
.bouton_fermer_la_fenetre a:hover {
  transition: .2s ease-in-out;
}
.bouton_fermer_la_fenetre span {
  color: #fff;
  background: rgba(127, 127, 127, 1.00);
  padding: 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align: center;
  position: absolute;
  left: -121px;
  font-size: 12px;
  font-weight: normal;
  transition: .3s ease-in-out;
  display: none;
}
.bouton_fermer_la_fenetre:hover span {
  display: block;
  transition: .3s ease-in-out;
}
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   GENERAL                             ************************* TITRE 2 *******/
/*******************************                   référence dans la barre de titre    ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
/*************************************************************************************************************** TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
/*******************************                                                       ************************* TITRE 1 *******/
/*******************************                   PAGE index.php                      ************************* TITRE 1 *******/
/*******************************                                                       ************************* TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
.formulaire_connexion, .formulaire {
  width: 767px;
  padding-bottom: 20px;
  border-radius: 5px;
  background-color: #ddd;
  -webkit-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.75);
  /**max-height: 640px;**/
  overflow: scroll;
}
.menuHaut .user {
}
.formulaire .user {
}
.formulaire_connexion .box {
  margin-top: -7px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: 30px;
}
.formulaire_connexion p {
  margin-bottom: -10px;
}
.formulaire_connexion .colonne {
  padding: 0px 40px 20px 40px;
  width: 360px;
}
.formulaire_connexion h2, .formulaire h2 {
  font-size: 14px;
  font-weight: normal;
  background-color: #2d445d;
  padding: 5px 10px 5px 11px;
  margin: 0px;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  color: white;
  letter-spacing: 0.05em;
}
.formulaire_connexion h1 {
  font-size: 20px;
  margin-top: 50px;
}
.formulaire_connexion input[type="text"], input[type="password"] {
  background-color: hsla(0, 0%, 94%, 1.00);
  width: 100%;
  padding: 5px 20px;
  margin: 0px 0px 10px 0px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  cursor: text;
  font-size: 11px;
  height: 32px;
}
.formulaire_connexion input[type="text"]:hover, input[type="password"]:hover {
  background-color: white;
}
/* Set a style for all buttons */
.formulaire_connexion input[type='submit'], .bouton {
  background-color: hsla(211, 35%, 27%, 1.00);
  color: white;
  padding: 8px 0px 8px 0px;
  margin: 38px auto 0;
  border: none;
  cursor: pointer;
  width: 100%;
  font-size: 12px;
  border-radius: 3px;
  display: block;
  text-align: center;
  text-decoration: none;
}
.formulaire_connexion input[type='submit']:hover, .bouton:hover {
  background-color: hsl(210.9, 34.7%, 19.8%);
}
.picto {
  cursor: pointer;
  display: inline-block;
  height: 14px;
  width: 14px;
  background-color: #bbb;
  border-radius: 7px;
  color: white;
  font-size: 15px;
  margin-left: 4px;
  line-height: 14px;
  text-align: center;
  margin-bottom: 0px;
  position: relative;
  top: -10px;
  margin-right: 5px;
  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
  font-weight: lighter;
}
._recherche .picto {
  position: relative;
  right: -175px;
  z-index: 12;
  margin-left: -20px;
}
.sous_header_gauche .picto span, ._recherche .picto span, .section .picto span, .aide_visible {
  z-index: 10;
  color: #fff;
  background: rgb(45, 68, 93);
  text-align: left;
  position: relative;
  bottom: -11px;
  transition: .5s ease-in-out;
  padding: 15px 25px;
  left: 24px;
  font-size: 14px;
  -webkit-box-shadow: 10px 10px 15px -10px rgb(0, 0, 0);
  -moz-box-shadow: 10px 10px 15px -10px rgb(0, 0, 0);
  box-shadow: 10px 10px 15px -10px rgb(0, 0, 0);
  line-height: 18px;
  font-family: "Roboto", "Trebuchet MS", "DIN", Arial, Helvetica, sans-serif;
  font-weight: normal;
  border-radius: 3px;
	width: 350px;
}

.sous_header_gauche .picto span, ._recherche .picto span, .section .picto span {
  display: none;
}

.aide_visible {
display: block;
transition: .5s ease-in-out;	
}


.sous_header_gauche .picto span h1, ._recherche .picto span h1, .section .picto span h1 {
  font-family: "Roboto", "Trebuchet MS", "DIN", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: lighter;
  letter-spacing: .05em;
}
._recherche .picto span li, .section .picto span li {
  list-style: outside;
  margin: 15px 15px;
}
.sous_header_gauche .picto:hover span, ._recherche .picto:hover span, .section .picto:hover span, .section .picto .aide_visible span {
  display: block;
  transition: .5s ease-in-out;
  width: 350px;
}
.picto:hover {
  background-color: #2D445D;
}
.formulaire_connexion .picto span {
  display: none;
  color: #fff;
  background: rgba(127, 127, 127, 1.00);
  padding: 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align: left;
  position: absolute;
  right: -75px;
  bottom: 22px;
  transition: .5s ease-in-out;
  left: -75px;
}
.formulaire_connexion .picto:hover span {
  display: inline-block;
  transition: .5s ease-in-out;
}
.formulaire_connexion .message {
  background-color: white;
  width: 264px;
  display: block;
  padding: 30px 20px 10px 20px;
  margin-top: 38px;
  border-radius: 3px;
  height: 267px;
}
.formulaire_connexion .message a {
  text-decoration: none;
  color: hsl(211.3, 34.8%, 27.1%);
  font-size: 20px;
  position: relative;
  float: right;
  margin-right: -9px;
  margin-top: -29px;
  font-weight: lighter;
}
.formulaire_connexion .message a:hover {
  color: hsl(211.3, 100%, 50%);
}
/*************************************************************************************************************** TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
/*******************************                                                       ************************* TITRE 1 *******/
/*******************************                   PAGE biblio.php                     ************************* TITRE 1 *******/
/*******************************                                                       ************************* TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   PAGE biblio.php                     ************************* TITRE 2 *******/
/*******************************                   barre de sélection                  ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
.volet_gauche {
  width: 620px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 60px;
}
.sous_header_gauche {
order: 1;
display: flex;
z-index: 2;
flex-direction: column;
min-width: 300px;
	margin-right: 10px;
}
.sous_header_gauche p {}
/**.sous_header_gauche a {
  text-transform: uppercase;
  color: whitesmoke;
}**/
.sous_header_gauche a:hover {
  transition: .3s ease-in-out;
}
.sous_header_gauche p {
  vertical-align: bottom;
}
.troisColonnes {}
.colonne {
  margin-left: -40px;
}
.box .teteDeColonne {
  text-transform: uppercase;
  padding: 14px 0px 10px 0px;
}
.colonne .teteDeColonne {
  text-transform: uppercase;
  margin: 30px 0px 20px 0px;
}
.colonne li {
  list-style: none;
}
.colonne li a {
  color: #2d445d;
  text-transform: none;
  text-decoration: underline;
}
.colonne li a:hover {
  color: #ffb83d;
}
/*******************************************  CASES A COCHER ****  TITRE 3 *******/
input[type=checkbox] + label {
  display: block;
  margin: 0em;
  cursor: pointer;
  padding: 0.2em 0.2em 0.2em 0;
}
input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label:before {
  content: "\2713";
  border: 0.07em solid #000;
  border-radius: 0.2em;
  background-color: hsl(211.3, 34.8%, 27.1%);
  border-color: hsl(0, 0%, 69%);
  display: inline-block;
  width: 0.6em;
  height: 0.55em;
  padding-left: 0.15em;
  padding-right: 0.3em;
  padding-bottom: 0.55em;
  margin-right: 0.5em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}
input[type=checkbox]:checked + label:before {
  background-color: hsl(211.3, 34.8%, 27.1%);
  color: white;
}
select {
  /** width: 170px;
  margin-left: 5px;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
  font-size: inherit; **/
}
.sous_header_centre_barre_DEUX {
  order: 3;
  display: flex;
  justify-content: space-between;
	 flex-direction: row-reverse;
	padding: 0px;
}
.sous_header_centre_barre_UN {
  order: 2;
  display: flex;
  justify-content: space-between;
padding: 0px 0px 25px 0px;
}


._resultat_recherche {
	margin-left: 10px;
/**  height: 20px;
  display: block;
  position: absolute;
  top: 156px;
  left: 680px;
  z-index: 11; **/
}
.choixDesTypes {
  margin: 45px 0px;
  background-color: whitesmoke;
padding: 0px 20px 20px 20px;
	border-radius: 3px;
	position: absolute;
top: 107px;
}
.bouton_ajouter {
	
	margin: 35px 0px 20px 0px;
}
.bouton_ajouter a {
  padding: 7px 0px 7px 0px;
  cursor: pointer;
  font-size: 13px;
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: hsl(211.3, 34.8%, 27.1%);
  border-width: 1px;
  border-radius: 3px;
  color: white;
}
.bouton_ajouter a:hover {
  border-color: white;
}
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   PAGE biblio.php                     ************************* TITRE 2 *******/
/*******************************                   barre de tri                        ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
.barreDeTri {
  order: 4;
  color: whitesmoke;
  padding: 5px 20px 5px 20px;
  background-color: hsla(211, 16%, 55%, 1.00);
  border-top: solid;
  border-top-width: thin;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: nowrap;
  justify-content: space-between;
}
._tri {

}
select[name=trisDemandes] {
  background-color: hsla(211, 35%, 27%, 1.00);
  color: white;
padding: 3px 0px 3px 2px;
	border: none;
  cursor: pointer;
  font-size: 13px;
  border-radius: 3px;
  display: block;
  text-decoration: none;
  height: 24px;
  width: 200px;
}
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   PAGE biblio.php                     ************************* TITRE 2 *******/
/*******************************                   barre de recherche                  ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
.barre_de_sommaire, .barre_de_sommaire_reduite_au_bouton_afficher_sommaire {
  order: 4;
}
.barre_de_sommaire_reduite_au_bouton_afficher_sommaire input {
  font-size: 16px;
  border: none;
  background: none;
  color: #2d445d;
}
._infos_resultats_recherche {
  padding: 7px 5px 0px 5px;
  display: flex;
  justify-content: flex-start;
  height: 16px;
  border-radius: 3px;
	  order: 2;

}

._infos_sur_la_selection {
padding: 7px 5px 7px 5px;
height: 16px;
border-radius: 3px;
order: 3;
position: absolute;
top: 122px;
left: 20px;
z-index: 3;
	
}


.barre_de_sommaire {
  padding: 7px 0px 7px 0px;
  background-color: #ddd;
  display: flex;
  justify-content: space-between;
  height: 16px;
width: 100%;
}
.barre_de_sommaire_reduite_au_bouton_afficher_sommaire {
  border-bottom-right-radius: 3px;
  padding: 4px 10px 0px 0px;
  width: 18px;
  background-color: #ddd;
  height: 26px;
}
/*******************************************  bouton afficher / masquer les rubriques ****  TITRE 3 *******/
.bouton_afficher_masquer_rubriques input {
  background-color: hsla(211, 35%, 27%, 1.00);
  color: white;
  padding: 0px 4.5px 4px 5px;
  border: none;
  font-size: 20px;
  border-radius: 3px;
  display: block;
  text-align: center;
  text-decoration: none;
}
.bouton_afficher_masquer_rubriques input:hover {
  background-color: hsla(211, 35%, 16%, 1.00);
  transition: .3s ease-in-out;
}
.concordances_lignes_ou_bloc input, .concordances_lignes_ou_bloc input:hover {
  background-color: hsla(211, 35%, 27%, 1.00);
  color: white;
  padding: 0px 4.5px 4px 5px;
  border: none;
  font-size: 20px;
  border-radius: 3px;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 25px;
  height: 15px;
  line-height: 10px;
  margin: -1px auto;
}
.tmp {
  display: flex;
  justify-content: space-between;
  width: 103%;
  margin-left: -5px;
}
.bouton_rechercher_plein_texte {
  background-color: hsla(211, 35%, 27%, 1.00);
  color: white;
  padding: 6px 7px 0px 5px;
  border: none;
  border-radius: 3px;
  display: block;
  width: 13px;
  height: 22px;
}
.bouton_rechercher_plein_texte a {}
li {
  list-style: none;
}
.bouton_quitterLaRecherche input:hover {
  background-color: hsla(0, 0%, 80%, 0.77);
  transition: .3s ease-in-out;
}
.bouton_quitterLaRecherche span {
  opacity: 0;
  color: #fff;
  background: rgba(127, 127, 127, 1.00);
  padding: 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align: center;
  position: absolute;
  left: -160px;
  z-index: 10;
}
.bouton_quitterLaRecherche:hover span {
  opacity: 1;
  transition: .3s ease-in-out;
  transition-delay: .5s;
}
.resultat_de_la_recherche {
  min-width: 150px;
}
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   PAGE biblio.php                     ************************* TITRE 2 *******/
/*******************************                   barre de sommaire                   ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
.barre_de_sommaire a img, .barre_de_sommaire input[type="image"], ._infos_resultats_recherche a img, ._infos_resultats_recherche input[type="image"] {
  background-color: #2d445d;
  border-radius: 3px;
  margin-top: -2px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 4px;
  height: 12px;
  width: 18px;
}

.barre_de_sommaire_reduite_au_bouton_afficher_sommaire input[type="image"] {

margin: 0px 0px 0px 0px;
width: 16px;
height: 16px;
border-radius: 3px;
padding: 3px;
background-color: #2d445d;
}

.estompe {
  opacity: 0.6;
}
.estompe:hover {
  opacity: 1;
}
.apres_X {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.groupe_des_liens_vers_les_rubriques {
  display: flex;
  justify-content: flex-start;
}
.barre_de_sommaire a img:hover, ._infos_resultats_recherche a img:hover {}
.barre_de_sommaire .boutons_gauche, .barre_de_sommaire .boutons_droite, ._infos_resultats_recherche .boutons_gauche, ._infos_resultats_recherche .boutons_droite {
  display: flex;
  font-weight: bolder;
  flex-wrap: nowrap;
}
.barre_de_sommaire .boutons_gauche a, ._infos_resultats_recherche .boutons_gauche a {}
.barre_de_sommaire .boutons_droite, ._infos_resultats_recherche .boutons_droite {
  justify-content: flex-end;
}
.barre_de_sommaire .boutons_droite, ._infos_resultats_recherche .boutons_droite {
  /** min-width: 180px; **/
}
.barre_de_sommaire .liens_vers_les_rubriques a, ._infos_resultats_recherche .liens_vers_les_rubriques a {
  text-decoration: none;
  color: #2d445d;
  display: block;
  min-width: 14px;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
padding: 0px 1.2px 0px 1.2px;
}
.barre_de_sommaire .liens_vers_les_rubriques a[class="scroll"], ._infos_resultats_recherche .liens_vers_les_rubriques a[class="scroll"] {
  font-size: 16px;
  margin: -3px -6px 0px 0px;
}
.barre_de_sommaire .liens_vers_les_rubriques a[class="scroll"]:hover, ._infos_resultats_recherche .liens_vers_les_rubriques a[class="scroll"]:hover {
  background-color: #ddd;
}
.barre_de_sommaire .liens_vers_les_rubriques a:hover, ._infos_resultats_recherche .liens_vers_les_rubriques a:hover {
  background-color: #2d445d;
  color: white;
  transition: .2s ease-in-out;
}
.liens_vers_les_rubriques {
  display: flex;
  justify-content: flex-start;
}
.liens_vers_les_rubriques a {
  margin-left: 7px;
}
.groupe_input_image {
  display: flex;
  justify-content: space-between;
}
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   PAGE concordances.php               ************************* TITRE 2 *******/
/*******************************                   section                             ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
.cartouche_index {
  font-family: "Roboto", "Trebuchet MS", "DIN", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: lighter;
  padding: 20px;
  letter-spacing: 0.05em;
  width: 100%;
}
.cartouche_index b {
  font-weight: 600;
  letter-spacing: 0.05em;
}
.section .cartouche_index h1 {
  font-weight: 300;
  letter-spacing: 0.05em;
  font-size: 15px;
  font-family: "Roboto", "Trebuchet MS", "DIN", Arial, Helvetica, sans-serif;
  margin-left: 0px;
}
.cartouche_index img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 14px;
}
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   PAGE biblio.php                     ************************* TITRE 2 *******/
/*******************************                   section                             ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
.section {
  order: 5;
  flex-grow: 1;
  background-color: whitesmoke;
  overflow: scroll;
  padding: 20px;
  min-height: 0px; /* IMPORTANT: you need this for non-chrome browsers */
	height: 650px;
border-radius: 3px;
}
a {
  color: #2d445d;
  text-decoration: none;
}
.cartouche_reference, .cartouche_reference_reactive, .cartouche_citation, .cartouche_citation_index_et_stat {
  transition: .3s ease-in-out;
  display: flex;
  justify-content: space-between;
  background-color: white;
  padding: 10px;
  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
  font-size: 18px;
  margin: 0px 0px 20px 0px;
}
.cartouche_citation:hover, .cartouche_reference_reactive:hover {
  transition: .3s ease-in-out;
  background-color: #eaeaea;
}
.cartouche_groupe_citations { /**.cartouche_citation:nth-child(2n+1)
  background-color: white;**/
}
.cartouche_editer {
  width: 40px;
}
.cartouche_ref {
  width: 100px;
}
.cartouche_ref, .cartouche_compteur {
  font-family: roboto;
  font-size: 11px;
  line-height: 24px;
}
.compte_rendu_recherche {
  width: 100%;
  margin: 20px;
}
.cartouche_editer a {
  padding: 2px 2px 2px 2px;
  text-decoration: none;
  transition: .3s ease-in-out;
  opacity: 0.3;
}
.cartouche_editer a:hover {
  opacity: 1;
}
.cartouche_libelle, .cartouche_texte {
  width: 800px;
  margin-left: 10px;
  margin-right: 10px;
}
.cartouche_texte_justifie {
  width: 500px;
  text-align: justify;
  height: 116px;
  overflow: hidden;
	line-height: 23px;
}
.cartouche_libelle_modifie {
  width: 800px;
  margin-left: 10px;
  margin-right: 10px;
  color: tomato;
}
.cartouche_consulter {
  width: 30px;
  text-align: right;
}
.cartouche_compteur {
  text-align: right;
  width: 100px;
}
.cartouche_citation_une_ligne {
  display: flex;
  justify-content: space-between;
  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
  font-size: 16px;
  padding: 3px 5px 3px 5px;
  background-color: white;
}
.cartouche_texte_une_ligne {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: auto;
  flex-wrap: nowrap;
}
/**  .pivot {
  width: auto;
  white-space: nowrap;
} **/
.pivot::before {
  width: 10px;
  display: block;
  height: 65px; /*same height as header*/
  margin-top: -65px; /*same height as header*/
  visibility: hidden;
}
.contexte_gauche, .contexte_droit {
  width: 340px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contexte_gauche {
  direction: rtl;
}
.contexte_droit {}
.section ul {
  text-transform: uppercase;
  list-style: none;
  margin-top: 20px;
  margin-bottom: 0px;
  clear: both;
}
.section li {
  text-transform: none;
  margin-left: 0px;
}
.cartouche_consulter a img {
  padding-top: 2px;
  width: 17px;
  height: 10px;
}
.cartouche_consulter a {
  font-family: "Trebuchet MS", "DIN", Arial, Helvetica, sans-serif;
  background: hsl(210.9, 36.2%, 36.9%);
  font-size: 10px;
  font-weight: normal;
  padding: 2px 2px 2px 2px;
  text-decoration: none;
  color: whitesmoke;
  display: inline-block;
  border-radius: 3px;
  transition: .3s ease-in-out;
  width: 24px;
  text-align: center;
}
.cartouche_consulter a:hover {
  background-color: #ffb83d;
  transition: .3s ease-in-out;
}
.section h1 {
  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
  font-size: 20px;
  margin: 0px 0px 20px 0px;
}
.section .fleches {
  display: block;
  width: 48px;
  margin: 0px 0px 0px 10px;
  float: left;
}
.barre_de_sommaire .fleches, ._infos_resultats_recherche .fleches {
  display: flex;
  margin-left: -5px;
  margin-right: 5px;
}
.section h1 a {
  font-size: 18px;
  color: hsl(0, 0%, 87.5%);
  padding-left: 0px;
  padding-right: 0px;
  text-decoration: none;
}
.section h1 a:hover {
  color: #ffb83d;
  transition: .3s ease-in-out;
}
.ReferenceModifiee {
  font-weight: bold;
}
.section table .ID {
  font-family: "Trebuchet MS", "DIN", Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.section table .PLUS a {
  padding: 2px 3px 1px 1px;
  display: block;
  height: 12px;
  width: 10px;
  background-color: #dbdbdb;
  border-radius: 3px;
  font-family: "Trebuchet MS", "DIN", Arial, Helvetica, sans-serif;
  color: white;
  font-size: 14px;
  margin-right: -6px;
  line-height: 10px;
}
.section table .PLUS a:hover {
  background-color: #ffb83d;
  font-weight: bold;
}
.section table .ID a {
  opacity: 30%;
  transition: .2s ease-in-out;
  background: white;
}
.section table .ID a:hover {
  opacity: 100%;
  transition: .2s ease-in-out;
}
/*************************************************************************************************************** TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
/*******************************                                                       ************************* TITRE 1 *******/
/*******************************                   PAGE modifier.php                   ************************* TITRE 1 *******/
/*******************************                                                       ************************* TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   PAGE modifier.php                   ************************* TITRE 2 *******/
/*******************************                   formulaire .boutons                 ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
.formulaire .boutons {
  width: 100%-260px;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-left: 260px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: nowrap;
  justify-content: flex-end;
  align-content: flex-end;
  flex-wrap: wrap;
}
.formulaire_images_pour_upload .boutons {
  margin-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: wrap;
  justify-content: flex-start;
}
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   PAGE modifier.php                   ************************* TITRE 2 *******/
/*******************************                   longueur des champs de saisie       ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
input[name="AUTAL"] {}
input[name^="AUT"] {
  width: 220px;
}
input[name^="DIR"] {
  width: 220px;
}
input[name="PERNU"] {
  width: 50px;
}
input[name="PAGEM"] {
  width: 75px;
}
input[name="PAGTO"] {
  width: 50px;
}
input[name="PAGDE"] {
  width: 50px;
}
input[name="PAGEF"] {
  width: 50px;
}
input[name="EDITE"] {
  width: 323px;
}
input[list="EDITE"] {
  width: 323px;
}
input[name="URL"] {
  width: 100%;
}
input[name="ACTIT"] {
  width: 95%;
}
input[list="OPTIT"] {
  width: 95%;
}
input[name="OPTIT"] {
  width: 95%;
}
input[name="PERTS"] {
  width: 95%;
}
input[name="DESCR"] {
  width: 95%;
}
input[name="COLLU"] {
  width: 40px;
}
input[name="DATE1"] {
  width: 50px;
}
input[id="annee"] {
  width: 50px;
}
.formulaire select {
  width: 100%;
  height: 26px;
  margin-top: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
}
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   GENERAL                             ************************* TITRE 2 *******/
/*******************************                   Paneau CONTROLE et paneau PROV      ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
.controle {
  display: none;
  order: 7;
  position: fixed;
  top: 0px;
  bottom: 0;
  left: 0;
  width: 310px;
  margin-left: 5px;
  color: beige;
  padding: 0px 0px 0px 0px;
  overflow: auto;
}
.PROV {
  order: 8;
  position: fixed;
  top: 0px;
  right: auto;
  bottom: 0;
  width: 200px;
  margin-left: 850px;
  color: beige;
  padding: 5px 30px 5px 70px;
  overflow: auto;
}
/*************************************************************************************************************** TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
/*******************************                                                       ************************* TITRE 1 *******/
/*******************************                   PAGE enrichir.php                   ************************* TITRE 1 *******/
/*******************************                                                       ************************* TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
.zone_de_formulaire {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 10px 10px 10px;
  border-radius: 5px;
  background-color: #c8c8c8;
}
.zone_de_formulaire h3 {
  margin-bottom: 5px;
  margin-top: 0px;
}
.zone_de_formulaire .boutons {
  margin-bottom: 0px;
  margin-top: -44px;
}
.zone_de_formulaire input[name="URL"] {
  width: 65%;
  margin-bottom: 6px;
  margin-top: -2px;
}
.zone_de_formulaire input[type="file"] {
  background-color: hsla(0, 0%, 100%, 0);
  width: 53%;
}
.zone_de_formulaire input:hover[type="file"] {
  background-color: hsla(0, 0%, 100%, 0);
}
.zone_de_formulaire .bouton_selectionner_upload {
  color: black;
  margin-top: -5px;
}
/**.formulaire_enrichir .zone_de_formulaire .boutons {
  margin-top: -40px;
}**/
.formulaire_ajouter .zone_de_formulaire .boutons {
  margin-top: 20px;
}
.reference_dans_formulaire {
  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 25px;
  background-color: white;
  padding: 10px;
}
textarea {
  padding: 5px;
  margin-bottom: 13px;
}
.formulaire input[type="submit"], .boutons a, .formulaire input[type="reset"], .formulaire_tools input[type="submit"] {
  margin: 0px 0px 0px 10px;
  display: block;
  background-color: hsla(211, 35%, 27%, 1.00);
  color: white;
  padding: 8px 0px 8px 0px;
  border: none;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  width: 100px;
}
input[type="submit"][name="transparant"] {
  position: relative;
  top: -10px;
  right: -10px;
  width: 860px;
  background: none;
  border-style: none;
  margin-left: -930px;
  margin-bottom: -20px;
}
.tmp input[type="image"] {
  background-color: hsla(211, 35%, 27%, 1.00);
  color: white;
  padding: 5px 5px 5px 5px;
  cursor: pointer;
  border-radius: 3px;
  width: 22px;
  height: 22px;
  margin-left: 5px;
	margin-bottom: -10px;
}
.formulaire .box {
  margin: 0px 25px -15px 25px; /**height: 95%;**/
}
.conteneur_pour_fenetre_centree {
  display: flex;
  min-height: 100vh;
}
.fenetre_centree {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 767px;
  padding: 0px 20px 20px 20px;
  border-radius: 5px;
  background-color: #ddd;
  -webkit-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.75);
  margin: auto;
}
.fenetre_centree .UN_barre_de_titre {
  background-color: #2d445d;
  color: white;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  padding: 7px 20px 15px 10px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  margin: 0px -20px 0px -20px;
}
.fenetre_centree .DEUX_barre_de_sous-titre {}
.fenetre_centree .TROIS_zone_des_champs {
  flex: 1;
}
.fenetre_centree input[type=checkbox] {
  display: inline;
  width: 20px;
  height: 20px;
}
.fenetre_centree .required[type="text"] {
  background-color: white;
}
.fenetre_centree select {
  width: 100%;
  height: 30px;
  margin: 16px 0px 0px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fenetre_centree input[type="text"] {
  margin: 5px 5px 5px 0px;
  background-color: whitesmoke;
}
.fenetre_centree .teteDeColonne {
  text-transform: uppercase;
  padding: 14px 0px 10px 0px;
}
.fenetre_centree .QUATRE_zone_des_boutons {
  display: flex;
  -webkit-flex-flow: nowrap;
  justify-content: flex-end;
  padding-top: 10px;
}
.fenetre_centree .QUATRE_zone_des_boutons input[type="submit"], .fenetre_centree .QUATRE_zone_des_boutons a, .fenetre_centree .QUATRE_zone_des_boutons input[type="reset"] {
  margin: 0px 0px 0px 10px;
  display: block;
  background-color: hsla(211, 35%, 27%, 1.00);
  color: white;
  padding: 8px 0px 8px 0px;
  border: none;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  width: 100px;
}
.v_justif {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.formulaire input[type='submit']:hover, .boutons a:hover, .formulaire input[type="reset"]:hover {
  background-color: hsl(210.9, 34.7%, 19.8%);
}
.formulaire input[type="file"] {
  height: 30px;
  border-radius: 3px;
  font-size: 14px;
  margin-bottom: 10px;
}
.formulaire input:hover[type="submit"] {
  color: white;
}
.formulaire input:hover[type="reset"] {
  color: white;
}
/*************************************************************************************************************** TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
/*******************************                                                       ************************* TITRE 1 *******/
/*******************************                   PAGE consulter.php                  ************************* TITRE 1 *******/
/*******************************                                                       ************************* TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
/*************************************************************************************************************** TITRE 1 *******/
.afficheur {
  margin: -20px;
  order: 5;
  flex-grow: 1;
  padding: 0px 0px 0px 0px;
  background-color: white;
  color: grey;
  overflow: scroll;
  min-height: 0px;
  display: flex;
  justify-content: center;
  /* IMPORTANT: you need this for non-chrome browsers */
}

.afficheurVignettesEtAudio {
/*! background-color: #606060; */
color: #acacac;
min-height: 0px;
display: flex;
justify-content: center;
}

.afficheurImages img {
	
}

.afficheurImages {
  display: flex;
	flex-direction: column;
flex-wrap: nowrap;
}
.afficheurVignettes {
  display: flex;
	flex-direction: column;
flex-wrap: nowrap;
	width: 348px;
margin: 20px;
padding: 20px;
border-radius: 3px;
height: min-content;	

}
.afficheurVignettes img {
	height: 300px;
}

.afficheurImages img:active {
  transition: .3s ease-in-out;
}
.afficheurImages img {
margin-top: 20px;
	transition: .3s ease-in-out;
width: 100%;
max-width: 1000px;}


/**
.afficheur:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255, 1) 90%);
  width: 100%;
  height: 100%;
}**/
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   PAGE consulter.php                  ************************* TITRE 2 *******/
/*******************************                   afficheur de texte                  ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/
.afficheurTexte {
  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
  font-size: 18px;
  background-color: white;
  padding: 20px 0px 0px 0px;
  color: hsla(211, 35%, 27%, 1.00);
  width: 500px;
}
.afficheurTexte .nom_propre {}
.afficheurTexte p {
  margin: 0;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  lang: 'fr';
  text-align: justify;
}
.afficheurTexte .notesbaspage {
  font-size: 14px;
}
.afficheurTexte .retrait_normal, .texte {
  text-indent: 20px;
}
.afficheurTexte table td {
  padding-top: 20px;
  vertical-align: top;
  font-size: 14px;
}
.afficheurTexte .retrait_normal_espace_avant {
  text-indent: 20px;
  margin-top: 30px;
}
.afficheurTexte .normal_espace_avant {
  margin-top: 30px;
  margin-bottom: 30px;
}
.afficheurTexte .droite_espace_avant {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: right;
}
.afficheurTexte .centre_espace_avant_italique {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 30px;
  font-style: italic;
}
.afficheurTexte .retrait_normal_entretien {
  text-indent: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.afficheurTexte .exergue, .afficheurTexte .epigraphe {
  text-align: justify;
  margin-right: 130px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: smaller;
}
.afficheurTexte h3 {
  margin-top: 40px;
  margin-bottom: 50px;
}
.sous_header_gauche h3 {
  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
  font-size: 18px;
  color: hsla(211, 35%, 27%, 1.00);
}
.afficheurTexte h4 {
  text-align: center;
}
.afficheurTexte .etoiles_centrees {
  text-indent: 0px;
  margin: 0;
  text-align: center;
  margin: 30px;
  line-height: 12px;
}
.afficheurTexte .centre {
  text-indent: 0px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.XXXpage {
  display: block;
  position: relative;
  left: -30px;
  font-size: 14px;
  margin-bottom: -20px;
}

.afficheurTexte .page_pleiade_I, .afficheurTexte .page_pleiade_II {
  padding: 3px 0px 0px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  float: left;
  margin-left: -90px;
	margin-top: 0px;
  text-indent: 0px;
}


.page_1985::before {
    content: "[1985] ";
}


.formulaire_page_a_delimiter .numPageEnCours {
display: block;
position: relative;
top: 40px;
left: 12px;
font-size: 12px;
}
.formulaire_page_a_delimiter .numPageSuivante {
display: block;
position: relative;
top: -61px;
left: 0px;
font-size: 12px;
width: 33px;
}


.afficheurTexte .page_pleiade_I::before {
  content: 'Œ I, ';
  font-style: italic;
	
}
.afficheurTexte .page_pleiade_II::before {
  content: 'Œ II, ';
  font-style: italic;
	
}


.afficheurTexte .page_inline, .afficheurTexte .page_1982, .afficheurTexte .page_1985  {
  padding: 3px 0px 0px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
float: right;
margin-right: -90px;
	text-indent: 0px;
}


.page, .paranumber {
  padding: 3px 0px 0px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  float: left;
  margin-left: -90px;
  text-indent: 0px;
}


.afficheurTexte blockquote {
  margin: 20px 0px;
  font-size: smaller;
}
.afficheurTexte .citation {
  margin: 20px 0px;
  font-size: smaller;
}
.afficheurTexte ul.sidenotes li {
  margin: .2em 0 1.44em 0;
  font: .833em/1.44 Verdana, sans-serif;
  text-align: left;
  list-style-type: none;
}
.afficheurTexte ul.sidenotes .num {
  font-weight: bold;
  font-family: Verdana, sans-serif;
  font-size: smaller;
  text-decoration: none;
}
.afficheurTexte .source {
  color: white;
  margin-bottom: 30px;
  font-family: verdana, sans-serif;
  padding: 5px;
  background-color: #b9b8b8;
  font-size: 12px;
}
.afficheurTexte .source a {
  color: white;
  vertical-align: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.afficheurTexte a, a.footnotecall, a.endnotecall, a.FootnoteSymbol, a.footnotedefinition, a.endnotedefinition, div.entries h2 a, ul.summary .traduction a:hover, dd.traduction a:hover, #docTranslations a:hover, #widgets a.current:hover, #shortcuts a, #docURL a {
  text-decoration: none;
  font-weight: bold;
  font-family: Verdana, sans-serif;
  font-size: smaller;
  text-decoration: none;
  color: hsla(211, 35%, 27%, 1.00);
  font-family: Verdana, sans-serif;
  font-size: 12px;
  vertical-align: top;
}
.afficheurTexte .note, .sidenotes {
  padding: 3px 0px 0px 0px;
  font-size: 14px;
  float: right;
  margin-left: -150px;
  text-indent: 0px;
  display: block;
  width: 150px;
  text-align: left;
  position: relative;
  left: 175px;
  bottom: 0px;
  line-height: 14px;
  list-style-type: none;
}
.afficheurTexte .adn {
  font-weight: bold;
  font-variant-position: super;
  font-size: 18px;
}
.afficheurTexte .ndn {
  font-weight: bold;
  font-size: 14px;
}
.afficheurTexte .PARATEXTE_signature-av, .afficheurTexte .signature-av {
  font-weight: bold;
  margin-top: 20px;
  text-align: right;
}
.afficheurTexte .PARATEXTE_signature, .afficheurTexte .signature {
  font-weight: bold;
  text-align: right;
}
/*************************************************************************************************************** TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*******************************                   PAGE consulter.php                  ************************* TITRE 2 *******/
/*******************************                   afficheur d'image                   ************************* TITRE 2 *******/
/*******************************                                                       ************************* TITRE 2 *******/
/*************************************************************************************************************** TITRE 2 *******/

.LegendeEtAudio {
/*! padding: 10px; */
/*! background-color: white; */
/*! margin: 10px; */
}

.afficheurAudio {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
margin: 20px;
/*! padding: 20px; */
/*! background-color: whitesmoke; */
border-radius: 3px;
overflow: scroll;
}
.explications {
  font-size: 13px;
  font-weight: lighter;
}
.informations {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 10px;
}
.section h3 {
  margin-top: 50px;
}
a .pivot {
  font-weight: normal;
  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
  font-size: 18px;
  color: hsla(211, 35%, 27%, 1.00);
}


.formulaire_page_a_delimiter{
  display: block;
	position: absolute;
	top: 60px;
	left: 600px;
width: 200px;
height: 600px;
}


.formulaire_page_a_delimiter textarea {
background-color: #fff2e1;
border: none;
padding: 25px 50px;
text-align: justify;
	font-size: 18px;
	line-height: 16px;
font-family: garamond;
margin: 0px;
}

._paginations{
display: flex;
justify-content: space-between;
	order: 2;
}

._paginations input[type="checkbox"] + label {
    display: block;
    margin-left: 20px;
    cursor: pointer;
    padding: 0.2em 0.4em;
	background-color: #f0f0f0;
	border-radius: 3px;
}

.lienVersPremiereEdition{
opacity: 60%;
}

figcaption {
 margin-top: 5px;
}