:root {
  --cassiopeia-color-primary: #6b8586;
  --cassiopeia-color-link: #5b5b5b;
  --cassiopeia-color-hover: #cccccc;
}

.header {
background-color: #8c8a8a;
background-image: none;
border-radius: 5px 5px 5px 5px;
}
.aheader {
  background-image: url("/images/home/banner/les-hirondelles.jpg" );
  display: block;
  min-height: 300px;
  background-attachment: scroll;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

a.brand-logo  {
text-decoration: none;
  color: #fff;
}
.site-description{
  color: #fff;
  font-size: 0.4em;
  font-weight: 300;
}

.navbar-brand{
  font-weight: bold;
  font-size: 3em;
  margin-top: 150px;
  margin-left: 15px;
}
.fas{
  padding-right: 10px;
}

.container-header {
  background-color: #fff;
  background-image:none;

  border-bottom: 1px solid #F5EBEB;
}

.container-header .mod-menu {
  color: black;
}
.container-header .container-nav {
    padding-bottom: 0.5em;
}
.nav-item:hover{
  border-bottom: 2px solid #F5EBEB;
  -webkit-transition: all 5s ease-in;
-moz-transition: all 5s ease-in;
-ms-transition: all 5s ease-in;
-o-transition: all 5s ease-in;
transition: all 5s ease-in;
}

img{
	-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-12-3 11:26:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(50);
            transform: translateY(50);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

.footer {
    color: #b7b7b7;
    background-color: #fff;
    background-image: none;
    border-top: 1px solid #F5EBEB;
    padding-left: 14px;
}
.mod-menu {
    flex-direction: row;
}

.mod-list li {
    padding: .25em 8px;
}
.item-content{
  line-height: 2rem;
}
main {
  padding-left: 1em;
  padding-right: 1em;
}
.container-component > * + *, .container-component > :first-child, .container-sidebar-left > * + *, .container-sidebar-left > :first-child, .container-sidebar-right > * + *, .container-sidebar-right > :first-child {
    margin-top: 2em;
}

.nav {
    font-weight: 500;
}


