* { box-sizing: border-box; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* image center listing */
.has-context.cover {
  text-align: center;
}

/* Module Best of*/
#imgBestof {
	transform: perspective(60px) rotateY(5deg);
	filter: drop-shadow(1px 6px 5px black);
	height:100px;
	display:flex;
	align-items:center;
	justify-content: center;	
}

.field-list {
  width: 20px;
}

#titleBestof {
  align-items: center;
  display: grid;
  font-size: 1em;
  color: #535353;
  margin-bottom: 10px;
  font-weight: 600;
}

#countBestof {
  align-items: center;
  display: grid;
  text-align: center;
  margin-left: -10px;
}

#numberBestof{
	border: 1px solid #d0d0d3;
	line-height: 1em;
	height: 2em;
	padding: .4em .7em;
	color: #45484d;
	text-indent: 0;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	background-color: #f0f0f0;
}

.Bestof {
  border: 1px solid #ddd;
    border-top-width: 1px;
    border-right-width: 1px;
  opacity: ;
  border-right-width: 0px;
  border-top-width: 0px;
  margin-bottom: 10px;
}
/* ---- grid ---- */

.grid {
  /*background: #DDD;*/
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.view {
  margin-bottom: 10px;
  width: 20%;
}

.glyphicon { margin-right:10px; }
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }

.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
 .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
 
@media screen and (min-width: 768px) {
  /* 5 columns for larger screens */
  .grid-sizer { width: 23%; }
}

/** Config Type Elements **/

.element-title,
.element-title-img {
	margin-left: -180px;
	max-width: 1000px;
}
.element-title-img img {
	float: left;
	padding: 6px 10px 10px 0px;
}
.stylebox {
	margin-left: -193px;
	float: none;
}
	
.statuses {

    color: white;

}	
/* Fenêtre book */
.col-8 {
    text-align: right;
}

/* Filter header */
/* -- EXTENDABLE GRID SYSTEM (Search Filters) ---------------- */
[class^="mb-col-"], [class*=" mb-col-"] {
	display: block;
	float: left;
}

.mb-radius-1, input.mb-radius-1 + [type="button"] {
  border-radius: 0.25rem;
}

.mb-col-16 {
	width: 133.333333333333%;
}

.mb-col-12 {
	width: 100%;
}
.mb-col-11 {
	width: 91.666666666666%;
}
.mb-col-10 {
	width: 83.333333333333%;
}
.mb-col-9 {
	width: 75%;
}
.mb-col-8 {
	width: 66.666666666666%;
}
.mb-col-7 {
	width: 58.333333333333%;
}
.mb-col-6 {
	width: 50%;
}
.mb-col-5 {
	width: 41.666666666666%;
}
.mb-col-4 {
	width: 33.333333333333%;
}
.mb-col-3 {
	width: 25%;
}
.mb-col-2 {
	width: 16.666666666666%;
}
.mb-col-1 {
	width: 8.333333333333%;
}

.mb-col-full {
	width: 100% !important;
}

.mb-row1 {
	height: 40px;
	padding: 0;
}

.mb-cell {
	margin: 2px;
}

@media (max-width: 1200px) {
	[class^="mb-col-"], [class*=" mb-col-"] {
		width: 100%;
	}
	.mb-col-3, .mb-col-6 {
		width: 50%;
	}
	.mb-fluid {
		width: 100%;
	}
}
@media (max-width: 480px) {
	[class^="mb-col-"], [class*=" mb-col-"] {
		width: 100%;
	}
}


/* Search Filters - Main */
.mb-filters-label {
	font-size : 20px;
	line-height: 20px;
	text-align: center;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.mb-filters-label-title-3 {
	height: 128px;
	align-content: space-around;
}
.mb-filters-label-title-2 {
	height: 84px;
	line-height: 82px;
}
.mb-filters-label-title-1 {
	height: 40px;
	line-height: 36px;
}
.mb-filters-btn-3 {
	height: 128px;
	line-height: 128px;
}
.mb-filters-btn-2 {
	height: 84px;
	line-height: 82px;
}
.mb-filters-btn-1 {
	height: 40px;
	line-height: 36px;
}

/* Search Filters - filters */
.mb-filter-search {
}
.mb-filter-from,
.mb-filter-to,
.mb-filter-category,
.mb-filter-month,
.mb-filter-year {
}
.mb-filter-search input,
.mb-filter-search input[type=search],
.mb-filter-from .input-append,
.mb-filter-to .input-append,
.mb-filter-category select,
.mb-filter-month select,
.mb-filter-year select {
	width: 100%;
}
.mb-filter-from input[type=text],
.mb-filter-to input[type=text],
.mb-filter-search input[type=search],
.mb-filter-category select,
.mb-filter-month select,
.mb-filter-year select {
	height: 40px;
	line-height: 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mb-filter-from input[type=text],
.mb-filter-to input[type=text],
.mb-filter-from button,
.mb-filter-to button {
	display: inline-block;
}
.mb-filter-from .input-append input[type=text],
.mb-filter-to .input-append input[type=text] {
	width: 74%;
}
.mb-filter-from .input-append button,
.mb-filter-to .input-append button {
	width: 26%;
}
.mb-filter-from button,
.mb-filter-to button {
	padding: .2rem 1rem;
	height: 40px;
}

.mb-filter-category select,
.mb-filter-month select,
.mb-filter-year select {
	padding: 0 3rem 0 .7rem;
}

/* Search Filters - buttons */
.mb-button-more {
	padding: 0;
}
.mb-button-more > .mb-filters-row1 {
	height: 36px;
}
.mb-filter-more-btn {
	display: block;
	width: auto;
	height: 40px;
	line-height: 36px;
	padding: 2px;
	text-align: center;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mb-filter-more-btn .mbmbon-arrow-down,
.mb-filter-more-btn .mbmbon-arrow-up {
	vertmbal-align: middle;
}
.mb-filter-more-btn:hover {
	cursor: pointer;
}
.mb-active {
}
.mb-inactive {
}
.mb-filters-controls {
	padding: 0;
}
.mb-control-submit {
}
.mb-control-reset {
}
.mb-filters-controls button {
	width: 100%;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.mb-filter-submit-btn {
}
.mb-filter-submit-btn:hover {
}
.mb-filter-reset-btn {
}
.mb-filter-reset-btn:hover {
}

@media (max-width: 1200px) {
	.mb-filters-label-title-2,
	.mb-filters-label-title-3 {
		margin-bottom: -5px;
		min-height: 40px;
		line-height: 40px;
	}
	.mb-filters-controls {
		padding: 0;
	}
	.mb-search-submit,
	.mb-search-reset {
		width: 50%;
	}
	.mb-filter-submit-btn,
	.mb-filter-reset-btn {
		height: 40px;
	}
	.mb-filters-btn-2 {
		min-height: 38px;
		line-height: 38px;
	}
	.mb-filters-label {
		margin-bottom: 8px;
	}
}
@media (max-width: 480px) {
	.mb-filters-label-title-2,
	.mb-filters-label-title-3 {
		margin-bottom: -5px;
		min-height: 40px;
		line-height: 40px;
	}
	.mb-filters-controls {
		padding: 0;
	}
	.mb-search-submit,
	.mb-search-reset {
		width: 100%;
	}
	.mb-filter-submit-btn,
	.mb-filter-reset-btn {
		height: 40px;
	}
	.mb-filters-label {
		margin-bottom: 8px;
	}
}

/*
 * Style Search Filters
 */
.mb-filters {
	background: none; /* Old IE version */
	background: rgba(221,221,221,0.2);
	padding: 5px;
}

/* Search Filters - Main */
.mb-filters-label {
	background: #f0ad4e;
	color:  black;
	font-size : 0.9vw;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
}
.mb-control-submit {
}
.mb-control-reset {
}

.mb-filter-submit-btn {
	font-size: 16px;
	color: black;
	background: #5cb85c;
	border: 1px solid #4cae4c;
	font-weight: bold;

}
.mb-filter-submit-btn:hover {
	background: #449d44;
	border: 1px solid #398439;
}
.mb-filter-reset-btn {
	font-size: 13px;
	color: black;
	background: #d9534f;
	border: 1px solid #d43f3a;
	font-weight: bold;

}
.mb-filter-reset-btn:hover {
	background: #c9302c;
	border: 1px solid #ac2925;
}

/*Fenêtre modal PayFip*/

.modal-dialog.paylib {
  max-width: fit-content;
}

@media screen and (max-width: 576px) {
.modal-dialog.paylib{
  max-width: auto;
  margin: 1.75rem auto;
}
}

/*Affichage tables responsives
@media screen and (max-width: 900px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}
*/
/*Fenêtre modale ajout de commentaire */

#basic_fieldset {
    width: 220px;
    position: absolute;
}
.message_form {
    height: 103px;
}
.book-title{
	height : 10px;
}
label[for="info"]  {
    text-align: left;
    width:110px !important;
}
#ratio_fieldset {
    width: 140px;
    margin-left: 240px;
}
label[for="info2"] {
    margin-left: -70px;
    margin-top: 140px;
    width: 110px !important;
}
/****/
/*Détail comments*/
.text-box {
  overflow: auto;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 1.5rem 0rem !important;
}

@media screen and (max-width: 600px) {
  .exemplaire.table {
    border: 0;
  }

  .has-context.list_title {
  text-align: center;
}

.exemplaire.table caption {
    font-size: 1.3em;
  }
  
  .exemplaire.table  thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .exemplaire.table .cover {
  text-align: center;
}

.exemplaire.table .list_title {
  text-align: center;
}

.exemplaire.table .author_p {
  text-align: center;
}

.exemplaire.table .genre {
  text-align: center;
}

 .exemplaire.table  tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .exemplaire.table td{
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}
#itemsList.table {
    overflow-x: auto;
    display: table;
    font-size: 1em;
}

#Comments #itemsList {
    overflow-x: auto;
    display: table;
    font-size: 1em;
}
	
ul.lg li{
	display: inline-block;
	list-style-type: none;
	margin: 0 5px;
}
	
#support_front span#support {
    background-position: left;
}
	
span.supp_Livre ,span#support.supp_Livre{
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/livre.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
}

span.supp_Vidéo ,span#support.supp_Vidéo {
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/video.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
}

span.supp_Multi-support ,span#support.supp_Multi-support {
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/graphic2d.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
}

span.supp_Objet ,span#support.supp_Objet{
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/obj3d.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
}

span.supp_Carte ,span#support.supp_Carte{
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/carto.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
}

span.supp_Partition ,span#support.supp_Partition {
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/partition.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
}

span.supp_Audio ,span#support.supp_Audio {
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/audio.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
}

span.supp_Autre ,span#support.supp_Autre {
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/autre.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
}

span.supp_Electronique ,span#support.supp_Electronique {
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/electronique.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
}
td.copies {
	background-position: center;
}

.Detailgenre {
    margin-left: 20px;
}

.numilog{	
	display: inline-block;
	width: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
	margin-right: 5px;
	background-image: url('../imgs/numilog.png');
}

.wikipedia{	
	display: inline-block;
	width: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
	margin-right: 5px;
	background-image: url('../imgs/wikipedia.png');
}

.deezer{	
    display: inline-block;
    width:24px;
    background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
	margin-right: 5px;
	background-image: url('../imgs/deezer.png');
}

.youtube{	
    display: inline-block;
    width:24px;
    background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
	margin-right: 5px;
	background-image: url('../imgs/youtube.png');
}

span.imgcovernew{
	background-repeat: no-repeat;
	background-image: url('../imgs/icone-new_L.png');
	position: absolute;
	width: 84px;
	height:84px;
	background-position-x: left;
	background-size: 70%;
	z-index: 2;
}

div.imgcovernew{
	display: block;
	background-repeat: no-repeat;
	color: transparent;
	background-image: url('../imgs/icone-new.png');
	position: absolute;
	background-position-x: right;
	width: 160px;
	height:84px;
	z-index: 6;
}

td.copies div.copies_0{
	display: block;
	color: transparent;
	background-image: url('../imgs/no_dispo.png');
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: center;
}

td.copies div.copies_1{
	display: block;
	color: transparent;
	background-image: url('../imgs/dispo1.png');
	background-size: 10px 18px;
	background-repeat: no-repeat;
	background-position: center;
}

td.copies div.copies_2{
	display: block;
	color: transparent;
	background-image: url('../imgs/dispo2.png');
	background-size: 15px 18px;
	background-repeat: no-repeat;
	background-position: center;
}

td.copies div.copies_3{
	display: block;
	color: transparent;
	background-image: url('../imgs/dispo3.png');
	background-size: 15px 18px;
	background-repeat: no-repeat;
	background-position: center;
}

td.copies div.copies_4{
	display: block;
	color: transparent;
	background-image: url('../imgs/dispo4.png');
	background-size: 15px 18px;
	background-repeat: no-repeat;
	background-position: center;
}

td.copies div.copies_5{
	display: block;
	color: transparent;
	background-image: url('../imgs/dispo5.png');
	background-size: 15px 18px;
	background-repeat: no-repeat;
	background-position: center;
}

td.copies div.copies_6{
	display: block;
	color: transparent;
	background-image: url('../imgs/dispo6.png');
	background-size: 15px 18px;
	background-repeat: no-repeat;
	background-position: center;
}

td.copies div.copies_7{
	display: block;
	color: transparent;
	background-image: url('../imgs/dispo7.png');
	background-size: 15px 18px;
	background-repeat: no-repeat;
	background-position: center;
}

td.copies div.copies_8{
	display: block;
	color: transparent;
	background-image: url('../imgs/dispo8.png');
	background-size: 15px 18px;
	background-repeat: no-repeat;
	background-position: center;
}

td.copies div.copies_9{
	display: block;
	color: transparent;
	background-image: url('../imgs/dispo9.png');
	background-size: 15px 18px;
	background-repeat: no-repeat;
	background-position: center;
}

div.rate span.comments_0,td.rate span.comments_0{
	display: inline-block;
	color: transparent;
}

div.rate span.comments_1,td.rate span.comments_1,div.form-check span.comments_1{
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/stats_star.png');
	background-size: 15px 15px;
	width:15px;
}

div.rate span.comments_2,td.rate span.comments_2,div.form-check span.comments_2{
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/stats_star.png');
	background-size: 15px 15px;
	width:30px;
	background-repeat: repeat-x;
}

div.rate span.comments_2\.5,td.rate span.comments_2\.5{
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/stats_star.png');
	background-size: 15px 15px;
	width:37.5px;
	background-repeat: repeat-x;
}

div.rate span.comments_3,td.rate span.comments_3,div.form-check span.comments_3{
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/stats_star.png');
	background-size: 15px 15px;
	width:45px;
	background-repeat: repeat-x;
}

div.rate span.comments_3\.5,td.rate span.comments_3\.5{
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/stats_star.png');
	background-size: 15px 15px;
	width:52.5px;
	background-repeat: repeat-x;
}

div.rate span.comments_4,td.rate span.comments_4,div.form-check span.comments_4{
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/stats_star.png');
	background-size: 15px 15px;
	width:60px;
	background-repeat: repeat-x;
}

div.rate span.comments_4\.5,td.rate span.comments_4\.5{
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/stats_star.png');
	background-size: 15px 15px;
	width:67.5px;
	background-repeat: repeat-x;
}

div.rate span.comments_5,td.rate span.comments_5,div.form-check span.comments_5{
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/stats_star.png');
	background-size: 15px 15px;
	width:75px;
	background-repeat: repeat-x;
}

div.rate span.star{
	display: inline-block;
	color: transparent;
	background-image: url('../imgs/stats_star.png');
	background-size: 15px 15px;
	width:75px;
	background-repeat: repeat-x;
}

div.hits{
	float: right;
}

div.itemlist div.items div img{
	width:60%;
	height:140px;
}

div.bookhits div.row-fluid{
	padding-bottom: 2%;
}


#status_bib{
	font-style : italic;
	font-weight: bold;
}
span.ng-bookstatus_bib {
	font-style : italic;
	font-size: larger;
}

span.img_stats img{
	display: inline-block;;
	color: transparent;
	width:20px;
	background-repeat: repeat-x;
}

.plg-exemplaire{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

	background-color: #eee;
	box-shadow: 0px 1px 2px 0px rgba(30, 51, 67, 0.2);
	border-radius: 10px;
	margin:auto;
}
.plg-bookstatus_bib{
	font-style: italic;
	font-weight: bold;
}
div#cover img{
	width: 140px;
	padding : 10px 0px !important;
	filter: drop-shadow(5px 5px 5px black);
	position: relative;
	z-index: 1;
}

#coverBook{
text-align:center;
margin:auto;
}

#coverBook img{
width: 140px;
  padding: 10px 0px !important;
  filter: drop-shadow(5px 5px 5px black);
  position: relative;
  z-index: 1;
  transform: perspective(60px) rotateY(-5deg);
}

@media (max-width:768px){

.bookinfo{
font-size:16px;
line-height:1.5;
display:flex;
flex-direction:column;
}

.bookinfo .col-8{
font-weight:600;
color:#333;
text-align: left;
margin-bottom:10px;
width: 40%;
}

.bookinfo .col-4{
margin-bottom:10px;
width: 60%;
}

.bookinfo .row{
margin-bottom:8px;
}

.bookinfo .row > div{

border-bottom:1px solid #eee;
}

.bookinfo > .col-sm-3{
order:-1;
}
#coverBook{
text-align:center;
margin-bottom:20px;
}

#coverBook img{
max-width:200px;
height:auto;
}
}

.plg-detail{
	padding: 40px 50px 40px 40px;
}

.plg-cover {
    padding: 40px 50px 40px 40px;
}

@media (max-width:767px) {	
.plg-order-xs-1 {
	order:1;
}
.plg-order-sm-2,.plg-order-md-2 {
	order:2;
}
	}

.coverplugd {
    padding: 10px 0px !important;
    filter: drop-shadow(5px 5px 5px black);
    position: relative;
    z-index: 1;
    transform: perspective(600px) rotateY(-25deg);
    max-width: none;
}

.coverplug {
    padding: 10px 0px !important;
    filter: drop-shadow(5px 5px 5px black);
    position: relative;
    z-index: 1;
    transform: perspective(600px) rotateY(25deg);
    max-width: none;
}

#blockserie {
	background-image: url('../imgs/serie.png');
	height: 80px;
	position: relative;
	display: block;
	min-height: 46px;
	min-width: 60px;
	padding: 10px 10px 0px 0px;
	width: 70px;
	cursor: pointer;
}
#blockserie img{
	height :60px;
	padding: 0px !important;
    margin-top: 10px;
    margin-right: 30px;
}
div#content_inner img{
	padding : 10px;
}

div#ngsearch .controls-champ{
	width:90% !important;
	margin-left: 10% !important;
}
div#ngsearch .controls-champ input,div#ngsearch .controls-champ select{
	width:60% !important;
}

div#ngsearch .control-label{
	width:30% !important;
}
div#ngsearch .controls{
	width:70% !important;
	margin-left: 35% !important;
}

/* Default big centered message */

.loader {
	display: table;
	width: 100%;
	height: 200px;
}
	.loader_content {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-size: 3em;
		color: #E4E4E4;
	}
		.login_link {
			border: 3px solid #E4E4E4;
			border-radius: 10px;
		}



/* Code CSS popover */
/* popover-title est à modifier pour le titre de la popover */
.popover-title {
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
color: #000000;
font-size: 14px;
font-weight: normal;
line-height: 18px;
margin: 0;
padding: 8px 14px;
}
/* popover-content est à modifier pour le contenu de la popover */
.popover-content {
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
color: #000000;
font-size: 14px;
font-weight: normal;
line-height: 18px;
margin: 0;
padding: 8px 14px;
}

@media (max-width:767px) {	
	.row-fluid [class*="span4"]:first-child {
	    margin-left: 0;
	    text-align: left;
	    text-decoration: underline;
	}
	
	#itemsList.table,.small,.btn,.badge-warning{
	    overflow-x: auto;
	    display: block;
	    font-size: 1em !important;
	}


}

@media (min-width: 1200px) {
	
	.row-fluid .span13 {
		width: 10.5% !important;
	}
	.row-fluid .span3 {
		width: 23% !important;
	}
	.row-fluid .span2 {
		/*width: 14.8% !important;*/
		width :auto;		
	}


}

/*affichage  mosaique*/

.view {
   width: 90%;
   height: 100%;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view h2 {
   text-transform: uppercase;
   line-height :normal;
   text-align: center;
   position: relative;
   font-size: 16px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 0px 25px 1px;
   text-align: center;
   font-weight: bolder;
}

.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}

.view a.info hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

/*Style 3*/
.view-third img {
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.view-third .mask {
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(460px, -100px) rotate(180deg);
   -moz-transform: translate(460px, -100px) rotate(180deg);
   -o-transform: translate(460px, -100px) rotate(180deg);
   -ms-transform: translate(460px, -100px) rotate(180deg);
   transform: translate(460px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.view-third h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-third p {
   -webkit-transform: translateX(300px) rotate(90deg);
   -moz-transform: translateX(300px) rotate(90deg);
   -o-transform: translateX(300px) rotate(90deg);
   -ms-transform: translateX(300px) rotate(90deg);
   transform: translateX(300px) rotate(90deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-third a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-third:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
   z-index: 4;
}
.view-third:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.view-third:hover p {
   -webkit-transform: translateX(0px) rotate(0deg);
   -moz-transform: translateX(0px) rotate(0deg);
   -o-transform: translateX(0px) rotate(0deg);
   -ms-transform: translateX(0px) rotate(0deg);
   transform: translateX(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}

.view-third:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
				
/*Preinsciption*/
#preinscription{
    border: 1px solid #ddd;
    border-radius: 27px;
    display: inline-block;
    padding: .4em .7em;
    position: relative;
    z-index: 1;
    top: -1em;
    background-color: #fff;
}

.Preinscription {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f2f2f2;
    background-clip: border-box;
    border: 2px solid #dfe3e7;
    border-radius: 0.25rem;
    padding-left:10px;
    border-radius: 27px;
    padding-right: 1.7em;
	padding-left: 1.7em;
	margin-top:2em;
}
.Preinscription .control-label{
	padding-top:10px;
}
.preinscription {
    border-radius: 27px;
    height:35px;
    padding-left:10px;
    width:100%
}


/*Adv Search*/
#Advance_search{
    border: 1px solid #ddd;
    border-radius: 27px;
    display: inline-block;
    padding: .4em .7em;
    position: relative;
    z-index: 1;
    top: -1em;
    background-color: #fff;
}

.Advance_search {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f2f2f2;
    background-clip: border-box;
    border: 2px solid #dfe3e7;
    border-radius: 0.25rem;
    width: 100%;
    height: 100%;
    padding-left:10px;
    border-radius: 27px;
    padding-right: 1.7em;
	padding-left: 1.7em;
	padding-bottom : 2em;
}



.col-lg-4 {
    float: left !important;
}

.pull-right {
    float: right!important;
}
#advanced-search-form .thumbnail {
    /* padding: 1em; */
}

.btn-advanced-search-drop .fa-remove {
    color: red !important;
}

#advanced-search-form-others {
    margin-top: 30px;
}
#advanced-search-form-others .row {
    border-bottom: 2px solid #F5F5F5;
    margin: 30px auto;
    padding: 5px 0 25px;
}

#add-new-advanced-search-block {
    font-size: 1.1em;
    color: #555;
}

#advanced-search-form h3 {
    margin: 60px auto;
}

#advanced-search-form input,
#advanced-search-form textarea,
#advanced-search-form select,
#advanced-search-form .panel-multi-checkbox {
    background-color: #F5F5F5;
}

#advanced-search-form .panel-multi-checkbox .selectable-checkbox {
    display: inline-block;
    width: auto;
    border: 1px solid #CCC;
    padding: 0.5em;
    margin: 2px;
}

#advanced-search-form .panel-multi-checkbox .selectable-checkbox input[type="checkbox"],
#advanced-search-form .panel-multi-checkbox .selectable-checkbox .checked {
    display: none;
}

#advanced-search-form .panel-multi-checkbox .selectable-checkbox input[type="checkbox"]:checked ~ .checked {
    display: inline-block;
}
#advanced-search-form .panel-multi-checkbox .selectable-checkbox input[type="checkbox"]:checked ~ .unchecked {
    display: none;
}

#advanced-search-form .panel-multi-checkbox .selectable-checkbox label {
    padding-left: 0;
}

.max-checkbox-scroll{
    max-height:400px;
    overflow-y: scroll;
}

/*User Profile*/
.user_profile {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f2f2f2;
    background-clip: border-box;
    border: 2px solid #dfe3e7;
    width: 90%;
    padding-left:10px;
    border-radius: 27px;
    padding-right: 1.7em;
	padding-left: 1.7em;
	margin-top:2em;
	text-align:center;
	margin-left:5%;
}

.user_profile .row {
	height : auto;	
}

.warning-payment {
    color: red;
    font-weight: bold;
    text-align: center;
    animation: blink 1s infinite;
}

@keyframes blink {
    0%   { opacity: 1; }
    50%  { opacity: 0; }
    100% { opacity: 1; }
}

.button {
box-shadow:inset 4px 0px 26px -15px #cccccc;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:6px;
	border:1px solid #dcdcdc;
	/*display:inline-block;*/
	cursor:pointer;
	color:#777777;
	font-weight:bold;
	padding:32px 38px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin:10px;
}

   /*  Button*/

.btn-3 {
  letter-spacing: 0.05rem;
  position: relative;
  overflow: hidden;
  transition: 0.3s ease-in-out;
  border-radius: 1rem;
  z-index: 1;
  text-align: center;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.btn-3:hover {
background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}

#admininfo {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 2px solid #dfe3e7;
  border-radius: 27px;
  padding-right: 1.7em;
  padding-left: 1.7em;
  margin-top: 2em;
  margin-bottom: 2em;
}

/*User Profile logout*/
.user_logout {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f2f2f2;
    background-clip: border-box;
    border: 2px solid #dfe3e7;
    width: 40%;
    height: 100%;
    left: 20%;
    padding-left:10px;
    border-radius: 27px;
    padding-right: 1.7em;
	padding-left: 1.7em;
}
.user_logout .row {
	text-align:center;	
}

/*User Suggest*/
.suggest_profile {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f2f2f2;
    background-clip: border-box;
    border: 2px solid #dfe3e7;
    width: 80%;
    height: 80%;
    left: 10%;
    right:10%;
    border-radius: 27px;
    padding-right: 1.7em;
	padding-left: 1.7em;
	margin-top:2em;
	margin-bottom: 50px;
}

/*User Status*/
.profile_status {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f2f2f2;
    background-clip: border-box;
    border: 2px solid #dfe3e7;
    width: 80%;
    height: 85%;
    left:10%;
    right:10%;
    padding-left:10px;
    border-radius: 27px;
    padding-right: 1.7em;
	padding-left: 1.7em;
	margin-top:2em;
	margin-bottom: 50px;
}

/*User Status*/
.edit_profile {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f2f2f2;
    background-clip: border-box;
    border: 2px solid #dfe3e7;
    width: 80%;
    height: 85%;
    left:10%;
    right:10%;
    padding-left:10px;
    border-radius: 27px;
    padding-right: 1.7em;
	padding-left: 1.7em;
	margin-top:2em;
	margin-bottom: 70px;
}
@media (max-width: 430px) {	
	.user_profile .row {
		height : auto;	
		 padding: 0px;
	}

	.user_profile {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #f2f2f2;
  background-clip: border-box;
  border: 2px solid #dfe3e7;
  padding-left: 10px;
  border-radius: 27px;
  padding-right: 1.7em;
  padding-left: 1.7em;
  margin-top: 2em;
	text-align:center;
	margin-left:5%;
}

	#titleBestof {
	  align-items: center;
	  display: grid;
	  text-align:center;
	  margin:5px;
	}
}

/*Profil cadre helloasso */
.ha-card {
    background: #2f2f5e;
    color: #ffffff;
    max-width: 700px;
    margin: 30px auto;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    font-family: Arial, sans-serif;
}

.ha-header img {
    height: 50px;
    margin-bottom: 20px;
}

.ha-content {
    font-size: 16px;
    line-height: 1.6;
}

.ha-bold {
    font-weight: bold;
}

.ha-amount {
    margin-top: 20px;
    font-size: 18px;
}

.ha-button {
    margin-top: 25px;
    background: #9ACD00;
    border: none;
    padding: 12px 25px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.ha-button:hover {
    opacity: 0.9;
}

.ha-payments {
    margin-top: 25px;
}

.ha-payments img {
    height: 30px;
    margin: 0 8px;
}