@charset "UTF-8";
/*@font-face {
  font-family: HFComic;
  src: url("/media/templates/site/cassiopeia/fonts/hfcomic/HFComic.ttf") format("truetype");
}*/

/* header */
.header {
  display: flex;
  flex-direction: row-reverse;
}

/* Menu haut*/
.metismenu-item, .metismenu-item button {
    text-transform: uppercase;
}
.container-topbar a:not(.btn):hover {
  color: var(--gray-500);
}
.metismenu-item.active > a, .metismenu-item > a:hover {
  text-decoration: none ! important;
  color: var(--gray-500);
  font-weight: 600;
}

/* Menu footer */
footer .mod-list {
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: auto;
}
footer .mod-list li {
  width: 150px;
}

/* Categories*/
.com-content-category-blog h1 {
  color: var(--cassiopeia-color-hover)
}
.catgroup {
  max-width: 1200px;
  margin: auto;
}

/* all video share*/
.teeser {
  width: 640px;
  margin: auto;
}

iframe {
  width: 100%;
}

/* module avis */
.avis .card-body {
  text-align: center;
}
.avis .card-body img {
  max-width: 100px;
}
/* articles video & groupes */
.boxflex {
  display: flex;
  align-items: center;
  justify-content: center;
}
div[class^="box"] {
  text-align: center;
}
.box2 {
  flex-basis:50%;
}
.box3 {
  flex-basis:33.3%;
}
.box4 {
  flex-basis:25%;
}
.box5 {
  flex-basis:20%;
}
.box6 {
  flex-basis:16.66%;
}
.groupe {
    transition: 0.5s;
}
.groupe .texte {
  position: relative;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
  z-index: 2;
  text-align: center;
  font-weigth: bold;
  font-size: 2rem;
  font-style: italic;
}
.groupe img {
  margin-top: -2.7rem;
}
.groupe:hover img {
  opacity: 0.5;
}
.groupe:hover .texte {
  opacity: 1;
}
.videos h2, .groupes h2 {
  text-align: center;
  background-color: var(--gray-200);
}

/* iCagenda*/
.passed {
  background-color: #ddd ! important;
}
.passed .ic-box-date {
  background: no-repeat center url("/images/termine.png") ! important;
}
.card h3 {
  text-align: center;
}
.ic-single-next, .ic-header-subtitle {
  display: none;
}
.ic-header-title {
  text-align: center;
}

/* Contact */
.com-contact__container {
  float: left;
}
.com-contact__container > h2, .com-contact.contact > h2 {
  display: none;
}
#contact-form fieldset legend, .field-spacer {
  display: none;
}

/* Hits */
dd.hits {
  font-weight: bold;
}

/* Flux rss */
.com-newsfeeds-newsfeed h2 {
  display: none;
}
.com-newsfeeds-newsfeed li {
  margin-top: 1rem;
}
.com-newsfeeds-newsfeed h3 {
  font-size: 1.5rem;
}

@media (width > 1200px) {
  .agenda {
    margin-top: 7rem!important;
  }
}

@media (width <= 1200px) {
  .com-contact__container {
    float: none;
  }
  .agenda {
    margin-top: 12rem!important;
  }
  dl.dl-horizontal {
    display: grid;
    grid-template-columns: auto 1fr;
  }
}

@media (width >= 992px) {
  .bottom-a.card {
    margin: auto;
    max-width: 768px;
  }
}

@media (width <= 991.98px) {
  .boxflex {
    flex-wrap: wrap;
  }
  .box2, .box3, .box4 {
    flex-basis: 100%;
  }
  .teeser {
    width: 100%;
  }
}

@media (width <= 991.98px) {
  .contact-address dt {
    float: left;
    padding-right: 20px;
  }
  .agenda {
    margin-top: 0 ! important;
  }
  .container-header {
    position: fixed !important;
    width: 100%;
    height: 74px;
  }
  .container-header nav {
    padding-right: 10px;
    background-color: var(--cassiopeia-color-hover);
  }
  .site-grid {
    margin-top: 74px;
  }
}

@media (width <= 768px) {
  .passed .ic-box-date {
    background: no-repeat center/98% url("/images/termine.png") ! important;  
  }
  footer .mod-list {
    flex-direction: column;
    align-self: flex-start;
  }
}