/*****************************************************************
* Custom CSS Stylesheet. You can add any custom CSS selectors here after the comment line 
* They will be given the highest priority on any elements on the forum
* Customize your forum color scheme in one click: www.sitesplat.com/phpBB3/ 
* **************************************************************
*
* FLATBOOTS @SiteSplat.com - Custom CSS STYLESHEET - 
* 
* **************************************************************
*****************************************************************/
/* ===[ CSS HOOK TOP ]=== */
/* animated online statut */
@keyframes change-background {
      0% {
        background: LightGreen;
      }
      50% {
        background: green;
      }
      100% {
        background: LawnGreen ;
      }
    }
.avatar-over>.status::before{animation: change-background 4s linear infinite alternate;border:4px solid #fff;border-radius:50%;bottom:0;content:"";display:inline-block;height:18px;position:absolute;right:20px;width:18px}

/* masthead image */
.masthead:before {
    background: inherit;
}
.flat-header {
    background: url("./images/banner/mountain_lion.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

body { background: url("https://www.rimbertweb.fr/communaute/images/forum/pattern.png") repeat }
.section-page { padding: 0;background-color: transparent }
a.forumtitle, a.topictitle { color:#94a0a0 }
.search-input-fullscreen input { color: #333 }
.panel-forum > .panel-heading { background-color: #536878 }
.top-flat { border-radius: 50px;background-color: #536878 }
.mastbottom { background: url(./images/tile-bg-head.png) fixed 100% 100% #536878 }

/* random header banner */
.diapo_1 {
  background: url("./images/banner/mountain_lion.webp");
}
.diapo_2 {
  background: url("./images/banner/headphones_girl.webp");
}
.diapo_3 {
  background: url("./images/banner/theroom.webp");
}
.diapo_4 {
  background: url("./images/banner/bound3.webp");
}
.diapo_5 {
  background: url("./images/banner/pacmanhalloween.webp");
}
.diapo_6 {
  background: url("./images/banner/solarsystem.webp");
}
.carousel-indicators {
  bottom: 0;
  display: none;
}

.carousel .carousel-item {
    transition-duration: 3s;
}

.carousel .item {
  min-height: 172px; 
  background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center;
}

.carousel-caption h3 {
  margin-bottom: -12px;
  text-align: left;
  color: #fff;
}

.carousel-caption p { text-align: left;margin: 12px 0 5px }

#carousel-example-generic h1 {
  text-align: left;  
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
}

h3 { border-bottom: 0 solid #fff }
#topicreview h3, .section-mcp h3, .section-posting h3, .section-ucp h3 { border-bottom: 0 solid #ccc }

@media screen and (min-width: 768px) {
  .carousel-caption {
    right: 20%;
    left: 5%;
    padding-bottom: 30px;
  }
 

/* ===[ CSS HOOK BOTTOM ]=== */