@charset "utf-8";
/* +--------------------------------------------------------------------------+
// 2013 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: lodev.css,v 1.13 2017-04-06 09:13:10 wlair Exp $ */
/*------------------------------------------------------------------------------------------*/
/* ========================================================================
   Component: Base
 ==========================================================================  */



/* ========================================================================
   Font
 ==========================================================================  */
 @font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-Bold.eot');
    src: url('fonts/FiraSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/FiraSans-Bold.woff2') format('woff2'),
        url('fonts/FiraSans-Bold.woff') format('woff'),
        url('fonts/FiraSans-Bold.ttf') format('truetype'),
        url('fonts/FiraSans-Bold.svg#FiraSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-SemiBold.eot');
    src: url('fonts/FiraSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/FiraSans-SemiBold.woff2') format('woff2'),
        url('fonts/FiraSans-SemiBold.woff') format('woff'),
        url('fonts/FiraSans-SemiBold.ttf') format('truetype'),
        url('fonts/FiraSans-SemiBold.svg#FiraSans-SemiBold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-Regular.eot');
    src: url('fonts/FiraSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/FiraSans-Regular.woff2') format('woff2'),
        url('fonts/FiraSans-Regular.woff') format('woff'),
        url('fonts/FiraSans-Regular.ttf') format('truetype'),
        url('fonts/FiraSans-Regular.svg#FiraSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open sans';
    src: url('fonts/OpenSans/OpenSans-Medium.eot');
    src: url('fonts/OpenSans/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans/OpenSans-Medium.woff2') format('woff2'),
        url('fonts/OpenSans/OpenSans-Medium.woff') format('woff'),
        url('fonts/OpenSans/OpenSans-Medium.ttf') format('truetype'),
        url('fonts/OpenSans/OpenSans-Medium.svg#OpenSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Definition des variables */

:root {
    --font-primary: 'Fira Sans', Helvetica, sans-serif;
    --font-secondary: 'Open Sans',Arial, Helvetica, sans-serif;
    --color-white: #fff;
    --color-black: #321C1C;
    --color-primary: #0152A0;
    --color-secondary: #009BB7;
    --color-thirdly: #00976A;
    --color-fourthly: #F8AE37;
    --color-fifthly: #C50038;
    --color-sixthly: #9A8861;
    --ft-body: 1em;
    --font-link: normal normal normal 1.071em/19px var(--font-secondary); /* 15px */
    --font-subtitle: normal normal 600 1.571em/34px var(--font-secondary); /* 22px */
    --font-btn: normal normal 600 1.071em/34px var(--font-secondary); /* 15px */
    --font-title: normal normal bold 2.143em/32px var(--font-primary); /* 32 px */
    --hover-brightness : 120%;
    --hover-transition : 0.3s;
}

html {
    overflow-x: hidden;
}

body#pmbopac {
    background: var(--color-white) no-repeat top center;
    font-family: var(--font-secondary);
    color: var(--color-black);
    line-height: 1.5;
    font-size: 1.6em;
    font-weight: 400;
    overflow: hidden;
}

#container {
    width: 100%;
}

#pmbopac h1,
#titrePortail .pmb_sous_titre {
    font-family: var(--font-primary);
    color: var(--color-white);
    font-size: 2.25em;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 8px;
  }

#pmbopac h2 {
    font-family: var(--font-primary);
    font-size: 2.5em;
    color: var(--color-primary);
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 20px;
  }

#pmbopac h3 {
    font-family: var(--font-primary);
    font-size: 1.65em;
    font-weight: bold;
    color: var(--color-primary);
    line-height: 1.2;
    margin-bottom: 4px;
}

#main.not-home h3 {
    margin-bottom: 8px;
}

#pmbopac h4 {
  font-family: var(--font-secondary);
  text-decoration: none;
  font-weight: 600;
  color: var(--color-black);
  font-size: 1em;
  line-height: 1.2;
  margin-bottom: 4px;
}

#main.not-home  h2 {
    margin-bottom: 8px;
    font-size: 2em;
  }

.pmb_link_primary {
    font-family: var(--font-primary);
    font-size: 1em;
    color: var(--color-secondary);
    line-height: 1.2;
    text-transform: uppercase; 
    font-weight: 500;  
    position: relative;
    transition: .2s ease-in-out;
    margin-top: 8px;
    display: inline-block;
}

.pmb_link_primary::after {
   content: url(images/arrow_see_more.png);
   position: absolute;
   right: -16px;
   top: 1.4px;
   transition: .2s ease-in-out;
}

.pmb_link_primary:hover::after {
    right: -18px;
    transition: .2s ease-in-out;
}

.pmb_link_primary:hover {
    color: var(--color-secondary)!important;
    padding-left: 4px;
    letter-spacing: 0.5px;
}

#intro_bibli,
#adresse,
#accueil,
#footer_link_sup,
#footer_link_pmb {
    display: none!important;
}

#main,
#main.not-home,
.pmb_container,
#bandeau_2 {
    position: relative;
    border: none;
    box-shadow: none;
    padding: 0 8.334%;
}

#bandeau {
    padding-right: 8.33%!important;
}

/* #main, */
#main.not-home {
    margin-top: 44px!important;
}

/* #main.uk-width-large-3-4.uk-width-medium-2-3 {
    max-width: 1040px;
    margin-left: auto;
    margin-right: 65px;
    padding: 0;
} */

#bandeau.uk-width-large-1-4.uk-width-medium-1-3 {
    max-width: 500px!important;
    margin-top: 62px!important;
}

#intro {
	position: relative;
	width: 100%;
    padding: 0 8.334%;
}

#bandeau_2 {
  display: flex;
  justify-content: end;
  align-items: center;
  background-color: var(--color-white);
  width: 100%;
  color: var(--color-white);
  position: relative;
  padding: 8px 8.334%;
}

a, a:hover {
    color: inherit;
}

div[id^="cms_module"]:empty,
div:empty:not('clear'){
    display:none;
}

/* Class ajouté par js : dynamic_column.js */
#pmbopac .pmb_w_1_1 {
    width: 100%;
}

/* ========================================================================
  logo Site
 ==========================================================================  */
#logo a {
    display: block;
}

/* ========================================================================
  Titre Site h1
 ==========================================================================  */
.lienHistorique
#titrePortail {
    float: none;
    max-height: 100%;
    border-bottom-width: 0;
    border-right-width: 0;
    position: relative;
    z-index: 5;
    overflow: hidden;
    align-items: center;
}

#titrePortail h1>span {
    display: block;
}

#titrePortail h1 a {
    text-decoration: none;
}

#titrePortail h1 a {
    display: block;
    height: inherit;
}

#Introbandeau {
    height: 174px;
    z-index: 0;
}

#Introbandeau img {
    height: 174px;
}

#titrePortail #logo img{
    min-height: 142px;
}

/* ========================================================================
  Titre elements
 ==========================================================================  */

#account h4 {
    border: none;
    margin: 15px 0 10px 0;
    position: relative;
    padding: 0px 25px 10px;
    border-bottom: 1px dotted #AAAAAA;
}

#account h4:before {
    font-family: specificIcons;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    speak: none;
    content: '\e001';
}

#rechercheForm>h3,
#make_sugg h3 {
    padding: 10px;
}

#search_result>h3 {
    padding: 1% 0;
    margin-bottom: 11px;
    font-weight: 300;
}

#resultatrech>h3,
#resultatrechBis>h3 {
    margin: 15px 0px 5px;
}

#resultatrech>h3:first-child {
  font: var(--font-subtitle);
}

#resultatrech_see h3 span {
  font-size: 1em;
}

.mediaWidget {
    text-align: center;
}

/* ========================================================================
  Article sur le même sujet
 ==========================================================================  */

.listeSameArticle a{
    text-decoration: none;
}

#facette h3,
#lvl1 h3 {
    text-transform: lowercase;
    vertical-align: middle;
}

#facette h3:first-letter,
#lvl1 h3:first-letter {
    text-transform: uppercase;
}

frame[name="term_search"] {
    color: #fff;
}

/* ========================================================================
  Quick acces
 ==========================================================================  */
.searchFind {
    border: solid 1px #dedede;
    box-shadow: 0 10px 15px rgba(0,0,0,.03);
    background-color: #fff;
}

.item-searchFind {
    padding: 10px 30px 30px 30px;
}

.logo-searchFind {
    max-height: 200px;
    overflow-y: hidden;
    border: solid 3px #71ad45;
    border-radius: 8px;
    margin-bottom: 13px;
}

.logo-searchFind img {
    width: 100%;
}

.searchFind>h3 {
    text-transform: uppercase;
    background: #71ad45;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 14px;
    width: 235px;
    position: relative;
    margin-left: 11px;
    margin-top: -7px;
}

.searchFind>h3:after {
    display: block;
    height: 30px;
}

.wl-enrichment {
    padding: 6px 0;
    padding-left: 30px;
    margin: 0;
}

.liens-searchFind>li:nth-child(2) .wl-enrichment {
    border-top: solid 0px #d4d4d5;
}

.liens-searchFind>li+li .wl-enrichment {
    border-top: solid 1px #d4d4d5;
}

/* ========================================================================
   Watch ans share
 ==========================================================================  */
.document_list{
    margin-bottom:20px;
}
.listVeille{
    text-align:center;
}
.itemVeille a:hover {text-decoration:none;}
.itemVeille a:hover h3{
    text-decoration:none;
    color:inherit;
}
.itemVeille>a{
    display:block;
}
.itemVeille h3 {
    margin: 10px 0px 10px;
    font-family: 'Fjalla One', Arial, Helvetica, sans-serif!important;
    font-weight: 400;
}
.wk-list-link h3{
    overflow:hidden;
    font-weight: 600;
}
.wk-list-link h3:before{
    border-color: #679d3f;
}
.wk-panel-link-box {
    text-align: center;
}
.wk-panel-link-box img{
    text-align: center;
    max-width: 100%;
}
.uk-thumbnav-caption {
    background: var(--bg-color-primary-lighter);
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    padding: 5px;
}
.uk-thumbnav-caption:empty{
    display:none;
}
.uk-thumbnav .wk-thumbnav-panel{
    padding:0px;
    margin-left:20px;
}
.document_list .uk-thumbnav{
    margin-left:-20px;
}
/* ========================================================================
  Flux rss
 ==========================================================================  */
.wl-flux-RSS{
    padding-top:10px;
}
.wl-flux-RSS .uk-article-title{
    font-size: 1em;
}
.wl-flux-RSS .uk-article-meta{
    border-bottom: solid 1px #e1e1e1;
    padding-bottom: 10px;
}
.wl-flux-RSS li{
    padding: 10px 0;
}
.wl-flux-RSS .uk-list-space > li:nth-child(1n+5){
    padding-top: 15px;
}
/* .wl-flux-RSS .uk-article-lead{
} */
.wl-flux-RSS .uk-article-lead a{
    text-decoration:none;
}
/* infos pratiques
-------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

.infosBandeau {
    border-radius: 0px;
    background-color: transparent;
    border: 0px solid #ccc;
    margin-top: 15px;
    text-align: center;
    border: solid 1px rgba(0, 0, 0, 0.15);
}

#bandeau .infosBandeau li {
    list-style-type: disc;
    margin: 10px 20px;
}

.infosBandeau .itemAbrege {
    padding: 15px 20px;
    background-color: #f2f2f2;
    text-align: left;
    margin-bottom: 15px;
}

.infosBandeau .resume a {
    text-decoration: underline;
}
/*liens utiles (bandeau)
-------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

.itemAbrege p.lirePlus a {
    text-decoration: none;
    text-align: right;
    padding: 10px 0px 0px;
    color: #63635D;
    display: block;
}

.itemAbrege p.lirePlus a:hover,
.itemAbrege p.lirePlus a:hover:after,
.liensExtrn li a:hover,
.liensExtrn li a:hover:after {
    text-shadow: 0px 0px 0px;
}

.itemAbrege p.lirePlus a:after,
.noticesEtagere>a:after,
.liensExtrn li a:after,
.brevesBandeau .lirePlus:after {
    font-family: "FontAwesome";
    content: "\f08e";
    margin-left: 0px;
    text-align: right;
    text-decoration: none!important;
}

.infosBandeau .itemAbrege h3 {
    color: #111;
    font-weight: 600;
}

.infosBandeau .itemAbrege:last-child {
    border-radius: 0px;
}

.liensExtrn li {
    text-align: left;
    width: 80%;
    border-radius: 4px;
    padding: 2px 2px 2px 10px;
    margin-bottom: 5px;
}

.liensExtrn li a {
    text-decoration: none;
    margin-top: 0px;
    display: inline-block;
    color: #68b5bf;
}
/*Info importante
-------------------------------------------------------------------------
--------------------------------------------------------------------------
---------------------------------------------------------------------------*/

.contenuEditorial {
    border: solid 1px #C2C2C2;
}



/* Cookies
-------------------------------------------------------------------------
--------------------------------------------------------------------------
---------------------------------------------------------------------------*/

#script_analytics_content {
    text-align: center;
    padding: 10px;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.74);
    position: fixed;
    bottom: 0;
    z-index: 5000;
    width: 100%;
    color: white!important;
    font-weight: 600;
}

#script_analytics_content button {
    cursor: pointer;
    padding: 5px;
    text-decoration: none !important;
    color: #fff;
    border: none;
}

#script_analytics_content #accept-button {
    background: #0c6f0c;
}

#opposite-button {
    background: #f02a07d6;
}

#script_analytics_content button+button {
    margin-left: 10px;
}
/*Rubrique / sous_rubriques de la rubrique
-------------------------------------------------------------------------
--------------------------------------------------------------------------
---------------------------------------------------------------------------*/

.listRubs,
.listEtageres,
.SameNot {
    border-top: solid 1px #fff;
    position: relative;
    padding-bottom: 10px;
    max-width: 100%;
    margin: -1px auto 0;
    overflow: hidden;
}

.listRubs .Rub:nth-child(even) .infosRub {
    box-shadow: 0px 0px 0px 1px rgba(212, 228, 220, 0.0);
}

.listRubs img {
    margin-left: 0px;
}


.listRubs h2 {
    margin-bottom: 20px;
}

.Rub .lirePlus {
    margin: 5px;
    text-align: right;
}

.Rub .infosRub .imgM,
.itemReduit .imgS {
    display: block;
    border: solid 0px #111111;
    margin: 0px 0px 0px 0px;
}

.Rub .infosRub .imgM a {
    display: block;
    position: relative;
}

.Rub .infosRub .imgM img,
.itemReduit .imgS img {
    background-color: #fff;
    margin: 0px;
    border: solid 1px #D3D3D3;
    padding: 5px;
}

.listRubs .Rub .infosRub:hover .imgM {
    position: relative;
}

.listRubs .Rub .infosRub .imgM:before {
    opacity: 0;
}

.Rub .lirePlus a {
    display: inline-block;
    margin: 0px;
}

.rubContent>h3:after {
    display: block;
}

.listArticlesGen .itemAbrege h3 a,
.listeSameArticle .itemAbrege h3 a,
.listItemsEvent .itemAbrege h3 a,
.listResultArticles .itemAbrege h3 a,
.listRubs h3 a {
    color: #DDF2F9;
}

.listRubs .Rub a {
    text-decoration: none;
    position: relative;
}


.listArticlesGen .itemAbrege h3 a:hover,
.listeSameArticle .itemAbrege h3 a:hover,
.listItemsEvent .itemAbrege h3 a:hover,
.listResultArticles .itemAbrege h3 a:hover,
.listRubs h3 a:hover {
    text-decoration: none;
    text-shadow: 0px 0px 0px;
    color: #5C94B9;
}

.itemReduit {
    clear: both;
}

.Rub .itemReduit h4 a {
    color: inherit;
}

.Rub .itemReduit h4:hover a {
    text-decoration: none;
}

.Rub .lirePlus {
    margin: 7px 0px;
    text-align: right;
    height: auto;
    position: static;
    margin-right: 10px;
}

.Rub .lirePlus span {
    background-color: var(--color-sixthly);
    font-family: var(--font-secondary);
    font-size: 1em;
    font-weight: 600;
    color: var(--color-white);
    border: 1px solid var(--color-sixthly);
    padding: 8px 16px;
    text-decoration: none;
    background-color: #9A8861;
    transition: .3s ease-in-out;
    display: inline-block;
}

.Rub .lirePlus span:hover {
    color: var(--color-sixthly);
    background-color: var(--color-white);
    transition: .3s ease-in-out;
}

.Rub .infosRub .resume {
    padding-top: 0px;
    line-height: 22px;
    margin: 0 auto;
    padding-right: 10px;
    color: var(--color-black);
}

.listRubs .Rub a {
    text-decoration: none;
    position: relative;
    color: #414141;
}

.listItemsGen .itemAbrege {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #EBEAEA;
}

.listItemsGen .itemAbrege:last-child {
    border-bottom-width: 0px;
}

.AllRecords {
    text-align: right;
    vertical-align: middle;
    padding: 0 20px;
}

.AllRecords a,
.AllRecords span {
    color: rgb(233, 241, 249);
    text-align: right;
    border-radius: 5px;
    padding: 4px 6px;
    letter-spacing: 0.02em;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
}

.AllRecords a:hover,
.AllRecords span:hover {
    color: #fff;
    text-decoration: none;
    transition-duration: 0.2s;
}

.AllRecords a i,
.AllRecords span i {
    margin-right: 5px;
}
/*bloc multimédia
-------------------------------------------------------------------------
--------------------------------------------------------------------------
---------------------------------------------------------------------------*/

.mediaBib {
    margin: 20px 0px 0px;
    padding: 20px 0px 0px;
}
/*Infobib
-------------------------------------------------------------------------
--------------------------------------------------------------------------
---------------------------------------------------------------------------*/

.infosBib {
    clear: both;
    margin-top: 12px;
}

.infosBib h3 {
    margin-top: 10px;
}

.infosBib div {
    clear: both;
}

.horBib {
    padding: 4px;
}

/* #pmbopac .infosBib>h3 {
  font: var(--font-subtitle);
  color: var(--color-primary);
} */

.liensBibArt {
    clear: both;
}

.liensBib {
    clear: both;
    overflow: hidden;
}

/*Breves
-------------------------------------------------------------------------
--------------------------------------------------------------------------
---------------------------------------------------------------------------*/

.listBreves {
    margin: 20px auto 0px;
    padding: 0px;
    background-color: #fafafa;
    border: solid 1px #e1e1e1;
    padding: 16px 25px;
}

.listBreves .itemAbrege>ul li {
    padding-left: 0px;
    margin-top: 4px;
}

.listBreves .itemAbrege>ul li:after {
    content: "\f08e";
    text-align: right;
    padding: 0px;
}

.listBreves h4 {
    text-align: left;
    margin-bottom: 7px;
}
/*Breves Bandeau
-------------------------------------------------------------------------
--------------------------------------------------------------------------
---------------------------------------------------------------------------*/

.brevesBandeau {
    position: relative;
    background-color: #68b5bf;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    margin-bottom: 0px;
}

.brevesBandeau h3,
#lvl1>h3,
#facette_wrapper > form > h3.facette_compare_listTitle {
    background-repeat: no-repeat;
    background-color: var(--color-primary);
    letter-spacing: 0.02em;
    margin: 0px;
    width: auto;
    text-align: left;
    height: 58px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: var(--color-white);
    font-weight: 600;
    padding: 15px 25px;
    font-size: 24px;
}

.brevesBandeau h4 {
    font-weight: 600;
}

.brevesBandeau,
.brevesBandeau a {
    color: #FFF;
    line-height: normal;
    font-weight: 500;
    text-decoration: none;
}

.brevesBandeau .itemAbrege a:hover {
    text-decoration: none;
    color: #fff;
}

.itemAbrege a {
    text-decoration: none;
}

.datesEven {
    color: var(--color-secondary)!important;
    font-style: italic!important;
    text-decoration: none!important;
    position: relative;
    padding-left: 32px!important;
    font-weight: 400!important;
    font-size: 1em!important;
}

.datesEven::before {
    position: absolute;
    content: url("images/calendar-colored.png");
    height: 100%;
    width: 100%;
    left: 0;
    top: -2px;
}

.brevesBandeau .itemAbrege {
    background-repeat: repeat-x;
    background-position: 0px 0px;
    padding: 20px;
}

.itemAbrege .resume {
    line-height: normal;
    text-align: left;
}

.brevesBandeau .itemAbrege+.itemAbrege {
    border-top: solid 1px;
}

.liensExtrn {
    color: #fff;
    margin: 10px 0px 0px;
}

.brevesBandeau .lirePlus:after {
    content: "\f196";
}

.brevesBandeau .lirePlus {
    text-align: left;
    width: 60%;
    border-radius: 4px;
    padding: 2px 2px 2px 10px;
    margin-bottom: 5px;
}
/*liste actualitees
-------------------------------------------------------------------------
--------------------------------------------------------------------------
---------------------------------------------------------------------------*/

.ListActus {
    margin: 20px auto;
    width: 100%;
    padding: 20px 30px;
    background-color: #fff;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.06);
    border-radius: 25px 0px 0px 0px;
}

.ListActus .over-link {
    text-decoration: none;
    color: #404040;
    text-shadow: none;
}

.ListActus .over-link:hover h4:after,
.search_advanced_link:hover:after {
    background-color: #fecc00;
    width: 75px;
}

.ListActus h3 {
    margin-bottom: 15px;
    background-position: 0 -254px;
}

.ListActus .itemContent h4 {
    font-weight: 600;
    color: #404040;
    margin-bottom: 20px;
}

.ListActus .itemContent h4 span {
    position: relative;
    padding-bottom: 15px;
}

.ListActus .itemContent h4:after {
    content: "";
    height: 4px;
    width: 54px;
    display: block;
    background-color: #404040;
    margin-top: 15px;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
    transition-delay: 0.1s;
}

.ListActus .itemAbrege>a .imgL {
    padding-right: 15px;
}

.ListActus .itemAbrege>a .imgL img {
    max-width: none;
    max-height: 200px;
    vertical-align: top;
}

/* ========================================================================
   Notices Slider hoz
 ==========================================================================  */

.ico-type-doc {
    margin-top: 50px;
}

.ico-type-doc img {
    width: 58px;
    border: solid 2px #ccc;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 100px rgba(0,0,0,0.05);
}

.typeDoc-News {
    background-color: rgb(111, 170, 68);
    padding: 0px 5px 2px 7px;
    color: #fff;
    border-radius: 0px 0px 0px 5px;
}

/*rubrique / etageres virtuelles
-------------------------------------------------------------------------
--------------------------------------------------------------------------
---------------------------------------------------------------------------*/

#etagere-titre h1 {
    margin-top: 10px;
}

#etagere-titre h1 a {
    text-decoration: none;
}

#aut_details h3 span {
    display: inline-block;
}

.noticesEtagere {
    margin: 0px;
    overflow: hidden;
    padding-bottom: 8px;
}

.listEtageres>h3 a {
    position: relative;
    padding-bottom: 5px;
    width: auto;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.listEtageres h3 a:hover {
    text-decoration: none;
}

.listEtageres .noticesEtagere {
    clear: both;
    margin: 10px auto;
}

.noticesEtagere > a {
	display: block;
	float: right;
	width: auto;
	text-align: center;
	padding: 10px;
	background-color: var(--color-secondary);
	margin-top: 10px;
	color: var(--color-white);
	border: var(--border);
	filter: var(--hover-brightness);
	transition: var(--hover-transition);
    text-decoration: none;
}

.noticesEtagere>a:hover {
    text-decoration: none;
    filter: var(--hover-brightness);
  	transition: var(--hover-transition);
}

.noticesEtagere>a:after {
}

/* Ancre
==========================================================================*/

.Ancre {
    z-index: 900;
}

.Ancre a {
    height: 100%;
}

.AncreOn {
    opacity: 1;
}

.AncreOn a {
    position: fixed;
    right: 10px;
    bottom: 50px;
}

/*article / notices sur le même sujet
-------------------------------------------------------------------------
--------------------------------------------------------------------------
---------------------------------------------------------------------------*/

.SameNot a {
    text-decoration: none;
}

.SameNot .SameNotItem h3 {
    font-weight: 400;
    text-align: center;
}

.SameNot .listNotHz-static {
    background-color: rgb(252, 252, 252);
    border: solid 1px rgb(239, 239, 239);
    padding: 10px 7px;
    text-align: center;
}

/* Footer
-------------------------------------------------------------------------
--------------------------------------------------------------------------
---------------------------------------------------------------------------*/

#footer {
    position: relative;
    height: auto;
    width: 100%;
    text-align: left;
    margin-top: 55px;
    color: var(--color-white);
}

#pmbopac #footer .pmb_title{
    padding-left: 0;
}

.pmb_footer_links {
  height: 45px;
}

#footer a img {
    max-width: 100%;
}

/* Liste Notices
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/
/* 
.itemSolo h4,
.listProd>h3,
.listEtageresRub>h3,
.fluxRSSRub>h3,
.infosArt>h3,
.SameNot>h3,
.SliderHoriz>h3,
#aut_details_liste>h3 span.aut_details_liste_titre,
.listArticlesGen>h3,
.listeSameArticle>h3,
.listItemsEvent>h3,
.listResultArticles>h3,
.fluxRSSPage>h3,
.document_list>h3,
#empr-resa>h3,
#empr-all>h3,
#location h3,
#last_entries h3,
#etageres h3 {

}

.itemSolo h4:after,
.listProd>h3:after,
.listEtageresRub>h3:after,
#facette_wrapper th:after,
.infosArt>h3:after,
#aut_details_liste>h3 span.aut_details_liste_titre:after {

} */

.listRubs,
.listProd,
.introVue,
.listRubsAbbr,
.listEtageres,
.SameNot,
.soloListEtageres {
    border-top: solid 0px #fff;
    position: relative;
    padding-bottom: 10px;
    max-width: 100%;
    margin: 0px auto 0;
    overflow: hidden;
}

.listProd {
    min-width: 85%;
}

.prodDoc .listNotHz {
    text-align: center;
}

.prodDoc .listNotHz a:hover,
.prodDoc .listNotHz a h3:hover {
    color: #00727D;
}

.prodDoc:nth-child(even) {
    background-color: #FFFFFF;
}

.listNotReduit .imgL img[src*="vig_num.php?explnum_id="],
.prodDoc:nth-child(even) .listNotReduit .imgL img[src*="vig_num.php?explnum_id="] {
    background-color: #fff;
    background-image: none;
}

.prodDoc:first-child {
    padding-top: 20px;
    background: url("images/dot2.png") repeat-x 0 0%;
}

.prodDoc {
    padding: 15px 10px 25px;
    border-bottom: 1px solid #e7e7e7;
    text-align: left;
    line-height: 22px;
    clear: both;
}

.prodDoc h3 {
    color: #404040;
    margin: 0 0 15px 0;
    line-height: 26px;
    position: relative;
    padding-left: 0px;
    font-weight: 500;
}

.prodDoc h3 a {
    text-decoration: none;
    color: inherit;
}

.prodDoc h3:hover a {
    text-decoration: none;
    color: #1F9892;
}

.listProd {
    min-width: 85%;
}

.listNotHz {
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding: 0 16px;
}

.prodDoc img {
    max-height: 200px;
}

/* rubrique / rubrique
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

.itemSoloFlux h2 {
    text-align: center;
    margin-bottom: 20px;
}

.itemSolo .imgXXL img,
.itemSolo .imgM img {
    background-color: #fff;
    width: auto;
    border: solid 1px #D5D3D3;
    padding: 5px;
}

.itemSolo>table,
.itemSolo>table>table {
    margin-bottom: 10px;
}
/* article et rubrique / portfolio
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

.document_item {
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 0%;
}
/* ========================================================================
   article et rubrique / search in cms
 ==========================================================================  */
.search-article-results{

}
.search-article-results .imgL{
    text-align:right;
    width: 100%;
    max-height:140px;
    overflow:hidden;
}
.search-article-results .imgL img{
    width: 100%;

}
.search-article-results .lirePlus{
    text-align:left;
    padding: 0;
}
a.panel-search-article-results{
    color: #6c6c6c;
}

a.panel-search-article-results:last-child hr{
    display:none;
}
a.panel-search-article-results,
a.panel-search-article-results:hover{
    text-decoration:none;
}
.search-article-results .wl-title-news{
}
/* article / article
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

.itemArticle {
    padding-bottom: 20px;
}

.imgXXL {
    display: block;
}

.listItemsGen {
    margin-top: 20px;
}

.listItemsGen .itemAbrege a:hover,
.Rub a:hover {
    text-decoration: none;
    text-shadow: none;
}

ul.liensExtArt {
    margin: 10px 0 15px 0;
    padding: 0;
}

ul.liensExtArt li:first-child {
    border-top: none;
}

ul.liensExtArt li {
    border-top: 1px solid #f0f0f0;
}

ul.liensExtArt li a {
    position: relative;
    display: block;
    padding: 6px 0;
    color: #00727e;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
}

.datesEven {
    padding: 0px;
    margin: 0;
    float: right;
    margin-top: 0px;
    font-weight: 600;
    color: var(--txt-c-thirdly);
    line-height: 14px;
}

.listItemsGen h3 {
    position: relative;
    border-bottom: 0px solid rgba(212, 212, 212, 1);
    font-weight: 400;
    width: auto;
    overflow: hidden;
    margin-bottom: 15px;
}

.itemContent .imgL img {
    max-width: 100%;
    display: block;
    border: solid 2px #f9f9f9;
    box-shadow: 0px 0px 0px 1px #d2d2d2;
}

.fluxRSSPage h4 {
    border-bottom: 1px solid #eee;
    padding: 10px 0 15px 0;
    margin: 0;
}

.fluxRSSPage {
    margin-bottom: 20px;
}

.fluxRSSPage h4 > a {
    font-weight: 400;
    text-decoration: none;
    margin: 5px 0px;
    display: inline-block;
}

.listArticlesGen .itemAbrege>a:hover {
    text-decoration: none;
    text-shadow: 0px 0px 0px;
}
/* OPAC Footer Disable
---------------------------------------------------------------------------------------------------------*/

#footer_link_website,
#footer_rss {
    display: none!important;
}
/* OPAC
-------------------------------------------------------------------------------------------------------------------------------------------+
-------------------------------------------------------------------------------------------------------------------------------------------+
-------------------------------------------------------------------------------------------------------------------------------------------+
-------------------------------------------------------------------------------------------------------------------------------------------+
-------------------------------------------------------------------------------------------------------------------------------------------+
*/
/* Notices
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

.notice-parent:first-child {
    border-top: 0px dotted #cccccc;
}

.notice-parent {
    padding-top: 10px;
    border-top: 1px dotted #cccccc;
    position: relative;
    padding-left: 3px;
    margin: 5px 0px 10px;
}

.notice-parent .img_plus {
    max-width: 30px;
    max-height: 30px;
}

div[id$="Parent"] > img {
    vertical-align: middle;
}

.notice-parent img {
    vertical-align: text-bottom;
    margin-left: 4px;
}

.notice-heada {
    font-weight: 300;
    width: auto;
    margin-bottom: 0px;
    color: #000;
    line-height: 21px;
    display: inline-block;
}

.notice-child {
    margin-bottom: 20px;
    margin-left: 5px;
    padding-bottom: 0px;
    border-radius: 0px 0px 0px 0px;
}
/* Compte empr
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

.userMessg {
    color: #8D8D8D;
    width: auto;
    text-align: center;
    text-transform: uppercase;
    height: 40px;
    display: inline-block;
    float: right;
    line-height: 40px;
    padding: 0px 4px 0px 13px;
}

/* Stickynav
====================================================================================== */

.Stickynav ul.Nav {
    padding-right: 60px;
}

.MenuHoriz .Tgllogin {
    display: none;
}

.Stickynav .Tgllogin {
    background-color: #F9F9F9;
    display: block;
}

.Stickynav .TglUser {
    right: 0px;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    box-shadow: none;
}

.Stickynav .user i {
    color: #ADADAD;
}

.Stickynav .userMessg {
    color: #6C6C6C;
}

/* Recherche OPAC
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

.espaceResultSearch {
    display: none!important;
    margin: 0px!important;
    padding: 0px!important;
    border: none!important;
}

#search {
    background-color: var(--bg-color-opac);
    margin: 20px auto;
    width: 100%;
}

#search td {
  vertical-align: middle;
}

#search p.p1 {
    padding: 17px 17px 5px;
    margin: 0;
}

#search>div.row>form {
    position: relative;
    padding: 15px 20px 25px;
    border: none;
    background: var(--color-white);
}

#search > p > span {
    display: block;
    padding: 0px 0px 5px;
    border-bottom: dotted 1px #ddd;
}

#search form select[name="typdoc"],
#search .form-contenu select#add_field {
    width: 75%;
    font-weight: 300;
    line-height: 35px;
    display: block;
    background-color: #FFFFFF;
    border: 1px solid #D7D7D7;
    font-style: normal;
    padding-left: 10px;
    margin-bottom: 25px;
}

#search > div.row > form > br,
#search > br {
    display: none;
}

#search input.text_query {
    width: 70%;
    min-height: 35px;
    font-weight: 300;
    background-color: #FFFFFF;
    border: 1px solid #C8C8C8;
    font-style: normal;
    padding-left: 10px;
    margin: 0px;
    display: block;
    float: left;
    margin-right: 15px;
}

#search_form {
    position: relative;
    padding: 15px 20px 25px;
    border: solid 1px #d7d7d7;
    border-top: solid 1px #d7d7d7;
    z-index: 1;
}

#search #form_search_bull input.boutonrechercher {
    margin: 0px 0px 0px 0px;
}

#search .boutonrechercher,
#search input[type="submit"] {
    min-height: 35px;
    padding: 4px 16px;
}

#search form input[type="button"] {
    float: none;
}

#search form input[value="Aide"] {
    float: right;
    min-height: 35px;
    background-color: var(--color-secondary);
    border: var(--color-secondary);
}

#search form input[value="Aide"]:hover {
    color: var(--color-white);
}


#search #form_search_bull {
    line-height: 30px;
}

#search #form_search_bull span input {
    width: 190px;
}

#zsimplesChild {
    margin-bottom: 0px !important;
    border: none;
}

#search_onglet {
    margin-bottom: 10px;
}

#search>.row {
    clear: both;
}

#titreSearch,
#search_block {
    position: relative !important;
    border-top: solid 45px #E9E6DF;
    margin-top: 25px;
}

#simple_search_zone {
    overflow: hidden;
    clear: both;
}

#search form .form-contenu select {
    margin-right: 10px;
    width: auto;
}

#search form .form-contenu .ext_search_txt {
    width: auto;
    min-height: 22px;
    line-height: 22px;
    padding: 2px 4px;
}

#search form .form-contenu .search_value .ext_search_txt {
    height: auto;
}

#search form .form-contenu input[type="submit"] {
    float: right;
}

#search form .form-contenu select#add_field {
    margin: 0px 0px 13px;
    float: left;
    margin-right: 20px;
}

#search form .form-contenu input[type="button"] {
    display: block;
    min-height: 35px;
    line-height: normal;
    margin: 0px 0px 13px 2%;
    border: solid 1px var(--color-primary);
    min-width: 35px;
}

#search form .form-contenu input[value="Aide"] {
    border: solid 1px var(--color-secondary);
    background-color: var(--color-secondary);
    margin: 0 0 10px;
    float: right;
}

#search form .form-contenu input[value="Aide"]:hover {
    border: solid 1px var(--color-secondary);
    background-color: var(--color-secondary);
    color: var(--color-white);
}

#search form .form-contenu input[value="X"] {
    color: #fff;
    font-weight: 800;
    border: none;
}

#search #form_search_bull span input {
    width: auto;
}

#search form .search_value .ext_search_txt {
    height: auto;
}

#search form .form-contenu .ext_search_txt {
    width: auto;
    height: 22px;
    line-height: 22px;
    padding: 2px 4px;
}

#form_search_bull input[type="text"] {
    width: auto;
}

#form_search_bull input[type="button"]+input[type="button"] {
    margin-left: 15px;
}

#search form input[type="checkbox"] {
    padding: 0px;
    margin: 0px;
    display: initial;
    box-shadow: none;
    margin-top: 4px;
}

.form-contenu br{
    display:none;
}

.form-contenu input[type="text"] {
    padding: 0px;
    height: 24px;
    margin-bottom: 4px;
}

/* multicriteres */

.notice-child .img_basket {
    background-image: none;
    width: auto;
    float: none;
    display: inline;
}

.vignetteimg_simili {
    max-width: 90%;
    box-shadow: 0 0 0 1px #eee;
}

#search_result {
    margin-bottom: 20px;
    max-width: 100%;
    border-top: 1px solid #d5d5d5;
    margin: 20px auto;
}

#search_result #categorie {
    clear: both;
}

#search_result blockquote {
    margin: 0px;
    padding: 0px;
}

div[id^=div_public] tr td a {
    word-break: break-word;
}

.categ_see_synonyme h4,
#categ_see_comment h4 {
    color: #097A84;
}

#categ_see_comment {
    margin: 10px 0px;
    padding: 5px;
    background-color: #f1f1f1;
}

#choose_criteria {
    margin-bottom: 10px;
    margin-top: 7px;
}
/* Periodique
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

#perio_a2z_search {
    width: 75%;
    min-height: 35px;
    font-weight: 300;
    background-color: #FFFFFF;
    border: 1px solid #f4f4f4;
    font-style: normal;
    padding-left: 10px;
    margin: 0px;
    margin-right: 15px;
}

ul.onglets_isbd_public li {
    display: block;
    float: left;
    margin: 0px 2px;
    position: relative;
    text-align: center;
}

#span_a2z_abt_actif {
    color: #2e2e2e;
    display: block;
    line-height: 35px;
}

#perio_a2z ul.onglets_isbd_public div li {
    padding: 0 0px;
    display: block;
    float: left;
    margin: 0px 2px;
    position: relative;
    text-align: center;
    border-radius: 0px 0px;
    background-color: #F2F2F2;
    border: solid 1px #D7D7D7;
}

ul.onglets_isbd_public li a {
    padding: 0px 10px;
    font-weight: 400;
    display: block;
    min-height: 34px;
    line-height: 34px;
    color: var(--color-primary);
}

ul.onglets_isbd_public li[class^="active"] a {
    color: var(--color-secondary);
}

#perio_a2z ul.onglets_isbd_public div li a {
    padding: 0px 5px;
    color: #333;
}

#perio_a2z ul.onglets_isbd_public div li:hover a {
    color: inherit;
}

#perio_a2z ul.onglets_isbd_public div li:hover {
    box-shadow: 0px 0px 0px 1px rgba(215, 215, 215, 1)inset;
    border-top: solid 1px #D7D7D7;
}

.a2z_contens > tbody > tr > td.a2z_perio {
	width: 90vw;
	padding-left: 1vw;
}

.a2z_contens > tbody > tr > td:not(.a2z_perio) {
	width: 10vw;
}

.a2z_contens > tbody > tr > td:not(.a2z_perio) table.a2z_perio_list  {
  width: 100%;
}

table.a2z_perio_list a {
  	display: block;
  	line-height: 16px;
  	padding: 7px 5px;
  	text-transform: none;
  	color: var(--color-white);
  	text-decoration: none;
    text-align: center;
}

ul.onglets_isbd_public li,
#perio_a2z ul.onglets_isbd_public li {
    background-color: var(--color-white);
    border-bottom: none;
    transition: var(--hover-transition);
}

ul.onglets_isbd_public .isbd_public_inactive a {
  color: var(--color-primary);
  border: solid 1px var(--color-primary);
}

ul.onglets_isbd_public .isbd_public_inactive:hover a,
ul.onglets_isbd_public .isbd_public_active a {
  color: var(--color-secondary);
}

#perio_a2z ul.onglets_isbd_public li.isbd_public_active {
    background-color: var(--color-primary);
}

#perio_a2z ul.onglets_isbd_public li:hover,
ul.onglets_isbd_public li.onglet_tags:hover {
    box-shadow: 0px 0px 0px 1px rgba(215, 215, 215, 1)inset;
    background-color: var(--color-primary);
    background: var(--color-primary);
    transition: var(--hover-transition);
}

#perio_a2z ul.onglets_isbd_public li.isbd_public_active a,
#perio_a2z ul.onglets_isbd_public li:hover a {
  color: var(--color-white);
  border: solid 1px var(--color-primary);
}

.notice-child ul .onglet_tags>a {
    display: block;
    float: left;
    margin-bottom: 0px;
    margin-right: 0px;
    margin: 0px 2px;
    position: relative;
    text-align: center;
    border: solid 0px #E9E9E9;
    border-bottom: none;
    border-radius: 0px 0px;
    height: 30px;
    line-height: 30px;
    background-color: #E9E9E9;
}

.notice-parent>img:first-child+img {
    vertical-align: text-bottom;
    margin-right: 5px;
    position: static;
    left: 18px;
}

.notice-child ul .onglet_tags a {
    float: left;
    color: #565656;
}

#search .onglets_isbd_public .row {
    clear: none;
}

#resultatrech_container ul.onglets_isbd_public li a {
    display: block;
    padding: 0px 9px;
    text-decoration: none;
    color: #333;
}

ul.onglets_isbd_public li:first-child {
    margin: 0px 2px;
}

div div .onglet_basket {
    height: auto;
}

ul.onglets_isbd_public div li:first-child {
    margin: 0px 1px;
}

ul.onglets_isbd_public li img {
    vertical-align: middle;
}

ul.onglets_isbd_public li:hover a {
    display: inline-block;
}

ul.onglets_isbd_public .onglet_basket img {
    vertical-align: middle;
}

#perio_a2z {
    margin: 0 auto;
    padding: 30px 3%;
    border: solid 1px #d7d7d7;
    border-top: solid 0px #d7d7d7;
    background: var(--color-white);
}

#perio_a2z #perio_a2z-container li[id^='onglet_'].isbd_public_active:after {
    width: 16px;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
    margin-left: -8px;
}

#perio_a2z-container>ul.onglets_isbd_public>li:first-child {
    margin: 0px 4px 5px 0px;
    background-color: transparent;
    border-color: transparent;
    font-weight: 500;
}

#perio_a2z ul.onglets_isbd_public div div .isbd_public_inactive,
#perio_a2z ul.onglets_isbd_public div div .isbd_public_active {
    margin-top: 0px;
    font-weight: 400;
}

table.a2z_perio_list tr td {
    border-bottom: 1px solid #cfcdcb;
    padding-bottom: 3px;
}

.perio_title,
.bull_title {
    font-weight: normal;
    font-style: italic;
}

ul.onglets_isbd_public li.onglet_tags {
    background-color: #E9E9E9;
    border: solid 2px #E9E9E9;
}

#container #main div.a2z_perio_list {
  	height: auto;
  	overflow: visible;
  	z-index: 1000;
  	background-color: transparent;
  	overflow-x: auto;
  	overflow-y: auto;
  	border-radius: 0;
  	background: var(--color-primary);
    color: white;
    padding: 4px 12px;
}

table.a2z_perio_list {
    width: 150px;
    height: auto !important;
    line-height: 18px;
    padding: 10px 0px;
}

#a2z_perio .bg-grey {
    border-color: #f9f9f9;
}

.a2z_perio h3 {
    height: auto;
    line-height: normal;
}

#a2z_perio #form_search_bull form {
    padding-top: 10px;
}

#form_search_bull [role="presentation"] input[type="text"],
form input[type="text"].dijitArrowButtonInner,
#a2z_perio #form_search_bull input[type="text"].dijitArrowButtonInner {
    width: 8px;
    margin: 0px 0px 3px 2px;
    background-color: transparent;
    border: none;
    padding: 5px;
}

#pmbopac #a2z_perio #form_search_bull input[type="text"]{
    box-shadow: none;
    cursor: pointer;
}

#a2z_perio #form_search_bull input[type="text"]:hover {
    background-color: #fff;
}

#perio_a2z-container .onglets_isbd_public div div {
    background-color: transparent;
    clear: both;
    border-top: solid 4px transparent;
}

#perio_a2z-container .onglets_isbd_public div div li {
    margin-bottom: 5px;
}

.dijitReset.dijitInputField.dijitArrowButtonInner {
    display: block;
    background-size: 65px;
    margin: 2px 0!important;
  }

ul.onglets_isbd_public li.onglet_basket:hover {
    background-color: #FAFAFA;
}

#a2z_perio > table {
    background-color: #f3f3f3;
    padding: 5px;
    border: solid 1px #E7E7E7;
    box-shadow: 0px 0px 0px 2px #fff inset;
}

#a2z_perio > table tr:nth-child(even) {
    background-color: #fdfdfd;
}
/* navbar
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

#navbar {
    clear: both;
}

.navbar {
    line-height: normal;
}

.navbar img {
    vertical-align: middle;
}

#navbar input[type="text"] {
    margin: 0px;
}

#search #navbar_input_page {
    float: none;
    margin: 0;
    padding: 2px;
    border: 1px solid #F5F5F5;
    color: #170000;
    vertical-align: baseline;
    background-color: #f8f8f8;
}

#search #navbar_perio {
  text-align: center;
}
/* searchtabs
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

ul.search_tabs,
ul.empr_tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 0px solid #ddd;
    background: var(--color-white);
}

ul.search_tabs li,
ul.empr_tabs li {
    margin-bottom: -1px;
    float: left;
    position: relative;
    z-index: 4;
}

ul.search_tabs li a,
ul.empr_tabs li a {
    display: block;
    padding: 8px 12px 8px 12px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 400;
}

ul.search_tabs li#current a,
ul.empr_tabs li#current a,
ul.empr_tabs li.subTabCurrent a {
    border-color: #ddd;
    border-bottom-color: var(--color-primary);
    background: var(--color-primary);
    color: var(--color-white);
}

ul.search_tabs li:hover a, ul.empr_tabs li:hover a {
	background: var(--color-primary);
	transition: var(--hover-transition);
	color: var(--color-white);
}


ul.search_tabs li,
ul.empr_tabs li {
  transition: var(--hover-transition);
}

/* avanced search
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

#search form .form-contenu .search_value .ext_search_txt,
.form-contenu input[type="text"] {
    height: auto;
    min-height: 30px;
    background-color: #fff;
    border: solid 1px #AEAEAE;
}

#search form .form-contenu select {
    margin-right: 10px;
    width: auto;
    max-width: 85%;
    min-height: 25px;
    margin: 0px;
    margin-bottom: 13px;
    background-color: #FFFFFF;
}

#search form .form-contenu select[name^="field"],
#search form .form-contenu select.ext_search_txt[name^="field"] {
    width: 100%;
    padding: 0 4px;
}

#search .table-no-border td .search_critere {
    max-width: 99%;
    display: block;
    word-break: initial;
    padding-right: 5px;
}

.search_perso tr:first-child .search_value {
    display: inline-block;
    margin-right: 25px;
}

#search_form .form-contenu div.search_perso input[type="checkbox"] {
    float: none;
    vertical-align: inherit;
    margin-left: 7px;
}

#search_form > div > div.search_perso table td > span.search_dico > img {
    vertical-align: baseline;
    margin-left: 5px;
}
/* resultat de Recherche
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

#resultatrech>div.row {
    display: none;
}

#resultatrech .avis_detail span a {
    text-decoration: none;
}

#resultatrech_container {
    padding: 0px;
    padding-top: 0px;
    position: relative;
    clear: both;
}

#navbar {
    width: 100%;
    margin: 0 auto 50px;
}

#resultatrech_container a {
    text-decoration: none;
}

#resultatrech_liste .notice-child table table td {
    max-width: 335px;
}

#resultatrech_liste .bg-grey {
    border-color: #fff;
}

#resultatrech_liste .notice-child table table td>a {
    display: inline-block;
    max-width: 99%;
    width: auto;
}

.notice-child table table td,
#notice table table td,
.parent table table td {
    max-width: 285px;
    padding: 2px 5px;
}

div[id^=div_public] table {
    margin-bottom: 10px;
}

#main #resultatrech_see>h3 {
    width: auto;
    z-index: 999;
    background-color: transparent;
    border-radius: 0px;
    padding: 6px 15px;
    margin-bottom: 5px;
    padding-left: 0px;
    height: auto;
    line-height: normal;
    border: none;
    border-bottom: dotted #646464 1px;
    font-weight: 300;
    color: var(--color-black)!important;
}

#resultatrech_liste>img {
    vertical-align: middle;
}

#resultatrech_liste>a {
    padding: 0 2px;
    line-height: 11px;
}

#resultatrech_liste>a:nth-of-type(3) {
    margin-left: 10px;
}

#aut_details_liste>a:nth-of-type(n+4) {
    margin-top: 10px;
}

#resultatrech_liste>span.search_bt_sugg,
#resultatrech_liste>span.affiner_recherche,
#resultatrech_liste>span.open_visionneuse,
#resultatrech_liste>span.addCart,
span.search_bt_external,
span.search_bt_sugg,
span.short_url,
#aut_details_liste span.addCart,
span.affiner_recherche {
    display: inline-block;
}

#resultatrech_liste>a:nth-of-type(n+3),
#aut_details_liste>a:nth-of-type(n+3),
.form_liste_lecture input[type="button"],
.form_liste_lecture input[type="submit"],
#print_options input[type="submit"].bouton,
#print_options input[type="button"].bouton,
#notice table td div>a,
.lienNotArt a,
#cart_action input[type="button"],
#resultatrech_liste>span.search_bt_sugg a,
#resultatrech_liste>span.affiner_recherche a,
#resultatrech_liste>span.open_visionneuse a,
#resultatrech_liste>span.addCart a,
#resultatrech_liste>a[href*='aff_module'],
span.search_bt_external a,
span.search_bt_sugg a,
span.short_url a,
span.short_url_permalink a,
span.affiner_recherche a,
#search_universe_segment_result_list .addCart a,
.print_search_result a,
#search_universe_segment_result_list .open_visionneuse a,
#aut_details_liste span.addCart a,
#resultatrech_liste input[name="dsi_priv"] {
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 4px;
    background-color: var(--color-primary);
    border: solid 1px var(--color-primary);
    text-decoration: none;
    color: var(--color-white);
    transition: var(--hover-transition);
    font: var(--font-link);
}

#resultatrech_liste input[name="dsi_priv"] {
  margin-bottom: 15px;
}

#notice table td div.addthis_toolbox>a {
    background-color: #fff;
    border: solid 1px #fff;
}

#notice table td div.addthis_toolbox>a:hover {
    background-color: #fff;
    border: solid 0px #fff;
}

#resultatrech_liste>a:nth-of-type(4) {
    margin-left: 10px;
}

#resultatrech_liste>span.triSelector,
#aut_details_liste>span.triSelector {
    margin-left: 10px;
    display: inline-block;
    order: -1;
}

#aut_details_liste>span+span {
    margin-left: 10px;
}

#resultatrech_liste>a:nth-of-type(n+3):hover,
#aut_details_liste>a:nth-of-type(n+3):hover,
.form_liste_lecture input[type="button"]:hover,
.form_liste_lecture input[type="submit"]:hover,
#print_options input[type="submit"].bouton:hover,
#print_options input[type="button"].bouton:hover,
#notice table td div>a:hover,
.lienNotArt a:hover,
#resultatrech_liste>span.search_bt_sugg a:hover,
#resultatrech_liste>span.affiner_recherche a:hover,
#resultatrech_liste>span.open_visionneuse a:hover,
#resultatrech_liste>span.addCart a:hover,
#resultatrech_liste>a[href*='aff_module']:hover,
span.search_bt_external a:hover,
span.search_bt_sugg a:hover,
span.short_url a:hover,
span.affiner_recherche a:hover,
span.short_url_permalink a:hover,
#search_universe_segment_result_list .addCart a:hover,
#search_universe_segment_result_list .print_search_result a:hover,
#search_universe_segment_result_list .open_visionneuse a:hover,
#aut_details_liste span.addCart a:hover
 {
    text-decoration: none;
    background: var(--color-white);
    color: var(--color-primary);
    transition: var(--hover-transition);
    text-shadow: none;
}

#resultatrech_liste>input,
select,
textarea {
    display: block;
}

#resultatrech_liste>a[href="javascript:expandAll_ajax(1);"],
#resultatrech_liste>a[href="javascript:collapseAll()"],
#resultatrech_liste>a[title="Tris disponibles"],
#resultatrech_liste>a[href="javascript:expandAll_ajax(1);"]:hover,
#resultatrech_liste>a[href="javascript:collapseAll()"]:hover,
#resultatrech_liste>a[title="Tris disponibles"]:hover {
    background-color: transparent;
    border-color: transparent;
}

#resultatrech_liste>a[title="Tris disponibles"] {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

#resultatrech_liste>a[href*="javascript"] {
    background-color: none;
}

.expl_voisin_search a,
.simili_search a {
    display: block;
    overflow: hidden;
    text-decoration: none;
}

.collapseAll,
.triSelector {
    margin-left: 8px;
}
/* lvl1
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

#lvl1,
#facette {
    position: relative;
}

#lvl1 {
    border-radius: 0px 0px;
    border-bottom: none;
}

#lvl1>h3,
#facette_wrapper>h3 {
    margin-top: 0px;
}

#lvl1_list,
#facette form {
    margin: 0 auto;
    height: auto!important;
    overflow: hidden;
}

#lvl1_list tbody tr {
    width: 90%;
}

#lvl1 {
    border: 0px solid #006B8F;
}

#lvl1 h3 {
    margin: 0!important;
    color: var(--color-white)!important;
    font-size: 24px!important;
}

/* #facette_wrapper h3,
#active_facette tr,
.reinitialize-facettes {
    padding: 4px 20px!important;
} */

#facette_wrapper h3 {
    font-size: 20px;
}

#active_facette  {
    margin-left: 24px!important;
}

#adresse,
#facette,
#lvl1 {
    position: relative;
    background-color: var(--color-white);
    color: var(--color-primary);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    border: solid 1px var(--color-primary);
}

#facette a,
#lvl1 a {
    text-shadow: 0px 0px 0px;
    text-decoration: none;
}

#facette table td:first-child{
    padding: 5px 0 5px;
}

#facette table td a img{
    margin-top: 5px
}

#facette .reinitialize-facettes-link {
    padding-bottom: 12px;
}

#facette .reinitialize-facettes-link:hover {
    color: var(--color-primary);
}

#facette a:hover,
#lvl1 a:hover {
    text-decoration: underline;
}

#facette h3,
#lvl1 h3 {
    margin: 0 0 10px;
    color: var(--color-secondary);
    font: var(--font-subtitle);
}

#facette h3 img {
    vertical-align: middle;
}

#facette h3:before,
#lvl1 h3:before {
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
}

#lvl1_list {
    border-top: none;
    padding: 15px 20px 5px;
    display: block;
    color: var(--color-secondary);
}

#lvl1_list tbody {
    margin: 0 auto;
}

#lvl1_list .current {
  font: var(--font-link);
  font-style: italic;
  font-weight: 400;
  color: var(--color-black);
}

#facette a:hover, #lvl1 a:hover, #lvl1_list .current:hover {
    text-decoration: underline;
    color: white;
}

#pmbopac .odd, #pmbopac .even, #pmbopac .surbrillance {
    background-color: inherit;
    color: inherit!important;
}

/* Facettes
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

#facette br {
    display: none;
}

#facette #active_facette {
    max-width: 100%;
    margin: 5px auto;
}

#facette #active_facette br {
    display: block;
}

#pmbopac #facette input[type="button"] {
  border: 1px solid var(--color-primary);
  padding: 8px 16px;
}

#pmbopac #facette input[value="Filtrer"] {
    float: right;
    margin: 12px;
}

table[id^='facette_list'] {
    width: 100%;
    margin: 0 auto;
}

table[id^='facette_list'] tr {
    padding: 4px 25px;
    margin: 5px 0;
}

#facette_wrapper table th {
    text-align: left;
    padding: 2px 15px 2px 25px;
    border-radius: 0px;
    margin-bottom: 2px;
}

#facette_wrapper .facette_libelle{
    padding-left: 5px;
}

#facette_wrapper {
	border: 0px solid;
	background: var(--color-white);
}

#facette .facette_expande thead th,
#facette .facette_collapsed thead th {
  text-transform: uppercase;
  color: var(--color-white);
  background: var(--color-primary);
  font-weight: 600;
  padding: 15px 25px;
  font-size: 20px;
  cursor: pointer;
}

input.bouton.bouton_filtrer_facette_bas.filter_button {
  margin-top: 15px;
}

#facette .facette_tr, #facette .facette_tr_see_more {
  border-top: none;
  border-bottom: none;
  margin: 0;
  padding: 9px 25px;
}

#facette .facet-link span,
#facette .facette_tr_see_more span,
#facette .facette_plus_link
{
  color: var(--color-black);
  font: var(--font-link);
  font-weight: 400;
  margin-top: 8px;
  display: inline-block;
}

/* Compare
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

#compare_wrapper {
    margin-top: 15px;
}

#facette_compare,
#facette_groupby {
    max-width: 90%;
    margin: 10px auto;
}

h3.facette_compare_MainTitle a {
    text-decoration: none;
}

#facette_wrapper > form > h3 > table > tbody > tr > td > a > img,
#facette_compare span.facette_compare img {
    width: 0px;
}

#facette_wrapper > form > h3 > table > tbody > tr > td > a:before,
.facette_compare_raz a:before,
#facette_compare span.facette_compare:before {
    content: "\f057";
    color: #4D4D4D;
    text-decoration: none;
}

#facette_compare span.facette_compare:before {
    color: #4D4D4D;
    text-align: center;
    cursor: pointer;
    margin-top: 5px;
}

#facette_wrapper > form > h3 > table > tbody > tr > td > a:hover:before,
#facette_compare span.facette_compare:hover:before {
    text-decoration: none;
    text-shadow: 0px 0px 0px;
}

#facette_wrapper th.groupby_button:after {
    content: "\f0c5";
    text-shadow: 0px 0px 0px;
    color: #fff;
    padding: 4px 8px;
    text-align: right;
    margin: 0;
    width: auto;
    border-radius: 4px;
    line-height: 17px;
    height: auto;
    cursor: pointer;
    float: right;
}

#facette_wrapper th.groupby_button img {
    width: 0;
}

#facette_compare > tbody > tr {
    border-bottom: dotted 1px rgba(219, 219, 219, 1);
    line-height: 24px;
}

#facette_compare > tbody > tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.15);
}

#facette_compare > tbody > tr > td > p {
    padding: 5px 5px 5px 5px;
}

#compare_wrapper li .img_basket {
    background-color: #F2F2F2;
    background-size: 70%;
    background-position: 50% 48%;
    border-radius: 4px;
    padding: 0px;
    margin-right: 5px;
    display: block;
}

#compare_wrapper li a+a {
    margin-left: 30px;
    display: block;
    color: #343434;
}

#compare_wrapper li .img_basket {
    background-color: transparent;
}

tr[id^="compare_hidden"] > td:nth-child(even) {
    background-color: rgb(245, 245, 245);
}

#facette_wrapper tr > th:after {
    content: none;
}

#facette .facette_compare_SubTitle:before,
#facette .facette_compare_MainTitle:before {
    content: none;
}

.facette_compare_SubTitle img {
    float: right;
    margin-top: 6px;
}
/* popup
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
    body:not([#pmbopac]) {
        padding-left: 20px;
        padding-right: 20px;
    }
}

#make_sugg {
  background-color: #eeeeee;
  border: 2px solid var(--color-primary);
}

#make_sugg table {
    width: 480px;
}

#make_sugg .row,
#make_sugg-container {
    padding: 2%;
}

#make_sugg-container input[type="text"],
#comment {
    max-width: 80%;
    margin-bottom: 0;
    margin-left: 10px;
}

#make_sugg-container select,
input[type="file"] {
    max-width: 400px;
}

#make_sugg-container table tr td {
    max-width: 300px;
    vertical-align: top;
    padding-bottom: 15px;
}

form#f {
    margin-left: 10px;
}

.echelle_avis {
    padding: 7px;
}

.alerte {
    color: #ff0000;
}

#print_options {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 15px;
}

#print_options input {
    float: left;
}

#print_options label {
    line-height: 13px;
}

#print_options b {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
    display: block;
}

#print_options blockquote {
    margin-top: 5px;
    text-align: justify;
    margin-bottom: 15px;
}

#print_options blockquote input[name=emaildest] {
    float: none;
    display: block;
}

#print_options textarea {
    margin-top: 5px;
    max-width: 85%;
}

body#help_popup {
    background-color: #ffffff;
    background-repeat: repeat;
    background-position: center top;
    background-image: url("./images/fond.gif");
}

#help-container {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    border: 2px solid #A8A8A8;
}

#help-container h2 {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    border-bottom: 1px solid #cccccc;
    clear: both;
    padding-bottom: 5px;
}

#help-container p,
#help-container ul {
    margin-bottom: 10px;
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 10px;
}

.lien_ajout_avis a {
    margin-left: 10px;
}

#print_options input[type="submit"].bouton,
#print_options input[type="button"].bouton,
.form_liste_lecture input[type="button"],
.form_liste_lecture input[type="submit"] {
}

.form_liste_lecture {
    padding: 10px 0px;
}

#empr-list #list_cadre a {
  color: var(--txt-c-thirdly);
}

.form-contenu hr {
    display: none;
}

form[name=export_form] input[type="radio"] {
    margin-top: 5px;
    margin-right: 3px;
}

#print_options {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 15px;
    line-height: 20px;
}

#print_options b {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
    display: block;
}

#print_options blockquote {
    margin-top: 5px;
    text-align: left;
    margin-bottom: 15px;
    margin: 5px 0px;
    padding: 0px;
}

#print_options textarea {
    margin-top: 5px;
    max-width: 85%;
}

#print_options input {
    float: left;
    margin-top: 5px;
    margin-right: 8px;
}

#print_options label {
    line-height: 20px;
    display: inline;
}

.popup_connexion_empr {
    font-family: 'Exo 2', sans-serif;
    color: #333;
    text-align: left;
}

.popup_connexion_empr blockquote {
    padding: 10px 10px;
    border: solid 1px #eee;
    background-color: #F7F7F7;
    max-width: 600px;
    margin-top: 16px;
}

.popup_connexion_empr input[type="text"],
.popup_connexion_empr input[type="password"] {
    width: 98%;
    border-radius: 0px;
    display: block;
    height: 35px;
    line-height: 20px;
    margin-top: 2px;
    float: none;
    margin-bottom: 2px;
    background-repeat: no-repeat;
}

.popup_connexion_empr input[type="submit"] {
    border: solid 1px #E6E6E6;
}

.mediaBib iframe {
    background-color: #F5F5F5;
    padding: 2px;
    border: solid 0px #E1E1E1;
    max-width: 100%;
}
/* avanced search
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

#search form .form-contenu .search_value .ext_search_txt,
.form-contenu input[type="text"] {
    height: auto;
    min-height: 22px;
}

#search form .form-contenu select {
    margin-right: 10px;
    width: auto;
    padding-right: 5px;
    min-height: 25px;
    margin: 0px;
    margin-bottom: 13px;
}

#search form .form-contenu select[name^="field"] {
    width: 100%;
}

#search .table-no-border td .search_critere {
    max-width: 110px;
    display: block;
    word-break: initial;
    padding-bottom: 10px;
}
/* Tris
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

#frame_notice_preview {
    border: solid 2px #888;
    z-index: 9001;
    background-color: #F8F8F8;
    width: 720px;
    height: 540px;
    padding: 20px;
    box-shadow: 1px 1px 1px 1px rgba(32, 48, 107, 0.36);
}

#frame_notice_preview h3 {
    color: rgb(88, 88, 90);
    border-bottom: solid 1px rgb(88, 88, 90);
}

#frame_notice_preview input[type="submit"] {
    margin-top: 10px;
}

#search form select {
    width: 85%;
}

.ext_search_txt {
    width: 75%;
}
/* Historique des recherche
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

#main form[name="cases_a_cocher"]>b {
    margin-left: 5px;
}

#main form input[type=checkbox] {
    vertical-align: middle;
}

#main form[name="cases_a_cocher"] a>b {
    color: #626262;
}

#history_action,
#main_hors_footer>form[action*="history"] {
    margin-bottom: 15px;
    margin: 0 auto;
    padding: 10px 10px;
    border: solid 0px #111;
}

#main_hors_footer>form[action*="history"] a {
    color: #525252;
}

/* Affichage de Notices
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

#notice {
    margin: 15px 0px 0px 0px;
}

.notice-parent:first-child {
    border-top: 0px dotted #cccccc;
}

.notice-parent {
    padding-top: 10px;
    border-top: 1px dotted #cccccc;
    position: relative;
    padding-left: 3px;
    margin: 5px 0px 10px;
}

.notice-parent .notice-child br {
    display: none;
}

.notice-heada {
    font-weight: 300;
    width: auto;
    margin-bottom: 8px;
    margin-left: 7px;
    color: #000;
    line-height: 21px;
}

div[id$="Parent"] > img {
    vertical-align: middle;
}

.notice-parent .notice-heada i {
    font-style: normal;
}

.notice-child {
    margin-bottom: 20px !important;
    margin-left: 5px;
    padding-bottom: 0px;
    border-radius: 0px 0px 0px 0px;
}

.notice-child h3,
#notice h3,
.a2z_perio h3>span {
    font-family: var(--font-primary);
    color: var(--color-primary);
    line-height: 1.2;
    margin-bottom: 10px;
    cursor: default;
}

#docnum > a {
  text-decoration: none;
}

#docnum > a:hover {
  text-shadow: none;
}

#docnum .docnum tr td{
    padding-bottom: 25px;
}

.infosRub .rubContent:before {
    left: -2px;
    top: 17px;
}

.infosInline .rubContent>h3:before {
    left: -11px;
    top: 13px;
}

.a2z_perio h3>span {
    font-size: 100%;
}

#notice span>h3 {
    max-width: none;
}

#bt_resa {
    margin-left: 0px;
    display: block;
}

.vignetteimg {
    max-width: 100px;
    max-height: 200px;
    box-shadow: 1px 1px 2px #cccccc;
    border-radius: 0px;
    border: solid 1px #ededed;
    margin-left: 10px;
}

#resultatrech .avis_detail span a {
    text-decoration: none;
}

.main_wrapper {
    margin-top: 10px;
}

.exemplaires {
    margin-top: 10px;
}

.exemplaires th {
    background-color: #eee;
    line-height: 22px;
    text-align: left;
}

.exemplaires th,
.exemplaires td {
    padding: 3px 5px;
}

.notice-parent img {
    vertical-align: text-bottom;
    margin-left: 4px;
}

.notice-parent .img_plus {
    max-width: 30px;
    max-height: 30px;
}

.expl_situation strong {
    color: inherit;
}

.etiq_champ {
    font-weight: 400;
    padding: 5px;
}

.public_title {
    font-weight: 600;
}

#notice {
    margin: 5px auto 0px;
    width: auto;
}

#pmbopac .avis_detail {
    font-weight: 400;
    font-size: 1.2em;
  }

.simili_search .avis_detail{
    padding:10px 0px;
    border-bottom:solid 1px #dedede;
    margin-bottom:15px;
}
/* Page autorités
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

#aut_details>h3 {
    margin-top: 20px;
}

.authorlevel2>h3 {
    margin-bottom: 5px;
    color: #626262;
}

.authorlevel2>p {
    margin-bottom: 5px;
    color: #222;
}

.authorlevel2>ul {
    margin-bottom: 5px;
    color: #222;
}

.authorlevel2>ul li {
    width: 33%;
    float: left;
    padding: 2px 60px 2px 0px;
    list-style-type: square;
    list-style-position: inside;
    color: #ED5923;
}

#aut_details #resultatrech_liste {
    margin-top: 10px;
    float: left;
    width: 70%;
}

#aut_details_liste #resultatrech_liste {
    width: auto;
    float: none;
}

#aut_details_liste>span {
    display: block;
    float: left;
}

#aut_details_liste>blockquote {
    clear: left;
}

.aut_see a {
    text-decoration: none;
}

.aut_see td {
    padding: 2px 0;
}
/* Compte empr
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

#empr-list > h3 > span {
    margin-bottom: 7px;
    display: block;
}

ul.empr_tabs:after {
    content: " ";
    display: block;
    clear: both;
}

ul.empr_tabs li {
    padding: 0px 10px;
}

#empr_onglet {
    width: auto;
    margin: 0 auto;
    position: relative;
    margin-top: 20px;
    border: solid 0px #eee;
    border-bottom: none;
    background-color: transparent;
    border-top: solid 0px transparent;
}

/* ul.search_tabs li:hover,
ul.empr_tabs li:hover,
ul.list_tabs li:hover,
ul.empr_tabs #current {

} */

ul.empr_tabs li#current a,
ul.list_tabs li#current a {
    font-weight: normal;
    background-color: inherit;
    border-radius: 0px;
}

#onglets_list ul.list_tabs {
    background-color: transparent;
}

#onglets_list ul.list_tabs li {
    min-height: 1px;
    border: none;
    line-height: normal;
}

ul.empr_subtabs {
    list-style: none;
    margin: 0px;
    text-align: right;
    min-height: 55px;
    padding: 10px 0px 0px 0px;
    background-color: #F8F8F8;
    border: none;
    border: solid 1px #dddddd;
    border-bottom: none;
    overflow: hidden;
    border-radius: 0px 0px 0px 0px;
}

ul.empr_subtabs {
    padding-left: 15px;
}


ul.empr_subtabs li a,
ul.list_tabs li a {
    cursor: pointer;
    display: block;
    height: auto;
    width: auto;
    text-align: center;
    font-family: inherit;
    color: inherit;
    text-decoration: none;
}

#pmbopac ul.empr_subtabs li a:hover ,
#pmbopac ul.empr_subtabs li:hover a {
    text-decoration: none;
    color: var(--color-white);
}

.bg-grey {
    background-color: #ffffff;
    border-top: solid 4px #F8F8F8;
    border-bottom: solid 4px #F8F8F8;
    padding: 2px 2px;
    color: #333;
}

.parent table table td.bg-grey {
    border-top: solid 4px #fff;
    border-bottom: solid 4px #fff;
}

.fiche-lecteur .bg-grey {
    background-color: #F7F7F7;
    border: solid 3px #f8f8f8;
    color: #000;
    padding: 3px 5px;
    vertical-align: middle;
    text-shadow: none;
}

#fiche-empr h3 {
    margin-bottom: 10px;
    color: #111;
}

#empr-resa h3 {
    margin-top: 0px;
}

#empr-resa small form input[type="button"] {
    margin-top: 10px;
}

#empr-resa small form input[type="button"], ul.empr_subtabs li, #change-password input[type="button"], #onglets_list ul.list_tabs li, #empr-all input.bouton, #empr-old input.bouton {
    display: block;
    cursor: pointer;
    width: auto;
    height: auto;
    text-align: center;
    margin-bottom: 0px;
    font-weight: normal;
    padding: 4px 8px;
    margin-right: 10px;
    border: solid 1px
        #EBEAEA;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px
        rgba(76, 77, 119, 0.12);
    margin-bottom: 8px;
    float: left;
    text-transform: none;
}

#change-password input[type="button"] {
    margin-top: 10px;
}


ul.empr_subtabs li.subTabCurrent,
ul.empr_subtabs li:hover,
#empr-resa small form input[type="button"]:hover,
#onglets_list ul.list_tabs li:hover,
#onglets_list ul.list_tabs li.current,
#change-password input[type="button"]:hover,
#empr-all input.bouton:hover {
    background: #ffffff;
    border: solid 1px #EBEAEA;
}

#fiche-empr,
#empr-all,
#empr-late,
#empr-old,
#empr-resa,
#empr-dsi,
#empr-sugg,
#empr-list,
#empr-dema,
#change-password {
    margin: 0 auto;
    clear: both;
    padding: 0px 10px 15px;
    background-color: #f8f8f8;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-top: 5px;
    border-radius: 0px 0px 0px 0px;
    border: solid 1px #dddddd;
    border-top: none;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    color: var(--color-black);
}

#empr-all {
    background-image: none;
}

#empr-late > form {
    color: #fff;
    padding-bottom: 10px;
}

#empr-resa h3 {
    padding-top: 5px;
    position: static;
    background-color: transparent;
    width: auto;
}

.form_liste_lecture .form-contenu .row .colonne2 .row textarea {
    max-width: 355px;
}

.form_liste_lecture h3 {
    margin-top: 20px;
}

#fiche-empr h3 {
    margin-bottom: 10px;
}

#comment {
    max-width: 400px;
}

.form_liste_lecture .left {
    float: none;
    margin-bottom: 5px;
}

#onglets_list {
    padding-bottom: 30px;
}

#websubscribe h1 {
    margin-top: 10px;
    color: #962E33;
}

#websubscribe h4 {
    line-height: 20px;
}

#websubscribe input[type="button"] {
    background: rgb(239, 166, 128);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(239, 166, 128, 1) 0%, rgba(229, 109, 47, 1) 44%, rgba(227, 105, 41, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239, 166, 128, 1)), color-stop(44%, rgba(229, 109, 47, 1)), color-stop(100%, rgba(227, 105, 41, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(239, 166, 128, 1) 0%, rgba(229, 109, 47, 1) 44%, rgba(227, 105, 41, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(239, 166, 128, 1) 0%, rgba(229, 109, 47, 1) 44%, rgba(227, 105, 41, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(239, 166, 128, 1) 0%, rgba(229, 109, 47, 1) 44%, rgba(227, 105, 41, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(239, 166, 128, 1) 0%, rgba(229, 109, 47, 1) 44%, rgba(227, 105, 41, 1) 100%);
    /* W3C */
    filter: progid, DXImageTransform.Microsoft.gradient( startColorstr='#efa680', endColorstr='#e36929', GradientType=0);
    /* IE6-9 */
    color: #fff;
    border: none;
    font-weight: normal;
    padding: 4px 6px;
    border-radius: 4px;
}

#websubscribe input[type="button"]:hover {
    background-color: #4A4947;
    color: #fff;
}

.fiche-lecteur td {
    padding: 0px 2px;
    width: 33%;
    vertical-align: middle;
}

.fiche-lecteur td a {
    text-shadow: none;
}

.form-contenu input[type="checkbox"],
#lab_conf {
    vertical-align: bottom;
    padding-top: 0px;
}

#change-password input[type="password"] {
    color: #3d3d3d;
    border: 1px solid #E7E7E7;
    display: block;
    border-radius: 0px;
    box-shadow: 1px 2px 2px 0px rgba(10, 10, 10, 0.07)inset;
    width: 55%;
}

#fiche-empr-container {
    color: #6c6c6c;
    background-position: 113% 89%;
    background-repeat: no-repeat;
}

.fiche-lecteur {
    vertical-align: middle;
}

.fiche-lecteur a {
  color: var(--color-secondary);
}

#public_list {
    background-color: #fff;
}

table.liste-expl-empr-all,
#empr-old table.sortable {
    border: solid 1px #787878;
}

table.liste-expl-empr-all th,
table.liste-expl-empr-all tr,
#empr-old table.sortable th,
#empr-old table.sortable tr{
    border-top: solid 1px #787878;
    text-align: center;
}

table.liste-expl-empr-all td,
table.liste-expl-empr-all th,
#empr-old table.sortable th,
#empr-old table.sortable td{
    padding: 10px 10px;
}

table.liste-expl-empr-all td:nth-of-type(even),
table.liste-expl-empr-all th:nth-of-type(even) {
    background-color: rgba(255, 255, 255, 0.1);
}

.expl-empr-retard center b {
    color: #940303;
    border: solid 1px;
    padding: 0px 5px;
    border-radius: 3px;
    background-color: #fff;
}

.tb_pret_location_row {
    text-align: center;
    font-weight: 600;
    background-color: var(--color-primary);
    color: var(--color-secondary);
}
/* Surlignage
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/
/* surlignage des mots recherches */

.text_search0,
.text_search1,
.text_search2,
.text_search3,
.text_search4,
.text_search5 {
    text-decoration: underline;
}

.text_search0 {
    background-color: #DBF7FB;
    text-decoration: underline;
}

.text_search1 {
    background-color: #FBF8DB;
    text-decoration: underline;
}

.text_search2 {
    background-color: #D0F6FB;
    text-decoration: underline;
}

.text_search3 {
    background-color: #DBF7FB;
    text-decoration: underline;
}

.text_search4 {
    background-color: #99B5B9;
    text-decoration: underline;
}

.text_search5 {
    background-color: #D0F6FB;
    text-decoration: underline;
    display: inline-block;
}
/* espace disabled
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

.espaceCartAction {
    display: none;
}
/* location
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

/* #location {
}

#location h3,
#last_entries h3,
#etageres h3 {
} */

/* responsive
========================================================================== */

#pmbopac.popup .asideContentNot,
#pmbopac.popup .notice_contenu,
#pmbopac.popup .panier_avis_notCourte {
    float: none;
    margin: 0 auto;
    width: 85%;
}

#pmbopac .onglet_basketNot .img_basketNot {
    padding: 0px;
}

#pmbopac .vignetteDocNot,
#pmbopac .typeDoc_notCourte,
#visionneuseIframe .typeDoc_notCourte,
#visionneuseIframe .vignetteDocNot {
    text-align: center;
}

#pmbopac .typeDoc_notCourte {
  margin-top: 10px;
}

#pmbopac .vignetteNot {
    width: initial;
    border: none;
}
/* formulaire mdp login
---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

/* Home Fade-News Slider
 ========================================================================== */

.Slider {
    width: auto;
    border: solid 0px #dedede;
    box-shadow: 0 3px 6px rgba(160,166,168,.15);
    background-color: #ffffff;
}

.titleContenu,
.listselect-item>h3 {
    text-transform: uppercase;
    color: #4a4a4a;
    font-weight: 400;
    height: auto;
    line-height: 30px;
    padding: 0 0 0 0px;
    width: auto;
    position: relative;
}

#pmbopac .listselect h3 {
    padding: 15px 0 5px;
    z-index: 20;
}

.listNotHz a {
  text-decoration: none;
}

.SliderArt h3.titleInside {
    padding-top: 15px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    z-index: 20;
}

.titleContenu {
    margin-bottom: 0px;
}
/* Home Notices Slider
 ========================================================================== */
.wl-slideshow>div {
    box-shadow: 0 10px 15px rgba(0,0,0,.03);
    background-color: #eb4e3a;
    height: 272px;
    border: solid 1px #dedede;
}

.SliderHoriz .bx-wrapper .bx-pager {
    padding: 9px;
    text-align: left;
    display: none;
}

h3.section-title {
    text-transform: uppercase;
    color: #4a4a4a;
    font-weight: 400;
    height: auto;
    line-height: 30px;
    padding: 0 0 0 0px;
    width: auto;
    position: relative;
    font-style: italic;
    text-indent: 30px;
    padding-top: 15px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

/* Home Selections
 ========================================================================== */

.listselect .itemVign .imgL.uk-panel-box {
    background-color: #fff;
    border-radius: 5px;
    width: 85%;
    margin: 0 auto;
}
/* Panier
 ========================================================================== */


/* Image du panier
 ========================================================================== */


/* lien du panier
 ========================================================================== */


/* Page panier
 ========================================================================== */

.empty:after {
    content: "Mon panier";
    background-image: url('images/basket_small_20x20.png');
    background-repeat: no-repeat;
    background-position: 0px 45%;
    text-indent: 55px;
    padding-left: 0px;
    display: block;
    color: #796262;
    height: 40px;
    line-height: 38px;
    position: static;
}

#cart_action br {
    display: none;
}

#cart_action {
    margin: 10px 0px;
}

#cart_action>input {
    margin-bottom: 0px;
    font-weight: normal;
    border: none;
    padding: 5px;
    margin-left: 1.3%;
    margin-top: 7px;
    min-height: 25px;
    word-wrap: break-word;
}

#cart_action>input:nth-of-type(2n+3) {
    clear: left;
}

#cart_action input[type="button"].bouton {
    word-break: break-all;
}

#cart_action form[name="export_form"] {
    width: 97.5%;
    padding: 7px 10px;
    line-height: 25px;
    margin: 10px auto;
    clear: both;
    border-top: solid 1px #E7E7E7;
    border-bottom: solid 1px #E7E7E7;
    display: block;
}

#cart_action input[value="Ok"].bouton {
    padding: 5px 10px;
    border: 0px;
    display: block;
}

iframe#iframe_resume_panier html {
    background-color: transparent;
}

#cart_action form[name="export_form"] label {
    margin: 0px 0px;
    line-height: 22px;
    padding: 0;
    vertical-align: top;
}

#resume_panier a {
    color: red;
}

ul.onglets_isbd_public .onglet_basket a.img_basket_exist {
    width: 34px;
    display: block;
    padding: 0px;
    background-position: 50% 50%;
    background-image: url('images/basket_full_circ.png');
    margin: 0;
    background-repeat: no-repeat;
    background-color: #669F25;
    border-color: #669F25;
}

.main_wrapper a.img_basket {
    width: auto;
    float: none;
    display: inline-block;
    margin-left: 20px;
}
/*lien panier
 ========================================================================== */

.bannette-titre h1>a[href^="cart_inf"] {
    padding-right: 7px;
}

.bannette-titre h1>a[href^="cart_inf"] {
    padding-right: 7px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
}

.bannette-titre h1>a[href^="./empr.php?"] {
    display: inline-block;
}

.bannette-titre h1>a[href^="cart_inf"] {
}
/* Alertes perso
--------------------------------------------------------------------------------------- */

.aut_details_bannette {
    background-color: #F8F8F8;
    overflow: hidden;
    padding: 0px 10px;
    margin-top: 0;
}

.aut_details_bannette form th,
.aut_details_bannette form td {
    max-width: 150px;
    text-align: center;
}

.aut_details_bannette form td a {
  color: var(--txt-c-thirdly);
}

.aut_details_bannette form tbody {
    border: solid 1px #787878;
}

.aut_details_bannette form th {
    font-weight: 400;
    vertical-align: top;
    padding: 4px 7px;
    border: solid 1px #787878;
}

#bannette-container {
    background-color: #FeFeFE;
    padding: 1%;
    width: 98%;
    margin: 0 auto;
    border: solid 1px #cdcdcd;
}

.bannette-container > form > table {
    margin-bottom: 15px;
}

#bannette-container .colonne2 {
    width: auto!important;
}

#bannette-container .notice-heada {
    width: 90%;
}

#bannette-container table {
    margin: 0px 0px 10px;
}

#bannette-container table:empty {
    display: none;
}

#bannette-container table tr td {
    padding: 5px 7px;
}

#bannette-container form table tr td:nth-child(odd) {
    background-color: #f9f9f9;
    padding: 5px 7px;
    text-align: center;
    border-left: solid 1px #787878;
    border-right: solid 1px #787878;
}
/*lien panier
 ========================================================================== */


/*
 ==========================================================================
 ===========================NOUVELLEs LIGNES CSS============================
 ==========================================================================
*/

/*Header
 ========================================================================== */

 #titrePortail {
    text-align: center;
    padding: 0 8.33%;
 }

 .pmb_logo_header  {
     position: absolute;
     top: -4vw;
     max-width: 13vw;
     min-width: 100px;
 }

 #intro {
    background: url(../../cms_vign.php?type=section&id=62&mode=large) no-repeat;
    background-size: cover;
    padding-top: 122px;
    padding-bottom: 50px;
    min-height: 400px;
}

.pmb_menu_container {
    background-color: #0152A0D1;
    position: absolute;
    left: 0;
    top: 0;
    padding: 18px;
}  

#pmb_top-menu a {
    color: var(--color-black);
    font-weight: 500;
}

.logosSoc {
    margin-left: 12vw;
}

.logosSoc ul {
    gap: 20px;
}

#pmb_top-menu > ul {
    gap: 48px;
}


#pmb_top-menu .history,
#pmb_top-menu .user {
    gap: 8px;
}

.cms_module_languages {
    margin-left: 80px;
}

#change_lang_list {
    gap: 8px;
}

#change_lang_list li a {
    width: 32px;
    height: 32px;
    display: block;
    color: var(--color-white);
}

#change_lang_list li {
    position: relative;
}

#change_lang_list li a:before{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

.lang_option.lang_fr_FR a:before {
    content: url(images/fr.png);
}

.lang_option.lang_en_UK a:before {
    content: url(images/en.png);
}

.lang_active:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 3px;
    background-color: var(--color-secondary);
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
}

#cms_module_languages_196 {
    display: none;
  }

/* Sélection Espace
 ========================================================================== */

 .pmb_espace {
    background-color: #9A88614d;
    padding: 40px 0;
    position: relative;
 }

 .pmb_espace:before {
    content: " ";
    display: block;
    background-color: #9A88614d;
    position: absolute;
    height: 100%;
    top: 0px;
    left: -100%;
    width: 100%;
    z-index: 100;
  }

  .pmb_espace:after {
    content: " ";
    display: block;
    background-color: #9A88614d;
    position: absolute;
    height: 100%;
    top: 0px;
    right: -100%;
    width: 100%;
    z-index: 100;
  }

  .pmb_espace h3 {
   text-transform: uppercase;
   font-size: 1.8em!important;
   letter-spacing: 2px;
   padding-right: 72px;
   transition: .3s ease-in-out;
 }

  .pmb_espace_item {
    max-width: 500px;
    padding: 32px 24px 24px 40px;
    background-color: var(--color-white);
    border-radius: 32px 0 0 0;
  }
  
  .pmb_espace h3::after {
   content: url(images/arrow_selection.png);
   position: absolute;
   right: 0;
   top: -18px;
   transition: .2s ease-in-out;
   transform: scale(80%);
  }

  .pmb_espace a:hover h3::after {
    transform: scale(100%);
    transition: .2s ease-in-out;
   }

   .pmb_espace a:hover h3 {
    padding-left: 8px;
    letter-spacing: 2.2px;
    transition: .3s ease-in-out;
   }
 
  .pmb_espace .listBibli > div {
    gap: 62px;
  }

/* Message important
 ========================================================================== */

.pmb_img_impt {
    max-height: 268px;
  }

.pmb_impt > div {
    gap: 32px;
 } 

/* .pmb_img_impt img {
    object-fit: cover;
    width: 100%;
    height: 100%;
} */

/*Article
 /* ========================================================================== */
 
.uk-thumbnail{
    border: none;
}

.article-thumb{
    width: 100px;
}

/*Actualités
 /* ========================================================================== */

 .pmb_carrousel {
    position: relative;
    /* max-height: 460px; */
    overflow: hidden;
    padding-right: 16px;
}

.pmb_carrousel h3 {
    font-size: 1.25em !important;
    font-weight: 600 !important;
}

.pmb_carrousel .pmb_resume {
    color: var(--color-black);
}

.pmb_carrousel figure {
    height: 100%;
    border-radius: 32px 0 0 0;
}

.pmb_carrousel > div {
    gap: 32px;
}

.pmb_carrousel .uk-dotnav {
   height: 100%;
 }

.pmb_carrousel .uk-dotnav > * {
    padding-left: 12px;
    margin-top: 0;
 }

/* .pmb_arrow_container {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 5;
} */

.pmb_carrousel figcaption {
    background-color: rgba(256, 256, 256, 0.85);
    padding: 32px;
}

.pmb_carrousel figcaption > *:not(.pmb_button_primary) {
    text-align: left;
}

.pmb_carrousel figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 492px;
}

.pmb_date {
    color: var(--color-secondary)!important;
    font-style: italic!important;
    text-decoration: none!important;
    font-size: 1em!important;
}

.pmb_carrousel .pmb_resume {
    text-decoration: none!important;
    margin: 8px 0 0;
}

.pmb_carrousel .uk-slidenav {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 50px !important;
}

/*Recherche
 ========================================================================== */

.tagsN a, .suggestsN a, .listeLectureN a, .docnumNCourtePermalink a, span.docNumN a, a.listeLectureN span, .listeLectureN{
    text-decoration: none;
    font-style: normal;
}

.facette_plus_link {
    margin-left: 10px;
}

#a2z_perio #form_search_bull tr:nth-child(2) td:nth-child(3) > strong, div#form_search_bull form table td strong {
    float: left;
    margin-right: 10px;
}

div#form_search_bull form table tr:nth-child(2) td:first-child,  div#form_search_bull form table tr:nth-child(2) td>strong{
    padding-top: 5px;
}

.search_history_ul {
    padding-bottom: 30px;
}

span.StatutPartN:hover, span.docNumN a:hover{
    text-decoration: underline;
}

/*Notice
 ========================================================================== */

 .pmb_carrousel_notices {
    margin-top: 44px!important;
}

.pmb_carrousel_notices h2 {
    border-bottom: 6px solid var(--color-primary);
    padding-bottom: 24px;
    margin-bottom: 90px!important;
}

#pmbopac .listNotHz {
   background-color: transparent;
}

#pmbopac .listNotHz h3 {
    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: 1em;
    margin: 16px 0 8px;
    line-height: 1.2;
}

#pmbopac .listNotHz h4 {
    font-size: 0.875em;
    font-weight: 500;
    color: var(--color-secondary);
    font-family: var(--font-secondary) ;
}

#blocNotice_descr ul.onglets_isbd_publicNot li a{
    font-weight: 500;
}

.descr_notice .labelContent iframe{
    height: auto;
}

.onglet_basketNot .img_basketNot img{
    margin-right: 0;
}

.listNotAccueil {
    border: 1px solid var(--color-primary);
}

.listNotAccueil .pmb_title{
    border-bottom: 1px solid var(--color-primary);
}

.listNotAccueil .notAccueil{
    padding: 15px 25px 25px 50px;
}

.listNotAccueil .notAccueil:last-of-type{
    margin-top: 0;
    padding-top: 0;
}

.listNotAccueil .notAccueil:last-of-type>div{
    padding-top: 25px;
    border-top: 1px solid var(--color-primary);
}

.listNotAccueil .notAccueil>div>div{
    display: grid;
    align-items: center;
}

.listNotAccueil .notAccueil h3{
    color: var(--color-primary);
    font-weight: 500;
}

.listNotAccueil .notAccueil .resumeNotice {
    margin: 15px 0;
}

.listNotAccueil .notAccueil .plusNotice {
    text-align: right;
    color: var(--txt-c-thirdly);
    font: var(--font-link);
}

/* .listNotHz .imgL {
    max-height: 160px;
} */

.uk-slidenav.uk-slidenav-next {
    right: -30px;
    top: 58%;
}

.uk-slidenav.uk-slidenav-previous {
    left: -30px;
    top: 58%;
} 

#main.on-home .uk-slidenav.uk-slidenav-next {
    right: -16px;
    top: 75%;
}

#main.on-home .uk-slidenav.uk-slidenav-previous {
    left: -16px;
    top: 75%;
} 


/* Notices coup de coeur
 ========================================================================== */
 
 .pmb_cdc_container h2 {
    margin-bottom: 0!important;
}

.pmb_cdc:first-of-type {
    padding: 24px 0 12px;
}

.pmb_cdc:last-of-type {
    padding: 12px 0 0;
}

.pmb_cdc_content h3 {
    font-size: 1.25em !important;
    font-weight: 600 !important;
}

.pmb_cdc_item {
    gap: 32px;
}

.pmb_cdc:nth-of-type(2n) .pmb_cdc_item {
    flex-direction: row-reverse;
}

.pmb_cdc:nth-of-type(2n) {
    position: relative;
}

.pmb_cdc_content {
    flex: 2;
}

/*Selections
 ========================================================================== */

 .pmb_selection_item {
    padding-left: 16px;
    margin-bottom: 16px;
    min-height: 238px;
 }

 .pmb_selection_container .uk-grid > div:nth-child(2n) {
    padding-left: 16px;
  }

  .pmb_selection_container .uk-grid > div:nth-child(1) a {
    background-color: var(--color-thirdly);
  }

  .pmb_selection_container .uk-grid > div:nth-child(2) a {
    background-color: var(--color-fourthly);
  }

  .pmb_selection_container .uk-grid > div:nth-child(3) a {
    background-color: var(--color-secondary);
  }

  .pmb_selection_container .uk-grid > div:nth-child(4) a {
    background-color: var(--color-fifthly);
  }

 .pmb_selection_item a {
    background-color: var(--color-primary);
    padding: 20px;
    color: var(--color-white);
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 32px 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
 }

  #pmbopac .pmb_selection_item h3 {
    color: var(--color-white);
    font-weight: 600;
    font-size: 1.5em;
    text-transform: uppercase;
    text-align: center;
 }

 .pmb_selection_item img {
    margin-top: 8px;
 }


/*Widget Scoop it & Video
 ========================================================================== */


.pmb_scoop_it h2 {
  border-bottom: 6px solid var(--color-primary);
  padding-bottom: 24px;
  margin-bottom: 32px!important;
}

.pmb_scoop_it .mediaWidget {
    gap: 32px;
}

.pmb_video .pmb_resume {
    margin-top: 8px;
    text-align: center;
}

.pmb_video .mediaWidget {
    height: 245px;
}


/*Mon compte
 ========================================================================== */

 #date_debut_popup .dijitReset.dijitCalendarMonthContainer {
    background: white;
} 

/*Mon panier
 /* ========================================================================== */

 
.listeLectureNCourte a{
    text-decoration: none;
}

.resume_notCourte span{
    font-style: normal
}

blockquote{
    font-style: normal;
} 

/*Plan du site
 ========================================================================== */

.site_map ul:first-child li {
    margin-left: 20px;
}

.site_map_Nav a {
    font: var(--font-link);
    font-weight: 400;
    text-decoration: none;
} 

/* button
 ========================================================================== */

#pmbopac #cadre_depos:empty,
#pmbopac div.olButton:empty {
    display: block;
}

#pmbopac .surbrillance span, #pmbopac .surbrillance a{
    color: inherit!important;
}

.docnum.center > a + div{
    border: none!important;
}

#connexion br {
    display: none;
} 


/* ==========================================================================
==========================================================================
                               General
==========================================================================
========================================================================== */

.uk-grid-medium > * {
    padding-left: 32px;
  }

#main.on-home #main_hors_footer > div+div {
    margin-top: 44px;
}

#pmbopac .pmb_title {
    position: relative;
    font: var(--font-title);
    color: var(--color-primary);
    margin-bottom: 18px;
}

#pmbopac .pmb_title.pmb_title_icon {
    padding-left: 44px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 16px;
}

#pmbopac .pmb_title_icon::before {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#pmbopac .pmb_title_icon.books_icon::before {
    content: url(images/books.png);
}

#pmbopac .pmb_title_icon.selection_icon::before {
    content: url(images/selection.png);
}

/* #pmbopac .on-home .pmb_resume {
    text-decoration: none!important;
    margin: 8px 0 16px;
} */

.not-home .pmb_resume {
    text-decoration: none!important;
    margin: 8px 0 12px;
}

.uk-dotnav>.uk-active>*,
.uk-dotnav>*>*,
.uk-dotnav>*>*:hover  {
  background: var(--color-secondary);
}

.uk-dotnav>.uk-active>*,
.uk-dotnav>*>*:hover {
  opacity: 1;
  background-color: var(--color-secondary);
}

.uk-dotnav>*>* {
    opacity: 0.7;
    background-color: #009BB752;
    width: 20px;
    height: 20px;
    /* border: 2px solid var(--color-secondary); */
}

.uk-slidenav-position .uk-slidenav {
  display: block;
}

.uk-slidenav-next::before {
  content: url('images/arrow_right.png');
}

.uk-slidenav-previous::before {
  content: url('images/arrow_left.png');
}

#pmbopac h3 a,
#pmbopac h2 a,
#pmbopac h4 a {
  text-decoration: none;
}

.center {
    text-align: inherit;
}

#docnum .center {
  text-align: center;
}

#empr-list > h3 {
    display: none;
}

#empr-list h3:first-of-type {
    display: block;
}


.form_liste_lecture #aut_see {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.form_liste_lecture #aut_see > div input.text_query {
    height: 39px;
} 

/**********/
/* GÉNÉRAL*/
/**********/

.pmb_shelve .pmb_record_container > a .etagere-suite {
	text-decoration: none;
	margin: 10px 0 0;
	padding: 5px 15px;
	font: var(--font-btn);
}

.uk-breadcrumb  {
  flex-wrap: wrap;
}

.uk-breadcrumb.breadcrumb a {
  text-decoration: none;
  color: var(--color-secondary);
  font-size: 1.4em;
}

.breadcrumb a {
    text-decoration: none;
    color: var(--color-secondary);
    font-size: 0.9em;
  }

.pmb_resume a {
  font: var(--font-link);
  color: var(--color-primary);
}

.pmb_main_bg {
    background-color: var(--color-primary);
} 

/**********/
/* HEADER */
/**********/

#accessibility {
    position: absolute;
    left: 10.4%;
    bottom: 24px;
 }

#accessibility ul {
    display: flex;
    align-items: baseline;
}

#accessibility ul li {
  float: none;
  padding: 0;
}

#accessibility a {
    text-decoration: none;
    font: normal normal normal 18px/33px var(--font-secondary);
}

#accessibility .accessibility_font_size_normal {
  padding: 0 12px;
}

#pmb_mobile_facette {
    margin-right: 8px;
    color: white;
    font-size: 35px;
    background: var(--bg-eighthly);
    padding: 18px 12px;
}

#connexion {
    box-shadow: 0px 3px 5px #0000001A;
    position: relative;
    padding: 24px!important;
    position: absolute;
    background-color: var(--color-primary);
    top: 0;
    width: 350px;
    right: 10vw;
    z-index: 1000;
    background-color: var(--color-white);
    box-shadow: 2px 2px 12px #0000001A;
    display: none;
}
 
#connexion.uk-hidden {
    display: block!important;
    visibility: visible!important;
    animation-duration: 0ms!important;
    padding: 0;
}

#connexion br {
    display: none;
}

#connexion label {
    display: none;
}

#connexion h3.login_invite {
    font-family: var(--font-primary);
    font-size: 2em;    
    color: var(--color-primary);
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 16px;
}

#connexion h3:empty {
    display: none;
}

.logged_user_name {
    color: var(--color-primary);
    margin-bottom: 8px;
    display: inline-block;
}

#connexion #login_form select {
  color: var(--color-primary);
  width: 100%;
  margin-bottom: 24px;
}

#connexion input {
    height: 45px;
    line-height: 45px;
    width: 100%;
    display: block;
    background: #fff;
    border: 1px solid var(--color-primary) ;
    color: var(--color-primary);
    padding: 0 20px;
    margin: 10px 0;
    font-family: var(--font-secondary);
}

#connexion input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color-black);
  padding: 0 12px;
  opacity: 0.82;
}

#connexion input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--color-black);
  padding: 0 12px;
  opacity: 0.82;
}

#connexion input::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--color-black);
  padding: 0 15px;
  opacity: 0.82;
}

#login_form > form {
    margin-bottom: 16px;
  }

#login_form input.bouton {
	position: absolute;
	top: 133px;
    right: 24px;
	color: var(--color-white);
	margin: 0;
	background: var(--color-primary);
}

#login_form a {
  font: var(--font-link);
  color: var(--color-primary);
  padding: 4px 0;
  font-size: 100%;
  font-size: 15px;
}

#login_form #empr_logout_lnk {
  color: var(--color-secondary);
}

#login_form a:last-child {
    display: block;
    clear: both;
    width: fit-content;
}

#login_form input[type="submit"].bouton {
    padding: 0px;
    width: 62px;
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 1.4em;
    background-color: var(--color-secondary)!important;
}

#help_connexion  {
    display: block;
    text-align: right;
    position : absolute;
    right: 24px;
    bottom: 32px;
}

#help_connexion a {
    padding: 8px 14px;
    background-color: var(--color-secondary);
    color: var(--color-white);
    text-decoration: none;
    font-size: 15px;
}

.pmb_search {
    bottom: -36px;
}

#pmbopac .pmb_search h4 {
    font-family: var(--font-primary);
    font-size: 2em;    
    color: var(--color-white);
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 3px;
    width: 100%;
    text-align: left;
    margin-top: 0;
    font-weight: 400;
}

.pmb_search .searchbox {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 5;
  max-width: 648px;
  flex-direction: column;
  margin-top: 40px;
}

.pmb_search .research_inputs {
  display: flex;
  position: relative;
}

.pmb_search .searchbox input[name="user_query"] {
	width: 100%;
	height: 54px;
	border: none;
    box-shadow: none;
    font: normal normal 400 15px/20px var(--font-secondary);
    opacity: 1;
    padding-left: 24px;
    margin-bottom: 28px;
}

.pmb_search .searchbox input[name="user_query"] {
    background-color: #ffffffd1;
    border-radius: 16px 0 0 0;
}
 
.pmb_search .searchbox input[name="user_query"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--color-black);
    font: normal normal 400 15px/20px var(--font-secondary);
    opacity: 0.44;
}

.pmb_search .searchbox input[name="user_query"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--color-black);
    font: normal normal 400 15px/20px var(--font-secondary);
    opacity: 0.44;
}

.pmb_search .searchbox input[name="user_query"]::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--color-black);
    font: normal normal 400 15px/20px var(--font-secondary);
    opacity: 0.44;
}

.searchbox input.bouton,
.searchbox input[type="submit"]{
  background: url('./images/search.png') 50% 50% no-repeat;
  font-size: 0;
  width: 66px;
  height: 54px;
  background-color: transparent!important;
  border: none!important;
  position: absolute;
  right: 0;
}

.search_advanced_link,
.search_other_link {
    color: var(--color-white);
    position: absolute;
    height: inherit;
    top: 68px;
}

.search_other_link {
    top: 68px;
    right: 172px;
  }

  #search_other_link_1 {
    right: 0;
  }

.search_other_link a,
.search_advanced_link a {
  text-decoration: underline;
  font-weight: 500;
}

.searchbox input[type="submit"]:hover,
.searchbox input[value="Aide"]:hover,
.search_advanced_link a:hover {
    cursor: pointer;
}

.search_radio_button {
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    top: 68px;
    left: 0;
    color: white;
}

#search_radio_button_1.search_radio_button {
    left: 176px;
}

.searchbox br {
    display: none;
}

#pmb_main_menu,
#pmb_main_menu > ul,
#pmb_main_menu > ul > li {
    height: 100%;
}

#pmb_main_menu > ul > li {
    transition: 0.3s ease;
}

#pmb_main_menu > ul > li:hover {
    transition: 0.3s ease;
}

#pmb_main_menu > ul > li:first-child a {
  font-size: 0;
  background: url('images/home.png') no-repeat;
  background-position: center;
  width: 29px;
  height: 25px;
  padding: 0 60px;
  margin-top: -5px;
}

#pmb_main_menu > ul > li:not(:first-child) > a {
  font-family: var(--font-primary);
  font-size: 1.15em;
  color: var(--color-white);
  font-weight: bold;
  text-decoration: none;
  padding: 0 48px;
  transition: 0.3s;
  text-align: center;
  position: relative;
}

#pmb_main_menu > ul > li:not(:first-child) > a:before {
   content: "";
   position: absolute;
   display: block;
   height: 12px;
   width: 2px;
   top: calc(50% - 6px);
   left: 0;
   background-color: var(--color-white);
  }

#pmb_main_menu > ul > li .uk-dropdown {
  background-color: rgb(248, 248, 248);
  font-size: var(--ft-body);
  min-width: calc(100% + 80px);  
  width: fit-content;
  left: 0 !important;
  top: 46px !important;
  padding: 0;
  box-shadow: 2px 2px 5px #0000001A;
}

#pmb_main_menu > ul > li .uk-dropdown a {
  text-decoration: none;
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-size: 1.10em;
  font-weight: 500;
  padding-bottom: 8px;
  width: 100%;
  text-align: left;
  position: relative;
}

#pmb_main_menu > ul > li .uk-dropdown a::after {
    content: "";
    height: 2px;
    width: 0;
    background-color: var(--color-secondary);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.3s ease;
  }

#pmb_main_menu > ul > li .uk-dropdown a:last-of-type {
    border-bottom: none;
  }

#pmb_main_menu > ul > li .uk-dropdown li {
  position: relative;
  overflow: hidden;
  transition: 0.3s;
  text-align: center;
  position: relative;
  margin: 12px 48px;
  transition: 0.3s ease;
}

#pmb_main_menu > ul > li .uk-dropdown li:hover {
    transition: 0.3s ease;
  }

  #pmb_main_menu > ul > li .uk-dropdown li:hover a::after {
    transition: 0.3s ease;
    width: 100%;
  }

/************/
/*  FOOTER  */
/************/

#footer h4 {
    font-family: var(--font-primary);
    font-size: 1.65em;
    color: var(--color-white);
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 12px;
    position: relative;
    padding-bottom: 8px;
}

#footer .pmb_mega_footer h4::after {
    content: "";
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--color-white);
}

#footer .Ancre {
  height: 56px;
  width: 56px;
  margin: 0 0 0 auto;
  position: absolute;
  right: 4%;
  top: -18px;
  z-index: 10;
}

#footer .Ancre a {
  text-decoration: none;
  font-size: 0px;
  background: url(images/ancre.png);
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
}

#footer .uk-navbar-nav > li > a {
    color: var(--color-white);
    font-family: var(--font-secondary);
    padding: 0 31px;
}

#footer .uk-navbar-nav > li:hover > a,
#footer .uk-navbar-nav > li:focus > a,
#footer .uk-navbar-nav > li:active > a {
    background-color: transparent!important;
}

#footer .mediaFooter iframe {
    width: 100%;
    min-height: 178px;
}

#footer .bloc45 {
    display: flex;
    align-items: center;
}

#footer .mediaFooter a {
   color: var(--color-white)!important;
}

#footer #piedDePage > div:first-of-type h4 {
    display: none;
}

#footer .pmb_mega_footer {
    background-color: #0152A0cc;
    padding: 32px 10.334% 44px;
}

#footer .pmb_logos_partenaires {
    background-color: #0152A0e6;
    padding: 32px 10.334%;
}

#footer .pmb_liens_footer {
    background-color: #0152A0;
    padding: 16px 10.334%;
}


.pmb_logos_partenaires > div > div > div {
    gap: 8px
}

/**************/
/*  Rubrique  */
/**************/

.pmb_multimedia,
.pmb_multimedia iframe {
  max-width: 100%;
}

#pmbopac .pmb_subtitle_doc {
  font: var(--font-secondary);
  color: var(--color-primary);
}

#pmbopac .pmb_date {
    font-size: 0.8em;
    color: var(--color-secondary);
    text-decoration: none;
    margin-top: 8px;
}

body .uk-slideshow  .uk-cover-background {
    display: block;
}

/**************/
/*  pages internes  */
/**************/

.pmb_slider_new  .imgL a {
    height: 100%;
    width: 100%;
    display: block;
}

.mediaBib a,
.liensBib a {
	color: var(--color-secondary)!important;
	text-decoration: underline;
	margin: 2px 0;
	transition: 0.5s;
}

.lienN a {
    margin-left: 12px!important;
  }

  .imgDocNum {
    margin-right: 0!important;
  }

  .listArticlesGen .itemAbrege .itemContent h3 {
    font-size: 1.30em!important;
  }

  .listArticlesGen .itemAbrege .itemContent h3.wl-title-article {
    font-size: 1.65em!important;
  }


/* #129668 */

.listArticlesGen > div {
    margin-bottom: 44px;
}

/* #129935 */

.panier_avis_notCourte {
    margin-left: 80%;
}
    
.notice_corps {
    width: 62%;
}

.notice_corps.no-right-content {
    width: 60%;
  }

/* #129926 */

.asideContentNot {
    width: 18%;
}

#blocNotice_descr ul.onglets_isbd_publicNot li {
    min-width: 18%!important;
}

.notice_contenu {
    margin-left: 19%;
}

/* #128973 */

.avisNCourte span:nth-child(1) {
    margin: 0 1.5%;
    padding: 0;
  }

  em {
    color: var(--color-black);
  }

  /* #129822 */

  .resume a,
  .onglets_isbd_publicNot + div a,
  .itemSolo .chapeau a {
    color: var(--color-secondary);
    text-decoration: underline;
  }

    /* #positionnement recherche avancée */

    #search form .form-contenu input[value="Aide"] {
        float: none!important;
    }
        
    #search form input[value="Aide"] {
        float: none!important;
    }

    #search form .form-contenu input[type="submit"] {
        float: none;
    } 

    #search .form-contenu [id^="elfield"] input[type="text"].ext_search_txt {
        max-width: 100%;
        width: 100%;
    }

    .search_group > span:first-of-type {
        display: inline-block;
        width: 80%;
    }

    .search_group > span:first-of-type > span {
        width: 100%!important;
        display: inline-block;
    }
        
      
      
      