/* cmsms stylesheet: lightgallery modified: 27/11/2019 15:30:36 */
/*! lightgallery - v1.2.22 - 2016-07-20
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */

#lightgallery {
    margin-left: -15px;
    margin-right: -15px;
}

#lightgallery .col {
  flex-basis:25%;
  margin:0;
  padding:0 15px 30px 15px;
  flex-grow:0;
}


@font-face {
  font-family: 'lg';
  src: url("../../fonts/lg.eot?n1z373");
  src: url("../../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../../fonts/lg.woff?n1z373") format("woff"), url("../../fonts/lg.ttf?n1z373") format("truetype"), url("../../fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {
  font-family: 'lg';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("http://www.alternativedg.net/commun/js/lightgallery/js/img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("http://www.alternativedg.net/commun/js/lightgallery/js/img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("http://www.alternativedg.net/commun/js/lightgallery/js/img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("http://www.alternativedg.net/commun/js/lightgallery/js/img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("http://www.alternativedg.net/commun/js/lightgallery/js/img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.group {
  *zoom: 1;
}

.group:before, .group:after {
  display: table;
  content: "";
  line-height: 0;
}

.group:after {
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url("http://www.alternativedg.net/commun/js/lightgallery/js/img/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*# sourceMappingURL=lightgallery.css.map */
/* cmsms stylesheet: car modified: 21/06/2019 13:44:47 */
.bulle { margin:1em auto 0 auto; display: table; font-family: 'Baumans' !important; color: #fff; font-size: 1.4em; line-height:100%; width: 7em; height: 7em; border-radius: 3.5em; background-color:#afcb08; border:0.5em solid #fff; text-align:center }
.bullegrande { margin:1em auto 0 auto; display: table; font-family: 'Baumans' !important; color: #fff; font-size: 1.4em; line-height:100%; width: 10em; height: 10em; border-radius: 5em; background-color:#afcb08; border:0.5em solid #fff; text-align:center }
.pastille { position: absolute; top:-1em; left:-1em; margin:0; display: table; font-family: 'Baumans' !important; color: #fff; font-size: 1em; line-height:100%; width: 6em; height: 6em; border-radius: 3em; background-color:#afcb08; border:0.2em solid #fff; text-align:center }

.bulle div, .pastille div { display:table-cell; vertical-align:middle; font-size:0.8em }
.bullegrande div { display:table-cell; vertical-align:middle; font-size:1.1em }
.bulle2 { position:absolute; right: 2em; top:-2em; display: table; font-family: 'Baumans' !important; color: #fff; font-size: 1.6em; line-height:100%; width: 7em; height: 7em; border-radius: 3.5em; background-color:#5e524d; border:0.5em solid #fff; text-align:center;	backface-visibility: hidden; transform: translateZ(0px); transition-duration: 0.3s;transition-property: background-color; }
.bulle2 div { display:table-cell; vertical-align:middle }
.bulle2 div a { color:#fff; text-decoration:none }
.text-danger { color:red; padding:0.5em;  }

.surlig, .btn { 
	display: inline-block; 
	color:#fff; 
	padding:0.2em 0.6em; 
	width:auto;
	backface-visibility: hidden;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: background-color;
	}

.btn { font-size: 1em; padding:1em;  }
.surlig:hover, .btn:hover, .bulle2:hover { background-color:#afcb08 }

.tempArrow {
	background-color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:5000;
	text-align:center
}

.tempArrow i {
	color:#5e524d;
	font-size:3em;
}


/*
Theme created for use with Sequence.js (http://www.sequencejs.com/)
*/


table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* !CSS RESET */
/* prefix declarations */
/* THEME STYLES */
.sequence-theme {
  /* this container is just to ensure the background color stretches all the way across on bigger screens */
  background: #cbcbc4;
}

#sequence {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  background-color: #cbcbc4;
  color: white;
  height: 300px;
}

#sequence ul { margin:0; padding: 0 }

#sequence h2 { font-size: 1.8em; z-index:200 }

#sequence > .sequence-canvas {
  height: 100%;
  width: 100%;
}
#sequence > .sequence-canvas > li {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  list-style-type:none
}
#sequence > .sequence-canvas > li img {

}
#sequence > .sequence-canvas li > * {
  position: absolute;
  /* only cause the left and opacity properties to transition */
  -webkit-transition-property: left, opacity;
  -moz-transition-property: left, opacity;
  -ms-transition-property: left, opacity;
  -o-transition-property: left, opacity;
  transition-property: left, opacity;
}

.sequence-next,
.sequence-prev {
  color: white;
  cursor: pointer;
  display: none;
  font-weight: bold;
  padding: 0;
  position: absolute;
  top: 890%;
  z-index: 1000;
  width: 30px;
  height: 30px;
}

.sequence-pause {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
}

.sequence-paused {
  opacity: 0.3;
}

.sequence-prev {
  left: 0;
}

.sequence-next {
  right: 0;
}

.sequence-prev img,
.sequence-next img {
  height: 100%;
  width: auto;
}

#sequence-preloader {
  background: #d9d9d9;
}

.sequence-pagination {
  bottom: 1%;
  display: none;
  right: 6%;
  position: absolute;
  z-index: 10;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sequence-pagination li {
  display: inline-block;
  *display: inline;
  /* Hack for IE7 and below as they don't support inline-block */
  height: auto;
}
.sequence-pagination li img {
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: margin-bottom, opacity;
  -moz-transition-property: margin-bottom, opacity;
  -ms-transition-property: margin-bottom, opacity;
  -o-transition-property: margin-bottom, opacity;
  transition-property: margin-bottom, opacity;
}
.sequence-pagination li img:hover {
  margin-bottom: 4px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sequence-pagination li.current img {
  opacity: 1;
}

.sequence-next,
.sequence-prev {
  position: absolute;
  opacity: 0.6;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.sequence-next:hover,
.sequence-prev:hover {
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.title {
  font-size: 3.4em;
  left: 60%;
  width: 30%;
  opacity: 0;
  top: 1%;
  z-index: 2500;
  text-align:right;
}

.animate-in .title {
  left: 60%;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.animate-out .title {
  left: 40%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.subtitle {
  font-size: 1.5em;
  right: 2em;
  width: 30%;
  opacity: 0;
  top: 40%;
  text-align:right;
  z-index: 2000;
  background-color: #fff;
  padding: 0.5em
}

h3.subtitle { color:#5e524d }

.animate-in .subtitle {
  left: 65%;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.animate-out .subtitle {
  left: 50%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.model {
  left: 0;
  opacity: 0;
  position: relative;
  max-height: 380px;
  width: auto;
  height: 100%;
}

.animate-in .model {
  left: 5%;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.animate-out .model {
  left: 0%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}


@media only screen and (max-width: 767px) {

  .pastille { right:0em; left: auto }

  #sequence .model {
    left: 0;
    width: 100%;
  }
  #sequence .animate-in .model {
    left: 0;
    margin-left: 0;
  }
  #sequence .animate-out .model {
    left: 0;
    margin-left: 0;
  }
  #sequence .animate-in .title {
    left: 0%;
  }
  #sequence .animate-out .title {
    left: 0;
  }

  #sequence .sequence-pagination {
    bottom: 40px;
  }
  #sequence .sequence-pagination li img {
    height: 100px;
  }

}




@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.colonne, #sequence { max-width: none }
	.titre, .col, h1, h2, h3, h4, h5, h6, blockquote, #form, p { width:100% }
	body { font-size: 1.1em }
	/* .col, .bulle, .bulle2, h1, h2, h3, h4, h5, h6, blockquote, #accroche, #form, p { float:left; clear:both; position:relative } */
	input { width:50% }
	.bulle2 { position:absolute; right: 2em; top:-2em; display: table; font-family: 'Baumans' !important; color: #fff; font-size: 1.6em; line-height:100%; width: 7em; height: 7em; border-radius: 3.5em; background-color:#5e524d; border:0.5em solid #fff; text-align:center }
	.bulle2 div { display:table-cell; vertical-align:middle }
	.titre { top: 0 }
}

@media only screen and (max-width: 767px) {
   	body { font-size: 1.1em }
	h1 { font-size: 1.2em }
	blockquote, h4{ font-size: 1.4em }
	header { padding: 0 }
	input, .col { width:100% }
	.col { display:block }
	#sequence { height:320px }
	.model { height: auto; top: 80px }
	header h2 { font-size: 1.4em; padding:0.5em }
	.bulle { clear: both; font-size:1.3em; margin: 0 auto; float:none }
	.bulle2 { display:none }
	.logo { max-width: 250px; }
	#slides { height: 320px; padding:0 }
	#slides .colonne {padding:0 }
	#sequence, .sequence-theme { background-color:transparent }
	#sequence h2 { top: 0; font-size: 1.2em }
	.titre { width:100%; padding: 0.5em; text-align:center; float:none }
	.subtitle { font-size: 1em; width:100%; top: 245px; left: 0; text-align:center }
	.sequence-next, .sequence-prev, #sequence .sequence-pagination { display:none }
	#sequence .model {
		left: 0%;
		min-width: 100%;
		width: 100%;
  }
  #sequence .animate-in .model, .animate-in .subtitle {
    left: 0;
    margin-left: 0;
  }
  #sequence .animate-out .model, .animate-out .subtitle {
    left: 0;
    margin-left: 0;
  }

}
/* cmsms stylesheet: Agora modified: 28/11/2024 16:42:55 */


/* marge égale entre header-nav-content-articles-footer */

* {
   margin:0;
   padding:0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 1.2em; line-height: 1.231; }
body, button, input, select, textarea, nav li a { font-family: 'Roboto Condensed', sans-serif; color: #4d4c4c; font-weight:300 }


/* Liens */
a { 
   color: #afcb08; text-decoration: none;
   text-decoration: none;
   transition-delay: 0s;
   transition-duration: 0.8s;
   transition-property: all;
   transition-timing-function: ease;
}

a:hover { color: #555; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }

/* Couleurs */

.blanc, .blanc a { color:#fff }
.noir { color:#000 }
.vert { color:#afcb08 }
.fdvert { background-color:#afcb08 }
.gris { color:#cbcbc4 }
.fdgris { background-color:#cbcbc4 }
.fdgris2 { background-color:#f3f3ed }
.marron, .marron a { color:#5e524d }
.fdmarron { background-color:#5e524d }

.chiffre { color:#afcb08; font-size:1.4em }
 
.orange, .orange a, .orange h2, .orange h3  { color:#d35202 }
.fdorange { background-color:#d35202 }
.car a.fdorange:hover { background-color:#599cc3; color:#fff } 

.violet, .violet a, .violet h2, .violet h3 { color:#77678a }
.fdviolet { background-color:#77678a }

.bleu, .bleu a, .bleu h2, .bleu h3 { color:#599cc3 }
.fdbleu { background-color:#599cc3 }

.fdbleu p, .fdbleu li,
.fdorange p, .fdorange li,
.fdviolet p, .fdviolet li { color: #fff }

.bouton { display: inline-block; padding: 0.3em }
.retour { display: block; padding-top:2em }
.retour i { padding-right: 1em }

/* Typos */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 400; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 0px; border: 0;  margin: 0; padding: 0; clear: both }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

.petit { font-size: 0.75em }


/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }



/* Listes */
ul, ol { margin: 0 0 1em 0; padding: 0 0 0 2em }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

figure { margin: 0; }



/* Formulaires */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; }

button, input, select, textarea { font-size: 100%; margin: 0; padding: 0.5em; vertical-align: baseline; *vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; border-radius: 0 }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Remove inner padding and border in FF3/4: h5bp.com/l */

textarea { overflow: auto; vertical-align: top; resize: vertical; }


/* Tables */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.separation { border:1px dotted #ccc; margin:0 0 1em 0 }

.qualiopi { max-height: 90px; padding:0; margin-top:-6px }


img {
   /*border-radius: 0.5em;*/
   width: 100%;
   height: auto
}


body {
   background-color: #fff;
   color: #555;
   overflow:hidden
}

div#container {
   position:relative;
   width: 100%;
   margin: 0 auto;
   background-color: transparent;
}

.table { position:relative; display: table; }


/* Header */

header {
   position: relative;
   width: 100%;
   max-width: 1200px;
   height: 150px;
   margin: 0 auto;
   padding: 0;
}

div#slogan {
   position: absolute;
   width:280px;
   top: 66px;
   left: 228px;
   font-size: 0.9em;
   margin: 0;
}

div#reseaux {
   position: absolute;
   top: 1em;
   right: 0.5em;
   font-size: 2em;
   margin: 0;
   text-align: right
}

div#reseaux ul li { float: left; list-style-type: none; padding: 0 0 0 0.5em }



#logo {
   position: relative;
   top: 2em;
   left: 1em;
}

#logo img {
   width: 16%;
   height: auto;
   max-width: 250px;
}

#menu_lang {
   float: right;
   margin: -4em 1em 0 0;
}

#menu_lang li {
   list-style-type: none;
   float: left;
   margin: 0 20px 0 0;
}

#menu_lang li a.active {
   font-weight: bold;
}

#main {
   position: relative;
   margin:0 auto; 
   padding: 0 0 1em 0; 
   max-width: 1200px;
   z-index: 1000
}

.accueil #main { margin: 2em auto; padding:0 }

.centre { margin:0 auto; max-width: 1200px; width: 100% }

.car {
   padding: 1em;
   background-color:#afcb08;
}

.car h3, .car p { color: #fff }
.car h2 a { color:#5e524d }
.car h2 a:hover { color:#fff }

#bas {
   width: 100%;
   height: auto;
   margin: 0;
   padding: 1em;
   font-size: 1em;
}

.contBas, .contBas a {
   color: #fff;
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
   padding: 1em 0
}

.contBas a:hover { color: #000}

.contBas h3 {
   color: #fff
}

.contBas .tiers { min-height: 5em }

/* Footer */

footer {
   width: 100%;
   height: auto;
   margin: 0 auto;
   padding: 1em;
   text-align: center;
   background-image: url(../../design/footer.png);
   background-repeat: no-repeat;
   background-position: left bottom;
}

footer p {
   font-size: 1em
}
footer h4 {
   font-size: 1.2em
}


#haut { float: right; font-size: 2em }
a#haut { color: #fff }
a#haut:hover { color: #777 }

.infos { margin-top:1em; padding: 2em; color: #fff }
.infos p { display: table-cell; vertical-align: middle; width:60%; padding:0; color: #fff }
.infos .fa { display: table-cell; vertical-align: middle; text-align: center; font-size: 3em; padding: 0.2em; width:35% }
.pdf { padding: 0.5em; margin-bottom:1em; background-color: rgba(0,0,0,0.5) }
.pdf a { color: #fff }
.plus { padding: 1em; border:1px solid; margin: 1em 0 0 0 }
.plus ul { margin-bottom: 0 }
.citation { border:1px solid #afcb08; padding:1em }
.citation h4 { padding:0 0 0.5em 0 }
.citation p { position:relative; padding:0 1.5em }
.citation p:before {
  position: absolute;
  left:0;
  color: #ccc;
  content:"\201C";
  font-size: 4em;
  margin: -0.2em 0.2em 0 0;
}
.citation p:after {
  position: absolute;
  right:0.2em;
  color: #ccc;
  content:"\201D";
  font-size: 4em;
  margin: -0.2em 0 0 0.2em;

}

.satisfaction {
  text-align:center;
  margin: 2rem auto;
  font-weight:400
}

.satisfaction h3 { font-size: 2rem }


.satisfaction p span { font-size: 3rem; color:#afcb08 }

/* Grille */

.grille3c33pc {
   display:grid;
   grid-template-columns: repeat(3,1fr);
   grid-gap:2em
}

.grille4c25pc {
   display:grid;
   grid-template-columns: repeat(4,1fr);
   grid-gap:2em
}

.grille2c50pc {
   display:grid;
   grid-template-columns: repeat(2,1fr);
   grid-gap:2em
}


.droite { float: right; margin-left: 2% }
.gauche, .actuAcc .NewsSummary { float: left; margin: 0 4% 0 0;  }

.demi { width:46%; margin: 0 4% 0 0; }
.demi.marge0 { width:50% }
.quart { width:23.5%; margin: 0 1.5% 0 0 }
.quart.marge0 { width:25% }
.tiers { width:30.66%; }
.tiers.marge0 { width:33.3% }
.deuxtiers { width:65.34%; margin: 0 4% 0 0; }
.deuxtiers.marge0 { width:66% }
.huitieme {width: 12.5% }
.last, .actuAcc .last { margin:0 }
.pleine { width:100%; clear: both }
section, .actuAcc .NewsSummary { width: 100% }
.marge0 { margin:0 }
.margeInt1 { padding: 1em }
.margeInt2 { padding: 2em }
.margeBas1 { margin-bottom: 1em }
.margeBas2 { margin-bottom: 2em }
.margeHB1 { margin-top: 1em; margin-bottom: 1em }
.margeHB2 { margin-top: 2em; margin-bottom: 2em }
.margeIntD { padding-right: 1em }
.margeIntG { padding-left: 1em }

.col { position: relative; margin-right:30px; padding: 0 0 4em 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; }
.col:last-child {  margin-right: 0; }

.ligne { display: flex; flex-wrap: wrap; flex-flow: row wrap; }

.large { width:100% }

.mce-visualblocks .quart {
   width:22.5%
}
.mce-visualblocks .demi {
   width:45%
}
.mce-visualblocks .deuxtiers {
   width:64%
}
.mce-visualblocks .huitieme {
   width:11.5%
}

/* iframe */

iframe { width: 100% }


/* Formulaire */

.formulaire legend { display: none }
.formulaire input, .formulaire textarea { border:0; background-color: #eee; }
.formulaire label, .formulaire input { float: left }
.formulaire div { clear: both; padding: 0.5em 0 }
.formulaire label, .formulaire textarea, .formulaire input { width: 100% }
.formulaire label { margin-right: 4% }
.formulaire .submit { display: block; width: 100%; }
.formulaire .submit input { width: 100%; background-color: #b6c527; color: #fff; padding: 0.5em; border:0px } 
.error { color: red }

/* Petites Actus */

#petites_actus { 
   margin: 0 auto; 
   padding: 2em 0; 
   width: 100%; 
   clear: both; 
   background: transparent url(__URL,,e8c0faace76060d5e3d9e277ee2376c9__) bottom left no-repeat; 
   background-size: auto 100%;
}

#petites_actus article {
   float: left;
   min-height: 220px;
   padding: 1em 0;
}

#petites_actus article:last-child {
   margin: 0;
}

#petites_actus h3 { text-align: center; color:#5e524d }

.actuAcc {
   margin: 0 0 2em 0;
   clear: both
}

.actuAcc h2 { padding-top: 0 }



/* Articles */

.actuSom { margin-bottom: 2em }
.actuSom h2, .actuSom h3 { height: 5em }

/* Grandes Actus */

#grandes_actus { 
   position: relative;
   height: 700px;
   width: 100%;
   margin: 0;
   overflow: hidden;
   background-color: #eee;
   z-index: 900
}

.cycle-slideshow { width: 100%; height: 700px; overflow: hidden; margin: 0 auto }



#grandes_actus .NewsSummary {
   position: relative;
   width: 100%;
   float: left;
   min-height: 700px;
}

#grandes_actus .NewsSummary img {
   margin-left: 1em
}

#grandes_actus .NewsSummary .table {
   position: relative;
   width: 100%;
   max-width: 1200px;
   height: 700px;
   margin: 0 auto;
}

#grandes_actus .NewsSummary {
   background-repeat: no-repeat;
   background-size: auto 100%;
   background-position:center
}

.table .cell {
   display: table-cell;
   vertical-align:bottom;
}
.cell.equipe { vertical-align: top; }

#grandes_actus .table .cell {
   opacity:0;
}

#grandes_actus .cell p {
   display:inline-block; font-size: 1.2em; background-color: rgba(0,0,0,0.8); padding: 0.3em;
}

#grandes_actus .cell.aucun p {
   background-color: transparent;
}

#grandes_actus iframe { width:100%; height:auto }

.fadeIn1s {
   -webkit-animation:fadeIn1s 1s;
   -moz-animation:fadeIn1s 1s;
   -o-animation:fadeIn1s 1s;
   animation:fadeIn1s 1s;
   -webkit-animation-fill-mode:forwards;
   -moz-animation-fill-mode:forwards;
   -o-animation-fill-mode:forwards;
   animation-fill-mode:forwards;
}

.fadeIn2s {
   -webkit-animation:fadeIn2s 2s;
   -moz-animation:fadeIn2s 2s;
   -o-animation:fadeIn2s 2s;
   animation:fadeIn2s 2s;
   -webkit-animation-fill-mode:forwards;
   -moz-animation-fill-mode:forwards;
   -o-animation-fill-mode:forwards;
   animation-fill-mode:forwards;
}

@-webkit-keyframes fadeIn1s { from { opacity:0; } to { opacity:1; } }
@-webkit-keyframes fadeIn2s { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn1s { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn2s { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn1s { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn2s { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn1s { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn2s { from { opacity:0; } to { opacity:1; } }

#grandes_actus .NewsSummary h2 {
   font-size: 1.7em;
   color: #fff;
   padding: 0 0 0.6em 0;
}

#grandes_actus .NewsSummary p {
   font-size: 1.1em;
   color: #fff;
   padding: 1em
}

#pager {
  max-width:1200px;
  width: 100%;
  margin: 0 auto;
  left: 1em;
  bottom: 2em;
  text-align:center
}

#pager span {
   font-size: 2em;
   padding: 0 0.2em 0 0;
   cursor: pointer;
}

#pager .cycle-pager-active {
   color: #fff
}

.hovereffect img.zoom_ic { display: inline; width: 3em; height: 3em }

/* Effets */

.imageSom {
   position:relative;
   margin-bottom:1em;
}

.imageSom  a {
   position: relative;
}

.imageSom img {
  position: relative;
  display: inline-block;  
  vertical-align: middle;

}



/* Effets images */


/* rollover - zoom, fondu et symbole + */

.hovereffect {
width:100%;
height:auto;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
   display:block;
   position:relative;
   -webkit-transition:all .4s linear;
   transition:all .4s linear;
}

.hovereffect p {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
   text-decoration:none;
   display:table;
   width:100%;
   height:100%;
   color:#fff;
   background-color:transparent;
   opacity:0;
   filter:alpha(opacity=0);
   -webkit-transition:all .2s ease-in-out;
   transition:all .2s ease-in-out;
   margin:0;
   padding:0;
}

.hovereffect a.info span {
   display:table-cell;
   vertical-align:middle;
   text-align: center;
   font-size:2em;
   }

.hovereffect a.info:hover {
   /*box-shadow:0 0 5px #fff;*/
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover p,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

.hovereffect::after {
  content: " "; 
  display: table; 
  clear:both
}

.captchapict { max-width: 300px }


/* Typos */

h1, h2, h3 { color: #afcb08 }
h1 { display:inline-block; font-size: 1.6em; background-color: rgba(0,0,0,0.8); padding: 0.3em 1em; margin:2em 0 2em 0 }
.accueil h1 { display: block; margin: 0; padding: 0 0 0.5em 0; background-color:#fff }
h2 { padding: 0 0 0.5em 0; font-size: 1.3em; color: #5e524d }
h3, p { padding: 0 0 0.5em 0 }
h1, h2, h3, h4, h5 {
   font-family: 'Baumans' !important;
   font-weight:normal;
   line-height: 110%
}
p, li { color: #4d4c4c; }
.chapeau { font-weight: 400; padding: 0 0 1em 0 }

/* Mesg Cookies */

#cookiesdirective { padding-top: 1em }
#cookiesdirective input { position: relative; margin-top:-1em; background-color: #afcb08; color: #fff; border:0 }

/* Editeur */
.mce-content-body * { opacity:1 }
.mce-content-body .cell,
.mce-content-body .demi,
.mce-content-body .tiers,
.mce-content-body .col,
.mce-content-body .quart { border:2px dotted #ddd }

.mce-object-iframe { width:100% }




/* Mobiles */


@media only screen and (min-width: 1200px) and (max-width: 1920px) {
   #grandes_actus, .cycle-slideshow, #grandes_actus .NewsSummary, #grandes_actus .NewsSummary .table { height: 528px; min-height: 528px }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
   #main, .accueil #main, .actuAcc, #petites_actus { padding: 1em }
   .accueil #main { margin-top: 4em }
   #grandes_actus, .cycle-slideshow, #grandes_actus .NewsSummary, #grandes_actus .NewsSummary .table { height: 400px; min-height: 400px }
}

@media only screen and (max-width: 1024px) {
   #main { margin-top:-2.4em }
   .actuSom h2 { font-size: 1.1em }
   #grandes_actus, .cycle-slideshow, #grandes_actus .NewsSummary, #grandes_actus .NewsSummary .table { height: 282px; min-height: 282px }
   #petites_actus { padding:1em }
}

@media only screen and (max-width: 980px) {
   #slogan { display: none }
}


@media only screen and (max-width: 480px) {

  body { font-size: 0.9em }
  header { height: 180px }
  img { width: 100%; height: auto }
  #main { padding:1em }
  #logo { left:0 }
  #logo img {
     display: block;
     position: relative;
     margin:0 auto;
     width: 70%
  }
   div#reseaux {
     position: absolute;
     width: 100%;
     bottom: 0.5em;
     left:0;
     right: 0;
     top: auto;
     font-size: 2em;
     margin: 0;
   }
  div#reseaux ul { width:100%; text-align: center; margin:0; padding:0 }
  div#reseaux ul li { display: inline; float: none; margin:0; padding:0 }
  div#reseaux ul li img { max-height:46px }
  .qualiopi { position:relative; top:15px}

  
  #menu_lang { margin-top: -90px }
  .contBas { padding: 1em }
  .tiers, .demi, .deuxtiers, .actuAcc .NewsSummary, .actuAcc .tiers { width: 100%; margin-bottom: 0.5em }
  .quart, .huitieme { width: 50%;  }
  .quart.cell { float: left; }
  .quart.cell:nth-child(2n+1){
    clear:left
}

   #petites_actus { padding: 1em }
   #petites_actus article {
      float: left;
      min-height:0;
      width: 100%;
      margin: 0 0 2% 0;
   }
  .btn, .formulaire label, .formulaire textarea, .demi, .demi.marge0, h1 { width: 100% }
  .table .cell { display:block }
  .actuSom h2, .actuSom h3 { height: auto }
  .actuSom { margin-bottom:1.5em }
  .grille2c50pc { grid-template-columns:1fr }

}

@media only screen and (min-width: 481px) and (max-width: 768px)  {

  #logo img {
     display: block;
     position: relative;
     width: 100%;
     margin:0
  }

}


/* Impression */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* cmsms stylesheet: Slimmenu modified: 22/09/2020 15:26:56 */
/* Menu */

#menu {
  position: relative;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  z-index: 10000;
  text-align: center;
  background-color: #afcb08;
}

#menu.collapsed {
   position: relative;
   top: 0;
}

#menu ul {
  position: relative;
  width: 100%;
  text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  z-index: 900
}

#menu li {
   position:relative;
   width: auto;
   display: inline;
   list-style-type: none;
   margin: 0;
   background: none;
   z-index: 901
}

#menu li a {
   display: inline-block;
   font-size: 1em;
   line-height: 1.1em;
   color: #fff;
}

#menu li.menuactive a {
   color: #fff;
}

#menu li a:hover {
   color: #000
}

#menu_lang {
  float: right;
  margin: 1em;
}

#toggle, .toggle { display: none; }


/* Menu Responsive */

.menu-collapser {
    position: relative;
    float:left;
    background-color: #afcb08;
    color: #fff;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 8px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 5000
}
.collapse-button {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 40px;
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    padding: 7px 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button:hover, .collapse-button:focus {
    background-image: none;
    background-color: #fff;
    color: #000;
}
.collapse-button .icon-bar {
    background-color: #afcb08;
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
}
#menu ul.slimmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    -webkit-overflow-scrolling: touch
}
#menu ul.slimmenu li {
    position: relative;
    display: inline-block;
    padding:0;
}
#menu ul.slimmenu > li:first-child { border-left: 0 }
#menu ul.slimmenu > li:last-child { margin-right: 0 }
#menu li a {
    display: block;
    padding: 0.75em 0.5em;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
}
#menu ul.slimmenu li a:hover {
    background-color: #fff;
    text-decoration: none;
}
#menu ul.slimmenu li .sub-collapser {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: 3em;
    text-align: center;
    z-index: 999;
    cursor: pointer;
}
#menu ul.slimmenu li .sub-collapser:before {
    content: '';
    display: table;
    height: auto;
    vertical-align: middle;
}
#menu ul.slimmenu li .sub-collapser > i {
    color: #fff;
    font-style: normal;
    font-variant: normal;
    display: table-cell;
    vertical-align: middle;
    width:3em;
    height: 2.8em
}
#menu ul.slimmenu li ul {
    margin: 0;
    list-style-type: none;
}
#menu ul.slimmenu li ul li { background-color: #4d4c4c; width: 100% }
#menu ul.slimmenu li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2000;
    width: 100%;
    background-color: #53422d
}
/*
#menu ul.slimmenu li > ul > li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%;
}
*/
#menu ul.slimmenu.collapsed li {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
#menu ul.slimmenu.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
#menu ul.slimmenu.collapsed li .sub-collapser {
    height: 40px;
}
#menu ul.slimmenu.collapsed li > ul {
    display: none;
    position: static;
}
#menu ul.slimmenu li.parent { padding-right: 3em }

@media only screen and (max-width:800px) {
   #menu ul.slimmenu li > ul, #menu ul.slimmenu li ul li { position: relative }
   #menu li > ul, #menu li  { width: 100% }
   #menu li > ul > li ul { left: 0 }
   nav li, nav li ul li a { text-align: center }
   #menu li.sectionheader, #menu li.menuparent { padding: 0.5em }
   #menu li { background-color: #afcb08 }
   #menu li a { font-size: 1.5em }
   #menu ul.slimmenu li .sub-collapser { width: 3em }
   #menu ul.slimmenu li.parent { padding-right: 0 }
   #menu ul.slimmenu li .sub-collapser > i { height: 4em }
}

@media only screen and (min-width:801px) and (max-width:1199px) {
   #menu li a { padding: 1em 0.5em; font-size:0.8em }
   #menu ul.slimmenu li .sub-collapser > i { height: 2.2em }
}
