/* Pour le header */
.mv-navbar.bg-dark {
    background-color:#810000 !important;
}

.mv-header {
    background-color: rgb(200, 195, 195);
    margin-bottom: 20px;


 }

 .header-waifu {
   max-height: 150px;
 }


/* Pour le bbcode spoiler */

.spoiler-hidden {
    background-color :black;
    color:black;
}

.spoiler-hidden:hover {
    cursor:pointer;
    border:1px solid black;
}

/* Fix pour élement de couleur entre les balises [spoiler][/spoiler] */
.spoiler-hidden span {
	color:black !important;
}

.spoiler-shown {
	background-color:#D3D3D3;
}


/* Style pour les news */
.news-preview {
    border:1px solid black;
    
}

.news-preview img {
  width:1100px;
}

.news-preview-text {
    margin:10px;
}

/*
.carousel-control-prev {
  left: 25px !important;
}

.carousel-control-next {
  right: 25px !important;
}
*/


/* Pour les commentaire */

.comment-widgets {
  border:1px solid black;

}


.round img {
  border-radius: 50%;
}


/* Pour la page de login */

.mv-login-form {
  margin:20px;
}



/* Pour la page de review  */

.mv-review {
  border:1px solid black; 
  padding:10px;
  margin: 5px;
}

.avatar-review {
  width: 150px;
  height:150px;
  display:inline-block;
}

.avatar-review h4, .avatar-review h5 {
  text-align: center;
}



/* Pour Jerome */

.mv-series-container img, .mv-volume-container img {
  height:300px;
	width:193px;
}

.mv-series-container h4 {
  overflow: hidden;
  text-overflow: ellipsis;
}

.input-group {
  margin:10px;
}

.mv-series-row {
  margin-bottom:10px;
}

.banner
{
  padding-top: 15px;
  width: 100%;
}


.tome 
{
  margin-top: 10px;
  display: block;
  padding: 4px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}


.photoProfil {
  float: left;
  height: 150px;
  width: 150px;
  border: 1px solid black;
  margin-right: 7px;
}

.bio {
  width: 50%;
}

.floatLeft{
  float: left;
}

#choixTriCollection{
  margin-left: 10px;
}

.couverturedeu {
  height: 275px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: inline; 
  margin-right: 10px; 
}

.couverture{
  height: 100px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.td{
  margin-left: 5px;
  margin-right: 5px;
}

.collection{
  width: 100%;
}

.favori{
  width: 100%;
}
.review{
  width: 100%;
}
.imgReview{
  margin-right: 0;
}

.synopsis{
  font-size: larger;
}

.description{
  width: auto;
  float: right;
}

.flex{
  display: flex;
}

.text_centre{
  text-align: center;
}

.scrollable {
  overflow: hidden;
  overflow-y: scroll;
  height: 120px;
  /*float: left;
  position: fixed; */
  /*top: 8cm;
  left: 5cm;*/
  border: 1px solid black;
}


.comment-text {
  margin-top:5px;
}


.tome-info {
  margin-top:30px;
}


.mv-pagebase {
  background-color:white;
  padding:20px;
}

.addBtn {
  background-color: white;
  color: black;
  border: 2px solid #555555;
  display:block;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: block;
}


.addFavBtn {
  border:0px; 
  background:url(../ressources/img/star_empty.png);
  background-size: cover;
  height: 50px;
  width: 50px;
  display:block;
  font-size: 25px;
  margin-right: 15px;
}

.addToCollectionForm {
  position:absolute;
  top:15px;
  right:0px;
}

.volume-banner-container {
  position:relative;
}

/*
.mv-collection-banner img {
  width: 1000px;
  height: 130px;
}
*/


.rounded {
  border-radius: 50% !important;
}


#tags {
  margin-bottom:20px;
}

#titre-col {
  margin-top: 20px;
  margin-bottom: 20px;
}


body {
  background: #EEEBDD;
}

html, body {
  overflow-x: hidden;
}


.mv-manga-info {
  margin-top: 20px;

}

.mv-collection-banner img {
  max-width:900px;
  max-height: 180px;
}