@media only screen and (min-width: 801px) {
  #main-menu {
    right: 100%;
    opacity: 0;
  }
}
.main_menu {
  overflow: visible;
  position: relative;
  z-index: 11;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, serif;
  display: table;
  text-align: justify;
  width: 100%;
  font-size: 14px;
  color: #ddd;
}
.main_menu > li {
  display: table-cell;
  position: relative;
  text-transform: uppercase;
  text-align: center;
}
.main_menu > li:hover,
.main_menu a.current {
  color: #fff;
}
.main_menu > li:hover ul {
  display: block;
}
.main_menu a {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  color: inherit;
}
.main_menu a.current {
  color: #1391cb;
}
.main_menu ul {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 0;
  display: none;
  width: auto;
  min-width: 100%;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  white-space: nowrap;
  text-align: center;
  color: #ddd;
}
.main_menu ul li {
  float: none;
  text-transform: none;
}
.main_menu ul li:hover {
  color: #fff;
}
.main_menu ul li a.current {
  color: #1391cb;
}
.static_menu {
  overflow: hidden;
}
.static_menu li {
  float: left;
  padding: 0 8px;
}
.static_menu li + li {
  border-left: 1px solid #888888;
}
.featureapage,
.featureditem li,
.relatedpages li {
  margin-bottom: 30px;
  margin-left: 2%;
  margin-right: 0;
  width: 32%;
}
.featureapage:nth-child(3n + 1),
.featureditem li:nth-child(3n + 1),
.relatedpages li:nth-child(3n + 1) {
  margin-left: 0;
}
@media only screen and (max-width: 800px) and (min-width: 651px) {
  .featureapage,
  .featureditem li,
  .relatedpages li {
    width: 49%;
  }
  .featureapage:nth-child(n),
  .featureditem li:nth-child(n),
  .relatedpages li:nth-child(n) {
    margin-left: 2%;
  }
  .featureapage:nth-child(2n + 1),
  .featureditem li:nth-child(2n + 1),
  .relatedpages li:nth-child(2n + 1) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 650px) {
  .featureapage,
  .featureditem li,
  .relatedpages li {
    width: 100%;
  }
  .featureapage:nth-child(1n + 1),
  .featureditem li:nth-child(1n + 1),
  .relatedpages li:nth-child(1n + 1) {
    margin-left: 0;
  }
}
.featureapage .page-teaser-image,
.featureditem li .page-teaser-image,
.relatedpages li .page-teaser-image {
  overflow: hidden;
  margin-bottom: 0.5em;
}
.featureapage {
  float: left;
}
.listpages,
.listcategories {
  overflow: visible;
}
.listpages li,
.listcategories li {
  display: block;
}
.listpages .page-title,
.listcategories .page-title {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  padding: 7px;
  -webkit-transition: background 1s ease;
  transition: background 1s ease;
}
.listpages .page-title:hover,
.listcategories .page-title:hover {
  background: #394955;
  color: #fff;
}
.listpages .page-title.current,
.listcategories .page-title.current {
  background: #394955;
  color: #fff;
}
.listpages span,
.listcategories span {
  display: none;
}
aside .listpages li,
aside .listcategories li,
aside .featureditem li,
aside .featureapage,
aside .relatedpages li {
  width: 100%;
  margin: 0 0 2em;
}
aside .listpages li .page-teaser-image,
aside .listcategories li .page-teaser-image,
aside .featureditem li .page-teaser-image,
aside .featureapage .page-teaser-image,
aside .relatedpages li .page-teaser-image {
  width: 100%;
  float: none;
  margin: 0 0 0.5em;
}
aside .listpages li span,
aside .listcategories li span,
aside .featureditem li span,
aside .featureapage span,
aside .relatedpages li span,
aside .listpages li p,
aside .listcategories li p,
aside .featureditem li p,
aside .featureapage p,
aside .relatedpages li p {
  font-size: 0.85em;
  line-height: 1.25;
}
.sitemap {
  padding-left: 1.3em;
  margin: 0 0 0 0.5em;
  color: #1391cb;
  list-style-type: disc;
}
.sitemap li {
  display: list-item;
  list-style-type: disc;
}
.sitemap li a {
  text-decoration: none;
}
.listxrss li {
  margin-bottom: 20px;
}
.listxrss a {
  display: block;
  margin-bottom: 1em;
}
.listxrss a ~ a {
  float: left;
  margin-right: 2%;
}
aside .listxrss a ~ a {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.listxrss span {
  display: block;
  font-size: 0.75em;
  color: #494949;
  margin-bottom: 1em;
}
aside .listxrss p {
  font-size: 0.85em;
}
.news-item {
  background: rgba(255, 255, 255, 0.7);
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
}
.news-item:last-child {
  margin-bottom: 0;
}
.news-item .news-item-image {
  display: block;
  float: right;
  height: 160px;
  overflow: hidden;
  position: relative;
  width: 160px;
  max-width: 40%;
}
.news-item .news-item-image a.tpopup {
  position: absolute;
  top: 10px;
  right: 10px;
}
.news-item .news-item-image:empty {
  width: 0;
}
.news-item .news-item-image img {
  width: 100%;
}
.news-item .news-item-content {
  overflow: hidden;
}
.news-item .news-item-title {
  color: #000;
  font-weight: bold;
  display: block;
  text-decoration: none;
  margin-left: 20px;
  margin-right: 20px;
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 1.2;
}
.news-item .news-item-description {
  color: #222222;
  margin-left: 20px;
  margin-right: 20px;
  overflow: hidden;
  margin-bottom: 10px;
}
.news-item .newslog-admin-actions {
  text-align: right;
}
.news-item .news-item-date {
  color: #8a0000;
  margin-bottom: 10px;
  margin-top: 20px;
  margin-left: 20px;
}
.news-item .voir-plus {
  margin-bottom: 15px;
  margin-left: 20px;
}
.news-item .voir-plus:empty {
  display: none;
}
.news-item .icon-arrow-down6,
.news-item .icon-arrow-up6 {
  font-size: 30px;
  color: #000;
  width: 38px;
  margin: -20px 48% 0;
  display: block;
  cursor: pointer;
}
.news-item .news-item-tags a {
  color: #888888;
}
.news-item .news-item-tags a:hover {
  color: #3c3c3c;
}
.news-item .news-item-tags a + a {
  margin-left: 0.5em;
}
.news-item .news-item-tags a:before {
  color: #888888;
  margin-right: 0.5em;
}
.news-item .newslog-tag-filter:before {
  content: "\e02f";
}
.news-item-date {
  color: #ddd;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, serif;
  margin-bottom: 20px;
  display: block;
  font-weight: bold;
}
.search-results li {
  margin-bottom: 30px;
}
.search-results .page-teaser-image {
  overflow: hidden;
  float: left;
  margin-right: 2%;
  width: 150px;
}
@media (min-width: 801px) {
  .mobile-bar,
  .mobile-menu {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  body {
    padding-top: 3em;
  }
  body[data-menu-open],
  body[data-overlay],
  body[data-dropdown-open] {
    overflow: hidden;
  }
  body[data-menu-open]::after,
  body[data-overlay]::after,
  body[data-dropdown-open]::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
  }
  [data-menu-open]::after,
  [data-overlay]::after {
    background: rgba(0, 0, 0, 0.5);
  }
}
.mobile-bar {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 100;
  box-shadow: 0 0 7px #000;
}
.mobile-bar:after {
  content: "";
  display: table;
  clear: both;
}
@media only print {
  .mobile-bar {
    display: none;
  }
}
.mobile-bar.top {
  top: 0;
  line-height: 3em;
  color: #ddd;
  background: #222;
}
.mobile-menu {
  float: none;
  height: auto;
  text-align: left;
  margin: 0 !important;
  padding: 0;
  width: 80%;
  max-width: 300px;
  position: fixed;
  z-index: 0;
  overflow: auto;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+WzxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0MjQyNDIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBmMGYwZiIgc3RvcC1vcGFjaXR5PSIxIi8+XTwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #424242), color-stop(100%, #0f0f0f));
  background-image: -webkit-linear-gradient(top, #424242 0%, #0f0f0f 100%);
  background-image: -moz-linear-gradient(top, #424242 0%, #0f0f0f 100%);
  background-image: -ms-linear-gradient(top, #424242 0%, #0f0f0f 100%);
  background-image: linear-gradient(top, #424242 0%, #0f0f0f 100%);
  color: #fff;
}
.mobile-menu.left,
.mobile-menu.right {
  top: 0;
  bottom: 0;
}
.mobile-menu.left {
  left: 0;
}
.mobile-menu.right {
  right: 0;
}
.mobile-menu.top,
.mobile-menu.bottom {
  left: 0;
  right: 0;
  width: auto;
  height: 300px;
  max-height: 80%;
  max-width: none;
}
.mobile-menu.top {
  top: 0;
}
.mobile-menu.bottom {
  bottom: 0;
}
.mobile-menu ul,
.dropdown-menu ul {
  background: transparent;
  color: inherit;
  position: relative;
  line-height: 3em;
  width: auto;
  box-shadow: none;
}
.mobile-menu ul.main_menu,
.dropdown-menu ul.main_menu {
  display: block;
}
.mobile-menu ul li,
.dropdown-menu ul li {
  display: block;
  text-align: left;
}
.mobile-menu ul a,
.dropdown-menu ul a {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.mobile-menu ul ul,
.dropdown-menu ul ul {
  background: rgba(0, 0, 0, 0.03);
}
.mobile-menu ul ul a,
.dropdown-menu ul ul a {
  padding-left: 24px;
}
.mobile-menu ul ul.open,
.main_menu ul.open,
.dropdown-menu ul ul.open {
  display: block !important;
}
.mobile-menu li,
.dropdown-menu li {
  float: none;
  border-bottom: 1px solid #222222;
}
.mobile-menu li:hover,
.dropdown-menu li:hover {
  color: inherit;
}
.mobile-menu li:hover ul,
.dropdown-menu li:hover ul {
  display: none;
}
.mobile-menu li li,
.dropdown-menu li li {
  border: none;
  border-top: 1px solid #222222;
}
.menu-btn {
  cursor: pointer;
  background: transparent;
  padding: 0 12px;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.menu-btn.left {
  float: left;
}
.menu-btn.left:before {
  margin-right: 0.3em;
  float: left;
}
.menu-btn.right {
  float: right;
  text-align: right;
}
.menu-btn.right:before {
  margin-left: 0.3em;
  float: right;
}
.menu-btn.icon {
  width: 3em;
  text-indent: -9999px;
}
.menu-btn.icon:before {
  margin-right: 0;
  margin-left: 0;
}
.menu-btn:hover,
.menu-btn.active {
  background: rgba(0, 0, 0, 0.1);
}
.sub-menu-btn {
  float: right;
  width: 2.5em;
  text-align: center;
  color: #FFF;
}
.sub-menu-btn:before {
  content: '';
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+WzxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz50cmFuc3BhcmVudCAxMCV0cmFuc3BhcmVudCA0NSU8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPnRyYW5zcGFyZW50IDU1JXRyYW5zcGFyZW50IDkwJTxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPl08L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fff));
  background-image: -webkit-linear-gradient(top, #fff 0%, #fff 10%, transparent 10%, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent 90%, #fff 90%, #fff 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #fff 10%, transparent 10%, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent 90%, #fff 90%, #fff 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #fff 10%, transparent 10%, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent 90%, #fff 90%, #fff 100%);
  background-image: linear-gradient(top, #fff 0%, #fff 10%, transparent 10%, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent 90%, #fff 90%, #fff 100%);
}
.sub-menu-btn:hover,
.sub-menu-btn.active {
  background: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 800px) {
  .mobile-menu {
    z-index: 102;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .mobile-menu.top {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .mobile-menu.bottom {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  .mobile-menu.left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .mobile-menu.right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  [data-menu-open] .mobile-menu {
    box-shadow: 0 0 30px #555555;
  }
  .mobile-menu.open.left,
  .mobile-menu.open.right {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  [data-menu-open="top"] .mobile-menu.top,
  [data-menu-open="bottom"] .mobile-menu.bottom {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .menu-btn.active {
    background: rgba(0, 0, 0, 0.05);
  }
  .menu-btn:before {
    width: 0.85714286em;
  }
  .menu-btn.left.active:before {
    margin-left: -0.6em;
    margin-right: 0.9em;
  }
  .menu-btn.right {
    padding-right: 0;
  }
  .menu-btn.right.active:before {
    margin-right: -0.6em;
    margin-left: 0.9em;
  }
}
@media only screen and (max-width: 800px) {
  .dropdown-menu-mobile {
    display: none;
  }
}
.dropdown-menu,
[data-dropdown-open] .dropdown-menu {
  background: #fff !important;
  color: #222222 !important;
  position: absolute;
  z-index: 102 !important;
  width: 250px;
  display: none;
  margin: 0 !important;
  overflow: auto;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3);
}
.dropdown-menu.top-right,
.dropdown-menu.bottom-right {
  right: 0;
  left: auto;
}
.dropdown-menu.top-left,
.dropdown-menu.bottom-left {
  left: 0;
  right: auto;
}
.dropdown-menu.top,
.dropdown-menu.top-left,
.dropdown-menu.top-right {
  top: auto;
  bottom: 100%;
}
.dropdown-menu.top.inner,
.dropdown-menu.top-left.inner,
.dropdown-menu.top-right.inner {
  top: 0;
  bottom: auto;
}
.dropdown-menu.bottom,
.dropdown-menu.bottom-left,
.dropdown-menu.bottom-right {
  top: 100%;
  bottom: auto;
}
.dropdown-menu.bottom.inner,
.dropdown-menu.bottom-left.inner,
.dropdown-menu.bottom-right.inner {
  top: auto;
  bottom: 0;
}
.dropdown-menu.left-top,
.dropdown-menu.right-top {
  top: 0;
  bottom: auto;
}
.dropdown-menu.left-bottom,
.dropdown-menu.right-bottom {
  top: auto;
  bottom: 0;
}
.dropdown-menu.left,
.dropdown-menu.left-top,
.dropdown-menu.left-bottom {
  left: auto;
  right: 100%;
}
.dropdown-menu.left.inner,
.dropdown-menu.left-top.inner,
.dropdown-menu.left-bottom.inner {
  left: 0;
  right: auto;
}
.dropdown-menu.right,
.dropdown-menu.right-top,
.dropdown-menu.right-bottom {
  left: 100%;
  right: auto;
}
.dropdown-menu.right.inner,
.dropdown-menu.right-top.inner,
.dropdown-menu.right-bottom.inner {
  right: 0;
  left: auto;
}
[data-dropdown-open] .dropdown-menu {
  position: fixed;
  max-width: 90%;
  max-height: 70%;
}
[data-dropdown-open] .dropdown-menu.open {
  display: block;
}
[data-dropdown-open] .dropdown-menu.centered {
  top: 50%;
  left: 0;
  right: 0;
  margin: auto !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
[data-dropdown-open] .dropdown-menu.center {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto !important;
}
[data-dropdown-open] .dropdown-menu.top {
  top: 5px;
  bottom: auto;
}
[data-dropdown-open] .dropdown-menu.bottom {
  bottom: 5px;
  top: auto;
}
[data-dropdown-open] .dropdown-menu.right {
  right: 5px;
  left: auto;
}
[data-dropdown-open] .dropdown-menu.left {
  left: 5px;
  right: auto;
}
