@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, svg, hr {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-weight: normal;
}

.btn-full, .site-content .btn-full {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  color: #fff;
  display: inline-block;
  padding: 1px 5px;
  background-color: #B4222F;
  border: solid 2px #B4222F;
  box-shadow: inset 0 0 0 0 #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-full:hover, .site-content .btn-full:hover {
  box-shadow: inset 250px 0 0 0 #fff;
  color: #B4222F;
  text-decoration: none;
}

.btn-empty, .site-content .btn-empty {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  color: #B4222F;
  display: inline-block;
  padding: 1px 5px;
  /*background-color: $white;*/
  border: solid 2px #B4222F;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-empty:hover, .site-content .btn-empty:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  color: #fff;
  text-decoration: none;
  border: 2px solid #B4222F;
}

.more-btn, .site-content .more-btn {
  width: 250px;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 15px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .more-btn, .site-content .more-btn {
    margin: 35px auto 15px;
  }
}

.more-btn span::after, .site-content .more-btn span::after {
  content: url("../img/triangle-link-bis.png");
  margin-left: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.more-btn:hover::after, .site-content .more-btn:hover::after {
  opacity: 0;
}

.more-btn::after, .site-content .more-btn::after {
  content: url("../img/triangle-link.png");
  margin-left: -10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

.more-btn-bis, .site-content .more-btn-bis {
  width: 250px;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 15px;
}

.more-btn-bis span::after, .site-content .more-btn-bis span::after {
  content: url("../img/triangle-link.png");
  margin-left: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.more-btn-bis:hover::after, .site-content .more-btn-bis:hover::after {
  opacity: 0;
}

.more-btn-bis::after, .site-content .more-btn-bis::after {
  content: url("../img/triangle-link-bis.png");
  margin-left: -10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

.paysage-link {
  display: block;
  text-align: center;
  text-decoration: none;
}

.paysage-link p:nth-child(3) {
  display: none;
}

.paysage-link p {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  height: 50px;
  color: #B4222F;
  width: 80%;
  margin: 10px auto 0;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-top: 12px;
}

.paysage-link:hover {
  text-decoration: none;
}

.paysage-link:hover p {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

.paysage-link .round-btn {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 165px;
  width: auto;
  position: relative;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .paysage-link .round-btn {
    height: 132px;
  }
}

.paysage-link .round-btn::after {
  content: url("../img/triangle-link-bis.png");
  position: absolute;
  bottom: 15px;
  margin-left: -5px;
}

.paysage-link {
  /*p:nth-child(3){
      display: none;
  }*/
  display: block;
  text-align: center;
  text-decoration: none;
}

.paysage-link a:nth-child(2) {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  height: 50px;
  color: #B4222F;
  width: 80%;
  margin: 10px auto 0;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-top: 12px;
  display: block;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .paysage-link a:nth-child(2) {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .paysage-link a:nth-child(2) {
    margin-bottom: 15px;
  }

  .btn-full.contact.menu-item.menu-item-level-1 {
  margin-left: 0;
  }

  .not-logged-in header .main-menu .burger {
    height: 32px !important;
    width: 33px !important;
    padding: 4px !important;
    right: 13px;
  }
  .block-region.region-header {
    margin-top: -18px;
  }

  .block-actualites-wrapper {
    padding: 15px;
  }
  .first-news {
    display: flex!important;
    flex-direction: column-reverse!important;
  }

   .title-container span h3 {
    text-align: left;
  }
  .btn-full, .site-content .btn-full {
    font-size: 16px;
  }
}

.paysage-link:hover {
  text-decoration: none;
}

.paysage-link:hover a:nth-child(2) {
  box-shadow: inset 300px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

.paysage-link .round-btn {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 165px;
  width: auto;
  position: relative;
  display: block;
}

@media screen and (max-width: 767px) {
  .paysage-link .round-btn {
    width: 165px;
    margin: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .paysage-link .round-btn {
    width: 165px;
    margin: auto;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .paysage-link .round-btn {
    height: 132px;
  }
}

.paysage-link .round-btn::after {
  content: url("../img/triangle-link-bis.png");
  position: absolute;
  bottom: 15px;
  margin-left: -5px;
}

.paysage-first .round-btn {
  border: solid 3px #62A7DB;
  background-image: url("../img/icon-1.png");
}

.paysage-second .round-btn {
  border: solid 3px #718873;
  background-image: url("../img/icon-2.png");
}

.paysage-second p {
  height: 75px;
}

.paysage-second a:nth-child(2) {
  height: 75px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .paysage-second a:nth-child(2) {
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .paysage-second a:nth-child(2) {
    height: 50px;
  }
}

.paysage-third .round-btn {
  border: solid 3px #CDD749;
  background-image: url("../img/icon-3.png");
}

.paysage-fourth .round-btn {
  border: solid 3px #B4222F;
  background-image: url("../img/icon-4.png");
}

.paysage-fifth .round-btn {
  border: solid 3px #F6CC79;
  background-image: url("../img/icon-5.png");
}

.paysage-fifth p {
  height: 75px;
}

.paysage-fifth a:nth-child(2) {
  height: 75px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .paysage-fifth a:nth-child(2) {
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .paysage-fifth a:nth-child(2) {
    height: 50px;
  }
}

.site-content .pdf-container .pdf-download .pdf-icon .pdf-weight {
  top: 25px;
}

.site-content .pdf-container .pdf-download .pdf-icon .pdf-weight span {
  top: 22px;
}

.site-content .pdf-container .pdf-download .pdf-icon .pdf-date {
  top: 68px;
}

.site-content .pdf-container .pdf-download .pdf-icon .pdf-modification {
  top: 87px;
}

.front .pdf-container {
  float: none;
  margin: auto;
}

.front .pdf-container .pdf-download .pdf-icon .pdf-date {
  top: 69px;
}

.front .pdf-container .pdf-download .pdf-icon .pdf-weight {
  top: 19px;
}

.front .pdf-container .pdf-download .pdf-icon .pdf-weight span {
  top: 22px;
}

.pdf-container {
  text-align: center;
  width: 100%;
  margin: auto;
  display: block;
  margin: 0 38px 30px;
  float: left;
}

@media screen and (max-width: 767px) {
  .pdf-container {
    float: none;
    margin: 0 auto 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .pdf-container {
    float: none;
    margin: 0 auto 30px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .pdf-container {
    margin: 0 8px;
  }
}

.pdf-container .more-btn {
  margin-top: 20px;
}

.pdf-container .pdf-download {
  box-shadow: none;
  padding: 0;
  border: none;
  max-width: 165px;
  height: auto;
  margin: auto;
  text-transform: none;
}

.pdf-container .pdf-download:hover {
  box-shadow: none;
  text-decoration: none;
}

.pdf-container .pdf-download:hover {
  box-shadow: none;
}

.pdf-container .pdf-download .pdf-icon {
  background-image: url("../img/pdf.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 165px;
  width: auto;
  position: relative;
}

.pdf-container .pdf-download .pdf-icon .pdf-weight {
  color: #1d1d1b;
  position: absolute;
  font-family: "Abel", sans-serif;
  font-size: 25px;
  top: 12px;
  left: 50%;
  width: 65px;
  margin-left: 4px;
  margin-bottom: 0;
}

.pdf-container .pdf-download .pdf-icon .pdf-weight span {
  font-family: "Abel", sans-serif;
  font-size: 15px;
  position: absolute;
  top: 27px;
  left: 50%;
  margin-left: -8px;
}

.pdf-container .pdf-download .pdf-icon .pdf-date {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #1d1d1b;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 74px;
  margin-bottom: 0;
  /*width: 130px;*/
  display: flex;
  align-items: center;
  height: 47px;
  text-align: center;
}

.pdf-container .pdf-download .pdf-icon .pdf-date p {
  margin: 0 auto;
}

.pdf-container .pdf-download .pdf-icon .pdf-modification {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #1d1d1b;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 91px;
  margin-bottom: 0;
}

.avis {
  display: inline-block;
  border-bottom: solid 1px #B4222F;
  margin-bottom: 15px;
  width: 100%;
}

.avis .number-date {
  padding-left: 0;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .avis .number-date {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .avis .number-date {
    padding-left: 0;
  }
}

.avis .title-desc {
  padding-right: 0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .avis .title-desc {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .avis .title-desc {
    padding-left: 0;
  }
}

.avis a {
  display: inline-block;
}

.avis .avis-number {
  font-family: "Abel", sans-serif;
  font-size: 30px;
  border: none;
  box-shadow: 0 0 0 0 transparent inset;
  line-height: 45px;
}

.avis .avis-number:hover {
  box-shadow: 0 0 0 0 transparent inset;
  color: #B4222F;
}

.avis .avis-date {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  border: none;
  box-shadow: 0 0 0 0 transparent inset;
}

.avis .avis-date:hover {
  box-shadow: 0 0 0 0 transparent inset;
  color: #B4222F;
}

.avis .avis-title {
  display: inline;
}

.avis p.avis-title {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  color: #B4222F;
  text-transform: uppercase;
}

.avis .avis-desc {
  margin-top: 15px;
  margin-bottom: 15px;
}

.avis .avis-download {
  padding-right: 0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .avis .avis-download {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .avis .avis-download {
    padding-left: 0;
  }
}

.avis .avis-download a {
  width: 100%;
  padding: 8px 0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .avis .avis-download a {
    margin-top: 0;
  }

  .avis .avis-download a:hover {
    box-shadow: 620px 0 0 0 #f1f1f1 inset;
  }
}

@media screen and (max-width: 767px) {
  .avis .avis-download a {
    margin-top: 0;
  }

  .avis .avis-download a:hover {
    box-shadow: 620px 0 0 0 #f1f1f1 inset;
  }
}

.front .container-one-of-two .content .link-home {
  font-family: "Abel", sans-serif;
  font-size: 15px;
  color: #B4222F;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1px 1px 0;
  border-bottom: solid 1px #B4222F;
  text-transform: uppercase;
}

.front .container-one-of-two .content .link-home:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

.front .container-one-of-two .content .link-home:hover {
  box-shadow: inset 1000px 0 0 0 #B4222F;
}

h1 {
  background-image: url("../img/logo02.svg");
  background-size: 253px 69px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  h1 {
    background-size: 206px 56px;
    background-position: left center;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  h1 {
    background-size: 180px 49px;
    background-position: left top;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    background-position: left top;
    background-size: 184px 50px;
  }
}

h1 a {
  display: block;
  height: 69px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  h1 a {
    height: 49px;
  }
}

@media screen and (max-width: 767px) {
  .logged-in .front-title-container {
    margin-top: 147px !important;
  }
}

.front-title-container {
  background-color: rgba(241, 241, 241, 0.75);
  padding: 30px 0;
  text-align: center;
  margin-top: 420px;
  margin-bottom: 16px;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .front-title-container {
    margin-top: 337px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .front-title-container {
    margin-top: 249px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .front-title-container {
    margin-top: 152px;
  }
}

@media screen and (max-width: 767px) {
  .front-title-container {
    margin-top: 117px;
    margin-bottom: 0;
  }
}

.front-title-container li {
  list-style: none;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .front-title-container li {
    display: block;
    margin: 15px auto;
  }
}

.front-title-container li a {
  font-family: "Abel", sans-serif;
  font-size: 30px;
  color: #B4222F;
  text-decoration: none;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0 15px;
}

.front-title-container li a:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

.front-title-container .separator {
  height: 39px;
  width: 1px;
  background-color: #1d1d1b;
  margin-bottom: -9px;
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .front-title-container .separator {
    display: none;
  }
}

h2 {
  font-family: "Abel", sans-serif;
  font-size: 40px;
  color: #1d1d1b;
  text-align: center;
}

.sub-title-container {
  text-align: center;
}

.sub-title-container span {
  width: auto;
  display: inline-block;
  position: relative;
}

.sub-title-container span::before {
  content: url("../img/triangle-left-bleu.png");
  position: absolute;
  margin-left: -15px;
  margin-top: -9px;
  top: 50%;
}

.sub-title-container span::after {
  content: url("../img/triangle-right-bleu.png");
  position: absolute;
  margin-top: -9px;
  top: 50%;
  margin-right: -15px;
  right: 0%;
}

.sub-title-container span h3 {
  font-family: "Abel", sans-serif;
  font-size: 30px;
  color: #1d1d1b;
  text-align: center;
  margin: 75px auto;
  padding: 0 50px;
  display: inline-block;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .sub-title-container span h3 {
    margin: 50px auto;
  }
}

@media screen and (max-width: 767px) {
  .sub-title-container span h3 {
    margin: 50px auto;
  }
}

.title-container {
  text-align: center;
}

.title-container span {
  width: auto;
  display: inline-block;
  position: relative;
}

.title-container span::before {
  content: url("../img/triangle-left.png");
  position: absolute;
  margin-left: -15px;
  margin-top: -9px;
  top: 50%;
}

.title-container span::after {
  content: url("../img/triangle-right.png");
  position: absolute;
  margin-top: -9px;
  top: 50%;
  margin-right: -15px;
  right: 0%;
}

.title-container span h3 {
  font-family: "Abel", sans-serif;
  font-size: 30px;
  color: #1d1d1b;
  text-align: center;
  margin: 75px auto;
  padding: 0 50px;
  display: inline-block;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .title-container span h3 {
    margin: 50px auto;
  }
}

@media screen and (max-width: 767px) {
  .title-container span h3 {
    margin: 50px auto;
  }
}

h4 {
  font-family: "Abel", sans-serif;
  font-size: 25px;
  color: #1d1d1b;
  display: block;
  margin-top: -129px;
  margin-bottom: 20px;
  /*border-top: solid 1px $black;*/
  border-bottom: solid 1px #1d1d1b;
  padding: 129px 0 20px;
  position: relative;
  z-index: -99;
}

h4::before {
  content: "";
  display: block;
  height: 20px;
  border-top: solid 1px #1d1d1b;
}

h5 {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  color: #1d1d1b;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* &::before{
     content: url("../img/triangle-left.png");
     position: absolute;
 }
 &::after{
     content: url("../img/triangle-right.png");
     position: absolute;
 }*/
/*========================
ANCHOR DEBUG
========================*/
/*h4[id^="anchor_"] {
padding-top: 130px;
position: relative;
top: -130px;
margin-bottom: -130px;
}*/
h4 a[id^=anchor_] {
  pointer-events: none;
  cursor: default;
  font-family: "Abel", sans-serif;
  font-size: 25px;
  color: #1d1d1b;
  text-transform: initial;
  border-bottom: none;
  padding: 0;
  margin-top: -129px;
  margin-bottom: 20px;
  /*border-top: solid 1px $black;*/
  /*border-bottom: solid 1px $black;*/
  padding: 129px 0 15px;
  position: relative;
  z-index: -99;
  /*&::before{
      content: '';
      display: block;
      height: 20px;
      border-top: solid 1px $black;
  }*/
}

.front .block-newsletter {
  text-align: center;
  padding: 0 15px;
}

.front .block-newsletter .form-control {
  background-color: #ffffff;
  background-image: none;
  border: 2px solid #B4222F;
  border-radius: 0px;
  box-shadow: none;
  color: #B4222F;
  display: block;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  height: 50px;
  line-height: 50px;
  width: 25%;
  margin: 75px auto 0;
  float: none;
  /* firefox 19+ */
  /* ie */
}

.front .block-newsletter .form-control::-webkit-input-placeholder {
  color: #eca5a7;
}

.front .block-newsletter .form-control::-moz-placeholder {
  color: #eca5a7;
}

.front .block-newsletter .form-control:-ms-input-placeholder {
  color: #eca5a7;
}

.front .block-newsletter .form-control:-moz-placeholder {
  color: #eca5a7;
}

@media screen and (max-width: 767px) {
  .front .block-newsletter .form-control {
    width: 100%;
  }
}

.front .block-newsletter .btn-default {
  background-color: #B4222F;
  border-color: none;
  color: #fff;
  border: 2px solid #B4222F;
  border-top: none;
  border-radius: 0px;
  font-family: "Abel", sans-serif;
  font-size: 18px;
  line-height: 50px;
  padding: 0;
  width: 25%;
  margin: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .front .block-newsletter .btn-default {
    width: 100%;
  }
}

.front .block-newsletter .btn-default:hover {
  box-shadow: 400px 0 0 0 #f1f1f1 inset;
  color: #B4222F;
  border: 2px solid #B4222F;
  border-top: none;
}

@media screen and (max-width: 767px) {
  .front .webform-client-form {
    padding: 0 15px;
  }
}

.front .webform-client-form .form-item {
  margin: 0;
}

.front .webform-client-form .form-item .form-control {
  background-color: #ffffff;
  background-image: none;
  border: 2px solid #B4222F;
  border-radius: 0px;
  box-shadow: none;
  color: #B4222F;
  display: block;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  height: 50px;
  line-height: 50px;
  width: 25%;
  margin: 75px auto 0;
  float: none;
  /* firefox 19+ */
  /* ie */
}

.front .webform-client-form .form-item .form-control::-webkit-input-placeholder {
  color: #eca5a7;
}

.front .webform-client-form .form-item .form-control::-moz-placeholder {
  color: #eca5a7;
}

.front .webform-client-form .form-item .form-control:-ms-input-placeholder {
  color: #eca5a7;
}

.front .webform-client-form .form-item .form-control:-moz-placeholder {
  color: #eca5a7;
}

@media screen and (max-width: 767px) {
  .front .webform-client-form .form-item .form-control {
    width: 100%;
  }
}

.front .webform-client-form .form-actions {
  text-align: center;
}

.front .webform-client-form .form-actions .btn-default {
  background-color: #B4222F;
  border-color: none;
  color: #fff;
  border: 2px solid #B4222F;
  border-top: none;
  border-radius: 0px;
  font-family: "Abel", sans-serif;
  font-size: 18px;
  line-height: 50px;
  padding: 0;
  width: 25%;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .front .webform-client-form .form-actions .btn-default {
    width: 100%;
  }
}

.front .webform-client-form .form-actions .btn-default:hover {
  box-shadow: 400px 0 0 0 #f1f1f1 inset;
  color: #B4222F;
  border: 2px solid #B4222F;
  border-top: none;
}

.view-avis .views-exposed-widgets, .view-filters .views-exposed-widgets {
  margin-bottom: 30px;
}

.view-avis .views-exposed-widgets .views-exposed-widget, .view-filters .views-exposed-widgets .views-exposed-widget {
  padding: 0;
  width: 100%;
  float: none;
}

.view-avis .views-exposed-widgets .views-exposed-widget .form-item, .view-filters .views-exposed-widgets .views-exposed-widget .form-item {
  margin: 0;
  float: left;
  width: 69%;
}

@media screen and (max-width: 767px) {
  .view-avis .views-exposed-widgets .views-exposed-widget .form-item, .view-filters .views-exposed-widgets .views-exposed-widget .form-item {
    width: 100%;
    float: none;
  }
}

.view-avis .views-exposed-widgets .views-exposed-widget .form-item .form-control, .view-filters .views-exposed-widgets .views-exposed-widget .form-item .form-control {
  background-color: #ffffff;
  background-image: url("../img/search.png");
  background-repeat: no-repeat;
  background-position: 8px center;
  border: 1px solid #B4222F;
  border-right: none;
  border-radius: 35px 0 0 35px;
  box-shadow: none;
  color: #B4222F;
  display: block;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
  width: 100%;
  margin: 0;
  padding-left: 35px;
  /* firefox 19+ */
  /* ie */
}

.view-avis .views-exposed-widgets .views-exposed-widget .form-item .form-control::-webkit-input-placeholder, .view-filters .views-exposed-widgets .views-exposed-widget .form-item .form-control::-webkit-input-placeholder {
  color: #eca5a7;
}

.view-avis .views-exposed-widgets .views-exposed-widget .form-item .form-control::-moz-placeholder, .view-filters .views-exposed-widgets .views-exposed-widget .form-item .form-control::-moz-placeholder {
  color: #eca5a7;
}

.view-avis .views-exposed-widgets .views-exposed-widget .form-item .form-control:-ms-input-placeholder, .view-filters .views-exposed-widgets .views-exposed-widget .form-item .form-control:-ms-input-placeholder {
  color: #eca5a7;
}

.view-avis .views-exposed-widgets .views-exposed-widget .form-item .form-control:-moz-placeholder, .view-filters .views-exposed-widgets .views-exposed-widget .form-item .form-control:-moz-placeholder {
  color: #eca5a7;
}

@media screen and (max-width: 767px) {
  .view-avis .views-exposed-widgets .views-exposed-widget .form-item .form-control, .view-filters .views-exposed-widgets .views-exposed-widget .form-item .form-control {
    border-radius: 0;
    border-right: 1px solid #B4222F;
    border-bottom: none;
  }
}

.view-avis .views-exposed-widgets .views-exposed-widget .form-submit, .view-filters .views-exposed-widgets .views-exposed-widget .form-submit {
  background-color: #B4222F;
  border-color: none;
  color: #fff;
  border: 2px solid #B4222F;
  border-radius: 0 35px 35px 0;
  font-family: "Abel", sans-serif;
  font-size: 18px;
  line-height: 31px;
  padding: 0;
  width: 31%;
  margin: auto;
  float: left;
  box-shadow: inset 0 0 0 0 #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.view-avis .views-exposed-widgets .views-exposed-widget .form-submit:hover, .view-filters .views-exposed-widgets .views-exposed-widget .form-submit:hover {
  box-shadow: inset 250px 0 0 0 #fff;
  text-decoration: none;
  color: #B4222F;
}

@media screen and (max-width: 767px) {
  .view-avis .views-exposed-widgets .views-exposed-widget .form-submit, .view-filters .views-exposed-widgets .views-exposed-widget .form-submit {
    width: 100%;
    border-radius: 0;
    float: none;
  }

  .view-avis .views-exposed-widgets .views-exposed-widget .form-submit:hover, .view-filters .views-exposed-widgets .views-exposed-widget .form-submit:hover {
    box-shadow: 620px 0 0 0 #f1f1f1 inset;
  }
}

.webform-client-form .form-item {
  margin: 0;
}

.webform-client-form .form-item label {
  width: 25%;
  float: left;
  text-align: left;
  clear: both;
  line-height: 35px;
  margin: 15px 0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .webform-client-form .form-item label {
    width: 35%;
  }
}

.webform-client-form .form-item .form-control {
  background-color: #ffffff;
  background-image: none;
  border: 2px solid #E6E6E6;
  border-radius: 0px;
  box-shadow: none;
  color: #1d1d1b;
  display: block;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
  width: 75%;
  margin: 15px 0;
  float: left;
  /* firefox 19+ */
  /* ie */
}

.webform-client-form .form-item .form-control::-webkit-input-placeholder {
  color: #eca5a7;
}

.webform-client-form .form-item .form-control::-moz-placeholder {
  color: #eca5a7;
}

.webform-client-form .form-item .form-control:-ms-input-placeholder {
  color: #eca5a7;
}

.webform-client-form .form-item .form-control:-moz-placeholder {
  color: #eca5a7;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .webform-client-form .form-item .form-control {
    width: 65%;
  }
}

.webform-client-form .form-item .grippie {
  display: none;
}

.webform-client-form .form-item .form-textarea {
  max-width: 75%;
  min-width: 75%;
  min-height: 150px;
  line-height: initial;
  text-align: left;
}

legend.captcha__title.js-form-required.form-required {
    display: none;
}
.captcha-type-challenge--image .captcha__element>.form-item>label {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .webform-client-form .form-item #edit-submitted-message {
    max-width: 65%;
    min-width: 65%;
  }
}

.webform-client-form .captcha {
  clear: both;
  float: right;
  margin: 15px 0 30px;
}

.webform-client-form .form-actions {
  clear: both;
  text-align: center;
}

.webform-client-form .form-actions .form-submit {
  background-color: #B4222F;
  border-color: none;
  color: #fff;
  border: 2px solid #B4222F;
  border-radius: 0;
  font-family: "Abel", sans-serif;
  font-size: 18px;
  line-height: 50px;
  padding: 0;
  width: 100%;
  margin: auto;
  box-shadow: inset 0 0 0 0 #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.webform-client-form .form-actions .form-submit:hover {
  box-shadow: inset 250px 0 0 0 #fff;
  text-decoration: none;
  color: #B4222F;
}

.webform-client-form .form-actions .form-submit:hover {
  box-shadow: 600px 0 0 0 #fff inset;
}

@media screen and (max-width: 767px) {
  .webform-client-form .form-actions .form-submit:hover {
    box-shadow: 767px 0 0 0 #fff inset;
  }
}

/***** RADIO *****/
.form-radios .form-item {
  display: table-cell;
  float: left;
}

.form-radios .form-item label {
  margin-right: 30px;
  cursor: pointer;
  position: relative;
  display: table-cell;
  float: left;
}

.form-radios .form-item label input {
  display: inline;
  margin: 0 !important;
  position: absolute;
  width: auto;
  top: 11px;
  left: 0px;
  cursor: pointer;
}

/***** SEARCHBOX *****/
.submenu .search-box {
  padding: 0;
}

.submenu .search-box #search-block-form--2 {
  border-radius: 0;
  margin-left: 20px;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.submenu .search-box #search-block-form--2 div {
  margin: 0;
}

.submenu .search-box #search-block-form--2 h2 {
  display: none;
}

.submenu .search-box #search-block-form--2 .input-group {
  border-radius: 0;
  position: relative;
}

.submenu .search-box #search-block-form--2 .input-group input[type=text] {
  border-radius: 0;
  height: 30px;
  display: inline-block;
  border: none;
  outline: none;
  padding: 3px;
  padding-right: 30px;
  width: 0px;
  position: absolute;
  top: -21px;
  right: 0;
  background: none;
  z-index: 10;
  transition: all 0.4s cubic-bezier(0, 0.795, 0, 1);
  cursor: pointer;
  box-shadow: none;
  color: #B4222F;
  padding-left: 8px;
  /* firefox 19+ */
  /* ie */
}

@media screen and (max-width: 767px) {
  .submenu .search-box #search-block-form--2 .input-group input[type=text] {
    height: 50px;
  }
}

.submenu .search-box #search-block-form--2 .input-group input[type=text]:active {
  box-shadow: none;
}

.submenu .search-box #search-block-form--2 .input-group input[type=text]:active:focus {
  box-shadow: none;
}

.submenu .search-box #search-block-form--2 .input-group input[type=text]:focus {
  box-shadow: none;
  border: 1px solid #B4222F;
  width: 300px;
  z-index: 1;
  cursor: text;
  background-color: #fff;
}

.submenu .search-box #search-block-form--2 .input-group input[type=text]:focus:hover {
  border: 1px solid #B4222F;
}

.submenu .search-box #search-block-form--2 .input-group input[type=text]:focus:hover:focus {
  box-shadow: none;
}

.submenu .search-box #search-block-form--2 .input-group input[type=text]::-webkit-input-placeholder {
  color: #eca5a7;
}

.submenu .search-box #search-block-form--2 .input-group input[type=text]::-moz-placeholder {
  color: #eca5a7;
}

.submenu .search-box #search-block-form--2 .input-group input[type=text]:-ms-input-placeholder {
  color: #eca5a7;
}

.submenu .search-box #search-block-form--2 .input-group input[type=text]:-moz-placeholder {
  color: #eca5a7;
}
.search-results li:empty {
  display: none;
}
.search-result h2 {
  display: none;
}

.submenu .search-box #search-block-form--2 .input-group button[type=submit], .submenu .search-box #search-block-form--2 .input-group button[type=button] {
  border-radius: 0;
  border: solid 2px #B4222F;
  background-color: transparent;
  height: 30px;
  width: 30px;
  display: inline-block;
  float: right;
  background-image: url("../img/search.png");
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: -21px;
  right: 0;
  z-index: 9;
  cursor: pointer;
  /*opacity: 0.4;*/
  cursor: pointer;
  transition: opacity 0.4s ease;
}

@media screen and (max-width: 767px) {
  .submenu .search-box #search-block-form--2 .input-group button[type=submit] {
    height: 50px;
    width: 50px;
  }
}

.submenu .search-box #search-block-form--2 .input-group button[type=submit]:active {
  box-shadow: none;
}

.submenu .search-box #search-block-form--2 .input-group button[type=submit]:focus {
  box-shadow: none;
}

/*===============================
SEARCH RESULT
===============================*/
.search-form {
  margin: 30px 0;
  display: flex;
}

@media screen and (max-width: 767px) {
  .search-form {
    margin-bottom: 0;
    margin-top: 30px;
  }
}

.search-result .form-group {
  margin-bottom: 30px;
  padding: 0;
  width: 100%;
  float: none;
}

.search-result .form-group .form-control {
  background-color: #ffffff;
  background-image: url("../img/search.png");
  background-repeat: no-repeat;
  background-position: 8px center;
  border: 1px solid #B4222F;
  border-right: none;
  border-radius: 35px 0 0 35px;
  box-shadow: none;
  color: #B4222F;
  display: block;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
  float: left;
  width: 69%;
  margin: 0;
  padding-left: 35px;
  /* firefox 19+ */
  /* ie */
}

.search-result .form-group .form-control::-webkit-input-placeholder {
  color: #eca5a7;
}

.search-result .form-group .form-control::-moz-placeholder {
  color: #eca5a7;
}

.search-result .form-group .form-control:-ms-input-placeholder {
  color: #eca5a7;
}

.search-result .form-group .form-control:-moz-placeholder {
  color: #eca5a7;
}

@media screen and (max-width: 767px) {
  .search-result .form-group .form-control {
    border-radius: 0;
    border-right: 1px solid #B4222F;
    border-bottom: none;
    width: 100%;
    float: none;
  }
}

.search-result .form-group .form-submit {
  background-color: #B4222F;
  border-color: none;
  color: #fff;
  border: 2px solid #B4222F;
  border-radius: 0 35px 35px 0;
  font-family: "Abel", sans-serif;
  font-size: 18px;
  line-height: 31px;
  padding: 0;
  width: 31%;
  margin: auto;
  float: left;
  box-shadow: inset 0 0 0 0 #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.search-result .form-group .form-submit:hover {
  box-shadow: inset 250px 0 0 0 #fff;
  text-decoration: none;
  color: #B4222F;
}

@media screen and (max-width: 767px) {
  .search-result .form-group .form-submit {
    width: 100%;
    border-radius: 0;
    float: none;
  }

  .search-result .form-group .form-submit:hover {
    box-shadow: 620px 0 0 0 #f1f1f1 inset;
  }
}

/*===============================
LOGIN FORM
===============================*/
.page-user.not-logged-in .tabs {
  width: 25%;
  margin: auto;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .page-user.not-logged-in .tabs {
    width: 30%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-user.not-logged-in .tabs {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .page-user.not-logged-in .tabs {
    width: 100%;
  }
}

.page-user.not-logged-in .tabs ul {
  border-bottom: 0px;
  position: relative;
}

.page-user.not-logged-in .tabs ul .active {
  display: none;
}

.page-user.not-logged-in .tabs ul li {
  text-align: center;
  width: 100%;
}

.page-user.not-logged-in .tabs ul li a {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  color: #B4222F;
  display: inline;
  padding: 0 2px;
  border-radius: 0;
  margin: 0;
  border: 0px;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.page-user.not-logged-in .tabs ul li a:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

.page-user.not-logged-in .tabs ul li:nth-child(2) {
  position: absolute;
  top: 340px;
}

.page-user-password .tabs ul li {
  position: absolute;
  top: 251px;
}

.page-user- .tabs ul li {
  position: initial !important;
  margin-bottom: 15px;
}

.page-user.logged-in .tabs {
  width: 25%;
  margin: auto;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .page-user.logged-in .tabs {
    width: 30%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-user.logged-in .tabs {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .page-user.logged-in .tabs {
    width: 100%;
  }
}

.page-user.logged-in .tabs ul {
  border-bottom: 0px;
  position: relative;
}

.page-user.logged-in .tabs ul .active {
  display: none;
}

.page-user.logged-in .tabs ul li {
  text-align: center;
  width: 100%;
}

.page-user.logged-in .tabs ul li a {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  color: #B4222F;
  display: inline;
  padding: 0 2px;
  border-radius: 0;
  margin: 0;
  border: 0px;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.page-user.logged-in .tabs ul li a:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

.page-user.logged-in .tabs ul li:nth-child(2) {
  position: absolute;
  top: 340px;
}

.page-user.logged-in .block-region {
  width: 25%;
  margin: auto;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .page-user.logged-in .block-region {
    width: 30%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-user.logged-in .block-region {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .page-user.logged-in .block-region {
    width: 100%;
    padding: 0 15px;
  }
}

.page-user.logged-in .block-region .field {
  text-align: left;
  font-family: "Abel", sans-serif;
  font-size: 18px;
  color: #1d1d1b;
  padding: 0 7px;
}

.page-user.logged-in .block-region .field:nth-child(2n+1) {
  background-color: #E6E6E6;
}

.page-user.logged-in .block-region .field .field-label {
  float: left;
  font-weight: 100;
  width: 35%;
  line-height: 30px;
  opacity: 0.75;
}

.page-user.logged-in .block-region .field .field-items {
  line-height: 30px;
}

.page-user.logged-in .block-region .field-name-og-user-node {
  background-color: transparent !important;
  border-top: solid 1px #B4222F;
  margin-top: 15px;
  padding-top: 15px;
}

.page-user.logged-in .block-region .field-name-og-user-node .field-label {
  float: none;
  width: 100%;
}

.page-user.logged-in .block-region .field-name-og-user-node a {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  color: #B4222F;
  display: inline;
  padding: 0 2px;
  border-radius: 0;
  margin: 0;
  border: 0px;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.page-user.logged-in .block-region .field-name-og-user-node a:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

#user-login, #user-pass {
  width: 25%;
  margin: 30px auto 0;
  text-align: center;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  #user-login, #user-pass {
    width: 30%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #user-login, #user-pass {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  #user-login, #user-pass {
    width: 100%;
    padding: 0 15px;
  }
}

#user-login .control-label, #user-pass .control-label {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  margin: 0 0 15px;
}

#user-login .form-control, #user-pass .form-control {
  background-color: #ffffff;
  background-image: none;
  border: 2px solid #E6E6E6;
  border-radius: 0px;
  box-shadow: none;
  color: #1d1d1b;
  display: block;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
}

#user-login .form-submit, #user-pass .form-submit {
  background-color: #B4222F;
  border-color: none;
  color: #fff;
  border: 2px solid #B4222F;
  border-radius: 0;
  font-family: "Abel", sans-serif;
  font-size: 18px;
  line-height: 50px;
  padding: 0;
  width: 100%;
  margin: 30px auto;
  box-shadow: inset 0 0 0 0 #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#user-login .form-submit:hover, #user-pass .form-submit:hover {
  box-shadow: inset 250px 0 0 0 #fff;
  text-decoration: none;
  color: #B4222F;
}

#user-login .form-submit:hover, #user-pass .form-submit:hover {
  box-shadow: 770px 0 0 0 #fff inset;
}

.not-front.logged-in .front-title-container {
  margin-top: 420px!important;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .not-front.logged-in .front-title-container {
    margin-top: 377px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .not-front.logged-in .front-title-container {
    margin-top: 289px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .not-front.logged-in .front-title-container {
    margin-top: 192px;
  }
}

@media screen and (max-width: 767px) {
  .not-front.logged-in .front-title-container {
    margin-top: 156px;
    margin-bottom: 0;
  }
}

.back-header {
  background-color: rgba(241, 241, 241, 0.75);
  height: 129px;
  background-image: url("../img/line.png");
  background-repeat: repeat-x;
  background-position: bottom;
  position: fixed;
  width: 100%;
  z-index: 99;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .back-header {
    height: 126px;
  }
}

/* RESIZING MENU */
.logged-in .large {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in .large .logo {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in .large .logo h1 {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in .large .logo h1 a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in .large .submenu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in .large .main-menu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in .large .main-menu .main-menu-container .nav li a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .logged-in .large {
    height: 157px;
  }
}

.logged-in .small {
  height: 70px;
  background-color: #f1f1f1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in .small .logo {
  padding: 15px 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .logged-in .small .logo {
    margin: -60px;
  }
}

.logged-in .small .logo h1 {
  background-size: 152px 40px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in .small .logo h1 a {
  height: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in .small .submenu {
  margin-top: -60px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .logged-in .small .submenu {
    margin-top: -80px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .logged-in .small .submenu {
    margin-top: -80px;
  }
}

@media screen and (max-width: 767px) {
  .logged-in .small .submenu {
    margin-top: -179px;
  }
}

.logged-in .small .main-menu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .logged-in .small .main-menu {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 1px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .logged-in .small .main-menu .main-menu-container .nav {
    float: none;
  }
}

@media screen and (max-width: 767px) {
  .logged-in .small .main-menu .main-menu-container .nav {
    float: none;
    padding: 0;
    margin: 0;
  }
}

.logged-in .small .main-menu .main-menu-container .nav li a {
  padding: 24px 0 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .logged-in .small .main-menu .main-menu-container .nav li a {
    padding: 0;
    margin: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .logged-in .small:hover {
    height: 129px;
    background-color: rgba(241, 241, 241, 0.75);
  }

  .logged-in .small:hover .logo {
    padding: 30px 15px;
  }

  .logged-in .small:hover .logo h1 {
    background-size: 212px 56px;
  }

  .logged-in .small:hover .logo h1 a {
    height: 69px;
  }

  .logged-in .small:hover .submenu {
    margin-top: 0;
  }

  .logged-in .small:hover .main-menu .main-menu-container .nav li a {
    padding: 10px 0 8px;
  }
}

@media screen and (min-width: 1200px) {
  .logged-in .small:hover {
    height: 129px;
    background-color: rgba(241, 241, 241, 0.75);
  }

  .logged-in .small:hover .logo {
    padding: 30px 15px;
  }

  .logged-in .small:hover .logo h1 {
    background-size: 263px 69px;
  }

  .logged-in .small:hover .logo h1 a {
    height: 69px;
  }

  .logged-in .small:hover .submenu {
    margin-top: 0;
  }

  .logged-in .small:hover .main-menu .main-menu-container .nav li a {
    padding: 24px 0 8px;
  }
}

/* END RESIZING MENU */
.logged-in header {
  z-index: 9;
}

@media screen and (max-width: 767px) {
  .logged-in header {
    position: relative;
  }
}

.logged-in header .logo {
  text-align: center;
  padding: 30px 15px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .logged-in header .logo {
    padding: 21px 0 15px;
  }
}

@media screen and (max-width: 768px) {
  .logged-in header .logo {
    padding: 15px 15px 15px;
  }
}

.logged-in header .submenu {
  display: table;
  float: right;
  padding: 30px 0 0;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .logged-in header .submenu {
    position: relative;
    padding: 79px 0 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .logged-in header .submenu {
    position: relative;
    padding: 79px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .logged-in header .submenu {
    float: right;
    padding-top: 0;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .logged-in header .submenu .first, .logged-in header .submenu .last {
    position: absolute;
    right: 0;
    top: -19px;
    z-index: 100;
    display: block;
    width: 166px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .logged-in header .submenu .search-box, .logged-in header .submenu .first, .logged-in header .submenu .last {
    position: absolute;
    top: 49px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .logged-in header .submenu .search-box, .logged-in header .submenu .first, .logged-in header .submenu .last {
    position: absolute;
    top: 49px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .logged-in header .submenu .search-box {
    margin-top: 7px;
    right: 309px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .logged-in header .submenu .search-box {
    margin-top: 7px;
    right: 309px;
  }
}

@media screen and (max-width: 767px) {
  .logged-in header .submenu .search-box {
    position: absolute;
    right: 65px;
    top: -77px;
    z-index: 9999;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .logged-in header .submenu .first {
    right: 159px;
    width: 155px;
    display: block;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .logged-in header .submenu .first {
    right: 159px;
    width: 155px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .logged-in header .submenu .first {
    right: 144px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .logged-in header .submenu .last {
    right: 0;
    width: 166px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .logged-in header .submenu .last {
    right: 0;
    width: 166px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .logged-in header .submenu .menu-user {
    position: absolute;
    top: 24px;
    width: 187px;
    right: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .logged-in header .submenu .menu-user {
    position: absolute;
    top: 24px;
    width: 187px;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .logged-in header .submenu .menu-user {
    position: absolute;
    top: 24px;
    width: 187px;
    right: 0;
  }
}

.logged-in header .submenu li {
  display: table-cell;
}

.logged-in header .submenu li a {
  margin-left: 20px;
}

.logged-in header .submenu li .contact span::before {
  content: url("../img/before-contact.png");
  float: left;
  margin-right: 3px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in header .submenu li .contact:hover span::before {
  opacity: 0;
}

.logged-in header .submenu li .contact::before {
  content: url("../img/before-contact-bis.png");
  float: left;
  margin-right: -13px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in header .submenu li .membre span::before {
  content: url("../img/before-membre.png");
  float: left;
  margin-right: 3px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in header .submenu li .membre:hover span::before {
  opacity: 0;
}

.logged-in header .submenu li .membre::before {
  content: url("../img/before-membre-bis.png");
  float: left;
  margin-right: -13px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in header .submenu .menu-user a {
  color: #B4222F;
  font-family: "Abel", sans-serif;
  font-size: 15px;
  padding: 0 2px;
}

.logged-in header .submenu .menu-user a:hover {
  text-decoration: none;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in header .submenu .menu-user a:hover:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

.logged-in header .submenu .menu-user .logout {
  margin-left: 10px;
}

.logged-in header .main-menu {
  background-color: transparent;
  border-radius: 0;
  border: none;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .logged-in header .main-menu {
    position: absolute;
    top: 7px;
    right: -15px;
  }
}

.logged-in header .main-menu .burger {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  height: 50px;
  width: 50px;
  padding: 9px 12px;
  border: solid 2px #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logged-in header .main-menu .burger .icon-bar {
  background-color: #B4222F;
}

.logged-in header .main-menu .burger:hover {
  background-color: #1d1d1b;
}

.logged-in header .main-menu .burger:focus {
  background-color: #1d1d1b;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .logged-in header .main-menu .main-menu-container {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .logged-in header .main-menu .main-menu-container {
    width: 100%;
    /*position: absolute;*/
    margin-left: -15px;
    background-color: #1d1d1b;
    color: #fff;
  }
}

.logged-in header .main-menu .main-menu-container .nav {
  float: right;
}

@media screen and (max-width: 768px) {
  .logged-in header .main-menu .main-menu-container .nav {
    float: none;
  }
}

@media screen and (max-width: 767px) {
  .logged-in header .main-menu .main-menu-container .nav {
    float: none;
    padding: 0;
    margin: 0;
  }
}

.logged-in header .main-menu .main-menu-container .nav li a {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  padding: 20px 0 8px;
  margin-left: 25px;
  color: #1d1d1b;
  border-bottom: solid 0px rgba(222, 4, 112, 0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .logged-in header .main-menu .main-menu-container .nav li a {
    padding: 10px 0 8px;
  }
}

.logged-in header .main-menu .main-menu-container .nav li a:hover {
  color: #B4222F;
  border-bottom: solid 1px #B4222F;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .logged-in header .main-menu .main-menu-container .nav li a {
    margin-left: 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .logged-in header .main-menu .main-menu-container .nav li a {
    padding: 0 0 8px;
    margin-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .logged-in header .main-menu .main-menu-container .nav li a {
    width: 100%;
    margin: 0;
    text-align: center;
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: 50px;
    border-bottom: solid 1px #1d1d1b;
  }
}

.logged-in header .main-menu .main-menu-container .nav li .active {
  color: #B4222F;
  border-bottom: solid 1px #B4222F;
  background-color: transparent;
}

.not-front .front-title-container {
  margin-top: 472px!important;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .not-front .front-title-container {
    margin-top: 377px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .not-front .front-title-container {
    margin-top: 289px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .not-front .front-title-container {
    margin-top: 192px;
  }
}

@media screen and (max-width: 767px) {
  .not-front .front-title-container {
    margin-top: 126px;
    margin-bottom: 0;
  }
}

.back-header {
  background-color: rgba(241, 241, 241, 0.75);
  height: 129px;
  background-image: url("../img/line.png");
  background-repeat: repeat-x;
  background-position: bottom;
  position: fixed;
  width: 100%;
  z-index: 99;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .back-header {
    height: 126px;
  }
}

/* RESIZING MENU */
.not-logged-in .large {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in .large .logo {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in .large .logo h1 {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in .large .logo h1 a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in .large .submenu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in .large .main-menu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in .large .main-menu .main-menu-container .nav li a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in .small {
  height: 70px;
  background-color: #f1f1f1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in .small .logo {
  padding: 15px 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .not-logged-in .small .logo {
    margin: -60px;
  }
}

.not-logged-in .small .logo h1 {
  background-size: 152px 40px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in .small .logo h1 a {
  height: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in .small .submenu {
  margin-top: -60px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .not-logged-in .small .submenu {
    margin-top: -100px;
  }
}

.not-logged-in .small .main-menu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .not-logged-in .small .main-menu {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 1px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .not-logged-in .small .main-menu .main-menu-container .nav {
    float: none;
  }
}

@media screen and (max-width: 767px) {
  .not-logged-in .small .main-menu .main-menu-container .nav {
    float: none;
    padding: 0;
    margin: 0;
  }
}

.not-logged-in .small .main-menu .main-menu-container .nav li a {
  padding: 24px 0 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .not-logged-in .small .main-menu .main-menu-container .nav li a {
    padding: 0;
    margin: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .not-logged-in .small:hover {
    height: 129px;
    background-color: rgba(241, 241, 241, 0.75);
  }

  .not-logged-in .small:hover .logo {
    padding: 30px 15px;
  }

  .not-logged-in .small:hover .logo h1 {
    background-size: 212px 56px;
  }

  .not-logged-in .small:hover .logo h1 a {
    height: 69px;
  }

  .not-logged-in .small:hover .submenu {
    margin-top: 0;
  }

  .not-logged-in .small:hover .main-menu .main-menu-container .nav li a {
    padding: 10px 0 8px;
  }
}

@media screen and (min-width: 1200px) {
  .not-logged-in .small:hover {
    height: 129px;
    background-color: rgba(241, 241, 241, 0.75);
  }

  .not-logged-in .small:hover .logo {
    padding: 30px 15px;
  }

  .not-logged-in .small:hover .logo h1 {
    background-size: 263px 69px;
  }

  .not-logged-in .small:hover .logo h1 a {
    height: 69px;
  }

  .not-logged-in .small:hover .submenu {
    margin-top: 0;
  }

  .not-logged-in .small:hover .main-menu .main-menu-container .nav li a {
    padding: 24px 0 8px;
  }
}

/* END RESIZING MENU */
.not-logged-in header {
  z-index: 9;
}

@media screen and (max-width: 767px) {
  .not-logged-in header {
    position: relative;
  }
}

.not-logged-in header .logo {
  text-align: center;
  padding: 30px 15px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .not-logged-in header .logo {
    padding: 21px 0 15px;
  }
}

@media screen and (max-width: 768px) {
  .not-logged-in header .logo {
    padding: 15px 15px 15px;
  }
}

.not-logged-in header .submenu {
  display: table;
  float: right;
  padding: 30px 0 0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .not-logged-in header .submenu {
    padding: 30px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .not-logged-in header .submenu {
    float: right;
    padding-top: 0;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .not-logged-in header .submenu .search-box {
    position: absolute;
    right: 65px;
    top: -77px;
    z-index: 9999;
  }
}

@media screen and (max-width: 767px) {
  .not-logged-in header .submenu .first, .not-logged-in header .submenu .last {
    position: absolute;
    right: 0;
    top: -19px;
    z-index: 100;
    display: block;
    width: 166px;
  }
}

@media screen and (max-width: 767px) {
  .not-logged-in header .submenu .first {
    right: 144px;
  }
}

.not-logged-in header .submenu li {
  display: table-cell;
}

.not-logged-in header .submenu li a {
  margin-left: 20px;
}

.not-logged-in header .submenu li .contact span::before {
  content: url("../img/before-contact.png");
  float: left;
  margin-right: 3px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in header .submenu li .contact:hover span::before {
  opacity: 0;
}

.not-logged-in header .submenu li .contact::before {
  content: url("../img/before-contact-bis.png");
  float: left;
  margin-right: -13px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in header .submenu li .membre span::before {
  content: url("../img/before-membre.png");
  float: left;
  margin-right: 3px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in header .submenu li .membre:hover span::before {
  opacity: 0;
}

.not-logged-in header .submenu li .membre::before {
  content: url("../img/before-membre-bis.png");
  float: left;
  margin-right: -13px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in header .submenu .menu-user a {
  color: #B4222F;
  font-family: "Abel", sans-serif;
  font-size: 15px;
  padding: 0 2px;
}

.not-logged-in header .submenu .menu-user a:hover {
  text-decoration: none;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in header .submenu .menu-user a:hover:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

.not-logged-in header .submenu .menu-user .logout {
  margin-left: 10px;
}

.not-logged-in header .main-menu {
  background-color: transparent;
  border-radius: 0;
  border: none;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .not-logged-in header .main-menu {
    position: absolute;
    top: 7px;
    right: -15px;
  }
}

.not-logged-in header .main-menu .burger {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  height: 50px;
  width: 50px;
  padding: 9px 12px;
  border: solid 2px #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.not-logged-in header .main-menu .burger .icon-bar {
  background-color: #B4222F;
}

.not-logged-in header .main-menu .burger:hover {
  background-color: #1d1d1b;
}

.not-logged-in header .main-menu .burger:focus {
  background-color: #1d1d1b;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .not-logged-in header .main-menu .main-menu-container {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .not-logged-in header .main-menu .main-menu-container {
    width: 100%;
    /*position: absolute;*/
    margin-left: -15px;
    background-color: #1d1d1b;
    color: #fff;
  }
}

.not-logged-in header .main-menu .main-menu-container .nav {
  float: right;
}

@media screen and (max-width: 768px) {
  .not-logged-in header .main-menu .main-menu-container .nav {
    float: none;
  }
}

@media screen and (max-width: 767px) {
  .not-logged-in header .main-menu .main-menu-container .nav {
    float: none;
    padding: 0;
    margin: 0;
  }
}

.not-logged-in header .main-menu .main-menu-container .nav li a {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  padding: 20px 0 8px;
  margin-left: 25px;
  color: #1d1d1b;
  border-bottom: solid 0px rgba(222, 4, 112, 0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.not-logged-in header .main-menu .main-menu-container .nav li a:hover {
  color: #B4222F;
  border-bottom: solid 1px #B4222F;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .not-logged-in header .main-menu .main-menu-container .nav li a {
    margin-left: 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .not-logged-in header .main-menu .main-menu-container .nav li a {
    padding: 0 0 8px;
    margin-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .not-logged-in header .main-menu .main-menu-container .nav li a {
    width: 100%;
    margin: 0;
    text-align: center;
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: 50px;
    border-bottom: solid 1px #1d1d1b;
  }
}

.not-logged-in header .main-menu .main-menu-container .nav li .active {
  color: #B4222F;
  border-bottom: solid 1px #B4222F;
  background-color: transparent;
}

.main-content {
  background-image: url("../img/line.png");
  background-repeat: repeat-x;
  background-position: top;
}

.main-content .container-one-of-two, .main-content .container-two-of-two {
  padding-bottom: 75px;
}

.main-content .container-one-of-two {
  position: relative;
}

.main-content .container-one-of-two::before {
  content: url("../img/trio-triangle.png");
  position: absolute;
  left: 50%;
  margin-left: -54px;
  top: -8px;
}

.main-content .container-one-of-two::after {
  content: url("../img/trio-triangle.png");
  position: absolute;
  left: 50%;
  margin-left: -54px;
  bottom: -12px;
}

.main-content .container-one-of-two:first-child::before {
  content: "";
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .main-content .container-one-of-two .img-homepage {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .main-content .container-one-of-two .img-homepage {
    margin-bottom: 50px;
  }
}

.main-content .container-two-of-two {
  background-color: #E6E6E6;
}

.main-content .content {
  font-family: Arial, Helvetica, sans-serif;
  color: #1d1d1b;
  line-height: 25px;
  font-size: 15px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .main-content .content {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .main-content .content {
    text-align: center;
  }
}

.main-content .content p {
  margin-bottom: 15px;
}

.breadcrumb {
  background-color: transparent;
  font-family: "Abel", sans-serif;
  font-size: 15px;
  margin-bottom: 0px;
}

.breadcrumb a {
  color: #B4222F;
}

.breadcrumb a:hover {
  text-decoration: none;
}

.breadcrumb .active {
  color: #1d1d1b;
}

.breadcrumb > li + li::before {
  content: url("../img/breadcrumb.png");
  padding: 0 5px;
}

.article-container {
  text-align: center;
}

.article-container .all-article {
  margin-top: 30px;
}

.article-container .article-tiers {
  width: 33%;
  padding: 15px;
  float: left;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .article-container .article-tiers {
    width: 100%;
    float: none;
    text-align: center;
  }
}

.article-container .article-tiers .article-cover {
  width: 33%;
  background-color: #ffffff;
  position: relative;
  float: left;
  margin-right: 15px;
  -webkit-border-radius: 100% 0 100% 100%;
  -moz-border-radius: 100% 0 100% 100%;
  -ms-border-radius: 100% 0 100% 100%;
  -o-border-radius: 100% 0 100% 100%;
  border-radius: 100% 0 100% 100%;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .article-container .article-tiers .article-cover {
    float: none;
    width: 25%;
    margin: 0 auto 15px;
  }
}

.article-container .article-tiers .article-cover::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.article-container .article-tiers .article-cover img {
  position: absolute;
  height: 80%;
  width: auto;
  margin: auto;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.article-container .article-tiers .th-matique-commune {
  background-image: url("../img/file-type-01.png");
  background-position: center center;
  background-size: 50%;
  background-repeat: no-repeat;
}

.article-container .article-tiers .rap {
  background-image: url("../img/file-type-02.png");
  background-position: center center;
  background-size: 50%;
  background-repeat: no-repeat;
}

.article-container .article-tiers .avis {
  background-image: url("../img/file-type-03.png");
  background-position: center center;
  background-size: 50%;
  background-repeat: no-repeat;
  border-bottom: none;
}

.article-container .article-tiers .cadastre {
  background-image: url("../img/file-type-04.png");
  background-position: center center;
  background-size: 50%;
  background-repeat: no-repeat;
}

.article-container .article-tiers .article-title {
  margin-bottom: 15px;
}

.article-container .article-tiers .article-title a {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  color: #B4222F;
}

.article-container .article-tiers .article-title a:hover {
  text-decoration: none;
}

.article-container .article-tiers .article-summary {
  font-family: Arial, Helvetica, sans-serif;
  color: #1d1d1b;
  line-height: 25px;
  font-size: 15px;
}

.article-container .article-tiers .article-summary p {
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .article-container .article-tiers .article-summary {
    margin-bottom: 15px;
  }
}

.article-container .article-tiers .article-more {
  float: right;
  font-family: "Abel", sans-serif;
  font-size: 18px;
  color: #B4222F;
  text-decoration: none;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 5px 10px;
  /*margin-top: 15px;*/
}

.article-container .article-tiers .article-more:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .article-container .article-tiers .article-more {
    float: none;
  }
}

.article-container .article-tiers .article-more span::after {
  content: url("../img/triangle-link.png");
  margin-left: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.article-container .article-tiers .article-more:hover::after {
  opacity: 0;
}

.article-container .article-tiers .article-more::after {
  content: url("../img/triangle-link-bis.png");
  margin-left: -10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

.article-container .all-article {
  clear: both;
}

.article-container .btn-voir-tous-les-travaux-home {
  width: 100%;
  display: inline-block;
  text-align: center;
}

/*==================================
SITE CONTENT
==================================*/
.container-inside {
  padding-bottom: 150px;
  position: relative;
}

.container-inside::after {
  content: url("../img/trio-triangle.png");
  left: 50%;
  margin-left: -54px;
  position: absolute;
  bottom: 90px;
}

.site-content {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  /*line-height: 22px;*/
  color: #1d1d1b;
}

.site-content p {
  margin-bottom: 30px;
}

.site-content .strong {
  font-weight: 700;
}

.site-content a {
  font-family: "Abel", sans-serif;
  font-size: 15px;
  color: #B4222F;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1px 1px 0;
  border-bottom: solid 1px #B4222F;
  text-transform: uppercase;
}

.site-content a:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  background: #B4222F;
  text-decoration: none;
  color: #fff;
}

.site-content a.avis-number:hover,
.site-content a.avis-date:hover {
  color: #B4222F;
  text-decoration: none;
  background: none;
}

.site-content ul {
  margin-bottom: 30px;
  list-style: none;
}

.site-content ul li {
  margin-left: 30px;
  margin-bottom: 15px;
}

.site-content ul li::before {
  content: url("../img/breadcrumb.png");
  margin-left: -30px;
  padding: 0 18px 0 0;
  position: absolute;
}

.site-content ul li ul {
  margin-top: 15px;
  margin-bottom: 30px;
  list-style: none;
}

.site-content ul li ul li {
  margin-left: 30px;
  margin-bottom: 15px;
}

.site-content ul li ul li::before {
  content: url("../img/breadcrumb3.png");
  margin-left: -30px;
  padding: 0 18px 0 0;
  position: absolute;
}

.site-content img {
  margin-bottom: 30px;
}

/*==================================
MY MAPS RESPONSIVE
==================================*/
.google-my-maps {
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  margin-bottom: 30px;
}

.google-my-maps .map {
  height: 100% !important;
  left: 0;
  margin-bottom: 30px;
  position: absolute;
  top: 0;
  width: 100% !important;
}

.back-footer {
  background-color: #1d1d1b;
  color: #fff;
  padding: 50px 0 75px;
}

.back-footer h2 {
  color: white !important;
  padding: 5px 10px;
  font-family: "Abel", sans-serif;
  font-size: 15px;
  text-align: left;
  font-weight: bold;
}

.back-footer footer p {
  padding: 5px 10px;
  font-family: "Abel", sans-serif;
  font-size: 15px;
}

.back-footer footer ul {
  list-style: none;
}

.back-footer footer ul a {
  font-family: "Abel", sans-serif;
  font-size: 15px;
  color: #DE0470;
  display: inline-block;
  box-shadow: inset 0 0 0 0 #DE0470;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 5px 10px;
  text-decoration: none;
  margin: 2.5px 0;
}

.back-footer footer ul a:hover {
  box-shadow: inset 250px 0 0 0 #DE0470;
  text-decoration: none;
  color: #fff;
}

.back-footer footer .google-maps {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
}

.back-footer footer .google-maps .map {
  margin-top: 15px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.back-footer footer .btn-full {
  width: 100%;
  box-shadow: 0 0 0 0 #1d1d1b inset;
  margin-top: 5px;
  background-color: #DE0470;
  border-color: #DE0470;
}

.back-footer footer .btn-full:hover {
  box-shadow: inset 350px 0 0 0 #1d1d1b;
  color: #DE0470;
}

.back-footer footer .btn-empty {
  width: 100%;
}

.back-footer footer .btn-empty:hover {
  box-shadow: inset 350px 0 0 0 #DE0470;
}

.back-footer footer .colonne-one, .back-footer footer .colonne-two, .back-footer footer .colonne-three, .back-footer footer .colonne-four {
  position: relative;
}

.back-footer footer .colonne-one::before {
  content: url("../img/triangle-1.png");
  position: absolute;
  margin-top: -67px;
  left: 0;
}

footer .nav.navbar-nav {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .back-footer footer .colonne-one {
    margin-bottom: 100px;
  }
}

.back-footer footer .colonne-two::before {
  content: url("../img/triangle-2.png");
  position: absolute;
  margin-top: -67px;
}

@media screen and (max-width: 767px) {
  .back-footer footer .colonne-two {
    margin-bottom: 100px;
  }
}

.back-footer footer .colonne-three::before {
  content: url("../img/triangle-3.png");
  position: absolute;
  margin-top: -67px;
}

.back-footer footer .colonne-four p {
  padding: 0;
}

.back-footer footer .colonne-four::before {
  content: url("../img/triangle-4.png");
  position: absolute;
  margin-top: -67px;
}

.back-footer footer .colonne-four .more-btn::after, .back-footer footer .colonne-four .more-btn-bis::after {
  margin-left: 10px;
}

.back-footer footer .partners {
  background-color: #fff;
}

.back-footer footer .partners li a {
  display: inline-block;
  width: 33%;
  height: auto;
  float: left;
  background-color: #fff;
}

.back-footer footer .partners li a .image-field {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}

.back-footer footer .uchrony {
  margin-top: 170px;
}

.back-footer footer .uchrony p {
  padding: 5px 10px;
  font-family: "Abel", sans-serif;
  font-size: 12px;
  text-align: right;
  line-height: 5px;
}

.back-footer footer .uchrony p a {
  color: #DE0470;
}

.back-footer footer .uchrony p a:hover {
  text-decoration: none;
}


.back-footer footer .partners img {
  width: 87px!important;
  height: auto;
  float: left;
  background: white;
}

.side-menu ul {
  list-style: none;
  /*position: fixed;*/
  /*width: 25%;*/
}

.side-menu ul li a {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  color: #B4222F;
  display: inline-block;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 16px 15px;
  text-decoration: none;
  width: 100%;
  border-bottom: solid 1px #B4222F;
}

.side-menu ul li a:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

.side-menu ul li a:hover {
  box-shadow: inset 300px 0 0 0 #B4222F;
}

@media screen and (max-width: 767px) {
  .side-menu ul li a:hover {
    box-shadow: inset 620px 0 0 0 #B4222F;
  }
}

.side-menu ul li .active {
  background-color: #B4222F;
  color: #fff;
}

.side-menu ul li .active:hover {
  background-color: #B4222F;
  color: #fff;
}
.first-news {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 30px;
  align-items: start;
  position: relative;
}

.first-news .list-news-date,
.first-news .list-news-title,
.first-news .list-news-text,
.first-news .main-page-link {
  grid-column: 1;
}

.first-news .news-image {
  grid-column: 2;
}

.block-actualites-wrapper .news-image {
  display: none;
}

.block-text{
      font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
}

.first-news .news-image {
  display: block;
  max-width: 100%;
  height: auto !important;
}
.main-news img {
    width: 100%!important;
    max-width: 100%!important;
    height: auto;
}

/*.side-menu-fixed{
    ul{
        position: fixed;
        width: 262px;
        top: 130px;
        @media screen and (max-width: 767px){
            position: initial;
            width: auto;
        }
    }
}*/
.team-member {
  text-align: center;
  width: 33.33%;
  /* height: 300px; */
  float: left;
  margin-bottom: 30px;
}
#team-page img {
  max-width: 100%;
  height: auto!important;
}
#team-page .view-header .node-title {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .team-member {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .team-member {
    width: 100%;
  }
}

.team-member p {
  margin: 0;
}

.team-member .member-pic {
  padding: 15px;
}

.team-member .member-pic img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  height: 187px;
  width: 187px;
  margin: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.team-member .member-name {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  color: #1d1d1b;
}

.team-member .member-name span {
  text-transform: uppercase;
}

.page-contact {
  font-family: "Abel", sans-serif;
  font-size: 18px;
}

.page-contact a {
  color: #B4222F;
  display: inline-block;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1px 1px 0;
  border-bottom: solid 1px #B4222F;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.page-contact a:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

.page-contact a:hover {
  box-shadow: inset 1000px 0 0 0 #B4222F;
}

.page-contact p {
  margin-bottom: 15px;
  padding: 1px 1px 0;
}

.page-contact .google-maps {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
}

.page-contact .google-maps .map {
  margin-top: 15px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.contact-haut, .contact-bas {
  width: 50%;
  float: left;
  padding: 0 15px;
}

@media screen and (max-width: 767px) {
  .contact-haut, .contact-bas {
    width: 100%;
    float: none;
    padding: 0;
  }
}

.page-search .search-results {
  list-style: none;
}

.page-search .search-results li {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px #E6E6E6;
}

.page-search .search-results li a {
  font-family: "Abel", sans-serif;
  font-size: 15px;
  color: #B4222F;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1px 1px 0;
  border-bottom: solid 1px #B4222F;
  text-transform: uppercase;
  display: inline;
}

.page-search .search-results li a:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

.page-search .search-results li a:hover {
  box-shadow: inset 1000px 0 0 0 #B4222F;
}

.page-search .search-results li p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #1d1d1b;
  margin-top: 10px;
}

.btn-bassin, .btn-chambre {
  width: 100%;
  padding: 30px;
  text-align: center;
  margin-bottom: 70px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .btn-bassin, .btn-chambre {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .btn-bassin, .btn-chambre {
    margin-bottom: 30px;
  }
}

.btn-bassin:hover {
  box-shadow: inset 500px 0 0 0 #fff;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .btn-bassin:hover {
    box-shadow: inset 620px 0 0 0 #fff;
  }
}

@media screen and (max-width: 767px) {
  .btn-bassin:hover {
    box-shadow: inset 620px 0 0 0 #fff;
  }
}

.btn-chambre:hover {
  box-shadow: inset 500px 0 0 0 #B4222F;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .btn-chambre:hover {
    box-shadow: inset 620px 0 0 0 #B4222F;
  }
}

@media screen and (max-width: 767px) {
  .btn-chambre:hover {
    box-shadow: inset 620px 0 0 0 #B4222F;
  }
}

/*===================================
MENU SIDE
===================================*/
.side-menu ul li .bassin-groupe {
  border-bottom: 1px solid #CDD749;
}

.side-menu ul li .bassin-groupe:hover {
  box-shadow: inset 300px 0 0 0 #CDD749;
  color: #1d1d1b;
}

@media screen and (max-width: 767px) {
  .side-menu ul li .bassin-groupe:hover {
    box-shadow: inset 620px 0 0 0 #CDD749;
  }
}

.side-menu ul li .bassin-bureau, .side-menu ul li .ce-bureau {
  border-bottom: 1px solid #62A7DB;
}

.side-menu ul li .bassin-bureau:hover, .side-menu ul li .ce-bureau:hover {
  box-shadow: inset 300px 0 0 0 #62A7DB;
  color: #1d1d1b;
}

@media screen and (max-width: 767px) {
  .side-menu ul li .bassin-bureau:hover, .side-menu ul li .ce-bureau:hover {
    box-shadow: inset 620px 0 0 0 #62A7DB;
  }
}

.side-menu ul li .bassin-instance, .side-menu ul li .ce-instance {
  border-bottom: 1px solid #F6CC79;
}

.side-menu ul li .bassin-instance:hover, .side-menu ul li .ce-instance:hover {
  box-shadow: inset 300px 0 0 0 #F6CC79;
  color: #1d1d1b;
}

@media screen and (max-width: 767px) {
  .side-menu ul li .bassin-instance:hover, .side-menu ul li .ce-instance:hover {
    box-shadow: inset 620px 0 0 0 #F6CC79;
  }
}

.bassin-groupe.active {
  background-color: #CDD749 !important;
  color: #1d1d1b !important;
}

.bassin-bureau.active, .ce-bureau.active {
  background-color: #62A7DB !important;
  color: #1d1d1b !important;
}

.bassin-instance.active, .ce-instance.active {
  background-color: #F6CC79 !important;
  color: #1d1d1b !important;
}

/*===================================
DIFFERENTES COULEURS
===================================*/
.groupe_de_travail, .view-r-union-groupe-travail .content-group {
  padding: 15px;
  border: solid 1px #CDD749;
  margin-bottom: 30px;
}

.instance_pl_ni_re, .instance_pl_ni_re_ce {
  padding: 15px;
  border: solid 1px #F6CC79;
  margin-bottom: 30px;
}

.strategic_note, .strategic_note_ce {
  padding: 15px;
  border: solid 1px #912330;
  margin-bottom: 30px;
}

.bureau, .bureau_ce {
  padding: 15px;
  border: solid 1px #62A7DB;
  margin-bottom: 30px;
}

/*===================================
LINKS
===================================*/
.groupe_de_travail .btn-espace, .view-r-union-groupe-travail .content-group .btn-espace, .instance_pl_ni_re .btn-espace, .strategic_note .btn-espace, .bureau .btn-espace, .instance_pl_ni_re_ce .btn-espace, .strategic_note_ce .btn-espace, .bureau_ce .btn-espace {
  width: 100%;
  padding: 15px 0;
  text-align: center;
}

.groupe_de_travail .btn-espace:hover, .view-r-union-groupe-travail .content-group .btn-espace:hover {
  box-shadow: inset 620px 0 0 0 #CDD749;
  color: #1d1d1b;
  border-color: #CDD749;
}

.instance_pl_ni_re .btn-espace:hover, .instance_pl_ni_re_ce .btn-espace:hover {
  box-shadow: inset 620px 0 0 0 #F6CC79;
  color: #1d1d1b;
  border-color: #F6CC79;
}

.strategic_note .btn-espace:hover, .strategic_note_ce .btn-espace:hover {
  box-shadow: inset 620px 0 0 0 #912330;
  color: #1d1d1b;
  border-color: #912330;
}

.bureau .btn-espace:hover, .bureau_ce .btn-espace:hover {
  box-shadow: inset 620px 0 0 0 #62A7DB;
  color: #1d1d1b;
  border-color: #62A7DB;
}

.files-download {
  margin-bottom: 20px;
}

.files {
  display: table;
  margin: 8px 0 8px 29px;
  position: relative;
}

.files::before {
  content: "";
  background-image: url("../img/filetype/file.png");
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  margin-left: -29px;
  width: 24px;
  height: 24px;
  display: block;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
  /*border: solid 1px $rose;*/
}

.avi::before {
  background-image: url("../img/filetype/avi.png");
}

.doc::before, .docx::before {
  background-image: url("../img/filetype/doc.png");
}

.exe::before {
  background-image: url("../img/filetype/exe.png");
}

.jpg::before, .jpeg::before {
  background-image: url("../img/filetype/jpg.png");
}

.mp3::before {
  background-image: url("../img/filetype/mp3.png");
}

.mp4::before {
  background-image: url("../img/filetype/mp4.png");
}

.pdf::before {
  background-image: url("../img/filetype/pdf.png");
}

.png::before {
  background-image: url("../img/filetype/png.png");
}

.ppt::before {
  background-image: url("../img/filetype/ppt.png");
}

.txt::before {
  background-image: url("../img/filetype/txt.png");
}

.xls::before, .xlc::before {
  background-image: url("../img/filetype/xls.png");
}

.zip::before {
  background-image: url("../img/filetype/zip.png");
}

.view-r-union-groupe-travail .content-group .views-row {
  border-top: solid 1px #E6E6E6;
  margin-bottom: 30px;
}

.view-r-union-groupe-travail .content-group .views-row .content-title {
  margin-bottom: 0;
  margin-top: 25px;
  margin-left: 0;
  font-family: "Abel", sans-serif;
  font-size: 18px;
}

.view-r-union-groupe-travail .content-group .views-row:last-child {
  margin-bottom: 0;
}

.dernieres-reunions {
  margin-bottom: 20px;
}

.dernieres-reunions .label-dernieres-reunions {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  color: #1d1d1b;
  border-top: solid 1px #E6E6E6;
  padding: 12px 0 0;
}

.dernieres-reunions a {
  display: table;
  margin: 8px 0;
}

/*===================================
CONTENT
===================================*/
.groupe_de_travail .icone-img, .instance_pl_ni_re .icone-img, .bureau .icone-img, .instance_pl_ni_re_ce .icone-img, .bureau_ce .icone-img, .strategic_note .icone-img, .strategic_note_ce .icone-img, .view-r-union-groupe-travail .content-group .icone-img {
  float: left;
}

.groupe_de_travail .icone-img img, .instance_pl_ni_re .icone-img img, .bureau .icone-img img, .instance_pl_ni_re_ce .icone-img img, .bureau_ce .icone-img img, .strategic_note .icone-img img, .strategic_note_ce .icone-img img, .view-r-union-groupe-travail .content-group .icone-img img {
  margin: 0;
}

.groupe_de_travail .content-title, .instance_pl_ni_re .content-title, .bureau .content-title, .instance_pl_ni_re_ce .content-title, .bureau_ce .content-title, .strategic_note .content-title, .strategic_note_ce .content-title, .view-r-union-groupe-travail .content-group .content-title {
  margin: 12px 0 20px 10px;
  display: inline-block;
  font-family: "Abel", sans-serif;
  font-size: 25px;
}

.groupe_de_travail .views-field-body, .instance_pl_ni_re .views-field-body, .bureau .views-field-body, .instance_pl_ni_re_ce .views-field-body, .bureau_ce .views-field-body, .strategic_note .views-field-body, .strategic_note_ce .views-field-body, .view-r-union-groupe-travail .content-group .views-field-body {
  margin: 15px 0 0;
}

.groupe_de_travail .views-field-body p, .instance_pl_ni_re .views-field-body p, .bureau .views-field-body p, .instance_pl_ni_re_ce .views-field-body p, .bureau_ce .views-field-body p, .strategic_note .views-field-body p, .strategic_note_ce .views-field-body p, .view-r-union-groupe-travail .content-group .views-field-body p {
  margin-bottom: 15px;
}

/*.groupe_de_travail{
    .content-title{
        color: $green;
    }
}

.instance_pl_ni_re, .instance_pl_ni_re_ce{
    .content-title{
        color: $skin;
    }
}

.bureau, .bureau_ce{
    .content-title{
        color: $blue;
    }
}*/
/*===================================
PAGINATION
===================================*/
.pagination li {
  margin: 0 !important;
}

.pagination li::before {
  content: "" !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pagination li a {
  border-radius: 0 !important;
  background-color: transparent;
  border: none;
  color: #B4222F;
}

.pagination li a:hover {
  border: none;
  color: #fff;
}

.pagination li span {
  border-radius: 0 !important;
}

.pagination .active a {
  background-color: #B4222F;
  border: none;
  color: #fff;
  cursor: default;
  z-index: 2;
}

.pagination .active a:hover {
  background-color: #B4222F !important;
  border: none;
  color: #fff !important;
  cursor: default !important;
  z-index: 2 !important;
}

.pagination .active a:focus {
  background-color: #B4222F !important;
  border: none;
  color: #fff !important;
  cursor: default !important;
  z-index: 2 !important;
}

.pagination .active span {
  background-color: #B4222F;
  border: none;
  color: #fff;
  cursor: default;
  z-index: 2;
}

.pagination .active span:hover {
  background-color: #B4222F !important;
  border: none;
  color: #fff !important;
  cursor: default !important;
  z-index: 2 !important;
}

.pagination .active span:focus {
  background-color: #B4222F !important;
  border: none;
  color: #fff !important;
  cursor: default !important;
  z-index: 2 !important;
}

#user-profile-form #edit-account label {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  margin: 0 0 15px;
  color: #1d1d1b;
}

#user-profile-form #edit-account .form-control {
  background-color: #ffffff;
  background-image: none;
  border: 2px solid #E6E6E6;
  border-radius: 0px;
  box-shadow: none;
  color: #1d1d1b;
  display: block;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
  padding: 6px;
}

#user-profile-form #edit-account .help-block {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  padding: 15px;
  margin: 0 0 15px;
}

#user-profile-form #edit-account .help-block ul li {
  list-style: none;
}

#user-profile-form #edit-account .help-block a {
  font-family: "Abel", sans-serif;
  font-size: 15px;
  color: #B4222F;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1px 1px 0;
  border-bottom: solid 1px #B4222F;
  text-transform: uppercase;
}

#user-profile-form #edit-account .help-block a:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

#user-profile-form #edit-account .help-block a:hover {
  box-shadow: inset 1000px 0 0 0 #B4222F;
}

#user-profile-form #edit-account .form-type-password {
  float: none;
  width: 100%;
}

#user-profile-form #edit-account .form-type-password .label-warning, #user-profile-form #edit-account .form-type-password .label-danger, #user-profile-form #edit-account .form-type-password .label-success {
  display: none !important;
}

#user-profile-form #edit-account .form-type-password .form-control-feedback {
  display: none !important;
}

#user-profile-form #edit-account .form-type-password .label {
  border-radius: 0;
}

#user-profile-form #edit-account .form-type-password .progress {
  border-radius: 0;
  box-shadow: none;
  background-color: #fff;
}

#user-profile-form #edit-account .password-help {
  padding: 15px 30px;
}

#user-profile-form #edit-account .form-type-password-confirm {
  border-bottom: solid 1px #B4222F;
}

.has-feedback .form-control {
  padding: 0 !important;
}

#user-profile-form #edit-field-titre label, #user-profile-form #edit-field-nom label, #user-profile-form #edit-field-prenom label, #user-profile-form #edit-field-tel label, #user-profile-form #edit-field-mobile label {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  margin: 0 0 15px;
  color: #1d1d1b;
}

#user-profile-form #edit-field-titre .form-control, #user-profile-form #edit-field-nom .form-control, #user-profile-form #edit-field-prenom .form-control, #user-profile-form #edit-field-tel .form-control, #user-profile-form #edit-field-mobile .form-control {
  background-color: #ffffff;
  background-image: none;
  border: 2px solid #E6E6E6;
  border-radius: 0px;
  box-shadow: none;
  color: #1d1d1b;
  display: block;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
  padding: 6px;
}

#user-profile-form #edit-field-titre label:nth-child(1) {
  width: 33%;
  float: left;
}

#user-profile-form #edit-field-titre .form-radios .form-item {
  margin-top: 0px;
  display: table-cell;
  float: left;
}

#user-profile-form #edit-field-titre .form-radios .form-item label {
  margin-right: 30px;
  cursor: pointer;
  position: relative;
  display: table-cell;
  float: left;
}

#user-profile-form #edit-field-titre .form-radios .form-item label input {
  display: inline;
  margin: 0 !important;
  position: absolute;
  width: auto;
  top: 6px;
  left: 0px;
  cursor: pointer;
}

#user-profile-form #edit-field-nom {
  clear: both;
}

#user-profile-form fieldset {
  background-color: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
}

#user-profile-form fieldset legend {
  display: none;
}

#user-profile-form fieldset .panel-body {
  padding: 0;
}

#user-profile-form fieldset .panel-body label {
  font-family: "Abel", sans-serif;
  font-size: 18px;
  margin: 0 0 15px;
  color: #1d1d1b;
}

#user-profile-form fieldset .panel-body .form-control {
  background-color: #ffffff;
  background-image: none;
  border: 2px solid #E6E6E6;
  border-radius: 0px;
  box-shadow: none;
  color: #1d1d1b;
  display: block;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
  padding: 6px;
}

#user-profile-form .form-actions {
  clear: both;
  text-align: center;
}

#user-profile-form .form-actions .form-submit {
  background-color: #B4222F;
  border-color: none;
  color: #fff;
  border: 2px solid #B4222F;
  border-radius: 0;
  font-family: "Abel", sans-serif;
  font-size: 18px;
  line-height: 50px;
  padding: 0;
  width: 100%;
  margin: auto;
  box-shadow: inset 0 0 0 0 #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#user-profile-form .form-actions .form-submit:hover {
  box-shadow: inset 250px 0 0 0 #fff;
  text-decoration: none;
  color: #B4222F;
}

#user-profile-form .form-actions .form-submit:hover {
  box-shadow: 600px 0 0 0 #fff inset;
}

@media screen and (max-width: 767px) {
  #user-profile-form .form-actions .form-submit:hover {
    box-shadow: 767px 0 0 0 #fff inset;
  }
}

#modal-newsletter .modal-content {
  background-color: #fff;
  border: none;
  border-radius: 0px;
}

#modal-newsletter .modal-content .modal-header {
  border-bottom: 0px;
}

#modal-newsletter .modal-content .modal-body {
  padding: 0 30px 30px;
  font-family: "Abel", sans-serif;
  font-size: 18px;
}

#modal-newsletter .modal-content .modal-body h2 {
  margin-bottom: 30px;
}

#modal-newsletter .modal-content .modal-body label {
  width: 25%;
  float: left;
  text-align: left;
  clear: both;
  line-height: 35px;
  margin: 15px 0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #modal-newsletter .modal-content .modal-body label {
    width: 35%;
  }
}

#modal-newsletter .modal-content .modal-body .form-control {
  background-color: #ffffff;
  background-image: none;
  border: 2px solid #E6E6E6;
  border-radius: 0px;
  box-shadow: none;
  color: #1d1d1b;
  display: block;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
  width: 75%;
  margin: 15px 0;
  float: left;
  /* firefox 19+ */
  /* ie */
}

#modal-newsletter .modal-content .modal-body .form-control::-webkit-input-placeholder {
  color: #eca5a7;
}

#modal-newsletter .modal-content .modal-body .form-control::-moz-placeholder {
  color: #eca5a7;
}

#modal-newsletter .modal-content .modal-body .form-control:-ms-input-placeholder {
  color: #eca5a7;
}

#modal-newsletter .modal-content .modal-body .form-control:-moz-placeholder {
  color: #eca5a7;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #modal-newsletter .modal-content .modal-body .form-control {
    width: 65%;
  }
}

#modal-newsletter .modal-content .modal-body .form-actions {
  text-align: center;
}

#modal-newsletter .modal-content .modal-body .form-actions .btn-default {
  background-color: #B4222F;
  border-color: none;
  color: #fff;
  border: 2px solid #B4222F;
  border-top: 2px solid #B4222F;
  border-radius: 0px;
  font-family: "Abel", sans-serif;
  font-size: 18px;
  line-height: 50px;
  padding: 0;
  width: 50%;
  margin: 30px auto 0;
}

@media screen and (max-width: 767px) {
  #modal-newsletter .modal-content .modal-body .form-actions .btn-default {
    width: 100%;
  }
}

#modal-newsletter .modal-content .modal-body .form-actions .btn-default:hover {
  box-shadow: 400px 0 0 0 #f1f1f1 inset;
  color: #B4222F;
  border: 2px solid #B4222F;
  border-top: 2px solid #B4222F;
}

#modal-newsletter .modal-content .modal-body .form-radios .form-item {
  display: table-cell;
  float: left;
}

#modal-newsletter .modal-content .modal-body .form-radios .form-item label {
  margin-right: 30px;
  cursor: pointer;
  position: relative;
  display: table-cell;
  float: left;
}

#modal-newsletter .modal-content .modal-body .form-radios .form-item label input {
  display: inline;
  margin: 0 !important;
  position: absolute;
  width: auto;
  top: 11px;
  left: 0px;
  cursor: pointer;
}

.news-container {
  text-align: left;
  border-bottom: none;
  padding-top: 15px;
  padding-bottom: 15px;
}

.news-container h5 {
  /*float: left;*/
  display: inline-block;
  margin-bottom: 0px;
}

.news-container .strong {
  font-weight: 700;
}

.news-container a {
  font-family: "Abel", sans-serif;
  font-size: 15px;
  color: #B4222F;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1px 1px 0;
  border-bottom: solid 1px #B4222F;
  text-transform: uppercase;
  display: inline-block;
}

.news-container a:hover {
  box-shadow: inset 250px 0 0 0 #B4222F;
  text-decoration: none;
  color: #fff;
}

.news-container a:hover {
  box-shadow: inset 1000px 0 0 0 #B4222F;
}

.news-container ul {
  margin-bottom: 30px;
  list-style: none;
}

.news-container ul li {
  margin-left: 30px;
  margin-bottom: 15px;
}

.news-container ul li::before {
  content: url("../img/breadcrumb.png");
  margin-left: -30px;
  padding: 0 18px 0 0;
  position: absolute;
}

.news-container ul li ul {
  margin-top: 15px;
  margin-bottom: 30px;
  list-style: none;
}

.news-container ul li ul li {
  margin-left: 30px;
  margin-bottom: 15px;
}

.news-container ul li ul li::before {
  content: url("../img/breadcrumb3.png");
  margin-left: -30px;
  padding: 0 18px 0 0;
  position: absolute;
}

.news-container img {
  margin-bottom: 30px;
}

.news-container .field-name-field-date {
  /*float: left;
  display: inline-block;*/
  font-family: "Abel", sans-serif;
  font-size: 15px;
  color: #1d1d1b;
  text-transform: uppercase;
  margin-bottom: 10px;
  opacity: 0.5;
  /*position: relative;
  margin-left: 17px;*/
  /*&::before{
      content: '-';
      position: absolute;
      top: 0;
      left: -10px;
      opacity: $alpha5;
  }*/
}

.news-container .content {
  clear: both;
}

body {
  background-color: #fff;
  color: #1d1d1b;
  position: relative;
}

.cover-container .img-cover {
  height: 600px;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: -1;
  max-width: 100%;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .cover-container .img-cover {
    height: 518px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .cover-container .img-cover {
    height: 430px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .cover-container .img-cover {
    height: 333px;
  }
}

@media screen and (max-width: 767px) {
  .cover-container .img-cover {
    display: none;
  }
}

.cover-container .img-cover .cover-picture {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .side-menu {
    margin-bottom: 30px;
  }
}

strong {
  font-weight: 700;
}

.view-pole-de-synergie .avis .avis-number {
  pointer-events: none;
  cursor: default;
}

.view-pole-de-synergie .avis .avis-date {
  pointer-events: none;
  cursor: default;
}

.view-midi-du-bassin .avis .avis-number {
  pointer-events: none;
  cursor: default;
}

.view-midi-du-bassin .avis .date {
  pointer-events: none;
  cursor: default;
}

u {
  text-decoration: none;
}

a.sub-menu {
  /*border-left: #B4222F 4px solid;*/
  padding-left: 40px !important;
}

.region-sidebar-left .menu .submenu a {
  padding-left: 6px !important;
}

.webinar-full-description {
  margin-top: 30px;
  padding: 5px 10px;
  font-family: "Abel", sans-serif;
  font-size: 18px;
}

.webinar-title {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 38px;
  text-transform: uppercase;
  /* Rouge */
  color: #B4222F;
}

.webinar-description {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #1D1D1B;
  padding-top: 10px;
}

.node-webinar {
  border-bottom: 1px solid #B4222F;
  padding-top: 15px;
  padding-bottom: 15px;
}

.views-row-last > .node-webinar, .views-row-last > .node-agenda {
  border-bottom: none;
}

/*.webinar-content {*/
/*  margin-left: 15px;*/
/*}*/

.webinar-date {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #B4222F;
}

.news-title {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 38px;
  text-transform: uppercase;
  color: #B4222F;
}

.news-date {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #B4222F;
}

.news-description {
  margin-top: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #1D1D1B;
}

.node-actualite {
  border-bottom: 1px solid #B4222F;
  padding-bottom: 15px;
  padding-top: 15px;
}

.views-row-last > .node-actualite {
  border-bottom: none;
}

.news-image > img {
  margin-bottom: 0px !important;
}

.news-image > img.cover-picture {
  width: 100%;
}

.node-readmore:before {
  display: none;
}

.node-readmore {
  margin-left: 0px !important;
}

ul.links {
  margin-bottom: 0px !important;
}

.webinar-detail-title > span > h3 {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 38px;
  text-transform: uppercase;
  color: #B4222F !important;
}

.webinar-detail-description {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #1D1D1B;
}

.webinar-detail-back-link {
  margin-top: 75px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
}

.webinar-download-list{
  margin-top: 30px;
}

.webinar-download-list li {
  list-style: none;
  padding-left: 20px;
  padding-bottom: 15px;
  color: #878786;
  position: relative;
}

.webinar-download-list li:before {
  content: "";
  display: block;
  background: url("../img/file-ico.png") no-repeat;
  background-size: 100%;
  width: 9px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 0;
}

.webinar-download-list a {
  font-family: "Abel",sans-serif;
  color: #B4222F;
  display: block;
  text-decoration: underline;
}

.detail-webinar {
  border-bottom: 0px !important;
}

.detail-news {
  border-bottom: 0px !important;
}

.news-detail-back-link {
  margin-top: 75px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
}

.news-detail-description {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #1D1D1B;
}

.news-detail-title > span > h3 {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 38px;
  color: #B4222F !important;
}

.webinar-download {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  text-align: right;
  text-transform: uppercase;
  color: #FFFFFF;

  margin-top: 30px;
}

.webinar-download > .more-full {
  padding: 8px 30px;
}

/*Actualités*/
.cover-picture {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .cover-picture {
    margin-bottom: 15px;
  }
}

/*Webinaires*/
.webinar-video iframe, .detail-webinar iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
}

/*Footer*/
.back-footer footer ul a {
  color: white;
}

.back-footer footer p {
  font-weight: bold;
}

.back-footer footer .btn-full {
  background-color: #B4222F;
  border-color: #B4222F;
}

.back-footer footer .btn-full:hover {
  color: white;
  border-color: white;
}

/*Titles*/
.title-container span h3 {
  padding: 0;
}

.title-container span::before {
  content: "";
  position: absolute;
  margin-left: 0;
  margin-top: 0;
  top: 68px;
  width: 40px;
  height: 5px;
  background: #b4222f;
}

.title-container span::after {
  content: "";
}

@media screen and (max-width: 991px) {
  .title-container span::before {
    top: 45px;
  }
}

/*HP*/
/*-BTN KNOW MORE-*/
.article-more {
  color: black;
  border-bottom: 1px solid black;
  text-transform: initial;
  font-weight: bold;
}

.article-more:after {
  /*arrow here*/
}

.more-btn {
  width: auto;
  padding: 5px 15px;
}

.more-btn::after, .site-content .more-btn::after {
  content: "";
}

li.expanded:has(li.active) > a {
  background: none;
  color: #B4222F;
}

.under-header-place {
  margin-top: 129px;
}

/*width 20%*/
.w-20 {
  width: 20%;
  float: left;
  background: #F7F8FA;
}

.introduction {
  margin-top: 52px;
  margin-bottom: 18px;
  background: #FFFFFF;
  font-style: normal;
  font-family: 'Arial';
  color: #000000;
}

.introduction img {
  width: 570px;
}


.introduction-title {
  margin-top: 28px;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
}

.introduction-text {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #000000;
}

.main-page-link{
  margin-top: 20px;
}
.main-page-link a{
  font-family: 'Abel';
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #B4222F!important;
}

i.arrow-ico {
  content: "";
  display: inline-block;
  background: url("../img/arrow-ico.png") no-repeat;
  background-size: 100%;
  width: 12px;
  height: 10px;
  /*float: right;*/
  margin: 2px 4px 0 8px;
}

.main-news {
  background: #F7F8FA;
  padding-bottom: 40px;
  border-bottom: 1px solid #ECEDEF;
}

.main-news img {
  width: 570px;
}

.main-news-date {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #878786;
}

.main-news-title {
  margin-top: 20px;
  font-family: 'Arial';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
}

.main-news-text {
  margin-top: 13px;
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #000000;
}

.main-news-read-more {
  margin-top: 20px;
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #B4222F;
}

.list-news {
  background: #F7F8FA;
  padding-top: 23px;
  padding-bottom: 51px;
}

.list-news-date {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #878786;
}

.list-news-title {
  margin-top: 20px;
  font-family: 'Arial';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
}

.list-news-text {
  margin-top: 10px;
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #000000;
}

.row.equal-row {
  display: flex;
  flex-wrap: wrap;
}

.block-region.region-footer .nav.navbar-nav {
  width: 100%;
}

.list-news-read-more {
  margin-top: 15px;
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #B4222F;
}

.list-news.block-container .main-page-link {
  margin-bottom: 30px;
}

.agenda {
  background: #FFFFFF;
}

.agenda-date {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #878786;
}

.agenda-date:before {
  content: "";
  display: block;
  background: url("../img/calendar-ico.png") no-repeat;
  background-size: 100%;
  width: 9px;
  height: 12px;
  float: left;
  margin: 2px 4px 0 0;
}

.agenda-title {
  margin-top: 20px;
  font-family: 'Arial';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
}

.agenda-text {
  margin-top: 14px;
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #000000;
}

.agenda-read-more {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #B4222F;
}

.agenda .btn-full {
  margin-top: 47px;
  margin-bottom: 65px;
  width: auto;
  height: 40px;
  font-size: 15px !important;
  padding: 10px;
}

#block-bassinefe-menunostravaux .menu li ul li a{ 
  padding: 0;
    padding-left: 0px;
  display: flex;
  align-content: center;
  align-items: center;
  border:0!important;
}

.side-menu .menu li ul li a:hover {
  box-shadow: none;
  color: #B4222F;
}
.side-menu .menu-item.menu-item-level-1.menu-item-has-children {
  border-bottom: solid 1px #B4222F;
}
.side-menu .menu-item.menu-item-level-1.menu-item-has-children a{
  border-bottom: 0;
}

.menu-item-has-children .submenu .menu-item-level-2::before {
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e0e0e0;
  content: "";
}
.side-menu .menu-item.menu-item-level-2 {
  position: relative;
}

.sidebar-submenu-branch::before{
  content: "";
  display: block;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: 100%;
  width: 19px;
  height: 22px;
  float: left;
  top: -9px;
  position: relative;
  mask: url('../img/submenu-line.svg') no-repeat center;
  mask-size: auto;
  mask-size: contain;
  background-color: #e0e0e0;
  margin-right: 10px;
}

.menu-item-has-children .submenu .menu-item-level-2:last-child::before {
  border: 0;
  height: 20px !important;
}

.side-menu .menu-item.menu-item-level-1.menu-item-has-children {
  padding-bottom: 15px;
}
.side-menu .menu-item.menu-item-level-2 {
  padding: 15px 0 15px 10px;
}
.last-publications .btn-full {
  margin-top: 73px !important;
  width: auto;
  height: 40px;
  font-size: 15px !important;
  padding: 10px 19px 0 19px;
}

.last-publications-date {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #878786;
}

.last-publications-date:before {
  content: "";
  display: block;
  background: url("../img/file-ico.png") no-repeat;
  background-size: 100%;
  width: 9px;
  height: 12px;
  float: left;
  margin: 2px 4px 0 0;
}

.last-publications-text {
  margin-top: 6px;
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #000000;
}

.last-publications {
  background: #F7F8FA;
}
.last-publications-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 48px;
}

.last-publications .main-page-btn{
  margin-bottom: 40px;
}
.one-publication {
  padding: 20px 15px 60px 15px;
  background: #FFFFFF;
  width: 180px;

  position: relative;
}
.last-publications-link {
  width: 100%;
  text-align: center;

  position: absolute;
  bottom: 20px;
  left: 0;
}

.block-container {
  padding-left: 150px;
  padding-right: 150px;
}

.main-page {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.content-logo h1 {
  display: block;
  height: 69px
}

.main-page a:not(.back-header a, .back-footer a, a.main-page-btn) {
  font-family: "Abel", sans-serif;
  color: #B4222F!important;
  box-shadow: inset 0 0 0 0 #B4222F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1px 1px 0;
}

a.main-page-btn {
  color: #FFFFFF !important;
}
.main-page a.main-page-btn:hover, .btn-full:hover {
  color: #B4222F !important;
  background: white !important;
  border: 2px solid #B4222F;
}

/*desktop*/
@media screen and (max-width: 767px) {
  .content-logo {
    display: none;
  }
  .main-news {
    display: flex; /*for ordering the items in responsive*/
    flex-direction: column;
  }
  .main-news .main-news-img {
    order: 1;
    /*margin-bottom*/
  }
  .main-news .main-news-content {
    order: 2;
  }

  .main-news, .list-news > div, .agenda > div:not(.title-container) {
    padding-bottom: 30px;
  }
  .main-news .main-news-title, .list-news .list-news-title, .agenda .agenda-title {
    margin-top: 10px;
  }
  .main-news .main-page-link, .list-news .main-page-link, .agenda .main-page-link {
    margin-top: 10px;
  }
  .block-container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .w-20 {
    margin-top: 10px;
    width: 50%;
    float: left;
    background: #F7F8FA;
  }

  .news-image > img.cover-picture {
    margin-bottom: 15px !important;
  }
}

/*tablet*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .block-container {
    padding-left: 50px;
    padding-right: 50px;
  }

  .w-20 {
    margin-top: 10px;
    width: 33.3%;
    float: left;
    background: #F7F8FA;
  }
}

/*phone*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .block-container {
    padding-left: 150px;
    padding-right: 150px;
  }

  .w-20 {
    width: 20%;
    float: left;
    background: #F7F8FA;
  }
}

@media screen and (max-width:500px) {
  .news-detail-back-link {
    margin-top: 50px;
  }

  .webinar-download {
    text-align: center;
  }

  .webinar-detail-back-link {
    margin-top: 50px;
  }
}
.side-menu ul li ul li a {
  padding: 12px 15px;
}

.node-agenda {
  text-align: center;
  border-bottom: 1px solid #b4222f;
}
iframe.map {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
}

.pagination {
  display: flex;
  justify-content: center;
}

.form-item.webform-component.form-type-textfield.form-item-keys.form-group .control-label {
  display: none;
}

.fullcalendar-legend--section {
    flex-grow: 0;
}
.fullcalendar-legend--section h3 {
    display: none;
}

.fullcalendar-legend--section ul li {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #000000!important;
    float: left;
    margin-right: 35px;
}



.bureau .btn-espace:hover, .bureau_ce .btn-espace:hover {
    box-shadow: inset 1000px 0 0 0 #62A7DB!important;
    color: #1d1d1b;
    border-color: #62A7DB;
}

.instance_pl_ni_re .btn-espace:hover, .instance_pl_ni_re_ce .btn-espace:hover {
    box-shadow: inset 1000px 0 0 0 #F6CC79;
    color: #1d1d1b;
    border-color: #F6CC79;
}

.groupe_de_travail .btn-espace:hover, .view-r-union-groupe-travail .content-group .btn-espace:hover {
    box-shadow: inset 1000px 0 0 0 #CDD749;
    color: #1d1d1b;
    border-color: #CDD749;
}

.strategic_note .btn-espace:hover, .strategic_note_ce .btn-espace:hover {
    box-shadow: rgb(145, 35, 48) 1000px 0px 0px 0px inset;
    color: rgb(29, 29, 27);
    border-color: rgb(145, 35, 48);
}
/*# sourceMappingURL=style.css.map */

div#block-bassinefe-views-block-actualites-block-1 {
    display: inline-block!important;
}