@charset "utf-8";
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
/*                      Glyphe Icons                      */
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
#resa_notice a:before,
.actions_last_pageNot span:before,
.plusN a:before,
.avisNCourte a:before,
.statutPartN span:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
}

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

/* ---------------------------------------------------------------------*/
/* ---------------------------------------------------------------------*/
/*          Notice reduite     record_in_result_display                 */
/* ---------------------------------------------------------------------*/
/* ---------------------------------------------------------------------*/


/* ---------------------------------------------------------*/
/*                        Grid Layout                       */
/* ---------------------------------------------------------*/

.vignetteimgNot {
	margin-bottom: 10px;
}

/* ---------------------------------------------------------*/
/*                      Notice reduite                      */
/* ---------------------------------------------------------*/
.parentNotCourte {
	margin: 0px auto;
	padding: 20px 5px 15px;
	background-color: var(--color-white);
	border-bottom: 1px solid #e7e7e7;
}

.panier_avis_notCourte .text_search0, .panier_avis_notCourte .text_search1, .panier_avis_notCourte .text_search2, .panier_avis_notCourte .text_search3, .panier_avis_notCourte .text_search4, .panier_avis_notCourte .text_search5, .footer_notice .text_search0, .footer_notice .text_search1, .footer_notice .text_search2, .footer_notice .text_search3, .footer_notice .text_search4, .footer_notice .text_search5, .plusN .text_search0, .plusN .text_search1,
.plusN .text_search2, .plusN .text_search3, .plusN .text_search4, .plusN .text_search5 {
    background-color: transparent;
    text-decoration: none;
    padding: 0px !important;
}

.avisNCourte a {
    text-decoration: none;
    color: var(--color-white);
    margin-left: 5px;
}
/* ---------------------------------------------------------*/
/*                        Picture                           */
/* ---------------------------------------------------------*/
.vignetteDocNot {
	text-align: left;
	overflow: hidden;
}

.vignetteNot {
	width: initial;
	height: auto;
	border: solid 1px #E6E6E6;
	max-width:100%;
}
.parentNotCourte .vignetteNot{
	width: 100%;
}
/* ---------------------------------------------------------*/
/*                     Titre   Notice                       */
/* ---------------------------------------------------------*/
.title_notCourte h3 {
	margin-bottom: 10px;
	padding-top: 3px;
	font: var(--font-secondary);
	color: var(--color-primary);
}

/* ---------------------------------------------------------*/
/*                     Notice summary                       */
/* ---------------------------------------------------------*/
.resume_notCourte span {
	font-style: italic;
	font-weight: 400;
	font-size: 1em;
}

.infoCompl_notCourte {
	margin-bottom: 10px;
}

.infoCompl_notCourte span {
	color: var(--color-black);
	font-weight: 400;
	font-size: 1em;
}


.infoCompl_notCourte span a {
	color: var(--color-black);
}

/* ---------------------------------------------------------*/
/*                       Notice complet                     */
/* ---------------------------------------------------------*/
.plusN {
	margin: 20px 0;
	font-weight: 600;
	color: var(--color-secondary);
}

#pmbopac .plusN a {
	font-size: 1em;
	color: var(--color-primary);
	text-decoration: none;
	margin: 2px 0;
	font-weight: 600!important;
	position: relative;
	padding-left: 24px;
}

.plusN a::before {
	content: url('images/icon_plus.png');
	margin-right: 7px;
	text-align: center;
	text-decoration: none;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 0;
}

/* ---------------------------------------------------------*/
/*                      Avis commentaire                    */
/* ---------------------------------------------------------*/
span.imgComment,
span.imgStatutPartN,
span.imgDocNum {

}

span.imgComment img.imgComment,
span.imgStatutPartN img.imgStatutPartN,
.imgDocNum>img{
	vertical-align: middle;
	line-height: 30px;
	height: 18px;
}

.avisNCourte>a>img,
.imgStatutPartN>a>img {
}

.avisNCourte {
	margin-bottom: 10px;
}


.avisNCourte2 {
	text-align: right;
	margin-top: 15px;
}

.avisNCourte2 a {
	text-decoration: none;
	font-style: italic;
}

.avisN a {
	text-decoration: none;
	font-weight: 500;
	color: var(--color-secondary);
	display: inline-block;
	vertical-align: text-bottom;
	line-height: 29px;
}

.avisNCourte a {}
a.listeLectureN:hover{
	text-decoration: none;
}
a.listeLectureN:hover span{
	text-decoration: underline;

}
.avisNCourte a:before {
}

i.fa.fa-clipboard {
    font-size: 20px;
    color: #fff;
}

span.img_permalink i {
    vertical-align: middle;
}

span.img_permalink,
span.imgTag,
span.imgSuggest,
.listeLectureN a span:first-child,
span.ExtnotCom.imgListeLecture {
}
span.imgTag img,
img.imgSuggest {
}
span.tagsN,
span.suggestsN,
span.docNumn,
span.docNumN,
span.listeLectureN{
}
.tagsN a,
.suggestsN a,
.listeLectureN a,
.docnumNCourtePermalink a,
span.docNumN a,
a.listeLectureN span{
	color: var(--color-white);
}
/* ---------------------------------------------------------*/
/*                            Panier                        */
/* ---------------------------------------------------------*/
.onglet_basketNotCourte .img_basketNotCourte img {
	padding: 7px;
	margin-right: 7px;
	vertical-align: middle;
}

.onglet_basketNotCourte .img_basketNotCourte {
	text-decoration: none;
	background-color: inherit;
	color: var(--color-secondary);
	vertical-align: top;
	line-height: 30px;
}
a.img_basketNotCourte:hover{
	text-decoration:underline;
}
.onglet_basketNotCourte,
.avisNCourte,
.statutPartN,
.tagsNCourte,
.suggestNCourte,
.listeLectureNCourte,
.docnumNCourte,
div.tagsN,
div.suggestN,
div.listeLectureN{
}

span.StatutPartN {
}

.statutPartN2 {
}
/* ---------------------------------------------------------*/
/*                          Reserver                        */
/* ---------------------------------------------------------*/
#resa_notice {
	float: right;
}

#resa_notice h3 {
	border-bottom: none;
}

#resa_notice a {
	text-decoration: none;
	color: #5CB32A;
}

#resa_notice a:before {
	content: "\f064";
	font-size: 120%;
	vertical-align: middle;
	margin-right: 7px;
	text-align: center;
}

.dispoLien_notice {
	margin-top: 8px;
}

.dispoLien_notice a {
	text-decoration: none;
	font-weight: 600;
}
/* ---------------------------------------------------------------------*/
/*                              Notice Footer                           */
/* ---------------------------------------------------------------------*/
.footer_notice {
	margin: 15px 0 5px 0;
	text-align: right;
	width: 100%;
}

.dispoLien_notice a{
	font-size: 1.1em;
	color: var(--color-black);
	font-weight: bold;
}
/* ---------------------------------------------------------------------*/
/* ---------------------------------------------------------------------*/
/*                 Notice Full  record_extended_display                 */
/* ---------------------------------------------------------------------*/
/* ---------------------------------------------------------------------*/

/* ---------------------------------------------------------*/
/*                        Grid Layout                       */
/* ---------------------------------------------------------*/
#noticeNot {
	max-width: 98%;
	margin: 0px auto;
	padding: 0;
}

#blocNotice_descr {
	padding: 0px;
	margin-bottom: 30px;
}

/* ---------------------------------------------------------*/
/*                    Enrichissisement                      */
/* ---------------------------------------------------------*/
#blocNotice_descr ul.onglets_isbd_publicNot {
	width: 100%;
	margin-bottom: 15px;
	padding: 0;
	position: static;
}

#blocNotice_descr ul.onglets_isbd_publicNot:after {
	content: "";
	display: block;
	clear: both;
}


#blocNotice_descr ul.onglets_isbd_publicNot .isbd_public_active a span {
	color: #ffffff;
}

#blocNotice_descr ul.onglets_isbd_publicNot li a {
	display: block;
	padding: 0px 9px;
	text-decoration: none;
	color: #565656;
	border: 0;
}

#blocNotice_descr ul.onglets_isbd_publicNot li {
	display: block;
	float: left;
	margin: 10px 6px 0px 0;
	position: relative;
	text-align: center;
	color: #666666;
	border-bottom: none;
	min-height: 30px;
	line-height: 30px;
	background-color: #E0E2E6;
	min-width: 26%;
}

#blocNotice_descr ul.onglets_isbd_publicNot .isbd_public_active a,
#blocNotice_descr ul.onglets_isbd_publicNot li a:hover {
	color: #fff;
  }

#blocNotice_descr ul.onglets_isbd_publicNot li:hover a span {
	color: #ffffff;
}

#blocNotice_descr ul.onglets_isbd_publicNot li img {
	position: absolute;
	right: 3%;
	top: 20%;
	background-color: #fff;
	border-radius: 50%;
	padding: 2px;
}
/* ---------------------------------------------------------*/
/*                           Panier                         */
/* ---------------------------------------------------------*/
/* 
.ui-panel-basket-item a[class^="img_baske"] img {
    max-width: 30px;
    max-height: 20px;
} */

.ui-panel-basket-item > div {
	padding-left: 0!important;
}

.onglet_basketNot {
}

.onglet_basketNot .img_basketNot img {
}

.onglet_basketNot .img_basketNot {
}

.onglet_basketNotCourte2 {
	text-align: right;
}
/* ---------------------------------------------------------*/
/*                         Notice content                   */
/* ---------------------------------------------------------*/

.descr_notice {
	width: 100%;
}

.descr_notice td {
	padding: 4px;
	min-width: 200px;
}

.labelNot {
	vertical-align: top;
}
/* ---------------------------------------------------------*/
/*                     Titre   Notice                       */
/* ---------------------------------------------------------*/
#exempl_titleNot {
	font-weight: bold;
}

#exempl_titleNot {
	font-weight: 600;
}
/* ---------------------------------------------------------*/
/*                       Notice complet                     */
/* ---------------------------------------------------------*/
.lienP a {
	font-weight: 400;
	text-decoration: none;
	color: var(--color-white)
}

/* ---------------------------------------------------------*/
/*                      Avis commentaire                    */
/* ---------------------------------------------------------*/

span.avisN {
	margin-left: 5px;
	display: inline-block;
}

.asideContentNot > .avisN > span.avisN img.img_star_avis {
	vertical-align: sub;
}

.avisN a+a {
	margin-left: 7px;
}
/* ---------------------------------------------------------*/
/*                     exemplaires                          */
/* ---------------------------------------------------------*/
#zone_exemplaires {
	margin-bottom: 15px;
}

#zone_exemplaires h3 span {
	text-transform: uppercase;
}

.exemplairesNot th {
	background-color: #AB0101;
	color: #ffffff;
	line-height: 22px;
	text-align: left;
}

.exemplairesNot th,
.exemplairesNot td {
	padding: 0px 5px;
}
/* ---------------------------------------------------------*/
/*                      Reservation                         */
/* ---------------------------------------------------------*/

.resa_notice {
	min-height: 40px;
}

.resa_notice h3 {
	font-size: 1em;
}

.resa_notice a {
	background-color: var(--color-sixthly);
    font-family: var(--font-secondary);
    font-size: 16px;
	font-weight: 400;
    color: var(--color-white);
    border: 1px solid var(--color-sixthly);
    padding: 8px 32px;
    text-decoration: none;
}

/* ---------------------------------------------------------*/
/*                   Statut de la notice                    */
/* ---------------------------------------------------------*/
#main_hors_footer .statutNot {
    margin: 5px 0 10px;
}


/* ---------------------------------------------------------*/
/*                          Panier                          */
/* ---------------------------------------------------------*/
#pmbopac .ui-panel-basket-item a {
	min-height: auto;
	padding: 0;

}

/*Flex display
--------------------------------------------------------------------------------------------*/

.statutPartN,
.avisNCourte,
.docnumNCourte,
.avisN,
.tagsN,
.suggestN,
.lienP,
.ui-panel-basket-item > div,
.listeLectureN > a
 {
	display: flex;
  align-items: center;
	min-height: 40px;
	padding: 5px;
	background: var(--color-sixthly);
	transition: var(--hover-transition);
}

.statutPartN:hover,
.avisNCourte:hover,
.docnumNCourte:hover,
.avisN:hover,
.tagsN:hover,
.suggestN:hover,
.lienP:hover,
.ui-panel-basket-item > div:hover,
.listeLectureN > a:hover
 {
	filter: brightness(var(--hover-brightness));
	transition: var(--hover-transition);
}

.statutPartN span:nth-child(1),
.avisNCourte span:nth-child(1),
.docnumNCourte span:nth-child(1),
.avisN span:nth-child(1),
.tagsN span:nth-child(1),
.suggestN span:nth-child(1),
.listeLectureN span:nth-child(1),
.lienP span:nth-child(1),
.ui-panel-basket-item > div a:nth-child(1),
.listeLectureNCourte span:nth-child(1) {
	width: 15%;
	margin: 0 2.5%;
	text-align: center;
}

.statutPartN span:nth-child(2),
.avisNCourte span:nth-child(2),
.docnumNCourte span:nth-child(2),
.avisN span:nth-child(2),
.tagsN span:nth-child(2),
.suggestN span:nth-child(2),
.listeLectureN span:nth-child(2),
.lienP span:nth-child(2),
.ui-panel-basket-item > div a:nth-child(2)  {
	width: 80%;
	text-align: left;
}

.typeDoc_notCourte img {
	max-width: 25px;
	max-height: 25px;
}

.asideContentNot > div:not(.vignetteDocNot){
	margin-bottom: 10px;
}

.asideContentNot .vignetteDocNot {
	margin-bottom: 20px;
}

.descr_notice tr .labelNot {
	font: var(--ft-resume);
	font-weight: 500;
	color: var(--color-black);
}

.descr_notice tr .labelContent {
	font: var(--ft-resume);
	color: var(--color-black);
}

.descr_notice tr .labelContent a {
	color: var(--color-secondary);
}

.descr_notice .record_tit1 .labelContent {
	font: var(--font-secondary);
	color: #000;
}

.notice_contenu {
	overflow: hidden;
}

#pmbopac #segment_universe_description h4,
#pmbopac h4.new_search_segment_title,
#pmbopac h3.search_universe_title,
#pmbopac h3.segment_title {
	font: var(--ft-subtitle);
}

#pmbopac #segment_universe_description a {
	text-decoration: none;
}

#search_universe_list_segments {
	margin-top: 35px;
}

.expl_voisin_search td {
	padding-right: 24px;
  }

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

  .avisNCourte span:nth-child(2) {
	margin-left: -10px;  
  }

/*------------- NOUVELLES LIGNES CSS ---------------------------*/

.label_basketNot {
	color: var(--color-white);
}

.simili_search td {
	padding-right: 16px;
  }

/*------------------------------------------------------------------------------------------*/
/*-------------------------------------------------768-------------------------------------*/
/*------------------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
	.asideContentNot,
	.notice_contenu{
		float:none;
		width:auto;
		margin: 10px auto;
	}
}

/*------------------------------------------------------------------------------------------*/
/*--------------------------------------------Smart-----------------------------------------*/
/*------------------------------------------------------------------------------------------*/

@media screen and (max-width: 599px) {
	.parentNotCourte .vignetteNot{
		width:initial;
	}
	.notice_contenu{
		border-top:solid 2px;
		margin-top: 20px;
	}

	.descr_notice,
	.descr_notice tbody {
        display: block;
        margin-top: 10px;
    }
    .descr_notice tr {
        display: table;
        width: 100%;
        text-align: left;
    }
    .descr_notice td  {
		display: table-row;
		width: 100%;
    }
    .descr_notice .labelNot{
    	padding: 0;
    	line-height: normal;
    }
    .descr_notice .labelNot>span{
    	display:block;
    	padding: 4px 7px;
    	font-weight: 500;
    	margin: 5px 0px;
    	background-color: #efefef;
    }
}