table {table-layout:fixed;}

h2 {clear:both}
.swiper-slide {background-position: center;}

td a {margin:2px}
.collab {text-align:center}
.lead {position:relative;text-align:center}
.lead img {float:left;height:90px;margin-right:10px;}
#iavert {text-align:right}
#stat .badge {background-color: #3a87ad;}
a.btn-xs .badge {font-size:10px}
.bn_count {font-weight:bold}
.pgdiv {text-align:center;margin:6px}
#dswp>div {width:100%;height:300px;color:white;font-size:30px;line-heighxt:1.5em;font-family:Montserrat, Helvetica, Arial, sans-serif;font-weight:40;
   background-size:cover;background-color: white;}
#dswp>div>div {position:relative;top:40px;left:50px;background-color:rgba(0, 0, 0, 0.3);display:none;float:left;padding:5px}
#dswp>div>div>div:nth-child(2) {font-size:18px}
#dswp-text {}
.dswp-title {font-weight:bold}
.dswp-buts a {font-size:14px;background-color:green;text-decoration:none;color:white;padding:2px;margin:2px}

.div-darken {background-color: black;}

#darrowdown {position:absolute;letter-spacing: 0;;cursor:pointer;left:50%;bottom:10px;font-size:18px;font-color:blue;z-index:10;
  transform:  translateX(-50%) translateY(-50%) rotate(90deg);
  font-family: swiper-icons; font-size: var(--swiper-navigation-size);
  color: var(--swiper-navigation-color,var(--swiper-theme-color))}

.articles {display:flex;flex-wrap:wrap;justify-content: center;}
.article {border:none solid black;margin:10px;background-color:#f2f2f2;;padding:5px;min-width:400px;mxax-width:1600px;flex:1;max-height:400px;overflow:auto;justify-content:center;}
.article-title {font-size:20px;margin-bottom:5px;border-bottom:1px solid black;padding:2px;text-align:left;color:#f0644b;flex-grow:1}
.article-logoiw {width:120px;float:right;margin:4px}
#article-cheminsbe img {height:26px;float:left;margin-right:2px}
#article-deriveschasse img {height:250px;float:left;margin-right:8px}
#article-photos {;overflow:hidden} 
#article-inventaire {flex-basis:100%}
#article-visites {width:100%;flex:none}
#article-facebook {width:500px;flex-grow:0;overflow:hidden}
#article-lesaviezvous,#article-doc {line-height:1.5em}
#article-actualites {max-width:1000px;margin:auto;max-height:none}

.fb-post {width:500px;}
iframe {width:450px;}

.article-href {float:right;;color:#f0644b;font-size:20px;transition: all .2s ease-in-out; }
.article:hover .article-href { transform: scale(1.25);}

.voirplus {display:block;text-align:right}

  /* ANIMATIONS
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.page-header2 nav > *,
.page-main,
.page-footer > * {
  opacity: 0;
}

.page-header2,
.page-footer,
.page-main .text-wrapper {
  overflow: hidden;
}

.page-header2 nav > * {
  transform: translateY(-30px);
}

.page-footer > * {
  transform: translateY(30px);
}

.page-header2 {
  position: relative;
}

.page-header2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--main-purple-color);
  z-index: 99999;
  transform: scaleX(0);
}

.page-main .text-wrapper + .text-wrapper {
  margin-top: 10px;
}

.page-main .text-wrapper * {
  transform: translateY(120%);
}

.page-main .p-wrapper * {
  transform: translateY(-120%);
}

.loaded .page-header2::after {
  animation: scaleIn 1.3s ease-in 0.2s forwards;
}

.loaded .page-main {
  animation: fadeIn 1s ease-in 0.7s forwards;
}

.loaded .page-header2 nav > *,
.loaded .page-footer > * {
  animation: fadeIn 1s ease-in 0.7s forwards, slideIn 0.8s ease-in 0.9s forwards;
}

.loaded .page-main .text-wrapper * {
  animation: slideIn 0.6s cubic-bezier(0.54, 0.46, 0.54, 0.94) 2s forwards;
}

@keyframes fadeIn {
  60% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes scaleIn {
  100% {
    transform: scaleX(1);
  }
}

@keyframes slideIn {
  100% {
    transform: translateY(0);
  }
}



.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

@media screen and (max-width: 400px) {
  .article  {min-width:200px}
  #dswp>div {font-size:18px}
  #dswp>div>div {left:0px}
  }