/**
 * Font
 */

/* @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic); */

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic);

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, sup, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
caption, tbody, tfoot, thead,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * Global
 */

/* Variables */
:root {
  --main-bg-color: white;
  --accent-color: black;
  --light-gray: #cccccc;
  --dark-gray: #444444;
  --margins: 400px;
}

html {
  font-size: 100%;
  position: relative;
  min-height: 100%; /* Changed height from 101% to 100% -hang */
} 
body {
  font-family: Lato, sans-serif;
  /* font-size: 0.875em; */
  font-size: 1rem;
  color: #444444;
  line-height: 17px;
  height: 100vh; /* defined height so that children can use % */
  display: flex;
  flex-direction: column;
} 
h1 {
  font-size: 2em;
  font-weight: 300;
  line-height: 26px;
  padding-bottom: 20px;
  color: #222;
}
h2 {
  font-size: 1.286em;
  /* font-weight: 900; */
  font-weight: 800;
  line-height: 23px;
  color: #222;
}
a {
  /* text-decoration: none; */
  color: var(--accent-color);
  /* outline: none; */
}
*:focus-visible {
  outline: solid 1px;
  outline-offset: 2px;
}
a:hover {
  text-decoration: underline;
}
a:focus-visible {
  outline: solid 1px;
  outline-offset: 2px;
  text-decoration: underline;
}
.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
}
img {
  object-fit: cover;
} /* By default images are covered instead of stretched to fit container -hang */
.white-text {
  color: white;
}
.row-label em {
  color: black;
}
sup {
  font-size:small;
  line-height: 0;
  vertical-align: super;
}

/**
 * Topbar
 */
#topbar {
  z-index: 1000;
  /* position: fixed; */
  width: 100%;
}
#topbar-content {
  width: calc(100vw - var(--margins));
  margin: 0 auto;
}
#topbar-image {
  background: url(../images/image-header.png) no-repeat top right;
  /* height: 190px; */
  min-width: 100%;
  background-size: contain;
}
#logo {
  position: relative;
  /* float: left; */
  margin: 0 24px;
  /* margin-right: 30px;
  margin-left: 22px; */
  z-index: 10;
}
#logo a {
  display: inline-block;
}
.home #logo {
    padding-bottom: 12px;
}
#logo a img {
  height: 3.5rem;
}
.home #logo a img {
  height: auto;
}
.conservatoire {
  position: absolute;
  left: 100px;
  top: 80px;
}
.conservatoire a {
  text-decoration: none;
  color: var(--accent-color);
  font-size: 1.071em;
}
.description {
  /* max-width: 560px; */
  max-width: 35rem;
}
/**
 * Skiplinks
 */
#skiplinks {
  width: 100%;
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  background-color: #f1f1f1;
  padding: 20px 0;
}
#skiplinks:focus-within {
  position: relative;
  transform: translateY(0);
}
.skiplinks_list {
  width: calc(100vw - var(--margins));
  margin: auto;
  display: flex;
}
.skiplinks_list > li {
  margin: 0 20px;
}
.skiplinks_list > li > a {
  text-decoration: underline;
}

/**
 * Navigation
 */
#nav {
  overflow: hidden;
  background-color: #f1f1f1;
}
#nav-content {
  width: calc(100vw - var(--margins));
  margin: 0 auto;
  /* height: 55px; */
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  align-items: center;
}
#nav-content:has(#logo) {
  margin: 0 auto;
  flex-wrap: nowrap;
}
#nav-content:has(#logo) .nav-full {
  flex-wrap: nowrap;
}
.feuilleteur #nav-content {
  width: 100%;
}
#nav-content ul {
  margin: 0;
  padding: 0;
  /* float: left; */
  display: flex;
}
#nav-content li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 900;
  text-transform: uppercase;
  /* float: left; */
  /* padding-right: 30px; */
}
#nav-content a {
  text-decoration: none;
  color: var(--accent-color);
  display: block;
}
#navigation a {
  /* line-height: 55px; */
  /* height: 55px; */
  padding: 12px 8px;
  margin-right: 12px;
}
#search-box, .search-box {
  font-size: 75%;
  padding-right: 0;
  /* float: left; */
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-right: auto;
}
#search-box form, .search-box form {
  /* float: left; */
  /* padding-top: 13px; */
  display: flex;
}
#search-box input, .search-box input {
  vertical-align: middle;
  padding: 0;
  margin: 0;
  /* float: left; */
  text-transform: uppercase;
}
#search-box .ftext, .search-box .ftext {
  text-transform: none;
  /* font-size: 100%; */
  height: 29px;
  border: 0;
  color: var(--accent-color);
  width: 180px;
  padding-left: 10px;
  -moz-border-top-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  width: 15em;
  height: 2.3em;
}
#search-box a, .search-box a {
  display: block;
  text-transform: uppercase;
  font-weight: 900;
  /* float: left; */
  /* line-height: 55px; */
  margin-left: 10px;
}
#nav-content .tools {
  /* float: right; */
  /* padding-top: 12px; */
  margin: 4px 0;
}
.tools .alternative-colors {
  width: 32px;
  height: 32px;
  overflow: hidden;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.tools .alternative-colors::before {
  content: "";
  height: 30px;
  background: transparent no-repeat
    url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-shadows" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8 7a.5.5 0 0 1 0-1h3.5q.048 0 .093.009A7 7 0 0 0 12.9 13H8a.5.5 0 0 1 0-1h5.745q.331-.474.581-1H8a.5.5 0 0 1 0-1h6.71a7 7 0 0 0 .22-1H8a.5.5 0 0 1 0-1h7q0-.51-.07-1H8a.5.5 0 0 1 0-1h6.71a7 7 0 0 0-.384-1H8a.5.5 0 0 1 0-1h5.745a7 7 0 0 0-.846-1H8a.5.5 0 0 1 0-1h3.608A7 7 0 1 0 8 15"/></svg>')
    top left;
  display: block;
}
.feuilleteur #nav-content .tools {
  margin-right: 22px;
}
#nav-content .tools li {
  padding: 5px;
  display: flex;
}
#nav-content .nav-short .tools li {
  align-items: end;
}
#nav-content .tools a {
  line-height: normal;
  filter: grayscale(1);
}
input[type=image] {
    filter: grayscale(1);
    width: 2.4rem;
}
#breadcrumb {
  width: 100%;
  font-size: 0.75em;
  padding: 12px 0 ;
  overflow: hidden;
  background-color: white;
  /* line-height: 50px; */
  /* height: 50px; */
  vertical-align: center;
  display: flex;
  align-items: center;
}
#breadcrumb ul {
  width: calc(100vw - var(--margins));
  margin: 0 auto;
}
.feuilleteur #breadcrumb ul {
  width: 100%;
  padding-left: 22px;
}
#breadcrumb li {
  /* float: left; */
  text-overflow: ellipsis;
  display: inline;
}
#breadcrumb li:not(:last-child) {
 position: relative;
 padding-right: 1.1em;
 display: inline;
}
#breadcrumb li:not(:last-child)::after {
    content: '';
    position: absolute;
    translate: 0 100%;
    rotate: 45deg;
    border: solid #444444;
    border-width: 0.1em 0.1em 0 0;
    display: inline;
    padding: 0.2em;
    margin-left: 0.3em;
}
#breadcrumb li a {
  position: relative;
  display: inline;
  font-weight: 700;
  hyphens: auto;
}

/* Burger menu */
#nav-burger {
	display: none;
	font-size: 0;
  cursor: pointer;
}

#nav-content:has(#logo) #nav-burger {
  margin-right: 24px;
}

#nav-burger-content {
	display: none;
}

/**
 * Main
 */
#main {
  width: calc(100vw - var(--margins));
  margin: 0 auto;
  /* clear: both; */
  flex-grow: 1;
}

/**
 * Footer     
 */
#footer {
  background-color: #f1f1f1;
  /* overflow: hidden;
  font-size: 0.857em; */
  padding: 28px 0;
  /* clear: both; */
}
#footer.container-footer {
  background: none;
  padding: 0;
}
#footer-content {
  width: calc(100vw - var(--margins));
  margin: 0 auto;
}
.footer-content-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer li {
  /* float: left; */
  display: inline;
  width: 676px;
  /* padding-top: 20px; */
}
#footer .logo {
  display: inline-block;
}
#footer li:first-child,
#footer li:last-child {
  width: 152px;
  padding-top: 0;
}
#footer dl {
  width: 143px;
  /* float: left; */
  padding: 15px 20px 0 0;
}
#footer a {
  color: var(--accent-color);
  font-weight: bold;
  text-decoration: none;
  /* display: inline-block; */
}
#footer a:hover {
  text-decoration: underline;
}

/**
 * Baseline
 */
#baseline {
  background-color: #e8e8e8;
  font-size: 0.857em;
  /* height: 45px; */
  line-height: 45px;
}
#baseline-content {
  width: calc(100vw - var(--margins));
  margin: 0 auto;
}
#baseline ul {
  display: flex;
}
#baseline li {
  display: inline;
  padding-right: 15px;
}
#baseline a {
  color: var(--accent-color);
  text-decoration: none;
}
#baseline a:hover {
  text-decoration: underline;
}
#baseline .copyright {
  margin-left: auto;
  /* float: right; */
}

/**
 * Homepage    
 */
.home #topbar {
  background: transparent url(../images/background-header.png) repeat-x top left;
  /* height: 190px; */
  position: static;
  background-size: contain;
}
.home #topbar h1 {
  font-size: 1em;
  font-weight: bold;
  text-transform: none;
  padding-bottom: 0;
}
.home #topbar-content {
  padding-top: 0;
}
.home #nav {
  position: static;
}

.home #main {
  padding-top: 50px;
}

.news_banner {
  margin-bottom: 40px;
}

.homepage_columns {
  display: flex;
  justify-content: space-between;
  column-gap: 40px;
}

.home #column_left {
  /* width: 60%; */
  /* flex-shrink: 1; */
  /* float: left; */
  min-width: 0;
  /* container-type: size;
  container-name: home-column-left; */
}
.home #column_left h1 {
  /* clear: both; */
}
.home #column_left ul {
  padding-bottom: 40px;
  overflow: hidden;
}
.home #column_left li {
  /* width: 204px;
  height: 204px; */
  /* margin: 0 8px 8px 0; */
  /* float: left; */
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 11rem;
  aspect-ratio: 1;
}
.home #column_left li a {
  color: white;
  text-decoration: none;
}
.home #column_left li div {
  /* position: absolute;
  bottom: 30px;
  left: 20px; */
  margin: 20px 12px;
}
.home #column_left li p {
  font-size: 0.8em;
  color: white;
  font-weight: normal;
  display: block;
  padding-top: 10px;
}

.themes_grid {
  /* display: grid; */
  /* grid-template-columns: repeat(4, 1fr); */
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
}

.home #column_right {
  /* width: 312px; */
  max-width: 21rem;
  /* float: right; */
  min-width: 0;
}
.home #column_right h2 {
  text-transform: uppercase;
  font-size: 1em;
  padding-bottom: 15px;
  line-height: normal;
  color: white;
}
.home #column_right .more {
  padding-top: 20px;
  font-weight: 700;
}
.home #column_right img {
  margin-bottom: 10px;
  width: 100%;
}
.home #column_right .news_in_1 img {
  /* width: auto; */
}
.center-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.news_in_1 .center-content {
  text-align: center;
}
.news_breadcrumb {
  margin-bottom: 16px;
}
.news_breadcrumb ul li {
  list-style: none;
  display: inline;
  padding-right: 1.5em;
}
.news_breadcrumb ul li:not(:last-child) a {
  display: inline;
  position: relative;
}
.news_breadcrumb ul li:not(:last-child)::after {
  content: '';
    position: absolute;
    translate: 0 90%;
    rotate: 45deg;
    border: solid white;
    border-width: 0.1em 0.1em 0 0;
    display: inline;
    padding: 0.2em;
    margin-left: 0.6em;
}


.home .news {
  color: white;
  background-color: var(--accent-color);
  padding: 25px 16px 20px 16px;
  margin-bottom: 40px;
  font-size: 0.786em;
}
.home .news a {
  color: white;
}
/* rajout cnum */
.home .news li {
  /* width: 50%; */
  /* float: left; */
  /* display: table-cell; */
}
* + html .home .news li {
  display: inline;
  zoom: 1;
}

.news_grid {
  display: grid;
  /* grid-template-columns: 1fr 1fr; */
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 8px;
}

table,
th,
td {
  border: 1px solid black;
}

a.external {
  padding-right: 16px;
  background: url(../images/external_link_12.png) no-repeat right;
}

/* rajout 2016.12.01 */

#pagin {
  margin: 15px auto;
  padding: 0;
  list-style: none;
  width: 2180px;
}

#pagin li {
  float: left;
  margin-right: 10px;
}

#pagin li a {
  display: block;
  text-decoration: none;
  color: #717171;
  font: bold 11px Arial, sans-serif;
  text-shadow: 0px 1px white;
  padding: 7px 8px;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  background: #f9f9f9;

  background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
  background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
  background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
  background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );
}

#pagin li a.current {
  color: white;
  text-shadow: 0px 1px #3f789f;

  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
  background: var(--accent-color);

  background: -webkit-linear-gradient(top, #f95b22 0%, #fa7c4e 100%);
  background: -moz-linear-gradient(top, #f95b22 0%, #fa7c4e 100%);
  background: -o-linear-gradient(top, #f95b22 0%, #fa7c4e 100%);
  background: -ms-linear-gradient(top, #f95b22 0%, #fa7c4e 100%);
  background: linear-gradient(top, #f95b22 0%, #fa7c4e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f95b22', endColorstr='#fa7c4e',GradientType=0 );
}

#pagin li a:hover {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
  background: #fff;

  background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
  background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
  background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
  background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e8e8e8',GradientType=0 );
}

#pagin li a:active,
#pagin li a.current:active {
  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5),
    0px 1px 1px 0px rgba(255, 255, 255, 1) !important;
  -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5),
    0px 1px 1px 0px rgba(255, 255, 255, 1) !important;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5),
    0px 1px 1px 0px rgba(255, 255, 255, 1) !important;
}

#pagin li a.current:hover {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
  background: #f95b22;

  background: -webkit-linear-gradient(top, #f95b22 0%, #f95b22 100%);
  background: -moz-linear-gradient(top, #f95b22 0%, #f95b22 100%);
  background: -o-linear-gradient(top, #f95b22 0%, #f95b22 100%);
  background: -ms-linear-gradient(top, #f95b22 0%, #f95b22 100%);
  background: linear-gradient(top, #f95b22 0%, #f95b22 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f95b22', endColorstr='#f95b22',GradientType=0 );
}

/* fin rajout 2016.12.01 */

/* rajout cnum */

.home .expos {
  color: white;
  background-color: var(--accent-color);
  padding: 25px 16px 1px 16px;
  margin-bottom: 40px;
  font-size: 0.786em;
  /* width: fit-content; */
}
.home .expos a {
  color: white;
}
.home .expos li {
  /* width: 50%; */
  /* float: left; */
  /* display: table-cell; */
}
* + html .home .expos li {
  display: inline;
  zoom: 1;
}

.theme-1::before, 
.theme-2::before, 
.theme-3::before, 
.theme-4::before, 
.theme-5::before, 
.theme-6::before, 
.theme-7::before, 
.theme-8::before, 
.theme-9::before, 
.theme-10::before, 
.theme-11::before, 
.theme-12::before,
.typologie-1::before,
.typologie-2::before,
.typologie-3::before {
  content: "";
  position: absolute;
  z-index: -10;
  width: 100%;
  height: 100%;
  filter: brightness(50%);
  background-color: #313131;
  background-size: cover;
}

.theme-1::before {
  background-image: url(../images/theme-1.jpg);
}
.theme-2::before {
  background-image: url(../images/theme-2.jpg);
}
.theme-3::before {
  background-image: url(../images/theme-3.jpg);
}
.theme-4::before {
  background-image: url(../images/theme-4.jpg);
}
.theme-5::before {
  background-image: url(../images/theme-5.jpg);
}
.theme-6::before {
  background-image: url(../images/theme-6.jpg);
}
.theme-7::before {
  background-image: url(../images/theme-7.jpg);
}
.theme-8::before {
  background-image: url(../images/theme-8.jpg);
}
.theme-9::before {
  background-image: url(../images/theme-9.jpg);
}
.theme-10::before {
  background-image: url(../images/theme-10.jpg);
}
.theme-11::before {
  background-image: url(../images/theme-11.jpg);
}
.theme-12::before {
  background-image: url(../images/theme-12.jpg);
}

/* la zone de lien. rajout cnum. A reprendre */

/* sert dans les pages cr dits et mentions l gales */
.italique {
  font-style: italic;
}
.gras {
  font-weight: bold;
}

.texte_sous_droit {
  color: var(--accent-color);
}

hr.hr_resultat_ocr {
  border: 1px solid var(--accent-color);
  width: 100%;
}

hr.hr_feuilleteur {
  /* border: 1px solid rgb(250, 124, 78); */
  /* border: 1px solid black; width:99%; */
  height: 1px;
  border-width: 0px;
  color: gray;
  background-color: gray;
}

/*  */
.a_supprimer {
  /* sert   l'affichage du message de la page d'accueil */
  /*color:#FF0000;*/
  font-size: 130%; /* large */
  font-weight: bold;
}
/*  */

.image_bordure_aide {
  border-width: 1px;
  border-style: solid;
  border-color: black;
}

/*  */

/* vignettes page accueil */
/*
.theme-1 a, .theme-2 a, .theme-3 a, .theme-4 a, .theme-5 a, .theme-6 a, .theme-7 a, .theme-8 a, .theme-9 a, .typologie-1 a, .typologie-2 a, .typologie-3 a {    
width : 200px;
height: 200px;
padding-top: 100px;
margin-top: 200px; 
}
*/

/*  */

/* rajout cnum */

/*  */

.typologie-1::before {
  background-image: url(../images/typologie-1.jpg);
}
.typologie-2::before {
  background-image: url(../images/typologie-2.jpg);
}
.typologie-3::before {
  background-image: url(../images/typologie-3.jpg);
}

/**
 * Catalogue    
 */
#main-content {
  width: calc(100vw - var(--margins));
  /* padding-top: 105px; */
  margin: 0 auto;
  position: relative;
  z-index: 500;
  padding-bottom: 30px;
}
#contenu_catalogue {
  /* clear: both; */
  position: relative;
  z-index: 300;
  padding-top: 20px;
}

/* ABCDAIRE */
#catalog-navigation {
  background-color: white;
  width: 100%;
  clear: both;
  position: relative;
  z-index: 400;
}
.abcdaire {
  padding-top: 4px;
  padding-bottom: 15px;
  overflow: hidden;
  font-size: 0.8125em;
  font-weight: 900;
  /* float: left; */
  margin-right: 50px;
  color: #737373;
}
.abcdaire li {
  float: left;
  padding-right: 10px;
}
.abcdaire a {
  color: var(--accent-color);
}
.abcdaire a:hover {
  color: #222;
  text-decoration: none;
}

/* rajout cnum */
/* lettre1_mots */
.lettre1_mots {
  padding-bottom: 15px;
  overflow: hidden;
  font-size: 0.8125em;
  font-weight: 900;
  float: left;
  margin-right: 50px;
  color: #bbb;
}
.lettre1_mots li {
  float: left;
  padding-right: 10px;
}
.lettre1_mots a {
  color: var(--accent-color);
}
/* .lettre1_mots a:visited {color:#000;text-decoration:underline;} */
.lettre1_mots a:hover {
  color: #222;
  text-decoration: none;
}

/* lettre2_mots */
.lettre2_mots {
  padding-bottom: 15px;
  overflow: hidden;
  font-size: 0.8125em;
  font-weight: 900;
  float: left;
  margin-right: 50px;
  color: #bbb;
}
.lettre2_mots li {
  float: left;
  padding-right: 10px;
}
.lettre2_mots a {
  color: var(--accent-color);
}
.lettre2_mots a:hover {
  color: #222;
  text-decoration: none;
}

.lettre_lien_ancre_mis_en_valeur a:visited {
  color: #000;
}

/* fin rajout cnum */

/* TRI - MENU */
/* #column_up2_mono {display:table;border-collapse:collapse;clear:both;z-index:600}
.simple{font-size:0.75em;font-weight:900;display:table-row;line-height:1.33em} */
#column_up2_mono {
  width: calc(100vw - var(--margins));
  z-index: 600;
  background-color: white;
} /*new by hang*/
.simple {
  font-size: 0.75em;
  font-weight: 900;
  line-height: 1.33em;
} /*new by hang*/
.simple li {
  color: white;
  /* display: table-cell; */
  text-align: center;
  /* vertical-align: middle; */
  /* border: 5px solid #fff; */
  border-top: none;
  border-bottom: none;
  background: var(--accent-color) url(../images/no-fl-tri.png) repeat-x bottom left;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* .simple:has(.notice) li {
    border: 5px solid #fff;
} */
* + html .simple li {
  display: inline;
  zoom: 1;
}
.simple a {
  display: block;
  padding: 10px 5px;
  color: white;
}
.simple.notice a {
  padding: 5px;
}
.simple a:hover {
  text-decoration: none;
  /* color: black; */
}
.simple .act {
  color: white;
  /* background: #222 url(../images/fl-tri2.png) no-repeat bottom center; */
  background: #222 url(../images/fl-tri2.png) repeat-x bottom center;
}
.simple .act span {
  padding: 10px 5px;
  color: white;
  display: block;
}
.simple.notice .act span {
  padding: 5px;
}
.simple .auteur {
  width: 168px;
  border-left: none;
}
.simple .titre {
  width: 318px;
}
.simple .date {
  width: 76px;
}
.simple .location {
  width: 148px;
}
.simple .editor {
  width: 150px;
  border-right: none;
}

ul.notice .notice {
  /* width: 93px; */
  width: 7em;
  border-left: none;
}
ul.notice .lst_volumes {
  /* width: 88px; */
  width: 6em;
}
ul.notice .table_abbr {
  /* width: 160px; */
  width: 11em;
}
ul.notice .table_full {
  /* width: 160px; */
  width: 11em;
}
ul.notice .table_illust {
  /* width: 125px; */
  width: 8em;
}
ul.notice .txt_ocr {
  /* width: 70px; */
  width: 5em;
}
ul.notice .vignette {
  /* width: 105px; */
  width: 7em;
}
ul.notice .exports {
  /* width: 86px; */
  width: 8em;
}
ul.notice .search {
  /* width: 220px; */
  width: 17em;
  border-right: none;
  background: #f1f1f1 url(../images/no-fl-tri.png) repeat-x bottom left;
}
.simple .search a {
  color: var(--accent-color);
}
.simple .search a span {
  padding-right: 22px;
  background: transparent url(../images/loupe-onglet.png) no-repeat center right;
  filter: grayscale(1);
}

/* LISTE */
#contenu_notice {
  padding-top: 20px;
  overflow: hidden;
}
#contenu_notice h2 {
  margin-bottom: 10px;
}
.image_thematique {
  width: 204px;
  float: left;
  margin: 15px 25px 25px 0;
}
.texte_thematique {
  margin: 15px 0 35px 0;
}
/*.list{font-size:90%;}*/
.revue {
  /* background: url(../images/picto-revue2.png) no-repeat left center; */
  /* display: block; */
  /* padding-left: 35px !important; */
  display: flex;
  align-items: flex-start;
}
.revue::before {
  content: url(../images/picto-revue2.png);
}
.row .revue {
  /* width: 123px !important; */
}
li.anchor {
  display: block;
  padding-top: 105px;
  margin-bottom: -105px;
  position: relative;
  top: -105px;
}
.row {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  /* clear: both; */
}
.row ul {
  position: relative;
  z-index: 30;
}
.row li {
  /* float: left; */
  padding: 10px;
  /* margin-right: 5px; */
}
.row li.label {
  /* width: 158px; */
  font-weight: 700;
} /* avant width:195px */
.row li.value {
  /* width: 369px; */
} /* avant l'image dans la notice width:735px */
.row .auteur {
  width: 148px;
  font-weight: 700;
}
.row .titre {
  width: 298px;
}
.row .titre a {
  color: #444;
}
.row .titre a:hover {
  text-decoration: none;
}
.row .date {
  width: 56px; /*padding:10px 0*/
}
.row .location {
  width: 128px;
}
.row .editor {
  width: 130px;
}
.row .thumbnail {
  padding: 0;
  width: 76px;
  margin-right: 0;
}
.lot_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* display: grid;
  grid-template-columns: repeat(3,1fr); */
  gap: 20px;
}
.lot_grid li {
  max-width: 300px;
}
.lot_grid a {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.return-to-top {
  display: inline-block;
  margin: 32px 0;
}
#contenu_catalogue .row ul {
  overflow: hidden;
}
#contenu_catalogue .row ul:hover {
  background-color: #f1f1f1;
  color: var(--accent-color);
}
#contenu_catalogue .row ul:hover a {
  color: var(--bright-orange);
}

ul.table-mat {
  border-left: 6px solid #ccc;
  padding-left: 1px;
  margin-bottom: 10px;
}
ul.table-mat a,
ul.spl-list a {
  color: #444;
  padding-top: 8px;
}
ul.table-mat li {
  padding-top: 5px;
  padding-bottom: 5px;
}
ul.table-mat a:hover,
ul.spl-list a:hover {
  text-decoration: none;
  color: var(--accent-color);
}
ul.table-mat li ul {
  border-left: 6px solid #fdbfa9;
  padding-left: 1px;
}
ul.table-mat li ul li ul {
  border-left: 6px solid #fed9cc;
  padding-left: 1px;
}
ul.table-mat li ul li ul li ul {
  border-left: 6px solid #fbe9e2;
  padding-left: 1px;
}
ul.table-mat .row-label {
  padding-left: 32px;
  display: block;
}
ul.table-mat .label-niv1 {
  font-weight: 300;
  font-size: 1.25em;
  color: #222;
}
ul.table-mat li ul .row-label {
  padding-left: 35px;
}
ul.table-mat li ul li ul .row-label {
  padding-left: 35px;
}
ul.table-mat .row-label.with-list {
  font-weight: 900;
}
ul.table-mat a {
  text-decoration: none;
}
ul.table-mat a:hover {
  text-decoration: underline;
}
ul.table-mat a:focus {
  text-decoration: underline;
  outline: none;
}

ul.spl-list li {
  padding-bottom: 8px;
}
ul.spl-list .file-infos {
  width: 105px;
  display: inline-block;
  font-size: 0.75em;
}
* + html ul.spl-list .file-infos {
  display: inline;
  zoom: 1;
}
ul.spl-list .file-size {
  padding-left: 10px;
}
ul.spl-list .file-ext {
  background-color: #e30000;
  color: #fff;
  font-weight: 700;
  padding: 2px;
}

/* RECHERCHE */
.search-title {
  position: relative;
  border-bottom: 1px solid #ccc;
}
.search-title span {
  position: absolute;
  top: 5px;
  right: 15px;
  padding-left: 24px;
  background: transparent url(../images/picto_aide.png) no-repeat center left;
  font-weight: 900;
  font-size: 0.8571em;
  line-height: 18px;
}
.recherche-content {
  overflow: hidden; /*padding-top:10px*/
}
.recherche-formulaire {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.recherche-bloc {
  /* float: left; */
  min-width: 0;
  max-width: 600px;
  padding-top: 10px;
}
.recherche-bloc select {
  font-size: 0.857em;
  color: #444444;
  font-family: Lato, sans-serif;
}
.recherche-bloc .bloc-recherche-mots {
  position: relative;
  padding-right: 32px;
}
.recherche-bloc .ligne-mot {
  padding-bottom: 10px;
  display: grid;
  grid-template-columns: 3.4rem 14.5rem 1fr;
  column-gap: 10px;
}
.recherche-bloc .first {
  /* padding-left: 70px; */
  position: relative;
}
/* .recherche-bloc img {
  display: block;
} */
/* .recherche-bloc a { */
.ajouter-champs {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 0;
}
/* .recherche-bloc .ligne-mot select {
  float: left;
}
.recherche-bloc .ligne-mot .ftext {
  float: right;
  margin-right: 0;
} */
.recherche-bloc .first .ftext {
  /* float: none;
  position: absolute;
  bottom: 12px;
  right: 0; */
  align-self: flex-end;
}
.recherche-bloc .first .op-tri {
  /* float: none; */
  grid-column: 2/3;
}
.recherche-bloc .op-logique {
  /* width: 55px;
  margin-right: 15px; */
}
.recherche-bloc .ftext {
  /* width: 280px; */
  color: #444;
  /* padding: 2px 5px;
  margin: 0 10px; */
  min-width: 0;
}
.recherche-bloc .op-tri {
  /* width: 285px; */
}
.recherche-bloc label {
  font-size: 0.9285em;
}

.recherche-facets {
  float: left;
  width: 196px;
  background-color: #f1f1f1;
  padding: 6px 25px;
  font-size: 0.8571em;
}
.recherche-facets a {
  color: #444;
}
.recherche-facets a:hover {
  text-decoration: none;
  color: #f95b22;
}
.recherche-facets h2 {
  font-weight: 300;
  color: #222;
  font-size: 1.3571em;
}
.recherche-facets .bloc-filtre {
  margin-top: 20px;
}
.recherche-facets h3 {
  font-weight: 900;
}
.recherche-facets input {
  display: block;
  width: 15px;
  float: left;
  margin: 0;
}
.recherche-facets label {
  display: block;
  width: 170px;
  padding-left: 5px;
  float: left;
}
.recherche-facets .bloc-filtre div {
  overflow: hidden;
  margin-top: 5px;
}
.recherche-facets .bloc-filtre li span {
  font-weight: 900;
  color: var(--accent-color);
}
.recherche-facets .rappel-filtres li {
  font-weight: 900;
}
.recherche-facets .rappel-filtres li img {
  padding-right: 5px;
}

.recherche-bloc .bloc-recherche-date .ligne {
  margin-bottom: 15px;
  overflow: hidden;
  text-align: right;
}
.recherche-bloc .bloc-recherche-date .radio-label {
  float: left;
  background-color: #eee;
  margin-right: 8px;
  padding: 2px 15px 2px 5px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.recherche-bloc .bloc-recherche-date .champs-date {
  float: left;
  margin-left: 62px;
}
* + html .recherche-bloc .bloc-recherche-date .champs-date {
  display: inline;
  zoom: 1;
}
.recherche-bloc .bloc-recherche-date .ftext {
  width: 40px;
  margin: 0;
}
.recherche-bloc .bloc-recherche-date span {
  padding: 0 10px;
}
.recherche-bloc .bloc-recherche-date {
  margin-top: 25px;
}

.bloc_lancer_recherche {
  text-align: right;
  margin-top: 35px;
}
.recherche-content .sbmt_lancer {
  border: none;
  background-color: #f1f1f1;
  color: var(--accent-color);
  font-weight: 900;
  font-size: 0.8571em;
  padding: 10px 20px;
  cursor: pointer;
  overflow: visible;
}
.recherche-content .reset_btn {
  border: none;
  font-weight: 900;
  font-size: 0.8571em;
  padding-left: 17px;
  background: transparent url(../images/search_picto_x.png) no-repeat center
    left;
  cursor: pointer;
  margin-right: 7px;
  overflow: visible;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* rajout cnum */

.bloc_aide {
  /* float: left; */
  margin-top: 20px;
  /* position: absolute; */
  /* width: 80px; */
  font-size: 1.2em;
  text-transform: uppercase;
}

.cocher_decocher_tout {
  border: none;
}

/* fin rajout cnum */

.recherche-bloc-resultats {
  float: left;
  padding-top: 15px;
  padding-right: 28px;
  width: 706px;
}
.recherche-bloc-resultats h3 {
  font-weight: 300;
  font-size: 1.4285em;
  padding-bottom: 20px;
}
.recherche-content .modifier-recherche {
  padding-right: 22px;
  background: transparent url(../images/loupe-onglet.png) no-repeat center right;
  font-weight: 900;
  font-size: 0.7857em;
}
.recherche-content .rappel-recherche em {
  font-weight: 900;
}
.recherche-content .nombre-resultats {
  font-size: 1.07em;
  padding-bottom: 5px;
}
.recherche-content .rappel-mots {
  font-size: 0.8571em;
  float: left;
  width: 505px;
}
.recherche-content .rappel-mots-content {
  overflow: hidden;
}
.recherche-content .rappel-mots-content .modifier-recherche {
  float: right;
}
.recherche-content .bas-liste-resultats {
  text-align: right;
  margin-top: 15px;
}
.recherche-content .onglets-display {
  margin: 14px 0 28px;
  background-color: #f1f1f1;
  height: 26px;
  text-align: right;
}
.recherche-content .onglets-display ul {
  display: inline-block;
  overflow: hidden;
  text-align: left;
}
* + html .recherche-content .onglets-display ul {
  display: inline;
  zoom: 1;
}
.recherche-content .onglets-display li {
  display: block;
  float: left;
  width: 26px;
  height: 26px;
  margin-left: 1px;
  cursor: pointer;
}
.recherche-content .onglets-display li span {
  display: inline-block;
  text-indent: -9999px;
}

/* .recherche-content #mode-abr{background:transparent url(../images/pictos_display3.png) no-repeat 0 -26px;} */
.recherche-content #mode-lst {
  background: transparent url(../images/pictos_display.png) no-repeat -26px -26px;
}
/* rajout cnum le 2016.04.21 */
.recherche-content #mode_txt_presentation {
  display: block;
  float: left;
  /* width: 248px; */
  width: fit-content;
}
/* fin rajout */
.recherche-content #mode-lst-vign {
  background: transparent url(../images/pictos_display.png) no-repeat -52px -26px;
}
.recherche-content #mode-mosaique {
  background: transparent url(../images/pictos_display.png) no-repeat -78px -26px;
}
.recherche-content #mode-abr.active {
  background: transparent url(../images/pictos_display3.png) no-repeat 0 0;
}
.recherche-content #mode-lst.active {
  background: transparent url(../images/pictos_display.png) no-repeat -26px 0;
}
.recherche-content #mode-lst-vign.active {
  background: transparent url(../images/pictos_display.png) no-repeat -52px 0;
}
.recherche-content #mode-mosaique.active {
  background: transparent url(../images/pictos_display.png) no-repeat -78px 0;
}
.recherche-content .bloc-resultats em {
  font-weight: 900;
} /* ;background-color:#fff7c5 */
.recherche-content .bloc-resultats a {
  color: #444;
}
.recherche-content .bloc-resultats a:hover {
  color: var(--accent-color);
  text-decoration: none;
}
.recherche-content .bloc-resultats li {
  overflow: hidden;
}

/* rajout cnum */
/* #resultats-mode-lst li {padding-bottom:15px} */
#resultats-mode-lst ul .lst_AC_TC {
  padding-top: 30px;
  padding-bottom: 1px;
}
#resultats-mode-lst ul .lst_AC_TC a {
  color: var(--bright-orange);
  font-weight: 900;
} /* #f95b22 #F7855C */
#resultats-mode-lst ul .lst_AC_TC a:hover {
  text-decoration: underline;
}
#resultats-mode-lst ul ul li {
  padding-left: 0px;
  padding-bottom: 1px;
  display: block;
} /* padding-left:20px */
#resultats-mode-lst ul ul ul li {
  padding-top: 0px;
  padding-left: 0px;
  display: block;
  padding-bottom: 4px;
} /* padding-left:45px */
/* rajout cnum */

/* #resultats-mode-lst-vign ul li {padding-bottom:0px} */
#resultats-mode-lst-vign ul .lst-vign_AC_TC {
  padding-top: 30px;
  padding-bottom: 1px;
}
#resultats-mode-lst-vign ul .lst-vign_AC_TC a {
  color: var(--bright-orange);
  font-weight: 900;
}
#resultats-mode-lst-vign ul .lst-vign_AC_TC a:hover {
  text-decoration: underline;
}

#resultats-mode-lst-vign ul ul {
  padding-left: 0px;
  display: block;
} /* padding-left:20px */
/* #resultats-mode-lst-vign ul ul li {padding-bottom:13px} */

#resultats-mode-lst-vign ul ul li a + a {
  padding-left: 137px;
  display: block;
} /* rajout Cnum 2014.09.26 */
#resultats-mode-lst-vign li img {
  float: left;
  border: 1px solid #808080;
}
#resultats-mode-lst-vign li img:hover {
  float: left;
  border: 1px solid var(--bright-orange);
}

#resultats-mode-mosaique .resultats-content-vignette {
  padding-top: 30px;
  padding-bottom: 13px;
}

.recherche-content .bloc-resultats .liste-plus-moins {
  padding-right: 10px;
  cursor: pointer;
}
.recherche-content .bloc-resultats .resultats-vignette {
  float: left;
  border: 1px solid #808080;
} /* old : f95b22 ; new : gris 128*/
.recherche-content .bloc-resultats .resultats-vignette:hover {
  float: left;
  border: 1px solid var(--bright-orange);
}
.recherche-content .bloc-resultats .resultats-content-vignette {
  overflow: hidden;
  margin-bottom: 15px;
}
.recherche-content .occurrence-label {
  font-weight: 900;
}
.recherche-content .occurrence-nb {
  padding-right: 7px;
  font-weight: 900;
}
.recherche-content .resultats-niveau1 {
  margin-bottom: 15px;
}
.recherche-content .resultats-niveau1 li ul li {
  padding-left: 24px;
}
.recherche-content .item-revue {
  background: url(../images/picto-revue2.png) no-repeat -10px -4px;
  display: block;
  padding-left: 24px;
  height: 28px;
  line-height: 28px;
  font-weight: 900;
  padding-right: 9px;
}
.recherche-content .bloc-resultats .abr-ligne {
  display: table;
  margin-bottom: 10px;
}
.recherche-content .bloc-resultats .abr-ligne-content {
  display: table-row;
}
.recherche-content .bloc-resultats .abr-col {
  display: table-cell;
}
* + html .recherche-content .bloc-resultats .abr-col {
  display: inline;
  zoom: 1;
}

/* FEUILLETEUR */
/* g n ral*/
#main-feuilleteur {
  width: 100%;
  min-height: 0; /* so that flex element can't exceed flex container */
  /* max-height: 100vh; */
  /* padding-top: 106px; */
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#main-feuilleteur .fcontent {
  /* height: 88vh; */
  min-height: 0; /* so that flex element can't exceed flex container */
  background: transparent url(../images/feuilleteur_bordure.png) repeat-x;
  position: relative;
  display: flex;
  flex-grow: 1;
}
#main-feuilleteur .fpage {
  text-align: center;
  overflow-x: auto;
  z-index: 100;
  height: 100%;
  width: 100%;
  container-type: size;
  container-name: page-container;
}
.fnav-barre {
  background-color: #fff;
  display: flex;
  align-items: center;
}
.fnav-barre a {
  display: block;
  height: 29px;
  text-indent: -9999px;
}
.fnav-barre span {
  display: block;
  height: 29px;
  text-indent: -9999px;
}
.fnav-barre input[type="text"] {
  display: block;
  height: 27px;
  color: var(--accent-color);
  text-align: center;
  line-height: 27px;
  padding: 0;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.fnav-page-first {
  width: 29px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat 0 0;
}
.fnav-page-first.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat 0 -40px;
}
a.fnav-page-first:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat 0 -120px;
}
.fnav-page-previous {
  width: 29px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -36px 0;
}
.fnav-page-previous.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -36px -40px;
}
a.fnav-page-previous:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -36px -120px;
}
.fnav-page-last {
  width: 29px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -110px
    0;
}
.fnav-page-last.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -110px -40px;
}
a.fnav-page-last:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -110px -120px;
}
.fnav-page-next {
  width: 29px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -73px 0;
}
.fnav-page-next.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -73px -40px;
}
a.fnav-page-next:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -73px -120px;
}
.fnav-ill-previous {
  width: 36px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -145px
    0;
}
.fnav-ill-previous.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -145px -40px;
}
a.fnav-ill-previous:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -145px -120px;
}
.fnav-ill-next {
  width: 36px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -189px
    0;
}
.fnav-ill-next.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -189px -40px;
}
a.fnav-ill-next:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -189px -120px;
}
.fnav-zoom-less {
  width: 18px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -235px
    0;
}
.fnav-zoom-less.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -235px -40px;
}
a.fnav-zoom-less:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -235px -120px;
}
.fnav-zoom-more {
  width: 18px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -263px
    0;
}
.fnav-zoom-more.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -263px -40px;
}
a.fnav-zoom-more:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -263px -120px;
}
.fnav-barre span.fnav-zoom-val {
  text-indent: 0;
  /* width: 40px; */
  text-align: center;
  /* line-height: 29px; */
  color: #666;
  display: flex;
  align-items: center;
}
.fnav-zoom-original {
  width: 23px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -294px
    0;
}
.fnav-zoom-original.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -294px -40px;
}
a.fnav-zoom-original:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -294px -120px;
}
.fnav-zoom-auto {
  width: 23px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -329px
    0;
}
.fnav-zoom-auto.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -329px -40px;
}
a.fnav-zoom-auto:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -329px -120px;
}
.fnav-rotate-left {
  width: 15px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -367px
    0;
}
.fnav-rotate-left.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -367px -40px;
}
a.fnav-rotate-left:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -367px -120px;
}
.fnav-rotate-right {
  width: 15px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -391px
    0;
}
.fnav-rotate-right.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -391px -40px;
}
a.fnav-rotate-right:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -391px -120px;
}
.fnav-double-page {
  width: 25px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -421px
    0;
}
.fnav-double-page.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -421px -40px;
}
.fnav-double-page.active {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -421px -80px;
}
a.fnav-double-page:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -421px -120px;
}
.fnav-print {
  width: 24px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -488px
    0;
}
.fnav-print.inactive {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -488px -40px;
}
a.fnav-print:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -488px -120px;
}
.fnav-nav-to-top {
  width: 18px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -549px
    0;
}
a.fnav-nav-to-top:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -549px -120px;
}
.fnav-nav-to-left {
  width: 19px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -577px
    0;
}
a.fnav-nav-to-left:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -577px -120px;
}
.fnav-nav-to-right {
  width: 19px;
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -521px
    0;
}
a.fnav-nav-to-right:hover {
  background: transparent url(../images/pictos-feuilleteur.png) no-repeat -521px -120px;
}
.fnav-barre-boutons-horizontal {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  flex-wrap: wrap;
}
.fnav-barre-boutons-vertical {
  width: 100%;
  display: block;
  /* padding: 12px 12px 80px 12px; */
  padding: 0.8rem;
}

/* ajout� le 27/04/2026 - hang */
.fnav-change-justify {
  display: flex;
  align-items: center;
}
.fnav-change-justify > * {
  margin: 0 4px;
}
.fnav-change-justify > a.active:hover {
  cursor: default;
}
.fnav-barre-boutons-vertical .fnav-change-justify > a {
  flex-shrink: 0;
}
.fnav-nav-justify-start {
  width: 19px;
  background: transparent no-repeat
    url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23bbbbbb" class="bi bi-align-start" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5"/><path d="M3 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z"/></svg>')
    0 / 100% 100%;
}
a.fnav-nav-justify-start:hover:not(.active) {
  background: transparent no-repeat
    url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-start" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5"/><path d="M3 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z"/></svg>')
    0 / 100% 100%;
}
.fnav-nav-justify-start.active {
  background: transparent no-repeat
    url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23666666" class="bi bi-align-start" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5"/><path d="M3 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z"/></svg>')
    0 / 100% 100%;
}
.fnav-nav-justify-center {
  width: 23px;
  background: transparent no-repeat
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" fill="%23bbbbbb" class="bi bi-align-center" viewBox="0 0 20 16"><path fill-rule="evenodd" d="M1.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5"/><path d="M4 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z"/><path fill-rule="evenodd" d="M18.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5"/></svg>')
    0 / 100% 100%;
}
a.fnav-nav-justify-center:hover:not(.active) {
  background: transparent no-repeat
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" fill="currentColor" class="bi bi-align-center" viewBox="0 0 20 16"><path fill-rule="evenodd" d="M1.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5"/><path d="M4 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z"/><path fill-rule="evenodd" d="M18.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5"/></svg>')
    0 / 100% 100%;
}
.fnav-nav-justify-center.active {
  background: transparent no-repeat
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" fill="%23666666" class="bi bi-align-center" viewBox="0 0 20 16"><path fill-rule="evenodd" d="M1.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5"/><path d="M4 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z"/><path fill-rule="evenodd" d="M18.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5"/></svg>')
    0 / 100% 100%;
}
.fnav-nav-justify-end {
  width: 19px;
  background: transparent no-repeat
    url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23bbbbbb" class="bi bi-align-end" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5"/><path d="M13 7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1z"/></svg>')
    0 / 100% 100%;
}
a.fnav-nav-justify-end:hover:not(.active) {
  background: transparent no-repeat
    url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-end" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5"/><path d="M13 7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1z"/></svg>')
    0 / 100% 100%;
}
.fnav-nav-justify-end.active {
  background: transparent no-repeat
    url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23666666" class="bi bi-align-end" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5"/><path d="M13 7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1z"/></svg>')
    0 / 100% 100%;
}
.fnav-barre.justify-start {
  justify-content: flex-start;
}
.fnav-barre.justify-center {
  justify-content: center;
}
.fnav-barre.justify-end {
  justify-content: flex-end;
}

/* barre en haut */
.fnav-barre.nav-haut {
  border-top: 1px solid #ddd;
  /* overflow: hidden; */
  width: 100%;
  /* position: fixed; */
  /* z-index: 1000; */
    z-index: 5;
}
.fnav-barre.nav-haut a,
.fnav-barre.nav-haut span {
  /* float: left; */
}
.fnav-barre.nav-haut input[type="text"] {
  float: left;
  margin: 0 9px 0 0;
}
.fnav-barre.nav-haut .fnav-page-first,
.fnav-barre.nav-haut .fnav-page-previous,
.fnav-barre.nav-haut .fnav-page-last,
.fnav-barre.nav-haut .fnav-page-next {
  margin-right: 9px;
}
.fnav-barre.nav-haut .fnav-ill-previous {
  margin-left: 4px;
  margin-right: 9px;
}
.fnav-barre.nav-haut .fnav-ill-next {
  margin-right: 27px;
}
.fnav-barre.nav-haut .fnav-zoom-val {
  margin: 0 9px;
}
.fnav-barre.nav-haut .fnav-zoom-more {
  margin-right: 17px;
}
.fnav-barre.nav-haut .fnav-zoom-original {
  margin-right: 12px;
}
.fnav-barre.nav-haut .fnav-zoom-auto {
  margin-right: 15px;
}
.fnav-barre.nav-haut .fnav-rotate-left {
  margin-right: 9px;
}
.fnav-barre.nav-haut .fnav-rotate-right {
  margin-right: 15px;
}
.fnav-barre.nav-haut .fnav-double-page {
  margin-right: 20px;
}
/* .fnav-barre.nav-haut .fnav-change-pos{position:absolute;top:5px;left:610px;} */ /*float:right*/ /* right:62px; rajout cnum 2014.07.16 : d sactivation */
.fnav-barre.nav-haut .fnav-change-pos {
  display: flex;
  align-items: center;
}
.fnav-barre.nav-haut .fnav-nav-to-left {
  margin-left: 10px;
  margin-right: 4px;
} /* rajout cnum 2014.07.16 : margin-left:10px; */
.fnav-barre.nav-haut .fnav-nav-to-right {
  margin-right: 12px;
}
.fcontent.nav-haut {
  /* margin-top: 52px; */
  /* max-height: 83vh; */
}
/* .fcontent.nav-haut .fpage {
  padding-left: 35px;
}
.fcontent.open.nav-haut .fpage {
  padding-left: 450px;
} */

/* barre en droite ou   gauche */
/* .fnav-barre.nav-lateral{width:57px;text-align:center;position:absolute;top:15px;z-index:500;height:100%} */
/* rajout cnum 2014.07.16 */
.fnav-barre.nav-lateral {
  width: 57px;
  text-align: center;
  /* position: fixed; */
  /* top: 100px; */
  z-index: 500;
  /* height: 90%; */
}
/* */
.fnav-barre.nav-droite {
  right: 0;
}
.fnav-barre.nav-gauche {
  left: 0;
}
.fnav-barre.nav-lateral span,
.fnav-barre.nav-lateral a,
.fnav-barre.nav-lateral input[type="text"] {
  display: inline-block;
}
* + html .fnav-barre.nav-lateral span,
* + html .fnav-barre.nav-lateral a,
* + html .fnav-barre.nav-lateral input[type="text"] {
  display: inline;
  zoom: 1;
}
.fnav-barre.nav-lateral .fnav-page-first,
.fnav-barre.nav-lateral .fnav-page-previous,
.fnav-barre.nav-lateral .fnav-page-last,
.fnav-barre.nav-lateral .fnav-page-next,
.fnav-barre.nav-lateral input[type="text"] {
  margin-bottom: 8px;
}
.fnav-barre.nav-lateral .fnav-ill-previous {
  margin-right: 7px;
  margin-bottom: 8px;
}
.fnav-barre.nav-lateral .fnav-ill-next {
  margin-left: 7px;
  margin-bottom: 8px;
}
.fnav-barre.nav-lateral .fnav-zoom-less {
  margin: 0 10px;
}
.fnav-barre.nav-lateral .fnav-zoom-more {
  margin: 0 10px;
}
.fnav-barre.nav-lateral .fnav-zoom-original {
  margin: 0 10px 2px;
}
.fnav-barre.nav-lateral .fnav-rotate-left,
.fnav-barre.nav-lateral .fnav-rotate-right {
  margin: 0 10px;
}
.fnav-barre.nav-lateral .fnav-double-page {
  margin: 0 10px 2px;
}
.fnav-barre.nav-lateral .fnav-print {
  margin: 0 10px 10px;
} /* {margin:0 10px 80px} */
.fnav-barre.nav-lateral .fnav-nav-to-right,
.fnav-barre.nav-lateral .fnav-nav-to-left {
  margin: 0 10px;
}
/* .fcontent.nav-droite .fnav-barre {
  float: right;
}
.fcontent.nav-droite .fpage {
  padding-right: 57px;
}
.fcontent.nav-droite .fpage {
  padding-left: 35px;
}
.fcontent.open.nav-droite .fpage {
  padding-left: 450px;
}
.fcontent.nav-gauche .fnav-barre {
  float: left;
} */
/* .fcontent.nav-gauche .fpage {
  padding-left: 92px;
}
.fcontent.open.nav-gauche .fpage {
  padding-left: 507px;
} */
.fnav-barre.nav-lateral {
  flex-direction: column;
}
.fnav-barre.nav-lateral .fnav-change-justify {
  transform: rotate(90deg) translateX(50%);
}

/* menu */
#main-feuilleteur .fmenu-wrap {
  position: relative;
  top: 0;
  left: 0;
  background-color: #313131;
  /* height: 100%; */
  overflow-y: auto;
  z-index: 500;
  display: flex;
}
#main-feuilleteur .fmenu {
  padding: 28px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
/* #main-feuilleteur .fcontent.nav-gauche .fmenu-wrap {
  left: 57px;
} */
#main-feuilleteur .fcontent.open .fmenu-wrap {
  min-width: 520px;
  max-width: 520px;
}
#main-feuilleteur .fmenu-close {
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  border: none;
  padding: 4px;
}
.fmenu-open {
  background: none;
  border: none;
  color: #cccccc;
  writing-mode: vertical-rl;
  transform:scale(-1);
  /* text-orientation: sideways; */
  /* translate: 0 100%; */
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.1rem;
  padding: 2rem 8px;
  text-align: right;
}
.fmenu-open::after {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 45%;
  rotate: 45deg;
  border: solid #cccccc;
  border-width: 0 0 0.2rem 0.2rem;
  display: inline-block;
  padding: 0.2rem;
  /* margin-right: 0.4em; */
}
.fmenu-close img {
  width: 20px;
}
.content-fmenu {
  overflow-y: auto;
  flex-grow: 1;
}
#content-fmenu-vign {
  overflow: hidden;
}
#content-fmenu-ill {
  background-color: #fff;
  padding: 5px;
}
#content-fmenu-tdm {
  background-color: #fff;
  padding: 5px;
}
#content-fmenu-vign-page-titre-chapeau {
  background-color: #fff;
  padding: 5px;
}
#content-fmenu-txt-ocr {
  background-color: #fff;
  padding: 5px;
}
#content-fmenu-txt-rech {
  background-color: #fff;
  padding: 5px;
}

#fmenu-vign {
  /* width: 77px; */
  border-left: none;
}
#fmenu-ill {
  /* width: 100px; */
}
#fmenu-tdm {
  /* width: 76px; */
}
#fmenu-vign-page-titre-chapeau {
  /* width: 77px; */
  border-right: none;
}
#fmenu-txt-rech {
  flex-grow: 1;
}
#fmenu-txt-ocr {
  /* width: 37px; */
  border-right: none;
}
.fmenu-onglets-wrap {
  /* display: table; */
  /* border: border-collapse; */
  margin-bottom: 10px;
}
.fmenu-onglets {
  /* font-size: 0.75em;
  font-weight: 900; */
  /* display: table-row; */
  /* line-height: 1.33em; */
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
}
.fmenu-onglet {
  line-height: 1.33em;
  font-size: 0.75em;
  font-weight: 900;
  color: black;
  /* display: table-cell; */
  text-align: center;
  vertical-align: middle;
  /* border: 4px solid #313131; */
  /* border-top: none;
  border-bottom: none; */
  border: none;
  background: white url(../images/fmenu-no-fl.png) repeat-x bottom left;
  padding-bottom: 9px;
  width: min-content;
  text-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fmenu-onglet:focus-visible {
  outline: solid 1px white;
  outline-offset: 2px;
}
.fmenu-onglet span {
  display: block;
  padding: 4px;
  cursor: pointer;
}
.fmenu-onglet.active {
  color: #222;
  background: #fff url(../images/fmenu-fl.png) repeat-x bottom center;
}
* + html .fmenu-onglet {
  display: inline;
  zoom: 1;
}
.fmenu-close,
.fmenu-open {
  cursor: pointer;
}
.fmenu-close:focus-visible {
  outline: white 1px solid;
  outline-offset: 2px;
}
.fmenu-open:focus-visible {
  text-decoration: underline;
}

/* visionneuse */
.fpage .page-container {
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}
.page-copyright {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: white;
  padding: 8px;
  border-top-left-radius: 8px;
}

#content-fmenu-txt-rech #mot_cat1 {
  width: 98%;
}

/*********/
/* A PROPOS ET AUTRE ARTICLES*/
.article {
  /* padding-top: 105px;
  padding-bottom: 30px; */
}
.article h2 {
  margin: 12px 0;
}
.article p {
  padding-bottom: 12px;
}
.article ul {
  margin-bottom: 20px;
}
.article ul li {
  margin-left: 20px;
  padding-left: 18px;
  background: transparent url(../images/liste_puce.png) no-repeat 0 2px;
  padding-bottom: 4px;
}
.article ol li {
  margin: 12px 0;
}

/* rajout jpc 2022.10.28 - insertion de la page de titre dans la notice */
.notice_gauche_page_titre {
  /* position: absolute; */
  /* width: 369px;
  height: 597px; */
  /* left: 2px; */
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  /* aspect-ratio: 1/1.618; */
}

.notice_gauche_paysage_page_titre {
  /* position: absolute;
  width: 369px;
  height: 228px;
  left: 2px; */
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  /* aspect-ratio: 1.618/1; */
}

.notice_droite {
  /* position: relative;
  margin-left: 385px; */
  /* flex-grow: 1; */
}

/* .notice_droite_paysage{
position:relative;
margin-left:440px;
} */

hr.vertical_haut {
  border-bottom: 0px;
  border-top: 1px solid var(--accent-color);
  border-left: 1px solid var(--accent-color);
  border-right: 1px solid var(--accent-color);
  height: 8px;
}
hr.vertical_haut:after {
  content: "";
  display: static;
  position: relative;
  top: -12px;
  left: 40px;
  padding: 0 3px;

  font-size: 18px;
}

hr.vertical_bas {
  border-top: 0px;
  border-bottom: 1px solid var(--accent-color);
  border-left: 1px solid var(--accent-color);
  border-right: 1px solid var(--accent-color);
  height: 8px;
}
hr.vertical_bas:after {
  content: "";
  display: static;
  position: relative;
  top: -12px;
  left: 40px;
  padding: 0 3px;

  color: #8c8b8b;
  font-size: 18px;
}

hr.vertical_haut_bas {
  border-bottom: 0px solid var(--accent-color);
  border-left: 1px solid var(--accent-color);
  border-right: 1px solid var(--accent-color);
  height: 8px;
}
hr.vertical_haut_bas:after {
  content: "";
  display: static;
  position: relative;
  top: -12px;
  left: 40px;
  padding: 0 3px;

  color: #8c8b8b;
  font-size: 18px;
}

/* style-seven   mettre en commentaire */
hr.style-seven {
  overflow: visible; /* For IE */
  height: 30px;
  border-style: solid;
  border-color: var(--accent-color);
  border-width: 1px 0 0 0;
  border-radius: 10px;
}
hr.style-seven:before {
  /* Not really supposed to work, but does */
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: var(--light-orange);
  border-width: 0 0 1px 0;
  border-radius: 10px;
}

/* style18   mettre en commentaire */
hr.style18 {
  overflow: visible; /* For IE */
  height: 30px;
  border-style: solid;
  border-color: var(--light-orange);
  border-width: 1px 0 0 0;
  border-radius: 20px;
}
hr.style18:before {
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: var(--light-orange);
  border-width: 0 0 1px 0;
  border-radius: 20px;
}

hr.sep-3 {
  border: none;
  height: 1px;
  /* background-image: linear-gradient(to right, #f0f0f0, #8f8f8f, #f0f0f0); */
  background-image: linear-gradient(to right, #f0f0f0, #fa7c4e, #f0f0f0);
}
hr.sep-3:after {
  content: ""; /*   section sign */
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: 50% 50%;
  padding: 1rem;
  /* background-color: white; */
  color: var(--light-orange);
}

/* fin rajout 2022.10.28 */

.feuilleteur_img_fit {
  max-width: 96%;
  height: auto;
}

.fit-portrait, .fit-landscape {
	height: 100%;
	width: auto;
}

.nav-full {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  align-items: center;
}

/* NEW CATA GRID */
#column_up2_mono .simple:has(.auteur) li {
  margin: 0;
  width: auto;
  min-width: 0;
}
#column_up2_mono .simple:has(.auteur) {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr 77px;
  column-gap: 8px;
}
#column_up2_mono .simple:has(.date:last-child) {
  grid-template-columns: 2fr 4fr 1fr min-content min-content 77px;
}
#contenu_catalogue .list .row ul {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr 77px;
  column-gap: 8px;
}
#contenu_catalogue .list .row ul:has(.location:empty) {
  grid-template-columns: 2fr 4fr 1fr min-content min-content 77px;
}
#contenu_catalogue .list .row ul li {
  width: auto;
  min-width: 0;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 0;
}


/* NEW RESPONSIVE NOTICE */
.simple.notice {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
}
.gmono.list:has(.notice_droite), .pmono.list:has(.notice_droite) {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.gmono.list li:has(.notice_droite), .pmono.list li:has(.notice_droite) {
  flex-grow: 1;
  min-width: 0;
}
.gmono.list ul:not(.notice_droite), .pmono.list ul:not(.notice_droite) {
  display: grid;
  grid-template-columns: 0.75fr 2fr;
}
.notice_gauche_page_titre {
  height: 100%;
}
.notice_gauche_paysage_page_titre {
  height: fit-content;
}

/* RESPONSIVE */
/* width breakpoints  */
@media (width > 1600px) {
  :root {
    --margins: 600px;
  }
  .recherche-bloc {
    max-width: 720px;
  }
  .themes_grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (width < 1280px) {
  :root {
    --margins: 160px;
  }
  .themes_grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width < 1280px) or (width < 75rem) {
    #topbar-image {
    background: none;
  }
}

@media (width < 1024px) {
  :root {
    --margins: 100px;
  }
  #main-feuilleteur .fcontent {
    display: grid;
    grid-template-columns: min-content 1fr 1fr;
  }
  #main-feuilleteur .fcontent .fmenu-wrap {
    min-width: auto;
    grid-area: 1 / 1 / 2 / 1;
    min-height: 0;
  }
  #main-feuilleteur .fcontent.open .fmenu-wrap {
    min-width: auto;
	  /* position: absolute; */
    grid-area: 1 / 1 / 2 / 4;
    min-height: 0;
  }
  #main-feuilleteur .fcontent .fpage {
    grid-area: 1 / 2 / 2 / 4;
  }
  #main-feuilleteur .fcontent.nav-gauche.open .fmenu-wrap {
    left: 3.5rem;
  }
  #topbar-image {
    background: none;
  }
  .home #topbar h1 {
    line-height: normal;
  }
  .themes_grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .feuilleteur #nav-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .feuilleteur #logo {
    /* margin: 0; */
  }
  .feuilleteur #search-box {
    /* margin: 0; */
  }
  .feuilleteur #nav-content .tools {
    /* margin-right: 0; */
  }
  .feuilleteur #navigation a {
    /* margin-right: 0; */
  }
}
@media (width < 1024px) or (width < 64rem) {
  .nav-full {
	display: none;
  }
   .nav-short {
	display: flex;
	width: 100%;
  margin: 8px 0;
   }
  #nav-burger {
	display: block;
	width: 2rem;
	height: 2rem;
	padding: 8px;
	border: none;
	box-shadow: none;
	background-color: #f1f1f1;
	margin-left: auto;
	z-index: 10;
  }
  .nav-burger-open {
	background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/></svg>');
  background-size: cover;
  }
  .nav-burger-close {
	background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/></svg>');
  background-size: cover;  
  }
  #nav-burger-content a {
	margin-top: 12px;
  }
  #nav-burger-content.show {
	width: 100%;
	background-color: #f1f1f1;
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	left: 0;
  margin-top: 32px;
  z-index: 1;
  padding-bottom: 12px;
}
  #nav-burger-content .navigation {
	flex-direction: column;
	margin-bottom: 12px;
	align-items: center;
  }
  #nav-burger-content .search-box {
	margin-right: 0;
	flex-direction: column;
  }
}
@media (width < 840px) {
  :root {
    --margins: 80px;
  }
  #search-box > a {
	display: none;
  }

  .homepage_columns {
    flex-wrap: wrap;
  }

  .themes_grid {
    /* display: grid; */
    grid-template-columns: 1fr 1fr 1fr;
  }

  .fcontent.nav-haut {
	max-height: 100vh;
  }

  .fnav-barre.nav-haut .fnav-ill-next {
    margin-right: 20px; 
  }

  .gmono.list:has(.notice_droite), .pmono.list:has(.notice_droite) {
    flex-wrap: wrap;
  }
  .revue {
    flex-wrap: wrap;
  }

}

@media (width < 840px) or (width < 52.5rem) {
  .homepage_columns {
    flex-wrap: wrap;
  }
  .gmono.list:has(.notice_droite), .pmono.list:has(.notice_droite) {
    flex-wrap: wrap;
  }
  .revue {
    flex-wrap: wrap;
  }
}

@media (width < 620px) {
  :root {
    --margins: 40px;
  }
  .themes_grid {
    /* display: grid; */
    grid-template-columns: 1fr 1fr;
  }
  .footer-content-grid {
    flex-wrap: wrap;
  }
  
  #main-feuilleteur .fcontent.open .fmenu-wrap {
	  width: 100%;
  }
  #main-feuilleteur .fcontent.nav-gauche.open .fmenu-wrap {
    width: calc(100% - 57px);
  }

  .fnav-barre.nav-haut span.fnav-zoom-val, 
  a.fnav-zoom-less, 
  a.fnav-zoom-more,
  a.fnav-zoom-original, 
  a.fnav-zoom-auto,
  span.fnav-zoom-original, 
  span.fnav-zoom-auto,
  a.fnav-rotate-left,
  a.fnav-rotate-right,
  .fnav-barre.nav-haut div.fnav-change-pos {
	display: none;
  }
  #contenu_catalogue .thumbnail {
    display: none;
  }
  #column_up2_mono .simple:has(.auteur) {
    grid-template-columns: 2fr 2fr 1fr 1.5fr 1fr;
    column-gap: 4px;
  }
  #contenu_catalogue .list .row ul {
    grid-template-columns: 2fr 2fr 1fr 1.5fr 1fr;
    column-gap: 4px;
  }
  #contenu_catalogue .list .row ul:has(.location:empty) .thumbnail {
    display: block;
  }
}

@media (width < 36rem) {
  .home .conservatoire {
    position: static;
  }
}

@media (width < 440px) {
  :root {
    --margins: 16px;
  }
  .themes_grid {
    /* display: flex; */
    grid-template-columns: 1fr;
  }
  .image_thematique {
    float: none;
  }
  #logo {
    margin: 0;
  }
  #nav-content:has(#logo) #nav-burger {
    margin-right: 0;
  }
  .recherche-bloc .bloc-recherche-mots {
    padding-bottom: 32px;
    padding-right: 0;
  }
  .recherche-bloc .ligne-mot.first {
    grid-template-columns: 14rem 1fr;
    gap: 4px;
    padding-bottom: 12px;
    .op-tri {
      grid-column: 1/1;
    }
  }
  .recherche-bloc .ligne-mot:not(.first) {
    grid-template-columns: 14rem 1fr;
    gap: 4px;
    padding-bottom: 12px;
    .op-tri {
      grid-row-start: 2;
    }
    .ftext {
      grid-row-start: 2;
    }
  }
  .ajouter-champs {
    left: 0;
    bottom: 8px;
  }

}


/* aspect-ratio breakpoints  */
@container page-container (max-aspect-ratio: 15/10) { /* w/h <= 1.4  */
  img#page-image.fit-landscape { /* img 1.6 >= w/h > 1  */
	width: 100%;
	height: auto;
  }
}

@container page-container (max-aspect-ratio: 75/100) { /* w/h <= 0.7  */
  img#page-image.fit-portrait { /* img 1 >= w/h >= 0.6  */
	width: 100%;
	height: auto;
  }
}