@supports (display: grid) {
    @media (min-width: 992px) {
        .site-grid {
            grid-template-areas:
              ". banner banner banner banner ."
              ". top-a top-a top-a top-a ."
              ". top-b top-b top-b top-b ."
              ". side-l comp comp side-r ."
              ". bot-a bot-a bot-a bot-a ."
              ". bot-b bot-b bot-b bot-b ."
              ". bot-c bot-c bot-c bot-c ."
        }
    }
}


  body {
  background: url("/images/banners/Fond-nid-abeille.jpg");
  background-attachment: fixed;
  background-repeat: repeat;
  background-position: top left;
  color: #e8e8e8; }

  body.wrapper-fluid footer > .grid-child, 
  body.wrapper-fluid header > .grid-child {
  padding-left: 0em;
  padding-right: 0em;
  max-width: 1320px; }

  .container-header {
  background: #000;
  border-bottom: 1px solid #fce903;
  padding-bottom: 1rem; }

  .container-banner {
  margin: 0 0 4rem; }

  .metismenu-menu .metismenu-item.active>a, .metismenu.mod-menu .metismenu-item.active>button, 
  .metismenu.mod-menu .metismenu-item>a:hover, .metismenu.mod-menu .metismenu-item>button:hover {
  text-decoration: none;
  color: #fce903; }

  .metismenu.mod-menu .mm-toggler[aria-expanded=true]:after, 
  .mm-active>.metismenu.mod-menu .mm-toggler:after {
  color: #fce903; }

  .metismenu.mod-menu .metismenu-item {
  padding: .5em .9em .5em .0em; }

  .metismenu.mod-menu .parent>ul {
    color: #fce903; }

  .mod-articlesnews-horizontal.newsflash-horiz.mod-list {
  grid-gap: 2rem;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); }

  .top-a.no-card > h3 {
  margin-bottom: .6em;
  font-size: calc(1.3rem + .5vw); }

  .card-body {
  background-color: #000;
  color: #e8e8e8; }

  .card {
  --card-border-color: #000;
  --card-border-radius: 0rem; }

  .blog-featured .page-header > h1 {
  border-bottom: 1px dashed #f00;
  margin-bottom: 1.3rem;
  padding-bottom: 0.5rem; }

  figcaption {
  margin-top: 0.6em;
  font-weight: normal;
  font-size: 1.0em;
  color: #e8e8e8; }

  .container-bottom-c > * {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: .5em 0; }

  .container-bottom-c {
  grid-area: bot-c; }

  .container-header .metismenu > li.active > a::after,
  .container-header .metismenu > li.active > button::before {
  background-color: #fce903;
  opacity: .8; }

  .container-header .metismenu > li.active > button.mm-toggler-link::before {
  left: 0; }

  .container-header .metismenu > li.level-1 > ul {
  background: url("/images/banners/bg.content.png");
  padding: 0.2rem 0 0.6rem 1rem;
  min-width: 20rem; }

  .container-header .navbar-brand {
  padding-top: 2.0rem; }

  .container-header .mod-menu {
  color: #e8e8e8; }

  .container-sidebar-left .sidebar-left:first-child,
  .container-sidebar-right .sidebar-right:last-child,
  .container-sidebar-left .sidebar-left:last-child {
  background-color: #3339;
  padding: 1.0rem; }

  .mod-newsflash-adv .img-intro {
  margin-bottom: 45px; }

  #header-bottom-row .mod-newsflash-adv .item_img img {
  border-radius: 65%; }

  #header-bottom-row .item:hover img {
  -ms-transform: scale(0.9,0.9);
  -webkit-transform: scale(0.9,0.9);
  transform: scale(0.9,0.9);
  transition: 2s; }

  #header-bottom-row .item img {
  transition: 3s; }

  #header-bottom-row h1, #header-bottom-row h2 {
  text-align: center;
  margin-bottom: 50px;
  font-size: 2.5rem; }

  #header-bottom-row .header-bottom-row-wrapper {
  background: url("/images/banners/bg.content.png");
  padding: 60px 0 60px 0;
  margin: 60px 0 60px 0; }

  #header-bottom-row .mod-newsflash-adv .item {
  text-align: center; }

  .item_introtext > p {
  color: #e8e8e8; }

  .item_header > h3 {
  font-size: 1.0rem;
  margin-top: 0.5rem;
  font-weight: normal;
  line-height: 1.5; }

  .item.Title {
  margin-left: 15px; }

  .item_img.img-intro.img-intro__none img:hover {
  filter: grayscale(100%);
  transition: 0.8s; }

.item_img.img-full.img-full__left.item-image {
  float: left;
  margin-right: 25px;
}

  .com-content-article.item-page {
  margin-left: 1rem;
  margin-right: 1rem; }

  .item_fulltext_Descriptif_Livre_width_400_400 {
  height: 420px;
  display: table-cell;
  vertical-align: bottom; }

  .item_fulltext_Descriptif_Livre_width_400_483 {
  height: 505px;
  display: table-cell;
  vertical-align: bottom; }

  .item_fulltext_Descriptif_Livre_width_400_525 {
  height: 545px;
  display: table-cell;
  vertical-align: bottom; }

  .item_fulltext_Descriptif_Livre_width_400_565 {
  height: 585px;
  display: table-cell;
  vertical-align: bottom; }

  .item_fulltext_Descriptif_Livre_width_400_605 {
  height: 625px;
  display: table-cell;
  vertical-align: bottom; }

  .item_fulltext_Descriptif_Livre_width_600_410 {
  height: 430px;
  display: table-cell;
  vertical-align: bottom; }

  .item_fulltext_Descriptif_Livre_width_600_480 {
  height: 500px;
  display: table-cell;
  vertical-align: bottom; }

  .site-grid > .grid-child.container-top-b {
  grid-column: full-start/full-end; }

  .items-row.cols-2.row-fluid.clearfix {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(300px,0fr)); }

  .items-row.cols-2.row-fluid.clearfix.update {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); }

  .items-row.cols-4.row-fluid.clearfix {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(370px,1fr)); }

  .items-row.cols-5.row-fluid.clearfix {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); }

  .items-row.cols-6.row-fluid.clearfix {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); }

  .items-row.cols-2.row-fluid.clearfix .span3,
  .items-row.cols-4.row-fluid.clearfix .span3,
  .items-row.cols-5.row-fluid.clearfix .span3,
  .items-row.cols-6.row-fluid.clearfix .span2 {
  padding: 0.4rem; }

  .page-item.page-item__ {
  margin-top: 1rem; }

  .page_header > p {
  padding: 0 0.4rem 0 0.4rem; }

  .display-6 {
  font-size: calc(1.0rem + 0.5vw); }

  .moduletable-row-fluid > h2,
  .page_header > h2 {
  border-bottom: 1px dashed #fce903;
  padding-bottom: 0.5rem;
  margin: 0rem 0.4rem 1rem 0.4rem;
  font-weight: normal; }

  .moduletable-row-fluid-historique-marques {
  background-color: #333;
  padding: 1.1rem; }

  .moduletable-row-fluid-descriptif-modele {
  margin: 1.3rem 0.4rem 0.7rem 0.4rem;
  border-left: 1px dashed #fce903;
  padding-left: 1rem; }

  .btn-primary {
  background-color: #000;
  border-color: #fce903; }

  .form-control {
  border: 1px solid #fce903; }

.ic-btn.ic-btn-info.ic-active,
.iCtip.ic-btn.ic-btn-small {
  background: #000;
  border: 1px solid #fce903;
  color: #e8e8e8; }

.ic-btn.ic-btn-info.ic-active:hover,
.iCtip.ic-btn.ic-btn-small:hover{
  background: transparent;
  border: 1px solid #f00;
  color: #fce903;
  font-weight: bold;
  transition: 0.8s; }

  .btn-primary:hover {
  background-color: #f00;
  border-color: #f00; }

  .btn-secondary:hover {
  background-color: #f00;
  color: #000;
  transition: 0.8s }

  .btn-secondary {
  background-color: #000;
  border-color: #fce903;
  color: #fce903; }

  .btn:hover {
  border-color: #fce903; }

  a {
  color: #e8e8e8;
  text-decoration: none; }

  a:not(.btn):focus, a:not(.btn):hover {
  color: #fce903;
  transition: 0.8s; }

  a:not([class]) {
    text-decoration: none; }

  .breadcrumb-item.active {
  color: #e8e8e8; }

  .breadcrumb-item + .breadcrumb-item::before {
  color: #fec903; }

  .footer-dark {
  padding: 50px 0; }

  .footer {
  background: #000;
  border-top: 1px solid #fce903;
  margin-top: 3em;
  color: #e8e8e8; }

  .footer a:not(.btn):hover {
  color: #fce903; }

  ol, ul {
  padding-left: 1rem; }

  .back-to-top-link {
  background-color: transparent;
  border: 1px solid #fce903;
  Color: #fce903; }

.back-to-top-link:hover {
  background: transparent;
  border-color: #f00; }

  .back-to-top-link.visible {
  opacity: 0.75;
  position: fixed;
  bottom: 30px;
  right: 20px;
  padding: .2em; }

  #system-message-container joomla-alert {
  display: none; }

  .ic-pagination .ic-next,
  .ic-pagination .ic-prev {
  background: #000;
  border: 1px solid #fce903;
  padding: 0.5rem; }

  .ic-divCell.ic-value > a,
  joomla-hidden-mail > a {
  color: #111; }

  .wf-mediabox-caption h4 {
  font-size: 1.1em; }

  .wf-mediabox-caption p, .wf-mediabox-caption p {
  font-size: 0.9em; }

  .su-row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 20px; }

  .su-row .su-col-lg-4 {
  flex: 0 0 calc(24% - 1px);
  max-width: calc(24% - 1px); }

  .su-row .su-col-lg-8 {
  flex: 0 0 calc(19.333% - 6.333px);
  max-width: calc(19.33333% - 6.33333px); }

  .su-row .su-col-lg-12 {
  flex: 0 0 calc(33% - 10px);
  max-width: calc(33% - 10px); }

  .su-row .su-col-lg-18 {
  flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px); }


@media screen and (max-width: 480px) {
  #icagenda {
  width: 100%; }

  .ic-list-event.ic-clearfix {
  margin-bottom: 3rem;
  padding: 10px; }

  .ic-title-header h2 {
  font-size: 1.20rem;
  margin: 0.6em 0 0.6em 0 !important; }
  
  div.ic-event-title {
  margin-bottom: 15px !important; }
}


@media (max-width:767px) {
#icagenda {
  width: 100%; }
  
.footer-dark .item:not(.social) {
    text-align: center;
    padding-bottom: 20px; }
  
.footer-dark {
  padding: 0rem; }

.footer-dark ul {
  list-style: none;
  padding-left: 0rem; }
}


@media (width <= 991.98px) {
  #icagenda {
  width: 100% !important; }
  
  body.wrapper-fluid header > .grid-child {
  padding-left: 1em;
  padding-right: 1em; }
 
  .container-search {
  width: 300px; }
  
  .su-clearfix.su-col-lg-8 {
  flex: 1 1 100%;
  max-width: 100%; }
  
  .su-row .su-col-lg-4 {
  flex: 1 1 100%;
  max-width: 100%; }
  
  .su-row .su-col-lg-12 {
  flex: 1 1 100%;
  max-width: 100%; }
  
  .su-row .su-col-lg-18 {
  flex: 1 1 100%;
  max-width: 100%; }
  
  .top-a.no-card > h3 {
  font-size: calc(1.3rem + .5vw); }
  
  .blog-featured .page-header > h1 {
  font-size: calc(1.1rem + 1.2vw); }
  
  #header-bottom-row h2 {
  font-size: 2rem; }
  
  .items-row.cols-2.row-fluid.clearfix .span3,
  .items-row.cols-4.row-fluid.clearfix .span3,
  .items-row.cols-5.row-fluid.clearfix .span3,
  .items-row.cols-6.row-fluid.clearfix .span2 {
  padding: 0.2rem; }
  
  .page_header > p {
  padding: 0rem; }
  
  .display-6 {
  font-size: calc(1.375rem + 0.9vw); }
  
  .moduletable-row-fluid > h2, .page_header > h2 {
  font-size: calc(1.1rem + 1.0vw);
  margin: 0rem 0.2rem 1rem 0.2rem; }
  
  .items-row.cols-2.row-fluid.clearfix {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(287px,0fr)); }
  
  .items-row.cols-2.row-fluid.clearfix.update {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(105px,1fr)); }
  
 .items-row.cols-4.row-fluid.clearfix {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(158px,1fr)); }
  
  .items-row.cols-6.row-fluid.clearfix {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(115px,1fr)); } 
  
  .page-item.page-item__ {
  margin-top: 0rem; }
  
  .item_img.img-full.img-full__left.item-image {
  margin-right: 0rem;
  float: none; }
  
  .item_fulltext_Descriptif_Livre_width_400_400,
  .item_fulltext_Descriptif_Livre_width_400_483,
  .item_fulltext_Descriptif_Livre_width_400_525,
  .item_fulltext_Descriptif_Livre_width_400_565,
  .item_fulltext_Descriptif_Livre_width_400_605,
  .item_fulltext_Descriptif_Livre_width_600_410,
  .item_fulltext_Descriptif_Livre_width_600_480 {
  height: auto;
  display: block;
  margin-top: 1.3rem; }
}