@charset "UTF-8";
@import url("https://use.typekit.net/vdr1rvt.css");
@font-face {
  font-family: "icomoon";
  src: url(fonts/icomoon/icomoon.svg) format("svg"), url(fonts/icomoon/icomoon.ttf) format("truetype"), url(fonts/icomoon/icomoon.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
.body {
  /*TABLEAU VUE*/
  /*ONGLETS*/
  /*PUCE*/
  /*TIP*/
  /*PAVÉS*/
  /*NEWSLETTER*/
  /*CONNEXION*/
  /*MORTE SAISON & OFFRE DIRECTE*/
  /*OFFRES SPOT*/
  /*MON PROFIL VUE*/
}
:root {
  --coop-main-color: #164C74;
  --coop-main-lighten-color: #216ba3;
  --coop-main-lighten-2-color: #e9f5ff;
  --coop-second-color: #FFC306;
  --coop-button-bg-color: #164C74;
  --coop-button-bg-hover-color: #216ba3;
  --coop-button-text-color: #fff;
  --coop-border-color: #164C74;
}

.body {
  font-family: museo-sans, arial, arial;
  font-size: 16px;
  font-weight: 500;
  color: #02375F;
}
.body a {
  color: inherit;
  text-decoration: none;
}
.body a:hover {
  text-decoration: underline;
}
.body button {
  font-family: museo-sans, arial, arial;
  font-size: 1rem;
}
.body .multiselect input {
  border: 0;
}
.body #login-panel {
  border-bottom: 3px solid #164C74;
  -webkit-box-shadow: 3px 3px 8px #565656;
  box-shadow: 3px 3px 8px #565656;
}
.body #login-panel h3 {
  margin-top: 0;
}
.body #login-panel [type=submit] {
  display: block;
  margin-left: auto;
}
.body .a-btn-atrium-retour {
  margin-bottom: 1rem;
}
.body .x-panel-btns .x-btn-text::before {
  margin-right: 0.25rem;
}
.body .btn-coop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.body .btn-coop a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #FFC306;
  text-decoration: none;
}
.body .btn-coop a:hover {
  background-color: #e1ab00;
  color: #fff;
}
.body .btn-action.modify {
  background-color: #aaa;
  color: #fff;
}
.body .btn-action.modify:hover {
  background-color: #989898;
}
.body .btn-action.cancel {
  background-color: #e63838;
  color: #fff;
}
.body .btn-action.cancel:hover {
  background-color: #de1c1c;
}
.body .btn-vue {
  background-color: var(--coop-main-color);
  color: #FFF;
}
.body .checkbox-etat {
  color: #164C74;
}
.body #go-to-head {
  background-image: url(/css/theme/images/common/go_top.svg);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.body .message_header_service {
  padding: 0.5rem 1rem;
  background-color: #FFC306;
  color: #fff;
  -webkit-box-shadow: 0 0 2px #ccc;
  box-shadow: 0 0 2px #ccc;
}
.body ul.x-tab-strip li {
  margin: 0;
}
.body ul.x-tab-strip li:not(:first-child) .x-tab-strip-inner {
  border-left: 0;
}
.body .x-tab-strip-top .x-tab-strip-inner {
  border: 1px solid #164C74;
  background-color: #fff;
}
.body .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
  background-color: #164C74;
  color: #fff;
}
.body .x-tab-panel-bwrap {
  border-color: #164C74;
}
.body .vue-container .table,
.body .modal-container .table {
  background-color: #fff;
}
.body .vue-container .table thead,
.body .modal-container .table thead {
  background-color: #164C74;
  color: #fff;
}
.body .vue-container .table tbody tr:nth-child(even),
.body .modal-container .table tbody tr:nth-child(even) {
  background-color: rgba(22, 76, 116, 0.2);
}
.body .admin .tab button.active,
.body .admin .tab tbody tr.active,
.body .admin .tab .router-link-exact-active {
  background-color: #164C74;
  color: #fff;
}
.body .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner, .body .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-left, .body .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-right {
  background-color: #164C74;
  color: #fff;
}
.body .pageatrium .page-puce {
  cursor: pointer;
}
.body .pageatrium .puce.actif,
.body .pageatrium .page-puce.actif {
  background-color: #164C74;
}
.body .pageatrium .paginate-index {
  padding-left: 4rem;
  padding-right: 4rem;
}
.body .pageatrium .paginate-index .prev, .body .pageatrium .paginate-index .next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  background-color: #164C74;
  color: #fff;
  border-radius: 50%;
}
.body .pageatrium .paginate-index .prev span, .body .pageatrium .paginate-index .next span {
  display: none;
}
.body .pageatrium .paginate-index .prev {
  position: absolute;
  top: 27%;
  left: 1rem;
}
.body .pageatrium .paginate-index .next {
  position: absolute;
  top: 27%;
  right: 1rem;
}
.body .pageatrium .pave__content {
  position: relative;
}
.body .x-tip {
  -webkit-box-shadow: 0 0 3px 1px #cacaca;
  box-shadow: 0 0 3px 1px #cacaca;
}
.body #cookie_mess {
  background-color: #164C74;
}
.body #cookie_mess input {
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: #000;
}
.body #cookie_mess input:hover {
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: 0 0 3px 1px #333;
  box-shadow: 0 0 3px 1px #333;
}
.body .login-panel_username input,
.body .login-panel_password input {
  width: 100%;
}
.body.body-scrolled .header-site {
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
  z-index: 250;
}
.body .header-site {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  padding-bottom: 0.75rem;
  margin-bottom: 2rem;
  background-color: #fff;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.body .header-site > *:not(.welcome-div) {
  background-color: #fff;
}
.body .header-content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 0 5%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.body .logo {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 1rem 1rem 1rem 0;
}
.body .logo > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.body .logo > *:hover {
  text-decoration: none;
}
.body .logo img {
  width: 100%;
  max-width: 155px;
  max-height: 100px;
}
.body .welcome-div {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  margin-left: 1rem;
  font-size: 0.9rem;
  font-weight: bold;
  color: #164C74;
  text-align: right;
}
.body #welcome:not(:empty)::before {
  font-family: inherit;
  font-weight: bold;
}
.body .menu-toolbar {
  margin-left: auto;
  font-size: 30px;
}
.body .menu-icon {
  margin-right: 1rem;
}
.body .header-item {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  background-color: #295C85;
}
.body .header-item::before {
  font-size: 20px;
  color: #FFF;
}
.body .header-item:not(:last-child) {
  margin-right: 1rem;
}
.body #burger {
  background-color: transparent;
}
.body #burger::before {
  padding-top: 11px;
  color: #164C74;
  font-size: 35px;
}
.body #login,
.body #logout {
  margin-left: 1rem;
  background-color: #FFC306;
  color: #FFF;
}
.body .header-site .input-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
}
.body .header-site .input-wrapper input {
  padding: 0.5rem;
  border: 0;
  border-bottom: 1px solid #d3d3d3;
}
.body .header-site .input-wrapper input:focus {
  border-color: #164C74;
}
.body .header-site .actions {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.body .header-site .input-wrapper.display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.body .input-wrapper.display + #search::before {
  background-color: #164C74;
  color: #fff;
}
.body #favoris .list-favoris {
  top: 100%;
  font-size: 1rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 251;
  text-align: left;
  background-color: #f5f7fc;
  -webkit-box-shadow: 0px 2px 2px #aaa;
  box-shadow: 0px 2px 2px #aaa;
}
.body #favoris .list-favoris > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 1rem;
  cursor: default;
}
.body #favoris .list-favoris > li:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.body #favoris .list-favoris .icon-cancel {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.body #favoris .list-favoris .icon-cancel:hover {
  color: #164C74;
  cursor: pointer;
}
.body .service-favoris {
  display: inline-block;
  padding: 0.75rem 0;
}
.body #contacts,
.body #cgu,
.body #mentions {
  display: none;
}
.body .header-content div::before {
  font-family: "icomoon";
}
.body #previsu.preview-on {
  background-color: #FFC306;
}
.body .postRubrique-deco {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.body .postRubrique-deco::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #164C74;
  border-radius: 8px;
}
.body .header-site .rubriques {
  position: static;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.body .header-site .rubriques > .rubrique {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  max-width: 20%;
}
.body .header-site .menu {
  position: relative;
  z-index: 250;
  padding-left: 5%;
}
.body #menuPanel {
  max-width: 100%;
}
.body .rubrique.open > span {
  background-color: #295C85;
  color: #fff;
  z-index: 1;
  border-top-left-radius: 23px;
  border-top-right-radius: 23px;
}
.body .rubrique.open > span .intitule-rubrique {
  color: #FFC306;
}
.body .rubrique > span {
  padding: 0.5rem 0;
}
.body .rubrique:hover .sous-rubriques {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.body [data-rub-id]:nth-of-type(-n+7) .sous-rubriques {
  border-top-left-radius: 0;
}
.body [data-rub-id]:nth-of-type(n+8) .sous-rubriques {
  border-top-right-radius: 0;
  left: initial;
  right: 0;
}
.body .count-5 [data-rub-id]:nth-of-type(n+5) .sous-rubriques {
  border-top-left-radius: 25px;
}
.body .count-5 [data-rub-id]:nth-of-type(n+6) .sous-rubriques {
  border-top-right-radius: 0;
  left: initial;
  right: 0;
}
.body .intitule-rubrique {
  display: block;
  text-align: center;
  color: #164C74;
  font-weight: bold;
  font-size: 18px;
}
.body .intitule-rubrique > *:hover {
  text-decoration: none;
}
.body .sous-rubriques {
  border-radius: 23px;
  background-color: #164C74;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.body .sous-rubriques.display {
  width: 40vw;
}
.body .beautifier {
  display: none;
  content: attr(data-name);
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  color: #164C74;
}
.body .sous-rubriques-list {
  top: inherit;
  left: 0;
  max-height: 60vh;
  padding: 1rem;
  background-color: #295C85;
  color: #fff;
  background-clip: padding-box;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  overflow-y: auto;
}
.body .sous-rubrique {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.33% - 2rem);
  flex: 0 0 calc(33.33% - 2rem);
  max-width: calc(33.33% - 2rem);
  margin: 1rem;
}
.body .sous-rubrique .intitule {
  display: block;
  margin-bottom: 0.5rem;
  color: #FFC306;
  text-transform: uppercase;
}
.body .sous-rubrique .service {
  padding: 0.5rem 0;
}
.body .sous-rubrique .service.selected {
  border-left: 0;
  color: #FFC306;
}
.body .admin-link:before {
  content: "\e80a";
  float: right;
  font-family: fontello;
  font-weight: bold;
  color: #FFC306;
}
.body .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 0;
  padding: 1rem 5% 100px;
  background: url("/css/theme/images/paves/footer.svg") no-repeat 0% 101%;
}
.body .footer img {
  max-width: 170px;
  max-height: 115px;
}
.body .footer-logo img {
  width: 100%;
}
.body .footer-section {
  padding: 1rem;
}
.body .footer-contact {
  margin-right: 5%;
  color: #164C74;
}
.body .footer-coop {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  margin-left: auto;
}
.body .footer-title {
  display: block;
  margin-bottom: 0.75rem;
  font-weight: bold;
  color: #295C85;
}
.body .footer-social_liens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.body .footer-social_liens a {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #164C74;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.body .footer-social_liens a:not(:last-child) {
  margin-right: 1rem;
}
.body .footer-social_liens a:hover {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.body .footer-liens {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #C0CDD7;
}
.body .footer-liens > p {
  margin: 0 1rem;
}
.body.a-serv-hp #visuPanel {
  max-width: 100%;
  padding: 0;
}
.body .a-panel-header-hp {
  font-size: 1.2rem;
  font-weight: bold;
}
.body .a-pave-hp {
  margin-bottom: 1rem;
}
.body .a-pave-hp a:hover {
  text-decoration: none;
}
.body .a-pave-hp a:hover .pave-contenu-titre {
  text-decoration: underline;
}
.body .a-pave-hp .x-panel-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.body .a-pave-hp .x-panel-header-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 45px;
  font-weight: 900;
  color: #164C74;
}
.body .a-pave-hp .x-panel-header-text::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.body .a-pave-hp .pave-contenu-titre {
  font-weight: bold;
}
.body .a-pave-hp .pave-contenu-resume {
  font-weight: 500;
}
.body .a-pave-hp .puces {
  display: none;
}
.body .a-pave-hp .puces .puce {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0.5em 0.75rem;
}
.body .a-pave-hp .puces .puce:not(.actif) {
  background-color: #C0CDD7;
}
.body .a-pave-hp .boutons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.5rem;
}
.body .a-pave-hp .prev,
.body .a-pave-hp .next {
  display: block;
  font-size: 1.5rem;
  color: #fff;
  background-color: #164C74;
  border-radius: 50%;
  cursor: pointer;
}
.body .a-pave-hp .page-puces {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.body .a-pave-hp .page-puce {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.25rem;
  border-radius: 50%;
  border: 1px solid #164C74;
  color: #164C74;
  cursor: pointer;
}
.body .a-pave-hp .page-puce.show, .body .a-pave-hp .page-puce:first-child, .body .a-pave-hp .page-puce:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.body .a-pave-hp .page-puce:first-child:not(.show) {
  margin-right: 1rem;
}
.body .a-pave-hp .page-puce:last-child:not(.show) {
  margin-left: 1rem;
}
.body .a-pave-hp .page-puce::before {
  content: attr(data-index);
}
.body .a-pave-hp .page-puce.actif {
  background-color: #164C74;
  color: #fff;
}
.body .a-pave-link,
.body .voir-newsletters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.body .a-pave-link a,
.body .voir-newsletters a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #FFC306;
  text-decoration: none;
}
.body .a-pave-link a:hover,
.body .voir-newsletters a:hover {
  background-color: #e1ab00;
  color: #fff;
}
.body .a-pave-hp-multiImage figure > img {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.body #panelEnglobant > .x-panel-bwrap > .x-panel-body {
  z-index: 0;
}
.body .separateur-100 {
  display: none;
}
.body .separateur-100 + div:last-of-type {
  margin-bottom: 0;
}
.body .bloc-forme1 {
  position: relative;
  text-align: center;
}
.body .bloc-forme1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/css/theme/images/paves/decorationA1.svg) no-repeat center top/contain;
  pointer-events: none;
}
.body .bloc-forme1 > .ensemble {
  float: none;
  max-width: 1440px;
  text-align: left;
}
.body .bloc-forme2 {
  position: relative;
  z-index: -1;
  margin-top: -15rem;
  text-align: center;
  background: #F8F7F5 url(/css/theme/images/paves/decorationB1.svg) no-repeat 100% 58%;
  background-clip: content-box;
}
.body .bloc-forme2::before {
  content: "";
  display: block;
  height: 519px !important;
  background: url(/css/theme/images/paves/formeB1.png) no-repeat center;
  z-index: -1;
}
.body .bloc-forme2::after {
  content: "";
  display: block;
  height: 513px !important;
  background: url(/css/theme/images/paves/formeB2.png) no-repeat center;
  margin-top: -24rem;
}
.body .bloc-forme2 > .ensemble {
  min-height: 750px;
  float: none;
  max-width: 1440px;
  margin-top: -11rem;
  text-align: left;
}
.body .bloc-forme2 .a-video-pave {
  margin-bottom: 3rem;
}
.body .bloc-forme2 .a-pave-hp-contenu-html {
  margin-bottom: 20rem;
}
.body .bloc-forme1 + .bloc-forme3 {
  margin-top: 3rem;
}
.body .bloc-forme4 + .bloc-forme3 {
  margin-top: 0;
}
.body .bloc-forme3 {
  position: relative;
  margin-top: -25rem;
  padding-bottom: 8rem;
  text-align: center;
}
.body .bloc-forme3 > .ensemble {
  float: none;
  max-width: 1440px;
  text-align: left;
}
.body .bloc-forme4 {
  position: relative;
  text-align: center;
  background: #295C85 url("/css/theme/images/paves/decorationC1.svg") no-repeat 60px 160px;
  background-clip: content-box;
  color: #fff;
}
.body .bloc-forme4::before {
  content: "";
  display: block;
  height: 138px !important;
  background: url("/css/theme/images/paves/formeC1.png") no-repeat center;
  z-index: -1;
}
.body .bloc-forme4::after {
  content: "";
  display: block;
  height: 138px !important;
  background: url("/css/theme/images/paves/formeC2.png") no-repeat center;
}
.body .bloc-forme4 > .ensemble {
  float: none;
  max-width: 1440px;
  min-height: 410px;
  text-align: left;
}
.body .bloc-forme4 .a-pave-hp .x-panel-header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.body .bloc-forme4 .a-pave-hp .x-panel-header-text {
  color: #fff;
}
.body .bloc-forme4 .pave-memo-1 .a-panel-header-hp {
  margin-bottom: 5rem;
}
.body .bloc-forme4 .pave-memo-1 .paginate-show > li:not(:last-child)::after {
  content: "";
  display: block;
  width: 40vw;
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: #fff;
  margin-left: auto;
}
.body .bloc-forme4 .a-pave-hp .icon-prev,
.body .bloc-forme4 .a-pave-hp .icon-next {
  background-color: transparent;
  color: #fff;
}
.body .bloc-forme4 .a-pave-hp .page-puce {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
.body .bloc-forme4 .a-pave-hp .page-puce.actif {
  border-color: #FFC306;
}
.body .bloc-forme4 .pave-avertissement-1 .x-panel-body {
  padding-top: 3rem;
}
.body .bloc-forme4 .pave-avertissement-1 .paginate-show > li:not(:last-child)::after {
  content: "";
  display: block;
  width: 20vw;
  margin: 2rem 0 2rem auto;
  border-bottom: 1px solid #fff;
}
.body .bloc-forme4 .pave-avertissement-1 .pave-contenu-titre {
  color: #FFC306;
}
.body .bloc-forme4 .pave-avertissement-1 .pave-contenu-date {
  display: none;
}
.body .bloc-forme4 .pave-avertissement-2 .x-panel-body {
  padding-top: 3rem;
}
.body .bloc-forme4 .pave-avertissement-2 .paginate-show {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.body .bloc-forme4 .pave-avertissement-2 .paginate-show::before {
  content: "";
  border-right: 1px solid #fff;
  position: absolute;
  left: 50%;
  height: 100%;
}
.body .bloc-forme4 .pave-avertissement-2 .paginate-show > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin: 1rem 0 0.5rem;
}
.body .bloc-forme4 .pave-avertissement-2 .paginate-show > li:nth-child(odd) {
  padding-right: 2rem;
}
.body .bloc-forme4 .pave-avertissement-2 .paginate-show > li:nth-child(even) {
  padding-left: 2rem;
}
.body .bloc-forme4 .pave-avertissement-2 .pave-contenu-titre {
  color: #FFC306;
}
.body .bloc-forme4 .pave-avertissement-2 .pave-contenu-date {
  display: none;
}
.body .pave-memo-solo .x-panel-header,
.body .pave-memo-duo .x-panel-header,
.body .pave-memo-trio .x-panel-header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: -0.9px;
}
.body .pave-memo-solo .x-panel-body,
.body .pave-memo-duo .x-panel-body,
.body .pave-memo-trio .x-panel-body {
  position: relative;
  padding: 0 3rem;
}
.body .pave-memo-solo .pave-content-image,
.body .pave-memo-duo .pave-content-image,
.body .pave-memo-trio .pave-content-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.body .pave-memo-solo .pave-contenu-image,
.body .pave-memo-duo .pave-contenu-image,
.body .pave-memo-trio .pave-contenu-image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  height: 350px;
  max-height: 60vh;
  margin-top: 0;
  overflow: hidden;
  border-radius: 15px;
}
.body .pave-memo-solo .pave-contenu-image img,
.body .pave-memo-duo .pave-contenu-image img,
.body .pave-memo-trio .pave-contenu-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.body .pave-memo-solo .pave-contenu-titre,
.body .pave-memo-duo .pave-contenu-titre,
.body .pave-memo-trio .pave-contenu-titre {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  color: #164C74;
  font-size: 19px;
}
.body .pave-memo-solo .pave-contenu-date,
.body .pave-memo-duo .pave-contenu-date,
.body .pave-memo-trio .pave-contenu-date {
  display: none;
}
.body .pave-memo-solo .pave-contenu-resume,
.body .pave-memo-duo .pave-contenu-resume,
.body .pave-memo-trio .pave-contenu-resume {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  color: #164C74;
  font-size: 14px;
}
.body .pave-memo-solo .page-puces,
.body .pave-memo-duo .page-puces,
.body .pave-memo-trio .page-puces {
  display: none;
}
.body .pave-memo-solo .boutons,
.body .pave-memo-duo .boutons,
.body .pave-memo-trio .boutons {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.body .pave-memo-solo .boutons .prev,
.body .pave-memo-duo .boutons .prev,
.body .pave-memo-trio .boutons .prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.body .pave-memo-solo .boutons .prev::before,
.body .pave-memo-duo .boutons .prev::before,
.body .pave-memo-trio .boutons .prev::before {
  font-size: 80%;
  margin-left: -2px;
}
.body .pave-memo-solo .boutons .next,
.body .pave-memo-duo .boutons .next,
.body .pave-memo-trio .boutons .next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.body .pave-memo-solo .boutons .next::after,
.body .pave-memo-duo .boutons .next::after,
.body .pave-memo-trio .boutons .next::after {
  font-size: 80%;
  margin-right: -2px;
}
.body .pave-memo-solo .puces,
.body .pave-memo-duo .puces,
.body .pave-memo-trio .puces {
  display: block;
}
.body .pave-memo-duo .paginate-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.5rem;
}
.body .pave-memo-duo .paginate-show > li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0.5rem;
  max-width: calc(50% - 1rem);
}
.body .pave-memo-duo .paginate-show .pave-contenu-image {
  height: 160px;
}
.body .pave-memo-trio .paginate-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.5rem;
}
.body .pave-memo-trio .paginate-show > li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: calc(33.3333333333% - 1rem);
  margin: 0.5rem;
}
.body .pave-memo-trio .paginate-show .pave-contenu-image {
  height: 160px;
}
.body .pave-html-videos .x-panel-header-text {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 900;
}
.body .pave-html-videos .x-panel-header-text::after {
  margin: 1rem 0;
}
.body .pave-html-videos .freehtml {
  display: block;
  max-width: 444px;
  margin: 0 auto;
}
.body .pave-html-videos .freehtml p {
  color: #164C74;
  letter-spacing: -0.32px;
}
.body .pave-html-videos .a-pave-link {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.body .pave-html-videos .a-pave-link a {
  text-decoration: none;
}
.body .pave-html-videos .a-pave-link a:hover {
  color: #fff;
}
.body .a-video-pave {
  border-radius: 15px;
  overflow: hidden;
}
.body .pave-raccourcis {
  position: relative;
}
.body .pave-raccourcis .x-panel-header {
  height: 75px;
}
.body .pave-raccourcis .x-panel-header-text {
  position: absolute;
  top: 5.5rem;
  left: 0;
  right: 0;
  z-index: 1;
  font-size: 20px;
  font-weight: normal;
}
.body .pave-raccourcis .a-pave-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: 1rem;
  min-height: 350px;
  padding: 5rem 3rem 3rem 3rem;
  background: #F8F7F5;
  border-radius: 15px;
  border-right: 4px solid #FFC306;
  border-bottom: 4px solid #FFC306;
}
.body .pave-raccourcis .a-pave-wrapper-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #164C74;
}
.body .pave-raccourcis .a-pave-wrapper-link::before {
  content: "";
  display: block;
  width: 90px;
  height: 104px;
  max-width: 100%;
  margin-bottom: 0.25rem;
  background: url("/css/theme/images/paves/hexa-bleu.svg") no-repeat center/100% 100%;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.body .pave-raccourcis .a-pave-wrapper-link:hover::before {
  -webkit-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
  -webkit-filter: drop-shadow(12px 7px 0px #ccc);
  filter: drop-shadow(12px 7px 0px #ccc);
}
.body .pave-raccourcis .a-pave-wrapper-link::after {
  position: absolute;
  content: "";
  display: block;
  width: 90px;
  height: 104px;
  max-width: 100%;
  margin-bottom: 0.25rem;
  background-image: url("/css/theme/images/paves/picto-fermier.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 50%;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.body .pave-raccourcis .a-pave-wrapper-link:hover::after {
  -webkit-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
}
.body .pave-raccourcis .a-pave-menu-301080-link::after,
.body .pave-raccourcis .a-pave-menu-9999176-link::after,
.body .pave-raccourcis .a-pave-menu-9999177-link::after {
  background-image: url("/css/theme/images/paves/raccourci-bourse.svg");
}
.body .pave-raccourcis .a-pave-menu-9999113-link::after {
  background-image: url("/css/theme/images/paves/raccourci-appro.svg");
}
.body .pave-raccourcis .a-pave-menu-9999153-link::after {
  background-image: url("/css/theme/images/paves/raccourci-farmer.svg");
}
.body .pave-raccourcis .a-pave-menu-201112-link::after,
.body .pave-raccourcis .a-pave-menu-201115-link::after {
  background-image: url("/css/theme/images/paves/raccourci-meteo.svg");
}
.body .pave-raccourcis .a-pave-menu-9999175-link::after {
  background-image: url("/css/theme/images/paves/raccourci-agro.svg");
}
.body .pave-raccourcis .a-pave-menu-9999166-link::after,
.body .pave-raccourcis .a-pave-menu-9999182-link::after,
.body .pave-raccourcis .a-pave-menu-9999183-link::after,
.body .pave-raccourcis .a-pave-menu-9999167-link::after {
  background-image: url("/css/theme/images/paves/raccourci-aladin.svg");
}
.body .pave-raccourcis .a-pave-menu-9999144-link::after,
.body .pave-raccourcis .a-pave-menu-9999178-link::after,
.body .pave-raccourcis .a-pave-menu-9999179-link::after {
  background-image: url("/css/theme/images/paves/raccourci-bioline.svg");
}
.body .pave-raccourcis .a-pave-menu-9999216-link::after {
  background-image: url("/css/theme/images/paves/raccourci-appro.svg");
}
.body .a-pave-hp-evenement {
  padding: 1rem 0.5rem 1rem 2rem;
  color: #fff;
  background: transparent -o-linear-gradient(314deg, #2A5172 0%, #0562A8 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(136deg, #2A5172 0%, #0562A8 100%) 0% 0% no-repeat padding-box;
  border-radius: 16px;
}
.body .a-pave-hp-evenement .x-panel-header-text {
  font-size: 1.5rem;
  color: #fff;
}
.body .a-pave-hp-evenement .x-panel-header-text::after {
  display: none;
}
.body .a-pave-hp-evenement .paginate-show {
  max-height: 430px;
  overflow-y: auto;
}
.body .a-pave-hp-evenement .paginate-show > li:not(:last-child) {
  margin-bottom: 2rem;
}
.body .a-pave-hp-evenement .paginate-show > li > a::after {
  content: "Voir l'événement ⟶";
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  margin-top: 0.5rem;
  -webkit-box-ordinal-group: 101;
  -ms-flex-order: 100;
  order: 100;
}
.body .a-pave-hp-evenement a:hover .pave-contenu-titre {
  text-decoration: none;
}
.body .a-pave-hp-evenement a:hover::after {
  color: #FFC306;
}
.body .a-pave-hp-evenement .pave-contenu-titre {
  text-transform: uppercase;
}
.body .a-pave-hp-evenement .pave-contenu-date {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.body .a-pave-hp-evenement .pave-contenu-date span {
  color: #FFC306;
  text-transform: uppercase;
}
.body .a-pave-hp-evenement .pave-contenu-date span:not(:last-child)::after {
  content: "/";
  margin: 0 3px;
}
.body .a-pave-hp-evenement .pave-contenu-date::before {
  display: none;
}
.body .a-pave-hp-evenement .pave-contenu-titre {
  margin-bottom: 0.5rem;
}
.body .a-pave-hp-evenement .sessions {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.body .a-pave-hp-evenement .session {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 900;
}
.body .a-pave-hp-evenement .session .lieu,
.body .a-pave-hp-evenement .session .date {
  display: none;
}
.body .a-pave-hp-evenement .pave-contenu-titre-resume {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.body .a-pave-hp-evenement .pave-contenu-titre-resume p {
  margin: 0.25rem 0;
  font-weight: 300;
}
.body .a-pave-hp-evenement .icon-prev,
.body .a-pave-hp-evenement .icon-next {
  background-color: transparent;
  color: #fff;
}
.body .a-pave-hp-evenement .page-puce {
  color: #fff;
  border-color: #fff;
}
.body .a-pave-hp-evenement .page-puce.actif {
  border-color: #FFC306;
}
.body .a-pave-hp-bhtml .x-panel-header-text {
  font-size: 30px;
  font-weight: 900;
}
.body .a-pave-hp-bhtml .x-panel-header-text::after {
  display: none;
}
.body .a-pave-hp-bhtml .pave-contenu-main {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.body .a-pave-hp-bhtml .pave-contenu-titre {
  color: #164C74;
  text-transform: uppercase;
}
.body .a-pave-hp-bhtml .pave-contenu-resume {
  display: none;
}
.body .a-pave-hp-bhtml .pave-contenu-resume p {
  margin: 0.25rem 0;
}
.body .a-pave-hp-bhtml .pave-contenu-date {
  margin-left: auto;
  color: #FFC306;
  font-weight: 700;
}
.body .a-pave-hp-bhtml .pave-contenu-date::before {
  display: none;
}
.body .a-pave-hp-bhtml .paginate-show {
  padding: 0.5rem;
}
.body .a-pave-hp-bhtml .paginate-show > li {
  padding: 1rem;
  border-radius: 35px;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 13px -4px #ccc;
  box-shadow: 0 3px 13px -4px #ccc;
}
.body .a-pave-hp-bhtml .paginate-show > li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.body .a-pave-hp-bhtml .paginate-show > li > a::after {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  content: "Lire   ⟶";
  display: block;
  text-align: right;
  color: #d3d3d3;
}
.body .a-pave-hp-bhtml .container-type {
  margin-right: 0.5rem;
}
.body .a-pave-hp-bhtml .container-type-pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: red;
  color: #fff;
  border-radius: 50%;
}
.body .a-pave-hp-bhtml .container-type-pdf::before {
  content: "PDF";
  display: block;
  font-weight: 700;
}
.body .a-pave-hp-bhtml .page-puces {
  display: none;
}
.body .a-pave-hp-bhtml .boutons {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.5rem;
}
.body .a-pave-hp-bhtml .boutons span:first-child {
  margin-right: 0.5rem;
}
.body .a-pave-hp-bhtml .prev.inactive,
.body .a-pave-hp-bhtml .next.inactive {
  background-color: #d3d3d3;
}
.body .a-pave-hp-horaireSite {
  position: relative;
  padding: 3rem 4.5rem;
  border-right: 4px solid #FFC306;
  border-bottom: 4px solid #FFC306;
  border-radius: 35px;
  overflow: hidden;
  background: #F8F7F5 url(/css/theme/images/paves/silo.svg) no-repeat 40px 30px;
}
.body .a-pave-hp-horaireSite .x-panel-header-text {
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
  font-size: 20px;
}
.body .a-pave-hp-horaireSite .x-panel-header-text::before {
  display: none;
}
.body .a-pave-hp-horaireSite .x-panel-header-text::after {
  margin: 1rem 0;
}
.body .a-pave-hp-horaireSite .paginate-show {
  background: url("/css/theme/images/paves/horloge.svg") no-repeat 90% 70%;
}
.body .a-pave-hp-horaireSite .paginate-show > li:not(:last-child) {
  margin-bottom: 2rem;
}
.body .a-pave-hp-horaireSite .nom-site {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 20px;
  color: #164C74;
  font-weight: 700;
}
.body .a-pave-hp-horaireSite .container:first-child .jour {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.body .a-pave-hp-horaireSite .container:last-child .jour {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.body .a-pave-hp-horaireSite .jour {
  padding: 0.25rem 0;
  background-color: #FFC306;
  color: #fff;
}
.body .a-pave-hp-horaireSite .status {
  color: #164C74;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.body .a-pave-hp-horaireSite .status::before {
  content: "|";
  color: #d3d3d3;
  display: block;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  text-align: center;
}
.body .a-pave-hp-horaireSite .status div {
  min-height: 60px;
  margin: 0.25rem 0;
}
.body .a-pave-hp-horaireSite .status div:first-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.body .a-pave-hp-horaireSite .status div:last-child {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.body .a-pave-hp-horaireSite .horaire-type--2 {
  color: #CB000F;
}
.body .a-pave-hp-horaireSite .horairesite-legend {
  display: none;
}
.body .pave-lien-pan .pave-content-figure img {
  max-width: 390px;
  max-width: 100%;
  max-height: 480px;
}
.body .pave-lien-pan .x-panel-body > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.body .pave-lien-pan .x-panel-body > a a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #FFC306;
  text-decoration: none;
}
.body .pave-lien-pan .x-panel-body > a a:hover {
  background-color: #e1ab00;
  color: #fff;
}
.body .pave-lien-pan .x-panel-body > a::after {
  content: "Voir les offres ⟶";
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.body .a-pave-hp-newsletters .pave-contenu-image {
  width: 98%;
  margin: 0.5rem auto;
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
}
.body .a-pave-hp-newsletters .voir-newsletters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}
.body .a-pave-hp-newsletters .voir-newsletters a {
  display: block;
  margin-top: 0;
}
.body #new-mid > .pageatrium .structure-container:not([class*=full-width]),
.body #new-mid > .admin-page-atrium > .admin-page-atrium__previsu > .pageatrium .structure-container:not([class*=full-width]) {
  max-width: 100%;
}
.body #new-mid > .pageatrium .structure-container:not([class*=full-width]) .container-content,
.body #new-mid > .admin-page-atrium > .admin-page-atrium__previsu > .pageatrium .structure-container:not([class*=full-width]) .container-content {
  max-width: 1440px;
  margin: auto;
}
.body .structure-container.full-width .container-content {
  padding: 0 calc((100% - 1440px) / 2);
}
.body .a-pave-hp-connexion,
.body .pageatrium .pave-connexion {
  padding: 1rem 2rem;
  border-radius: 16px;
  border-right: 4px solid #FFC306;
  border-bottom: 4px solid #FFC306;
  background: #fefefe url("/css/theme/images/paves/serrure.svg") no-repeat 98% 0%/60px;
}
.body .a-pave-hp-connexion .logo,
.body .a-pave-hp-connexion h1,
.body .pageatrium .pave-connexion .logo,
.body .pageatrium .pave-connexion h1 {
  display: none;
}
.body .a-pave-hp-connexion .pave__header h3,
.body .pageatrium .pave-connexion .pave__header h3 {
  font-size: 1rem;
}
.body .a-pave-hp-connexion .x-panel-header-text,
.body .pageatrium .pave-connexion .x-panel-header-text {
  margin: auto;
  font-size: 1rem;
}
.body .a-pave-hp-connexion .auth-form,
.body .pageatrium .pave-connexion .auth-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.body .a-pave-hp-connexion .form-container-user,
.body .pageatrium .pave-connexion .form-container-user {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.body .a-pave-hp-connexion .form-container-pass,
.body .pageatrium .pave-connexion .form-container-pass {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.body .a-pave-hp-connexion .form-container-password,
.body .pageatrium .pave-connexion .form-container-password {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.body .a-pave-hp-connexion .form-container-remember,
.body .pageatrium .pave-connexion .form-container-remember {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
}
.body .a-pave-hp-connexion .girisbtn,
.body .pageatrium .pave-connexion .girisbtn {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
.body .a-pave-hp-connexion .form-container-inscription,
.body .pageatrium .pave-connexion .form-container-inscription {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}
.body .a-pave-hp-connexion #login-wrapper,
.body .pageatrium .pave-connexion #login-wrapper {
  padding-bottom: 2rem;
}
.body .a-pave-hp-connexion #login-wrapper .x-panel-header-text,
.body .pageatrium .pave-connexion #login-wrapper .x-panel-header-text {
  display: none;
}
.body .a-pave-hp-connexion #login-wrapper .form-container,
.body .pageatrium .pave-connexion #login-wrapper .form-container {
  margin-bottom: 1rem;
  overflow: auto;
}
.body .a-pave-hp-connexion #login-wrapper .form-container:nth-child(1), .body .a-pave-hp-connexion #login-wrapper .form-container:nth-child(2),
.body .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(1),
.body .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.body .a-pave-hp-connexion #login-wrapper .form-container:nth-child(1) input, .body .a-pave-hp-connexion #login-wrapper .form-container:nth-child(2) input,
.body .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(1) input,
.body .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(2) input {
  padding: 7px;
  border: none;
  background-color: #eee;
}
.body .a-pave-hp-connexion #login-wrapper .control-label,
.body .pageatrium .pave-connexion #login-wrapper .control-label {
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.body .a-pave-hp-connexion #login-wrapper .link.password,
.body .pageatrium .pave-connexion #login-wrapper .link.password {
  float: right;
  width: auto;
  font-size: 0.9rem;
}
.body .a-pave-hp-connexion #login-wrapper .link.inscription,
.body .pageatrium .pave-connexion #login-wrapper .link.inscription {
  float: right;
  width: auto;
  margin-top: 1rem;
}
.body .a-pave-hp-connexion #login-wrapper a:hover,
.body .pageatrium .pave-connexion #login-wrapper a:hover {
  text-decoration: underline;
}
.body .a-pave-hp-connexion #login-wrapper .girisbtn,
.body .pageatrium .pave-connexion #login-wrapper .girisbtn {
  margin: 0.25rem 0;
  margin-right: auto;
  border-radius: 16px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: museo-sans, arial;
}
.body .pageatrium {
  position: relative;
}
.body .pageatrium a {
  text-decoration: none;
}
.body .pageatrium > div {
  z-index: 1;
}
.body .pageatrium > div .structure-container:nth-child(0) {
  z-index: 0;
}
.body .pageatrium > div .structure-container:nth-child(1) {
  z-index: -1;
}
.body .pageatrium > div .structure-container:nth-child(2) {
  z-index: -2;
}
.body .pageatrium > div .structure-container:nth-child(3) {
  z-index: -3;
}
.body .pageatrium > div .structure-container:nth-child(4) {
  z-index: -4;
}
.body .pageatrium > div .structure-container:nth-child(5) {
  z-index: -5;
}
.body .pageatrium > div .structure-container:nth-child(6) {
  z-index: -6;
}
.body .pageatrium > div .structure-container:nth-child(7) {
  z-index: -7;
}
.body .pageatrium > div .structure-container:nth-child(8) {
  z-index: -8;
}
.body .pageatrium > div .structure-container:nth-child(9) {
  z-index: -9;
}
.body .pageatrium > div .structure-container:nth-child(10) {
  z-index: -10;
}
.body .pageatrium > div .structure-container:nth-child(11) {
  z-index: -11;
}
.body .pageatrium > div .structure-container:nth-child(12) {
  z-index: -12;
}
.body .pageatrium > div .structure-container:nth-child(13) {
  z-index: -13;
}
.body .pageatrium > div .structure-container:nth-child(14) {
  z-index: -14;
}
.body .pageatrium > div .structure-container:nth-child(15) {
  z-index: -15;
}
.body .pageatrium > div .structure-container:nth-child(16) {
  z-index: -16;
}
.body .pageatrium > div .structure-container:nth-child(17) {
  z-index: -17;
}
.body .pageatrium > div .structure-container:nth-child(18) {
  z-index: -18;
}
.body .pageatrium > div .structure-container:nth-child(19) {
  z-index: -19;
}
.body .pageatrium .container-illustration-1 {
  position: relative;
  min-height: 550px;
}
.body .pageatrium .container-illustration-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/css/theme/images/paves/decorationA1.svg) no-repeat center top/contain;
  pointer-events: none;
  z-index: -1;
}
.body .pageatrium .container-illustration-2 {
  position: relative;
  margin-top: -20rem;
}
.body .pageatrium .container-illustration-2::before {
  content: "";
  display: block;
  height: 519px !important;
  background: url(/css/theme/images/paves/formeB1.png) no-repeat center;
  z-index: -1;
}
.body .pageatrium .container-illustration-2::after {
  content: "";
  display: block;
  height: 513px !important;
  background: url(/css/theme/images/paves/formeB2.png) no-repeat center;
  margin-top: -24rem;
  z-index: -1;
}
.body .pageatrium .container-illustration-2 .container-content {
  min-height: 730px;
  background: #F8F7F5 url(/css/theme/images/paves/decorationB1.svg) no-repeat 100% 30%;
}
.body .pageatrium .container-illustration-2:not([style*="display: none;"]) + .structure-container {
  margin-top: -25rem !important;
}
.body .pageatrium .container-illustration-bleu {
  position: relative;
  color: #fff;
}
.body .pageatrium .container-illustration-bleu::before {
  content: "";
  display: block;
  height: 138px !important;
  background: url(/css/theme/images/paves/formeC1.png) no-repeat center;
  z-index: -1;
}
.body .pageatrium .container-illustration-bleu::after {
  content: "";
  display: block;
  height: 138px !important;
  background: url(/css/theme/images/paves/formeC2.png) no-repeat center;
  z-index: -1;
}
.body .pageatrium .container-illustration-bleu .container-content {
  min-height: 410px;
  background: #164C74 url("/css/theme/images/paves/decorationC1.svg") no-repeat center;
}
.body .pageatrium .container-illustration-bleu .container-content > .bloc {
  margin: 0 !important;
  padding: 20px 0;
}
.body .pageatrium .container-illustration-bleu .pave__header h3 {
  color: #fff;
}
.body .pageatrium .container-illustration-bleu .ressource-liste {
  gap: 0;
}
.body .pageatrium .container-illustration-bleu article:nth-child(odd) {
  border-right: 1px solid #fff;
  padding-right: 2rem;
  padding-bottom: 1rem;
}
.body .pageatrium .container-illustration-bleu article:nth-child(even) {
  padding-left: 2rem;
  padding-bottom: 1rem;
}
.body .pageatrium .container-illustration-bleu .article__titre {
  color: #FFC306;
}
.body .pageatrium .container-illustration-bleu .page-puce {
  border: 1px solid #fff;
  background-color: #fff;
}
.body .pageatrium .paginate-puces .paginate-links {
  padding-top: 0;
  border-top: 0;
}
.body .pageatrium .paginate-puces .page-puce.actif {
  background-color: #164C74;
}
.body .pageatrium .pave__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.body .pageatrium .pave__header::after {
  content: "";
  display: block;
  width: 60px;
  margin: 0 auto 1rem;
  border-radius: 8px;
  height: 4px;
  background-color: #FFC306;
}
.body .pageatrium .pave__header h3 {
  margin-bottom: 1rem;
  font-size: 45px;
  font-weight: 900;
  text-align: center;
  color: #164C74;
}
.body .pageatrium .pave-youtube {
  border-radius: 1rem;
  overflow: hidden;
}
.body .pageatrium .pave-youtube .btn-coop {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.body .pageatrium .pave-custom-video {
  text-align: center;
}
.body .pageatrium .pave-raccourcis {
  padding: 2rem;
  background-color: #F8F7F5;
  border-right: 4px solid #FFC306;
  border-bottom: 4px solid #FFC306;
  border-radius: 1rem;
}
.body .pageatrium .pave-raccourcis .pave__header h3 {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: normal;
}
.body .pageatrium .pave-raccourcis .pave-menu__service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.body .pageatrium .pave-raccourcis .pave-menu__service:hover .pave-menu__service__image {
  -webkit-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
  -webkit-filter: drop-shadow(12px 7px 0px #ccc);
  filter: drop-shadow(12px 7px 0px #ccc);
}
.body .pageatrium .pave-raccourcis .pave-menu__liste {
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
}
.body .pageatrium .pave-raccourcis .pave-menu__item {
  margin: 0 auto;
}
.body .pageatrium .pave-raccourcis .pave-menu__service__image {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.body .pageatrium .pave-raccourcis .content-image {
  width: 90px;
  height: 104px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(/css/theme/images/paves/hexa-bleu.svg) no-repeat center/100% 100%;
}
.body .pageatrium .pave-raccourcis .content-image img {
  width: 70%;
  max-height: 60%;
}
.body .pageatrium .pave-raccourcis .pave-menu__service__titre {
  margin: 0.5rem 0 0;
  font-size: 1rem;
}
.body .pageatrium .pave-documents .article {
  grid-template-columns: auto 1fr;
  grid-template-areas: "grid__extension grid__titre grid__date" "grid__extension grid__resume grid__resume" "grid__extension . grid__link";
  padding: 1rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 7px #eee;
  box-shadow: 0 0 7px #eee;
  background-color: #fff;
}
.body .pageatrium .pave-documents .article__extension {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-position: center;
}
.body .pageatrium .pave-documents .article__date {
  color: #FFC306;
  font-weight: bold;
}
.body .pageatrium .pave-liste-videos img {
  border-radius: 1rem;
}
.body .pageatrium .pave-liste-videos .article {
  height: 100%;
}
.body .pageatrium .pave-liste-videos .article:hover .article__titre {
  text-decoration: underline;
}
.body .pageatrium .pave-liste-videos .article__titre {
  font-size: 1.1rem;
}
.body .pageatrium .image-centree .content-image {
  text-align: center;
}
.body .pageatrium .pave-horaire-site {
  position: relative;
  padding: 3rem 4.5rem;
  border-right: 4px solid #FFC306;
  border-bottom: 4px solid #FFC306;
  border-radius: 35px;
  overflow: hidden;
  background: #F8F7F5 url(/css/theme/images/paves/silo.svg) no-repeat 40px 30px;
}
.body .pageatrium .pave-horaire-site .pave__header h3 {
  font-size: 1.25rem;
  font-weight: 600;
  text-align: left;
}
.body .pageatrium .pave-horaire-site .pave__header::after {
  margin: 0;
}
.body .pageatrium .pave-horaire-site .ressource-liste {
  background: url(/css/theme/images/paves/horloge.svg) no-repeat 90% 70%;
}
.body .pageatrium .pave-horaire-site .horaire-matin::after {
  content: "|";
  display: block;
  margin: 0.25rem 0 0 0;
  text-align: center;
  color: #d3d3d3;
}
.body .pageatrium .pave-horaire-site .horaire-matin__heure,
.body .pageatrium .pave-horaire-site .horaire-aprem__heure {
  color: #164C74;
}
.body .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header {
  padding: 0.25rem;
  border-bottom: 0;
  background-color: #FFC306;
  color: #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.body .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header:nth-child(2) {
  border-radius: 1rem 0 0 1rem;
  border-left: 2px solid #fff;
}
.body .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header:nth-child(8) {
  border-radius: 0 1rem 1rem 0;
  border-right: 2px solid #fff;
}
.body .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header span::before {
  display: none;
}
.body:not(.a-serv-hp) #topPanel,
.body:not(.a-serv-hp) #mid-panel,
.body:not(.a-serv-hp) .vue-container {
  position: relative;
  margin: 0 auto;
  margin-bottom: 2rem;
  padding: 0 5%;
}
.body .admin-page-atrium-editor .ressource-header {
  padding: 0 1rem 1rem;
}
.body .ariane {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  max-width: 100%;
  margin-top: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  text-transform: inherit;
  color: #d3d3d3;
  font-size: 0.9rem;
}
.body .titre-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  font-weight: bold;
  color: #164C74;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.body .titre-service .service,
.body .titre-service .ressource {
  font-size: 45px;
  text-transform: uppercase;
}
.body .titre-service .service::after,
.body .titre-service .ressource::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.body .titre-service .service::after,
.body .titre-service .ressource::after {
  margin-left: 0;
}
.body .titre-service .icon-favoris {
  position: absolute;
  top: 100%;
  left: auto;
  margin: 0;
}
.body .service-ressource .titre-service .service {
  display: none;
}
.body .icon-favoris {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0.5rem;
  color: #FFC306;
}
.body .icon-favoris::after {
  content: "Ajouter aux favoris";
  width: auto;
  font-family: museo-sans, arial;
  color: #d3d3d3;
  font-size: 1rem;
  text-shadow: none;
}
.body .icon-favoris:hover::after {
  color: #164C74;
}
.body .a-link-cns,
.body .a-link-adm,
.body .a-admin-page-accueil-back-link a {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.5rem 1rem;
  border-radius: 25px;
  background-color: #FFC306;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.body .a-link-cns::before,
.body .a-link-adm::before,
.body .a-admin-page-accueil-back-link a::before {
  margin-right: 0.25rem;
}
.body .gestionRessource .image-resume {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  overflow: hidden;
}
.body .gestionRessource .image-resume:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.body .gestionRessource .image-resume .content-image {
  width: 100%;
  height: 100%;
}
.body .gestionRessource .image-resume .content-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.body .gestionRessource .image-resume + .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -20px;
  padding: 1rem;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #164C74;
  color: #fff;
}
.body .vue-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  padding-bottom: 1rem;
}
.body .vue-container:not(.admin-page-atrium, .pageatrium) {
  background: url("/css/theme/images/paves/decorationM.png") no-repeat top right;
}
.body .vue-container.pageatrium {
  padding-left: 0;
  padding-right: 0;
}
.body .vue-container:not(.flex-col) {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.body .vue-container .a-service-texte {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 70%;
  flex: 1 0 70%;
  padding-right: 2%;
}
.body .vue-container .a-service-texte > .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.body .vue-container .a-service-texte > .container > article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-bottom: 1rem;
  padding-right: 3rem;
}
.body .vue-container .a-service-texte > .container > article.img-left .resume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
  background-color: #164C74;
  color: #fff;
  font-weight: bold;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.body .vue-container .a-service-texte > .container > article.img-left .image {
  max-height: 250px;
  margin: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.body .vue-container .a-service-texte > .container > article.img-left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.body .vue-container .a-service-texte > .container > article.img-middle .image img {
  border-radius: 30px;
}
.body .vue-container .a-service-texte > .container > aside {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.body .vue-container .a-service-texte > .container > aside > div {
  display: inline-block;
  margin-right: 1rem;
}
.body .vue-container .a-service-texte > .container > aside .edit-btn {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.body .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text {
  margin-right: 0;
  color: #FFC306;
}
.body .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text:hover {
  color: #b98c00;
}
.body .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text:hover::before {
  color: #b98c00;
}
.body .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text::before {
  color: #FFC306;
}
.body .vue-container .a-service-texte > .container > nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin: 1rem 0;
}
.body .vue-container .a-service-texte > .container > nav .precedent,
.body .vue-container .a-service-texte > .container > nav .suivant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem;
  color: #164C74;
  text-decoration: none;
}
.body .vue-container .a-service-texte > .container > nav .precedent:hover,
.body .vue-container .a-service-texte > .container > nav .suivant:hover {
  color: #FFC306;
}
.body .vue-container .a-service-texte > .container > nav .precedent span {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 0.5rem;
}
.body .vue-container .a-service-texte > .container > nav .precedent::before {
  content: "\f104\f104";
  font-family: fontello;
}
.body .vue-container .a-service-texte > .container > nav .suivant {
  margin-left: auto;
}
.body .vue-container .a-service-texte > .container > nav .suivant span {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 0.5rem;
}
.body .vue-container .a-service-texte > .container > nav .suivant::after {
  content: "\f105\f105";
  font-family: fontello;
}
.body .vue-container .a-service-texte + aside {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  padding: 1rem 2rem;
  border-radius: 35px;
  border-right: 5px solid #FFC306;
  border-bottom: 5px solid #FFC306;
  background: #fff url("/css/theme/images/paves/ble.svg") no-repeat bottom right;
}
.body .vue-container .a-service-texte + aside > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.body .vue-container .a-service-texte + aside > .container nav {
  margin-bottom: 26px;
}
.body .vue-container .a-service-texte + aside > .container nav h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #164C74;
  text-align: center;
}
.body .vue-container .a-service-texte + aside > .container nav h3::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.body .vue-container .a-service-texte + aside > .container nav p {
  margin: 5px 0;
}
.body .vue-container .a-service-texte + aside > .container .ressource-liste .item:not(:last-child) > a {
  margin-bottom: 1rem;
}
.body .vue-container .a-service-texte + aside > .container .ressource-liste .item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1rem;
}
.body .vue-container .a-service-texte + aside > .container .ressource-liste .item .image {
  width: 35%;
  height: 90px;
  margin-right: 1rem;
  border-radius: 15px;
  overflow: hidden;
}
.body .vue-container .a-service-texte + aside > .container .ressource-liste .item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.body .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
.body .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .titre {
  font: bold 1rem museo-sans, arial;
  color: #295C85;
}
.body .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .resume {
  font: normal 1rem museo-sans, arial;
  color: #02375F;
}
.body .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .resume * {
  all: inherit !important;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links .page-puces {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.25rem;
  color: #164C74;
  border: 1px solid #164C74;
  border-radius: 20px;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce.show, .body .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:first-child, .body .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:first-child:not(.show) {
  margin-right: 1rem;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:last-child:not(.show) {
  margin-left: 1rem;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce::before {
  content: attr(data-index);
  display: block;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce.actif {
  background-color: #FFC306;
  color: #164C74;
  border-color: #FFC306;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links .prev,
.body .vue-container .a-service-texte + aside > .container .paginate-links .next {
  color: #164C74;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links .prev::before, .body .vue-container .a-service-texte + aside > .container .paginate-links .prev::after,
.body .vue-container .a-service-texte + aside > .container .paginate-links .next::before,
.body .vue-container .a-service-texte + aside > .container .paginate-links .next::after {
  font-size: 2rem;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links .prev.inactive,
.body .vue-container .a-service-texte + aside > .container .paginate-links .next.inactive {
  opacity: 0.5;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links .prev span,
.body .vue-container .a-service-texte + aside > .container .paginate-links .next span {
  display: none;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links .prev::before {
  margin-right: 7px;
}
.body .vue-container .a-service-texte + aside > .container .paginate-links .next::after {
  margin-left: 7px;
}
.body .button-mainColor button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: var(--coop-main-color);
  color: #FFF;
}
.body .button-secondColor button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: var(--coop-second-color);
  color: #FFF;
}
.body .button-blue button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: #164C74;
  color: #FFF;
}
.body .button-yellow button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: #FFC306;
  color: #FFF;
}
.body .a-serv-ress .info,
.body .a-serv-ress .diffusion,
.body .a-service-texte .info,
.body .a-service-texte .diffusion,
.body .a-serv-ress .img-left .info,
.body .a-serv-ress .img-left .diffusion,
.body .a-service-texte > .container .img-left .info,
.body .a-service-texte > .container .img-left .diffusion,
.body .a-serv-ress .img-middle .info,
.body .a-serv-ress .img-middle .diffusion,
.body .a-service-texte > .container .img-middle .info,
.body .a-service-texte > .container .img-middle .diffusion,
.body .a-serv-ress .img-hidden .info,
.body .a-serv-ress .img-hidden .diffusion,
.body .a-service-texte > .container .img-hidden .info,
.body .a-service-texte > .container .img-hidden .diffusion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  color: #d3d3d3;
}
.body .a-serv-ress .icon-clock,
.body .a-service-texte .icon-clock,
.body .a-serv-ress .img-left .icon-clock,
.body .a-service-texte > .container .img-left .icon-clock,
.body .a-serv-ress .img-middle .icon-clock,
.body .a-service-texte > .container .img-middle .icon-clock,
.body .a-serv-ress .img-hidden .icon-clock,
.body .a-service-texte > .container .img-hidden .icon-clock {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.body .a-serv-ress .icon-clock::before,
.body .a-service-texte .icon-clock::before,
.body .a-serv-ress .img-left .icon-clock::before,
.body .a-service-texte > .container .img-left .icon-clock::before,
.body .a-serv-ress .img-middle .icon-clock::before,
.body .a-service-texte > .container .img-middle .icon-clock::before,
.body .a-serv-ress .img-hidden .icon-clock::before,
.body .a-service-texte > .container .img-hidden .icon-clock::before {
  content: "\e81f";
  color: #164C74;
  margin-right: 0.5rem;
}
.body .a-service-texte > .container .img-left .abstract,
.body .a-Evenement .img-left .abstract {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
  background-color: #000;
  color: #fff;
  font-weight: bold;
}
.body .a-service-texte > .container .img-left .image,
.body .a-Evenement .img-left .image {
  margin: 0;
}
.body .a-service-texte > .container .img-left .image img,
.body .a-Evenement .img-left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.body #visuPanel {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 70%;
  flex: 1 0 70%;
  max-width: 100%;
}
.body .service-ressource + #mid-panel #visuPanel {
  padding-left: calc((100% - 1440px) / 2);
  padding-right: 2%;
}
.body #presentPanel {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  padding: 1rem 2rem;
  border-radius: 35px;
  border-right: 5px solid #FFC306;
  border-bottom: 5px solid #FFC306;
  background: #fff url("/css/theme/images/paves/ble.svg") no-repeat bottom right;
}
.body #presentPanel .x-panel-header {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #164C74;
  text-align: center;
}
.body #presentPanel .x-panel-header::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.body #presentPanel .a-EvenementGrid .cells {
  display: grid;
  grid-template-areas: "evenement-image evenement-titre" "evenement-image evenement-date";
  grid-template-columns: auto 1fr;
  width: 100%;
  background: transparent;
  border: 0;
}
.body #presentPanel .a-EvenementGrid .cells td:nth-child(1) {
  grid-area: evenement-image;
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
}
.body #presentPanel .a-EvenementGrid .cells td:nth-child(1) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.body #presentPanel .a-EvenementGrid .cells td:nth-child(2) {
  grid-area: evenement-date;
}
.body #presentPanel .a-EvenementGrid .cells td:nth-child(3) {
  grid-area: evenement-titre;
  margin: 0;
  font-weight: bold;
}
.body #presentPanel .a-SondageGrid .cells td:nth-child(1) {
  margin-right: 1rem;
}
.body .a-serv-ress .titlebar {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.body .a-serv-ress .titlebar > div {
  display: inline-block;
  margin-right: 1rem;
}
.body .a-serv-ress .titlebar .editRess-btn-ct {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.body .a-serv-ress .titlebar .editRess-btn-ct .x-btn-text {
  margin-right: 0;
  padding: 0.5rem 0.75rem;
  color: #fff;
  background-color: #FFC306;
  border-radius: 25px;
}
.body .a-serv-ress .titlebar .editRess-btn-ct .x-btn-text:hover {
  background-color: #b98c00;
}
.body .a-serv-ress .titlebar .editRess-btn-ct .x-btn-text::before {
  color: #fff;
}
.body .prevRess-btn,
.body .nextRess-btn {
  font-size: 2rem;
  color: #164C74;
}
.body .prevRess-btn:hover,
.body .nextRess-btn:hover {
  color: #FFC306;
}
.body .prevRess-btn button {
  display: none;
}
.body .prevRess-btn.icon-prev::before {
  content: "\f104\f104";
}
.body .nextRess-btn button {
  display: none;
}
.body .nextRess-btn.icon-next::after {
  content: "\f105\f105";
}
.body .x-toolbar .x-btn-text,
.body .titlebar .x-btn-text {
  width: 100%;
  padding: 0.5rem;
  text-align: left;
}
.body .x-toolbar .x-btn-text::before,
.body .titlebar .x-btn-text::before {
  margin-right: 0.5rem;
  color: #164C74;
}
.body .x-toolbar .x-btn-text:hover,
.body .titlebar .x-btn-text:hover {
  color: #164C74;
}
.body .titre2 .ck-content h2, .body .titre2 .ck-content h3 {
  font-size: 45px;
  font-weight: bold;
}
.body .titre3 .ck-content h2, .body .titre3 .ck-content h3 {
  font-size: 30px;
  font-weight: bold;
}
.body .titre4 .ck-content h2, .body .titre4 .ck-content h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.body .titre4 .ck-content h2::after, .body .titre4 .ck-content h3::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.body .page-container:not(.pageatrium) .description a,
.body .page-container:not(.pageatrium) .freehtml a,
.body .page-container:not(.pageatrium) .ck-content a {
  text-decoration: underline;
  font-weight: bold;
}
.body .page-container:not(.pageatrium) .description a:hover,
.body .page-container:not(.pageatrium) .freehtml a:hover,
.body .page-container:not(.pageatrium) .ck-content a:hover {
  color: #FFC306;
}
.body .page-container:not(.pageatrium) .description ul, .body .page-container:not(.pageatrium) .description ol,
.body .page-container:not(.pageatrium) .freehtml ul,
.body .page-container:not(.pageatrium) .freehtml ol,
.body .page-container:not(.pageatrium) .ck-content ul,
.body .page-container:not(.pageatrium) .ck-content ol {
  list-style: inherit;
  margin-left: 2rem;
}
.body .page-container:not(.pageatrium) .description .titre2,
.body .page-container:not(.pageatrium) .freehtml .titre2,
.body .page-container:not(.pageatrium) .ck-content .titre2 {
  font-size: 45px;
  font-weight: bold;
}
.body .page-container:not(.pageatrium) .description .titre3,
.body .page-container:not(.pageatrium) .freehtml .titre3,
.body .page-container:not(.pageatrium) .ck-content .titre3 {
  font-size: 30px;
  font-weight: bold;
}
.body .page-container:not(.pageatrium) .description .titre4,
.body .page-container:not(.pageatrium) .freehtml .titre4,
.body .page-container:not(.pageatrium) .ck-content .titre4 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.body .page-container:not(.pageatrium) .description .titre4::after,
.body .page-container:not(.pageatrium) .freehtml .titre4::after,
.body .page-container:not(.pageatrium) .ck-content .titre4::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.body .page-container:not(.pageatrium) .description .style-bouton,
.body .page-container:not(.pageatrium) .freehtml .style-bouton,
.body .page-container:not(.pageatrium) .ck-content .style-bouton {
  border-radius: 20px;
  padding: 0.5rem 1rem;
  background-color: #FFC306;
  color: #fff;
  border: 0;
  cursor: pointer;
}
.body .page-container:not(.pageatrium) .description table,
.body .page-container:not(.pageatrium) .freehtml table,
.body .page-container:not(.pageatrium) .ck-content table {
  border-collapse: collapse;
}
.body .page-container:not(.pageatrium) .description table tr:nth-child(2n) td,
.body .page-container:not(.pageatrium) .freehtml table tr:nth-child(2n) td,
.body .page-container:not(.pageatrium) .ck-content table tr:nth-child(2n) td {
  background-color: #3191d8;
}
.body .page-container:not(.pageatrium) .description table td,
.body .page-container:not(.pageatrium) .freehtml table td,
.body .page-container:not(.pageatrium) .ck-content table td {
  padding: 0.5rem;
}
.body .a-cnsPanelContactList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1rem;
  border: 1px solid #164C74;
}
.body .a-cnsPanelContactList > .btn-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: block;
  margin-right: 2rem;
  padding: 0.5rem 0;
  background-color: transparent;
  color: #164C74;
  font-size: 1rem;
  font-weight: bold;
  border: 0;
}
.body .a-cnsPanelContactList > .btn-text::before {
  display: none;
}
.body .a-cnsPanelContactList .contacts-list {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 0.5rem 0;
}
.body .a-cnsPanelContactList .contacts-list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.body .a-cnsPanelContactList .contacts-list .a-main-contact:not(:last-child) {
  margin-bottom: 1rem;
}
.body .a-cnsPanelContactList .contacts-list .contact {
  margin-right: 0.5rem;
}
.body .Comment {
  margin: 1rem 0;
  background-color: #efefef;
}
.body .Comment .dateheure,
.body .Comment .auteur {
  color: #164C74;
}
.body .Comment .icon-remove {
  color: #f64747;
}
.body .contact-comment .phone {
  padding-left: 18px;
  color: #b1b1b1;
}
.body .contact-comment .icon-courrier::after {
  margin-left: 10px;
  font-size: 20px;
}
.body .a-CnsPanelContactList .x-panel-tbar {
  padding: 0.5rem;
  background-color: #ddd;
}
.body .a-CnsPanelContactList .x-panel-body {
  padding: 0.5rem;
}
.body .a-CnsPanelContactList .r-toolbar-contact span {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  font: normal 1rem museo-sans, arial;
}
.body .a-CnsPanelContactList .r-toolbar-contact button::before {
  color: #ffffff;
  vertical-align: baseline;
}
.body #visuPanel .x-panel-tbar > ul.r-toolbar-contact {
  padding: 0;
}
.body .a-CnsPanelComment {
  margin-top: 1rem;
}
.body .a-CnsPanelComment h3 {
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 16px;
  color: #164C74;
  text-transform: uppercase;
}
.body .a-CnsPanelComment .dateheure {
  padding: 1rem;
  font-size: 0.923rem;
  font-weight: bold;
  color: #666666;
}
.body .a-CnsPanelComment .CommentHeader {
  font-size: 16px;
  color: #9b9b9b;
  text-transform: inherit;
}
.body .a-NavigationPanel {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.body .page-navigation .btn-vue {
  background-color: #164C74;
}
.body .page-navigation .btn-vue:hover {
  background-color: #103856;
}
.body #visuPanel .a-CnsPanelComment > .x-panel-header {
  font-variant: small-caps;
  font-size: 1rem;
  color: #164C74;
  margin: 0 auto;
  border-bottom-color: #164C74;
  border-bottom-style: solid;
}
.body #visuPanel .a-CnsPanelComment > .x-panel-header > span {
  color: #164C74;
}
.body .Comment .icon-remove {
  float: right;
  margin-top: 0.5em;
}
.body .a-form-comment .x-btn button {
  padding: 10px;
  background-color: #164C74;
  color: #fff;
}
.body .r-toolbar-contact span {
  color: #164C74;
  text-transform: uppercase;
  font-size: 16px;
}
.body #PrecoPanel div.titre {
  font-size: 1.05em;
  font-weight: bold;
  padding: 5px;
  color: #164C74;
}
.body .vue-container.admin .grid thead {
  font-family: museo-sans, arial;
}
.body .vue-container th {
  background-color: #164C74;
}
.body .suiviactivite .form-item label {
  color: #164C74;
  font-weight: bold;
}
.body .suiviactivite .icon-download,
.body .suiviactivite .icon-plus {
  color: #164C74;
}
.body .structure-filtres {
  position: sticky;
  top: 9rem;
  padding: 1rem;
  background-color: #164C74;
  border-top: 0;
  z-index: 1;
}
.body .structure-filtres .form-item label {
  color: #fff;
}
.body .structure-filtres .form-row {
  margin: 0;
}
.body .newsletters .header-site {
  text-align: left;
  margin-bottom: 0.75rem;
}
.body .newsletters .btn-picto {
  font-size: 1rem;
  margin-right: 18px;
  color: #6b6b6b;
}
.body .newsletters .btn-picto:hover {
  color: #000;
}
.body .newsletters .tabs-component-panels {
  border-color: #164C74;
}
.body .tabs-component-tab.is-active {
  border-color: #164C74;
}
.body .abonnement_choix {
  color: #164C74;
  font-weight: bold;
}
.body .abonnement_choix .btn-vue {
  min-height: 35px;
  background-color: #164C74;
  color: #fff;
  font-size: 1.1rem;
  font-weight: normal;
}
.body .abonnement_info::before {
  margin-left: 0.5rem;
}
.body .siteplan ul {
  margin: 0;
  padding: 0;
}
.body .siteplan .menus > li:not(:last-child) {
  margin-bottom: 3rem;
}
.body .siteplan .services > li {
  padding: 0.25rem 0;
}
.body .siteplan .menus > li > *:first-child {
  display: block;
  padding: 1rem;
  background-color: #efefef;
  color: #164C74;
  font-weight: bold;
  font-size: 1.1rem;
  border-bottom: 3px solid;
}
.body .siteplan .submenus > li {
  margin-bottom: 0.25rem;
  color: #164C74;
  font-size: 1.05rem;
}
.body .siteplan .menu-item-cns > a {
  color: #164C74;
  font-size: 1rem;
}
.body .a-OrganisationAct {
  border-bottom: 5px solid #e8e8e8;
  padding-bottom: 1rem;
}
.body .a-Organisation-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.body .a-Organisation-detail {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
.body .a-Organisation-link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0%;
  flex: 0 0 0%;
  text-align: center;
}
.body .a-OrganisationActLinkMembers {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  background-color: #164C74;
  color: #fff;
  border: 3px solid transparent;
  border-radius: 25px;
}
.body .open-members .a-OrganisationActLinkMembers {
  background-color: #fff;
  color: #164C74;
  border: 3px solid #164C74;
}
.body .a-Organisation-members {
  margin: -0.5rem -0.5rem 1rem -0.5rem;
}
.body .a-Organisation-member {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: calc(33.3333% - 1rem);
  margin: 0.5rem;
  background-color: #f2f7f9;
}
.body .a-Organisation-member .libelle {
  display: none;
}
.body .a-Organisation-member:nth-child(odd) {
  margin-right: 0.5rem;
}
.body .a-Organisation-memberImg {
  float: left;
  width: 35%;
  margin-top: 0;
  padding-right: 0.5rem;
}
.body .a-Organisation-memberDataTitle {
  font-weight: bold;
}
.body .a-Organisation-memberDataFct {
  font-weight: 500;
}
.body .a-Organisation-memberDataDetail {
  width: 100%;
  float: left;
}
.body .a-Organisation-memberDataDetail li {
  margin-bottom: 0.25rem;
}
.body .a-Organisation-memberDataDetail li::before {
  font-family: fontello;
  width: 1rem;
  height: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.5rem;
  padding: 0.25rem;
  color: #164C74;
  border: 2px solid #164C74;
  border-radius: 25px;
}
.body .a-Organisation-memberDataDetail .tel::before, .body .a-Organisation-memberDataDetail .mobile::before {
  content: "\e81e";
}
.body .a-Organisation-memberDataDetail .mail::before {
  content: "\e804";
}
.body .a-Organisation-memberDataDetail .fax::before {
  content: "\f1ac";
}
.body .a-Organisation-memberDataDetail .icon-mail::before {
  display: none;
}
.body .a-pave-hp-horaireSite .horairesite-legend {
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  max-width: 30%;
}
.body .a-pave-hp-horaireSite .horairesite-legend-item {
  font-weight: bold;
}
.body .a-pave-hp-horaireSite .horairesite-legend-item:not(:last-child)::after {
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  border-right: 2px solid #000;
}
.body .horairesite-config {
  padding: 0;
}
.body .a-Sondage .a-Intitule {
  color: #164C74;
}
.body .question-impair,
.body .question-pair {
  padding: 0.25rem 0.25rem 0;
}
.body .question-impair {
  background-color: #f1f1f1;
}
.body .a-BanqueDocumentHTML .x-panel-header {
  color: #164C74;
  font-weight: bold;
}
.body li.x-tree-node span:hover,
.body li.x-tree-node .x-tree-selected span {
  color: #164C74;
}
.body .banque-toolbar .x-btn-text:hover {
  color: #fff;
}
.body .a-banque-lastdocs {
  padding: 1rem;
  border: 2px solid #164C74;
  background-color: #fff;
}
.body .a-banque-arbo {
  padding: 1rem;
  background-color: #fff;
  border-bottom: 2px solid #164C74;
}
.body .a-banque-arbo .x-tree-node-anchor::before,
.body .a-banque-arbo .x-tree-node-collapsed .x-tree-node-anchor::before,
.body .a-banque-arbo .a-banque-fil-ariane span::before {
  color: #d3d3d3;
}
.body .a-banque-arbo .x-tree-node-el {
  padding: 0.5rem 0;
}
.body .a-banque-fil-ariane {
  background-color: #f7f7f7;
}
.body .fil-ariane-folder::before {
  color: #d3d3d3;
}
.body .a-banque-tree {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
.body .lastdocs {
  padding: 1rem;
  background-color: #fff;
}
.body .lastdocs .options {
  margin-left: 1rem;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: #164C74;
}
.body #visuPanel .docs, .body .lastdocs .row {
  min-height: inherit;
  border-right: 0;
}
.body .a-image-wrapper {
  width: 32px;
  height: 32px;
  margin-top: 10px;
  background-size: contain;
}
.body .a-folder-doc-nombre {
  background-color: #164C74;
  color: #fff;
  -webkit-box-shadow: 0 0 3px #000;
  box-shadow: 0 0 3px #000;
}
.body .lastdocsdetail .icon-download {
  display: block;
  width: 100%;
  text-align: center;
  border: 0;
}
.body .properties-list li span:first-child {
  color: #164C74;
  font-weight: bold;
}
.body .a-virement-grid table {
  border-collapse: inherit;
}
.body .a-virement-grid .cells {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33% - 1rem);
  flex: 0 0 calc(33% - 1rem);
  margin: 0.5rem;
  border-bottom: 2px solid #164C74;
  -webkit-box-shadow: 0 0 3px #d3d3d3;
  box-shadow: 0 0 3px #d3d3d3;
  word-break: break-word;
}
.body .morte-saison,
.body .offredirecte {
  font-family: museo-sans, arial;
  font-size: 1rem;
}
.body .morte-saison h2,
.body .offredirecte h2 {
  font-weight: normal;
}
.body .morte-saison input[type^=file],
.body .offredirecte input[type^=file] {
  padding: 0;
}
.body .morte-saison .recuperation h2,
.body .offredirecte .recuperation h2 {
  color: #164C74;
}
.body .morte-saison .voir-nouveautes,
.body .morte-saison .dispo-seulement,
.body .morte-saison .prix,
.body .morte-saison .conditionnement,
.body .offredirecte .voir-nouveautes,
.body .offredirecte .dispo-seulement,
.body .offredirecte .prix,
.body .offredirecte .conditionnement {
  color: #164C74;
}
.body .morte-saison .offre .ref,
.body .offredirecte .offre .ref {
  margin: 1rem;
}
.body .morte-saison .offre .titre,
.body .offredirecte .offre .titre {
  font: normal 25px museo-sans, arial;
  color: #164C74;
}
.body .morte-saison .offre .resume,
.body .offredirecte .offre .resume {
  font: normal 14px museo-sans, arial;
}
.body .morte-saison .offre .commandes a,
.body .offredirecte .offre .commandes a {
  color: #164C74;
}
.body .morte-saison .offre .infos ::before,
.body .morte-saison .offre .recuperation ::before,
.body .morte-saison .offre .offre-footer ::before,
.body .offredirecte .offre .infos ::before,
.body .offredirecte .offre .recuperation ::before,
.body .offredirecte .offre .offre-footer ::before {
  color: #164C74;
}
.body .morte-saison .total-commande,
.body .offredirecte .total-commande {
  border-color: #164C74;
  color: #164C74;
}
.body .morte-saison .ms-content h1,
.body .morte-saison .ms-content h2,
.body .offredirecte .ms-content h1,
.body .offredirecte .ms-content h2 {
  color: #164C74;
}
.body .morte-saison .ms-content .total-commande,
.body .offredirecte .ms-content .total-commande {
  font-weight: 500;
  color: #c32126;
}
.body .panel-exploitation ::before {
  color: #164C74;
}
.body .offredirecte-titre,
.body .offredirecte-quantiteDispo::before,
.body .offredirecte-logistique .icon-livraison,
.body .offredirecte-prix_prefixe,
.body .offredirecte-listeOffresRef_titre,
.body .titre-confirm-engagement,
.body .offredirecte-periodeLiv label {
  color: #164C74;
}
.body .col-engagement button {
  font-family: museo-sans, arial;
}
.body .genfiche-formulaire fieldset legend {
  font: 300 24px museo-sans, arial;
  color: #164C74;
}
.body .genfiche-formulaire fieldset .form-group {
  border-left: 1px solid #164C74;
  padding-left: 1rem;
}
.body .genfiche-formulaire fieldset .form-group label {
  font: 300 21px museo-sans, arial;
}
.body .genfiche-formulaire #preconisations-commentaires th {
  border-color: #164C74;
}
.body .a-offres-wrapper th {
  padding: 1rem 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #69778c;
  font-weight: bold;
}
.body .a-offres-wrapper td[data-title^=Prix] {
  font-size: 1.4em;
  color: #e63946;
}
.body .a-offres-wrapper td[data-title^=Prix]::after {
  content: " € HT / Tonne";
}
.body .a-offrespot .engagement .detail-cours .label {
  padding: 5px 10px;
  font-weight: bold;
  background-color: #f7ab11;
  color: white;
  line-height: 1.9em;
}
.body .a-offrespot .offre-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.body .a-offrespot .links > .offre-toolbar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin-left: 1rem;
  padding: 1rem;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: #fff;
  background-color: #164C74;
  text-decoration: none;
}
.body .a-offrespot .links > .offre-toolbar a:hover {
  background-color: #103856;
}
.body .a-offrespot .r-grid th {
  background-color: #a0aeb7;
  color: #fff;
}
.body .a-offrespot a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.body .a-offres-wrapper td > span > a {
  background-color: #51c47d;
  color: #fff;
  padding: 0.3em 20%;
  border-radius: 5px;
  border-bottom: 2px solid rgba(146, 146, 146, 0.5);
}
.body .a-offres-wrapper td > span > a:hover {
  background-color: #3db46b;
}
.body .a-liste-offres a {
  color: #164C74;
}
.body .a-engagement-offre .x-panel-header-text {
  background-color: #f7ab11;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
}
.body .a-cns-panel-exploitation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.body .a-profil h2,
.body .a-profil h3 {
  color: #164C74;
}
.body .a-profil h3::before {
  color: #164C74;
}
.body .a-profil h3::after {
  border-color: #164C74;
}
.body .a-profil .icon-expand,
.body .a-profil .icon-expanded {
  color: #164C74;
}
.body .adresse-categorie {
  color: #164C74;
}
.body .contact_message {
  color: #164C74;
}
.body .infos-compte h3::after,
.body .infos-exploitation h3::after {
  border-color: #164C74;
}
.body .monprofil-infoperso label {
  color: #164C74;
  font-weight: bold;
}
.body .monprofil-menu_item a::before {
  color: #164C74;
}
.body .expand-list_sousRub_cat {
  font-weight: 300;
}
.body .adresse-header {
  background-color: #164C74;
  color: #fff;
}
.body .adresse-header .icon-cross {
  color: #fff;
}
.body .pan-annonce .pan-entete,
.body .pan-annonce legend {
  color: #164C74;
}
.body .a-PetitesAnnonces .a-create-bt button:hover,
.body .a-PetitesAnnonces .a-back-bt button:hover,
.body .a-PetitesAnnonces .a-mail-bt button:hover,
.body .a-PetitesAnnonces .prevPage-btn button:hover,
.body .a-PetitesAnnonces .nextPage-btn button:hover,
.body .a-PetitesAnnoncesAdm .a-create-bt button:hover,
.body .a-PetitesAnnoncesAdm .a-back-bt button:hover,
.body .a-PetitesAnnoncesAdm .a-mail-bt button:hover,
.body .a-PetitesAnnoncesAdm .prevPage-btn button:hover,
.body .a-PetitesAnnoncesAdm .nextPage-btn button:hover {
  color: #fff;
}
.body .a-PetitesAnnonces .prevPage-btn button,
.body .a-PetitesAnnonces .nextPage-btn button,
.body .a-PetitesAnnoncesAdm .prevPage-btn button,
.body .a-PetitesAnnoncesAdm .nextPage-btn button {
  border-radius: 20px;
}
.body .a-PetitesAnnonces .prevPage-btn ::before,
.body .a-PetitesAnnonces .prevPage-btn ::after,
.body .a-PetitesAnnonces .nextPage-btn ::before,
.body .a-PetitesAnnonces .nextPage-btn ::after,
.body .a-PetitesAnnoncesAdm .prevPage-btn ::before,
.body .a-PetitesAnnoncesAdm .prevPage-btn ::after,
.body .a-PetitesAnnoncesAdm .nextPage-btn ::before,
.body .a-PetitesAnnoncesAdm .nextPage-btn ::after {
  color: #fff;
}
.body .x-toolbar.horairesite-toolbar .x-btn-text {
  width: auto;
  padding: 0;
}
.body .horairesite-config-subtitle {
  border-bottom: 2px solid #164C74;
}
.body .horairesite-toolbar .x-btn {
  color: #164C74;
}
.body .horairesite-toolbar .x-btn.x-btn-over {
  color: #103856;
}
.body .rss-flux-title {
  font-size: 1.2rem;
}
.body .rss-flux-title::before {
  margin-right: 0.5rem;
  color: orange;
}
.body .rss-item {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #f0f0f0;
}
.body .rss-item-title {
  margin: 0;
}
.body .rss-item-title a {
  color: #164C74;
}
.body .rss-item-date {
  font-size: 0.9rem;
  font-weight: normal;
}
.body .rss-item-link {
  text-align: right;
}
.body .a-suivi-bon .apport,
.body .a-suivi-bon .appro,
.body .a-suivi-bon .engagement,
.body .a-suivi-bon .commande {
  position: relative;
  width: 100%;
  min-height: 195px;
  margin: 1rem auto;
  padding: 1rem 1rem 35px;
  background-color: #f7f7f7;
  border-bottom: 2px solid #654cfe;
}
.body .a-list-bon .x-panel-header-text {
  font-weight: bold;
  background-color: #654cfe;
  padding: 0.5rem 1rem;
  width: 100%;
  display: block;
  color: #fff;
}
.body .a-suivi-bon-form {
  margin-top: 1em;
  position: relative;
}
.body .a-suivi-bon-form .x-panel-header,
.body .a-suivi-bon-form .a-dernier-bon .x-panel-header {
  background-color: #a0aeb7;
  padding: 1em;
}
.body .a-suivi-bon-form .x-panel-header-text,
.body .a-suivi-bon-form .a-dernier-bon .x-panel-header-text {
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
.body .a-suivi-bon-form > .x-panel-bwrap {
  background: #fafafa;
  padding-top: 0.5em;
}
.body .a-suivi-bon-form .x-form-item {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 1.5em 1em 1em;
}
.body .a-suivi-bon-form .x-panel-footer {
  background-color: #fafafa;
}
.body .a-suivi-bon-form #exploitCombo {
  float: right;
}
.body .a-suivi-bon-form #exploitCombo .col-m-50 {
  width: auto;
  padding: 0 1rem;
  padding-bottom: 0;
}
.body .a-suivi-bon-form #exploitCombo .x-form-label-left label {
  display: block;
}
.body .filtre-criteres {
  border-bottom-color: #164C74;
}
.body .suivivirement header h3:after {
  border-color: #164C74;
}
.body .suivivirement-menu ::before {
  color: #164C74;
}
.body .a-admin-page-accueil-panel-grid .x-btn-text::before,
.body .a-adminpageaccueil-editor .x-btn-text::before,
.body .a-custom-grid-panel .x-btn-text::before,
.body .a-ContenuHTML-tbar .x-btn-text::before {
  color: #164C74;
}
.body .a-adminpageaccueil-editor .a-adminpageaccueil-portlet .x-panel-header {
  color: #FFC306;
}
.body .a-serv-adm .a-ComponentAdmFormTitle,
.body .a-serv-adm .x-panel-header {
  background-color: #FFC306;
}
.body .a-serv-adm form .x-form-file-wrap .x-form-file-btn {
  padding: 0.25rem 0.5rem;
  background-color: #FFC306;
}
.body .a-serv-adm form .x-form-file-wrap .x-form-file-btn .x-btn-text {
  color: #fff;
}
.body .a-serv-adm form .a-ImagePanel-choice .x-btn-text {
  background-color: #FFC306;
}
.body .a-serv-adm form .x-panel-header,
.body .a-serv-adm form .position-header-cls label.x-form-item-label,
.body .a-serv-adm form [id^=labelTitre],
.body .a-serv-adm form [id^=labelResume],
.body .a-serv-adm form [id^=labelDescrip],
.body .a-serv-adm form [id^=labelListDiff],
.body .a-serv-adm form fieldset.a-Transverse-panelTransversaliteAdmin-fieldsetListTermes > legend span,
.body .a-serv-adm form .contacts label,
.body .a-serv-adm form .a-ComponentAdmFormTitle {
  background-color: #FFC306;
}
.body .a-serv-adm form .image-middle .x-form-check-checked .x-form-radio-wrap-inner::before, .body .a-serv-adm form .image-left .x-form-check-checked .x-form-radio-wrap-inner::before, .body .a-serv-adm form .image-hidden .x-form-check-checked .x-form-radio-wrap-inner::before {
  border: solid 3px #FFC306;
}
.body .a-serv-adm form legend .x-fieldset-header-text {
  color: #FFC306;
}
.body .a-serv-adm form .icon-add {
  color: #FFC306;
}
.body .a-adminpageaccueil-editor .a-adminpageaccueil-portlet .x-panel-header {
  background-color: #fff;
}
.body .a-adminpageaccueil-editor .a-adminpageaccueil-portlet button.icon-config {
  background-color: #FFC306;
}
.body .a-adminpageaccueil-editor .a-adminpageaccueil-portlet button.icon-config:hover {
  background-color: #e1ab00;
}
@media (max-width: 1500px) {
  .body.a-serv-hp [class*=bloc-forme] > .ensemble {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (max-width: 1440px) {
  .body .a-link-cns,
.body .a-link-adm {
    margin-right: 1rem;
  }
  .body .vue-container .a-service-texte > .container > article {
    padding-left: 3rem;
  }
  .body .vue-container .a-service-texte > .container > nav .precedent {
    left: 0;
  }
  .body .service-ressource + #mid-panel #visuPanel {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .body.a-serv-hp #mid-panel {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 901px) {
  .body .a-pave-hp.pos-left, .body .a-pave-hp.pos-none {
    margin-right: 3rem;
  }
  .body .a-pave-hp.pos-right {
    margin-left: 3rem;
  }
}
@media (max-width: 900px) {
  .body .logo > * {
    width: 100px;
    height: 60px;
  }
  .body .header-item {
    width: 40px;
    height: 40px;
  }
  .body .header-item::before {
    font-size: 16px;
  }
  .body .welcome-div {
    display: none;
  }
  .body #login, .body #logout {
    margin-left: 0;
  }
  .body .gestionRessource .image-resume {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
  }
  .body .gestionRessource .image-resume:last-child {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .body .gestionRessource .image-resume + .cell {
    margin-top: -20px;
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .body .vue-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .body .vue-container .a-service-texte,
.body .vue-container .a-service-texte + aside {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .body .vue-container .a-service-texte > .container > article {
    padding-left: 0;
    padding-right: 0;
  }
  .body .vue-container .a-service-texte > .container > nav .precedent,
.body .vue-container .a-service-texte > .container > nav .suivant {
    position: static;
  }
  .body .suiviactivite {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .body #mid-panel {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .body #visuPanel,
.body #presentPanel {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .body .header-site .menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: calc(100vh - var(--header-height));
    padding: 0;
    overflow: auto;
  }
  .body .header-site .menu::after {
    position: static;
  }
  .body .mojo,
.body .postRubrique-deco {
    display: none;
  }
  .body #homepage,
.body #favoris,
.body #profil,
.body #mentions,
.body #contacts {
    display: none;
  }
  .body #menuPanel {
    display: none;
  }
  .body #menuPanel.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .body .header-site .rubriques {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
  }
  .body .header-site .rubriques > .rubrique {
    width: 100%;
    max-width: 100%;
  }
  .body .header-site .rubriques > .rubrique:not(:last-child) {
    border-bottom: 1px solid #f4f4f4;
  }
  .body .header-site .rubriques > .action {
    display: block;
  }
  .body .rubrique:hover .sous-rubriques {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  .body .intitule-rubrique {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .body .intitule-rubrique > * {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 5%;
  }
  .body .intitule-rubrique > *::after {
    content: "\f105";
    display: inline-block;
    font-family: fontello;
  }
  .body .action-favoris .intitule-rubrique > span {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 5%;
  }
  .body .sous-rubriques {
    top: 0;
    max-height: 50vh;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #164C74;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .body .sous-rubriques.display {
    position: static;
    width: 100%;
  }
  .body .sous-rubriques-list {
    padding: 1rem 5%;
  }
  .body .sous-rubrique .service {
    padding: 1rem 0;
  }
  .body .sous-rubrique {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0 0 1rem 0;
  }
  .body .header-site .input-wrapper {
    display: none;
  }
  .body .header-site .input-wrapper.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 100%;
    right: 0;
    margin: 0;
    padding: 0.5rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    z-index: 260;
  }
  .body .header-site .input-wrapper input {
    margin: 0;
  }
  .body .sous-rubriques,
.body .rubrique.open > span {
    border-radius: 0;
  }
  .body .rubrique.open > span {
    border-bottom: 1px solid #fff;
  }
  .body .rubrique > span,
.body .action > span {
    padding: 0;
  }
  .body .rubrique > span > a,
.body .action > span > a {
    padding: 0.75rem 5%;
  }
  .body .a-link-adm {
    display: none;
  }
  .body .bloc-forme1::before {
    background: url(/css/theme/images/paves/decorationA1.svg) no-repeat 20% 0%;
  }
  .body .bloc-forme2 .a-video-pave {
    margin-bottom: 0;
  }
  .body .bloc-forme3 {
    margin-top: -12rem;
  }
  .body .bloc-forme4 {
    margin-top: -7rem;
    background: #295C85 url(/css/theme/images/paves/decorationC1.svg) no-repeat 33% 40%/1350px;
  }
  .body [class^=pave-memo-] .paginate-show {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .body [class^=pave-memo-] .paginate-show > li {
    max-width: 100%;
  }
  .body .titre-service .service,
.body .titre-service .ressource {
    font-size: 40px;
  }
  .body .vue-container .a-service-texte + aside {
    background: transparent url(/css/theme/images/paves/ble.svg) no-repeat bottom right;
  }
}
@media screen and (max-width: 600px) {
  .body .multiImages-public figure {
    max-height: 500px;
  }
  .body .multiImages-chiffres-cles:not(.carousel) .paginate-show > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
  }
  .body .multiImages-partenaires:not(.carousel) .paginate-show > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
  }
}
@media screen and (max-width: 500px) {
  .body .pave-raccourcis .a-pave-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .body .ariane {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .body .vue-container .a-service-texte > .container > article.img-left .image,
.body .a-service-texte > .container .img-left,
.body .a-Evenement .img-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
  }
  .body .a-Organisation-member {
    width: 100%;
  }
}
@media screen and (max-width: 300px) {
  .body .logo {
    display: none;
  }
}
@media screen and (max-width: 1440px) and (min-width: 901px) {
  .body .header-content, .body #menuPanel {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 900px) {
  .body:not(.negoce) .logo > * {
    width: 50px;
    height: 50px;
    background: url("/css/theme/images/logos/logo3.svg") no-repeat left center;
  }
  .body:not(.negoce) .logo > * img {
    display: none;
  }
}

.loeb {
  /*TABLEAU VUE*/
  /*ONGLETS*/
  /*PUCE*/
  /*TIP*/
  /*PAVÉS*/
  /*NEWSLETTER*/
  /*CONNEXION*/
  /*MORTE SAISON & OFFRE DIRECTE*/
  /*OFFRES SPOT*/
  /*MON PROFIL VUE*/
}
:root {
  --coop-main-color: #164C74;
  --coop-main-lighten-color: #216ba3;
  --coop-main-lighten-2-color: #e9f5ff;
  --coop-second-color: #FFC306;
  --coop-button-bg-color: #164C74;
  --coop-button-bg-hover-color: #216ba3;
  --coop-button-text-color: #fff;
  --coop-border-color: #164C74;
}

:root .loeb {
  --coop-main-color: #218867;
  --coop-main-lighten-color: #216ba3;
  --coop-main-lighten-2-color: #e9f5ff;
  --coop-second-color: #FEBB2B;
  --coop-button-bg-color: #164C74;
  --coop-button-bg-hover-color: #216ba3;
  --coop-button-text-color: #fff;
  --coop-border-color: #218867;
}

.loeb {
  font-family: museo-sans, arial, arial;
  font-size: 16px;
  font-weight: 500;
  color: #02375F;
}
.loeb a {
  color: inherit;
  text-decoration: none;
}
.loeb a:hover {
  text-decoration: underline;
}
.loeb button {
  font-family: museo-sans, arial, arial;
  font-size: 1rem;
}
.loeb .multiselect input {
  border: 0;
}
.loeb #login-panel {
  border-bottom: 3px solid #218867;
  -webkit-box-shadow: 3px 3px 8px #565656;
  box-shadow: 3px 3px 8px #565656;
}
.loeb #login-panel h3 {
  margin-top: 0;
}
.loeb #login-panel [type=submit] {
  display: block;
  margin-left: auto;
}
.loeb .a-btn-atrium-retour {
  margin-bottom: 1rem;
}
.loeb .x-panel-btns .x-btn-text::before {
  margin-right: 0.25rem;
}
.loeb .btn-coop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.loeb .btn-coop a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #FEBB2B;
  text-decoration: none;
}
.loeb .btn-coop a:hover {
  background-color: #feb007;
  color: #fff;
}
.loeb .btn-action.modify {
  background-color: #aaa;
  color: #fff;
}
.loeb .btn-action.modify:hover {
  background-color: #989898;
}
.loeb .btn-action.cancel {
  background-color: #e63838;
  color: #fff;
}
.loeb .btn-action.cancel:hover {
  background-color: #de1c1c;
}
.loeb .btn-vue {
  background-color: var(--coop-main-color);
  color: #FFF;
}
.loeb .checkbox-etat {
  color: #218867;
}
.loeb #go-to-head {
  background-image: url(/css/theme/images/common/go_top.svg);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.loeb .message_header_service {
  padding: 0.5rem 1rem;
  background-color: #FEBB2B;
  color: #fff;
  -webkit-box-shadow: 0 0 2px #ccc;
  box-shadow: 0 0 2px #ccc;
}
.loeb ul.x-tab-strip li {
  margin: 0;
}
.loeb ul.x-tab-strip li:not(:first-child) .x-tab-strip-inner {
  border-left: 0;
}
.loeb .x-tab-strip-top .x-tab-strip-inner {
  border: 1px solid #218867;
  background-color: #fff;
}
.loeb .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
  background-color: #218867;
  color: #fff;
}
.loeb .x-tab-panel-bwrap {
  border-color: #218867;
}
.loeb .vue-container .table,
.loeb .modal-container .table {
  background-color: #fff;
}
.loeb .vue-container .table thead,
.loeb .modal-container .table thead {
  background-color: #218867;
  color: #fff;
}
.loeb .vue-container .table tbody tr:nth-child(even),
.loeb .modal-container .table tbody tr:nth-child(even) {
  background-color: rgba(33, 136, 103, 0.2);
}
.loeb .admin .tab button.active,
.loeb .admin .tab tbody tr.active,
.loeb .admin .tab .router-link-exact-active {
  background-color: #218867;
  color: #fff;
}
.loeb .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner, .loeb .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-left, .loeb .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-right {
  background-color: #218867;
  color: #fff;
}
.loeb .pageatrium .page-puce {
  cursor: pointer;
}
.loeb .pageatrium .puce.actif,
.loeb .pageatrium .page-puce.actif {
  background-color: #218867;
}
.loeb .pageatrium .paginate-index {
  padding-left: 4rem;
  padding-right: 4rem;
}
.loeb .pageatrium .paginate-index .prev, .loeb .pageatrium .paginate-index .next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  background-color: #218867;
  color: #fff;
  border-radius: 50%;
}
.loeb .pageatrium .paginate-index .prev span, .loeb .pageatrium .paginate-index .next span {
  display: none;
}
.loeb .pageatrium .paginate-index .prev {
  position: absolute;
  top: 27%;
  left: 1rem;
}
.loeb .pageatrium .paginate-index .next {
  position: absolute;
  top: 27%;
  right: 1rem;
}
.loeb .pageatrium .pave__content {
  position: relative;
}
.loeb .x-tip {
  -webkit-box-shadow: 0 0 3px 1px #cacaca;
  box-shadow: 0 0 3px 1px #cacaca;
}
.loeb #cookie_mess {
  background-color: #218867;
}
.loeb #cookie_mess input {
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: #000;
}
.loeb #cookie_mess input:hover {
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: 0 0 3px 1px #333;
  box-shadow: 0 0 3px 1px #333;
}
.loeb .login-panel_username input,
.loeb .login-panel_password input {
  width: 100%;
}
.loeb.body-scrolled .header-site {
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
  z-index: 250;
}
.loeb .header-site {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  padding-bottom: 0.75rem;
  margin-bottom: 2rem;
  background-color: #fff;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.loeb .header-site > *:not(.welcome-div) {
  background-color: #fff;
}
.loeb .header-content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 0 5%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.loeb .logo {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 1rem 1rem 1rem 0;
}
.loeb .logo > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.loeb .logo > *:hover {
  text-decoration: none;
}
.loeb .logo img {
  width: 100%;
  max-width: 155px;
  max-height: 100px;
}
.loeb .welcome-div {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  margin-left: 1rem;
  font-size: 0.9rem;
  font-weight: bold;
  color: #218867;
  text-align: right;
}
.loeb #welcome:not(:empty)::before {
  font-family: inherit;
  font-weight: bold;
}
.loeb .menu-toolbar {
  margin-left: auto;
  font-size: 30px;
}
.loeb .menu-icon {
  margin-right: 1rem;
}
.loeb .header-item {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  background-color: #295C85;
}
.loeb .header-item::before {
  font-size: 20px;
  color: #FFF;
}
.loeb .header-item:not(:last-child) {
  margin-right: 1rem;
}
.loeb #burger {
  background-color: transparent;
}
.loeb #burger::before {
  padding-top: 11px;
  color: #218867;
  font-size: 35px;
}
.loeb #login,
.loeb #logout {
  margin-left: 1rem;
  background-color: #FEBB2B;
  color: #FFF;
}
.loeb .header-site .input-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
}
.loeb .header-site .input-wrapper input {
  padding: 0.5rem;
  border: 0;
  border-bottom: 1px solid #d3d3d3;
}
.loeb .header-site .input-wrapper input:focus {
  border-color: #218867;
}
.loeb .header-site .actions {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.loeb .header-site .input-wrapper.display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.loeb .input-wrapper.display + #search::before {
  background-color: #218867;
  color: #fff;
}
.loeb #favoris .list-favoris {
  top: 100%;
  font-size: 1rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 251;
  text-align: left;
  background-color: #f5f7fc;
  -webkit-box-shadow: 0px 2px 2px #aaa;
  box-shadow: 0px 2px 2px #aaa;
}
.loeb #favoris .list-favoris > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 1rem;
  cursor: default;
}
.loeb #favoris .list-favoris > li:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.loeb #favoris .list-favoris .icon-cancel {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.loeb #favoris .list-favoris .icon-cancel:hover {
  color: #218867;
  cursor: pointer;
}
.loeb .service-favoris {
  display: inline-block;
  padding: 0.75rem 0;
}
.loeb #contacts,
.loeb #cgu,
.loeb #mentions {
  display: none;
}
.loeb .header-content div::before {
  font-family: "icomoon";
}
.loeb #previsu.preview-on {
  background-color: #FEBB2B;
}
.loeb .postRubrique-deco {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.loeb .postRubrique-deco::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #218867;
  border-radius: 8px;
}
.loeb .header-site .rubriques {
  position: static;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.loeb .header-site .rubriques > .rubrique {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  max-width: 20%;
}
.loeb .header-site .menu {
  position: relative;
  z-index: 250;
  padding-left: 5%;
}
.loeb #menuPanel {
  max-width: 100%;
}
.loeb .rubrique.open > span {
  background-color: #295C85;
  color: #fff;
  z-index: 1;
  border-top-left-radius: 23px;
  border-top-right-radius: 23px;
}
.loeb .rubrique.open > span .intitule-rubrique {
  color: #FEBB2B;
}
.loeb .rubrique > span {
  padding: 0.5rem 0;
}
.loeb .rubrique:hover .sous-rubriques {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.loeb [data-rub-id]:nth-of-type(-n+7) .sous-rubriques {
  border-top-left-radius: 0;
}
.loeb [data-rub-id]:nth-of-type(n+8) .sous-rubriques {
  border-top-right-radius: 0;
  left: initial;
  right: 0;
}
.loeb .count-5 [data-rub-id]:nth-of-type(n+5) .sous-rubriques {
  border-top-left-radius: 25px;
}
.loeb .count-5 [data-rub-id]:nth-of-type(n+6) .sous-rubriques {
  border-top-right-radius: 0;
  left: initial;
  right: 0;
}
.loeb .intitule-rubrique {
  display: block;
  text-align: center;
  color: #218867;
  font-weight: bold;
  font-size: 18px;
}
.loeb .intitule-rubrique > *:hover {
  text-decoration: none;
}
.loeb .sous-rubriques {
  border-radius: 23px;
  background-color: #218867;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.loeb .sous-rubriques.display {
  width: 40vw;
}
.loeb .beautifier {
  display: none;
  content: attr(data-name);
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  color: #218867;
}
.loeb .sous-rubriques-list {
  top: inherit;
  left: 0;
  max-height: 60vh;
  padding: 1rem;
  background-color: #295C85;
  color: #fff;
  background-clip: padding-box;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  overflow-y: auto;
}
.loeb .sous-rubrique {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.33% - 2rem);
  flex: 0 0 calc(33.33% - 2rem);
  max-width: calc(33.33% - 2rem);
  margin: 1rem;
}
.loeb .sous-rubrique .intitule {
  display: block;
  margin-bottom: 0.5rem;
  color: #FEBB2B;
  text-transform: uppercase;
}
.loeb .sous-rubrique .service {
  padding: 0.5rem 0;
}
.loeb .sous-rubrique .service.selected {
  border-left: 0;
  color: #FEBB2B;
}
.loeb .admin-link:before {
  content: "\e80a";
  float: right;
  font-family: fontello;
  font-weight: bold;
  color: #FEBB2B;
}
.loeb .header-item,
.loeb .rubrique.open > span,
.loeb .sous-rubriques-list {
  background-color: #218867;
}
.loeb .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 0;
  padding: 1rem 5% 100px;
  background: url("/css/theme/images/paves/footer.svg") no-repeat 0% 101%;
}
.loeb .footer img {
  max-width: 170px;
  max-height: 115px;
}
.loeb .footer-logo img {
  width: 100%;
}
.loeb .footer-section {
  padding: 1rem;
}
.loeb .footer-contact {
  margin-right: 5%;
  color: #218867;
}
.loeb .footer-coop {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  margin-left: auto;
}
.loeb .footer-title {
  display: block;
  margin-bottom: 0.75rem;
  font-weight: bold;
  color: #295C85;
}
.loeb .footer-social_liens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.loeb .footer-social_liens a {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #218867;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.loeb .footer-social_liens a:not(:last-child) {
  margin-right: 1rem;
}
.loeb .footer-social_liens a:hover {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.loeb .footer-liens {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #C0CDD7;
}
.loeb .footer-liens > p {
  margin: 0 1rem;
}
.loeb .footer {
  background: url(/css/theme/images/paves/footerHOUPIEZ.svg) no-repeat 0% 101%;
}
.loeb .footer-title {
  color: #218867;
}
.loeb.a-serv-hp #visuPanel {
  max-width: 100%;
  padding: 0;
}
.loeb .a-panel-header-hp {
  font-size: 1.2rem;
  font-weight: bold;
}
.loeb .a-pave-hp {
  margin-bottom: 1rem;
}
.loeb .a-pave-hp a:hover {
  text-decoration: none;
}
.loeb .a-pave-hp a:hover .pave-contenu-titre {
  text-decoration: underline;
}
.loeb .a-pave-hp .x-panel-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.loeb .a-pave-hp .x-panel-header-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 45px;
  font-weight: 900;
  color: #218867;
}
.loeb .a-pave-hp .x-panel-header-text::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.loeb .a-pave-hp .pave-contenu-titre {
  font-weight: bold;
}
.loeb .a-pave-hp .pave-contenu-resume {
  font-weight: 500;
}
.loeb .a-pave-hp .puces {
  display: none;
}
.loeb .a-pave-hp .puces .puce {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0.5em 0.75rem;
}
.loeb .a-pave-hp .puces .puce:not(.actif) {
  background-color: #C0CDD7;
}
.loeb .a-pave-hp .boutons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.5rem;
}
.loeb .a-pave-hp .prev,
.loeb .a-pave-hp .next {
  display: block;
  font-size: 1.5rem;
  color: #fff;
  background-color: #218867;
  border-radius: 50%;
  cursor: pointer;
}
.loeb .a-pave-hp .page-puces {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.loeb .a-pave-hp .page-puce {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.25rem;
  border-radius: 50%;
  border: 1px solid #218867;
  color: #218867;
  cursor: pointer;
}
.loeb .a-pave-hp .page-puce.show, .loeb .a-pave-hp .page-puce:first-child, .loeb .a-pave-hp .page-puce:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.loeb .a-pave-hp .page-puce:first-child:not(.show) {
  margin-right: 1rem;
}
.loeb .a-pave-hp .page-puce:last-child:not(.show) {
  margin-left: 1rem;
}
.loeb .a-pave-hp .page-puce::before {
  content: attr(data-index);
}
.loeb .a-pave-hp .page-puce.actif {
  background-color: #218867;
  color: #fff;
}
.loeb .a-pave-link,
.loeb .voir-newsletters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.loeb .a-pave-link a,
.loeb .voir-newsletters a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #FEBB2B;
  text-decoration: none;
}
.loeb .a-pave-link a:hover,
.loeb .voir-newsletters a:hover {
  background-color: #feb007;
  color: #fff;
}
.loeb .a-pave-hp-multiImage figure > img {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.loeb #panelEnglobant > .x-panel-bwrap > .x-panel-body {
  z-index: 0;
}
.loeb .separateur-100 {
  display: none;
}
.loeb .separateur-100 + div:last-of-type {
  margin-bottom: 0;
}
.loeb .bloc-forme1 {
  position: relative;
  text-align: center;
}
.loeb .bloc-forme1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/css/theme/images/paves/decorationA1.svg) no-repeat center top/contain;
  pointer-events: none;
}
.loeb .bloc-forme1 > .ensemble {
  float: none;
  max-width: 1440px;
  text-align: left;
}
.loeb .bloc-forme2 {
  position: relative;
  z-index: -1;
  margin-top: -15rem;
  text-align: center;
  background: #F8F7F5 url(/css/theme/images/paves/decorationB1.svg) no-repeat 100% 58%;
  background-clip: content-box;
}
.loeb .bloc-forme2::before {
  content: "";
  display: block;
  height: 519px !important;
  background: url(/css/theme/images/paves/formeB1.png) no-repeat center;
  z-index: -1;
}
.loeb .bloc-forme2::after {
  content: "";
  display: block;
  height: 513px !important;
  background: url(/css/theme/images/paves/formeB2.png) no-repeat center;
  margin-top: -24rem;
}
.loeb .bloc-forme2 > .ensemble {
  min-height: 750px;
  float: none;
  max-width: 1440px;
  margin-top: -11rem;
  text-align: left;
}
.loeb .bloc-forme2 .a-video-pave {
  margin-bottom: 3rem;
}
.loeb .bloc-forme2 .a-pave-hp-contenu-html {
  margin-bottom: 20rem;
}
.loeb .bloc-forme1 + .bloc-forme3 {
  margin-top: 3rem;
}
.loeb .bloc-forme4 + .bloc-forme3 {
  margin-top: 0;
}
.loeb .bloc-forme3 {
  position: relative;
  margin-top: -25rem;
  padding-bottom: 8rem;
  text-align: center;
}
.loeb .bloc-forme3 > .ensemble {
  float: none;
  max-width: 1440px;
  text-align: left;
}
.loeb .bloc-forme4 {
  position: relative;
  text-align: center;
  background: #295C85 url("/css/theme/images/paves/decorationC1.svg") no-repeat 60px 160px;
  background-clip: content-box;
  color: #fff;
}
.loeb .bloc-forme4::before {
  content: "";
  display: block;
  height: 138px !important;
  background: url("/css/theme/images/paves/formeC1.png") no-repeat center;
  z-index: -1;
}
.loeb .bloc-forme4::after {
  content: "";
  display: block;
  height: 138px !important;
  background: url("/css/theme/images/paves/formeC2.png") no-repeat center;
}
.loeb .bloc-forme4 > .ensemble {
  float: none;
  max-width: 1440px;
  min-height: 410px;
  text-align: left;
}
.loeb .bloc-forme4 .a-pave-hp .x-panel-header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.loeb .bloc-forme4 .a-pave-hp .x-panel-header-text {
  color: #fff;
}
.loeb .bloc-forme4 .pave-memo-1 .a-panel-header-hp {
  margin-bottom: 5rem;
}
.loeb .bloc-forme4 .pave-memo-1 .paginate-show > li:not(:last-child)::after {
  content: "";
  display: block;
  width: 40vw;
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: #fff;
  margin-left: auto;
}
.loeb .bloc-forme4 .a-pave-hp .icon-prev,
.loeb .bloc-forme4 .a-pave-hp .icon-next {
  background-color: transparent;
  color: #fff;
}
.loeb .bloc-forme4 .a-pave-hp .page-puce {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
.loeb .bloc-forme4 .a-pave-hp .page-puce.actif {
  border-color: #FEBB2B;
}
.loeb .bloc-forme4 .pave-avertissement-1 .x-panel-body {
  padding-top: 3rem;
}
.loeb .bloc-forme4 .pave-avertissement-1 .paginate-show > li:not(:last-child)::after {
  content: "";
  display: block;
  width: 20vw;
  margin: 2rem 0 2rem auto;
  border-bottom: 1px solid #fff;
}
.loeb .bloc-forme4 .pave-avertissement-1 .pave-contenu-titre {
  color: #FEBB2B;
}
.loeb .bloc-forme4 .pave-avertissement-1 .pave-contenu-date {
  display: none;
}
.loeb .bloc-forme4 .pave-avertissement-2 .x-panel-body {
  padding-top: 3rem;
}
.loeb .bloc-forme4 .pave-avertissement-2 .paginate-show {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.loeb .bloc-forme4 .pave-avertissement-2 .paginate-show::before {
  content: "";
  border-right: 1px solid #fff;
  position: absolute;
  left: 50%;
  height: 100%;
}
.loeb .bloc-forme4 .pave-avertissement-2 .paginate-show > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin: 1rem 0 0.5rem;
}
.loeb .bloc-forme4 .pave-avertissement-2 .paginate-show > li:nth-child(odd) {
  padding-right: 2rem;
}
.loeb .bloc-forme4 .pave-avertissement-2 .paginate-show > li:nth-child(even) {
  padding-left: 2rem;
}
.loeb .bloc-forme4 .pave-avertissement-2 .pave-contenu-titre {
  color: #FEBB2B;
}
.loeb .bloc-forme4 .pave-avertissement-2 .pave-contenu-date {
  display: none;
}
.loeb .pave-memo-solo .x-panel-header,
.loeb .pave-memo-duo .x-panel-header,
.loeb .pave-memo-trio .x-panel-header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: -0.9px;
}
.loeb .pave-memo-solo .x-panel-body,
.loeb .pave-memo-duo .x-panel-body,
.loeb .pave-memo-trio .x-panel-body {
  position: relative;
  padding: 0 3rem;
}
.loeb .pave-memo-solo .pave-content-image,
.loeb .pave-memo-duo .pave-content-image,
.loeb .pave-memo-trio .pave-content-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.loeb .pave-memo-solo .pave-contenu-image,
.loeb .pave-memo-duo .pave-contenu-image,
.loeb .pave-memo-trio .pave-contenu-image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  height: 350px;
  max-height: 60vh;
  margin-top: 0;
  overflow: hidden;
  border-radius: 15px;
}
.loeb .pave-memo-solo .pave-contenu-image img,
.loeb .pave-memo-duo .pave-contenu-image img,
.loeb .pave-memo-trio .pave-contenu-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.loeb .pave-memo-solo .pave-contenu-titre,
.loeb .pave-memo-duo .pave-contenu-titre,
.loeb .pave-memo-trio .pave-contenu-titre {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  color: #218867;
  font-size: 19px;
}
.loeb .pave-memo-solo .pave-contenu-date,
.loeb .pave-memo-duo .pave-contenu-date,
.loeb .pave-memo-trio .pave-contenu-date {
  display: none;
}
.loeb .pave-memo-solo .pave-contenu-resume,
.loeb .pave-memo-duo .pave-contenu-resume,
.loeb .pave-memo-trio .pave-contenu-resume {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  color: #218867;
  font-size: 14px;
}
.loeb .pave-memo-solo .page-puces,
.loeb .pave-memo-duo .page-puces,
.loeb .pave-memo-trio .page-puces {
  display: none;
}
.loeb .pave-memo-solo .boutons,
.loeb .pave-memo-duo .boutons,
.loeb .pave-memo-trio .boutons {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.loeb .pave-memo-solo .boutons .prev,
.loeb .pave-memo-duo .boutons .prev,
.loeb .pave-memo-trio .boutons .prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.loeb .pave-memo-solo .boutons .prev::before,
.loeb .pave-memo-duo .boutons .prev::before,
.loeb .pave-memo-trio .boutons .prev::before {
  font-size: 80%;
  margin-left: -2px;
}
.loeb .pave-memo-solo .boutons .next,
.loeb .pave-memo-duo .boutons .next,
.loeb .pave-memo-trio .boutons .next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.loeb .pave-memo-solo .boutons .next::after,
.loeb .pave-memo-duo .boutons .next::after,
.loeb .pave-memo-trio .boutons .next::after {
  font-size: 80%;
  margin-right: -2px;
}
.loeb .pave-memo-solo .puces,
.loeb .pave-memo-duo .puces,
.loeb .pave-memo-trio .puces {
  display: block;
}
.loeb .pave-memo-duo .paginate-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.5rem;
}
.loeb .pave-memo-duo .paginate-show > li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0.5rem;
  max-width: calc(50% - 1rem);
}
.loeb .pave-memo-duo .paginate-show .pave-contenu-image {
  height: 160px;
}
.loeb .pave-memo-trio .paginate-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.5rem;
}
.loeb .pave-memo-trio .paginate-show > li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: calc(33.3333333333% - 1rem);
  margin: 0.5rem;
}
.loeb .pave-memo-trio .paginate-show .pave-contenu-image {
  height: 160px;
}
.loeb .pave-html-videos .x-panel-header-text {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 900;
}
.loeb .pave-html-videos .x-panel-header-text::after {
  margin: 1rem 0;
}
.loeb .pave-html-videos .freehtml {
  display: block;
  max-width: 444px;
  margin: 0 auto;
}
.loeb .pave-html-videos .freehtml p {
  color: #218867;
  letter-spacing: -0.32px;
}
.loeb .pave-html-videos .a-pave-link {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.loeb .pave-html-videos .a-pave-link a {
  text-decoration: none;
}
.loeb .pave-html-videos .a-pave-link a:hover {
  color: #fff;
}
.loeb .a-video-pave {
  border-radius: 15px;
  overflow: hidden;
}
.loeb .pave-raccourcis {
  position: relative;
}
.loeb .pave-raccourcis .x-panel-header {
  height: 75px;
}
.loeb .pave-raccourcis .x-panel-header-text {
  position: absolute;
  top: 5.5rem;
  left: 0;
  right: 0;
  z-index: 1;
  font-size: 20px;
  font-weight: normal;
}
.loeb .pave-raccourcis .a-pave-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: 1rem;
  min-height: 350px;
  padding: 5rem 3rem 3rem 3rem;
  background: #F8F7F5;
  border-radius: 15px;
  border-right: 4px solid #FEBB2B;
  border-bottom: 4px solid #FEBB2B;
}
.loeb .pave-raccourcis .a-pave-wrapper-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #218867;
}
.loeb .pave-raccourcis .a-pave-wrapper-link::before {
  content: "";
  display: block;
  width: 90px;
  height: 104px;
  max-width: 100%;
  margin-bottom: 0.25rem;
  background: url("/css/theme/images/paves/hexa-bleu.svg") no-repeat center/100% 100%;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.loeb .pave-raccourcis .a-pave-wrapper-link:hover::before {
  -webkit-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
  -webkit-filter: drop-shadow(12px 7px 0px #ccc);
  filter: drop-shadow(12px 7px 0px #ccc);
}
.loeb .pave-raccourcis .a-pave-wrapper-link::after {
  position: absolute;
  content: "";
  display: block;
  width: 90px;
  height: 104px;
  max-width: 100%;
  margin-bottom: 0.25rem;
  background-image: url("/css/theme/images/paves/picto-fermier.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 50%;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.loeb .pave-raccourcis .a-pave-wrapper-link:hover::after {
  -webkit-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
}
.loeb .pave-raccourcis .a-pave-menu-301080-link::after,
.loeb .pave-raccourcis .a-pave-menu-9999176-link::after,
.loeb .pave-raccourcis .a-pave-menu-9999177-link::after {
  background-image: url("/css/theme/images/paves/raccourci-bourse.svg");
}
.loeb .pave-raccourcis .a-pave-menu-9999113-link::after {
  background-image: url("/css/theme/images/paves/raccourci-appro.svg");
}
.loeb .pave-raccourcis .a-pave-menu-9999153-link::after {
  background-image: url("/css/theme/images/paves/raccourci-farmer.svg");
}
.loeb .pave-raccourcis .a-pave-menu-201112-link::after,
.loeb .pave-raccourcis .a-pave-menu-201115-link::after {
  background-image: url("/css/theme/images/paves/raccourci-meteo.svg");
}
.loeb .pave-raccourcis .a-pave-menu-9999175-link::after {
  background-image: url("/css/theme/images/paves/raccourci-agro.svg");
}
.loeb .pave-raccourcis .a-pave-menu-9999166-link::after,
.loeb .pave-raccourcis .a-pave-menu-9999182-link::after,
.loeb .pave-raccourcis .a-pave-menu-9999183-link::after,
.loeb .pave-raccourcis .a-pave-menu-9999167-link::after {
  background-image: url("/css/theme/images/paves/raccourci-aladin.svg");
}
.loeb .pave-raccourcis .a-pave-menu-9999144-link::after,
.loeb .pave-raccourcis .a-pave-menu-9999178-link::after,
.loeb .pave-raccourcis .a-pave-menu-9999179-link::after {
  background-image: url("/css/theme/images/paves/raccourci-bioline.svg");
}
.loeb .pave-raccourcis .a-pave-menu-9999216-link::after {
  background-image: url("/css/theme/images/paves/raccourci-appro.svg");
}
.loeb .a-pave-hp-evenement {
  padding: 1rem 0.5rem 1rem 2rem;
  color: #fff;
  background: transparent -o-linear-gradient(314deg, #2A5172 0%, #0562A8 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(136deg, #2A5172 0%, #0562A8 100%) 0% 0% no-repeat padding-box;
  border-radius: 16px;
}
.loeb .a-pave-hp-evenement .x-panel-header-text {
  font-size: 1.5rem;
  color: #fff;
}
.loeb .a-pave-hp-evenement .x-panel-header-text::after {
  display: none;
}
.loeb .a-pave-hp-evenement .paginate-show {
  max-height: 430px;
  overflow-y: auto;
}
.loeb .a-pave-hp-evenement .paginate-show > li:not(:last-child) {
  margin-bottom: 2rem;
}
.loeb .a-pave-hp-evenement .paginate-show > li > a::after {
  content: "Voir l'événement ⟶";
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  margin-top: 0.5rem;
  -webkit-box-ordinal-group: 101;
  -ms-flex-order: 100;
  order: 100;
}
.loeb .a-pave-hp-evenement a:hover .pave-contenu-titre {
  text-decoration: none;
}
.loeb .a-pave-hp-evenement a:hover::after {
  color: #FEBB2B;
}
.loeb .a-pave-hp-evenement .pave-contenu-titre {
  text-transform: uppercase;
}
.loeb .a-pave-hp-evenement .pave-contenu-date {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.loeb .a-pave-hp-evenement .pave-contenu-date span {
  color: #FEBB2B;
  text-transform: uppercase;
}
.loeb .a-pave-hp-evenement .pave-contenu-date span:not(:last-child)::after {
  content: "/";
  margin: 0 3px;
}
.loeb .a-pave-hp-evenement .pave-contenu-date::before {
  display: none;
}
.loeb .a-pave-hp-evenement .pave-contenu-titre {
  margin-bottom: 0.5rem;
}
.loeb .a-pave-hp-evenement .sessions {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.loeb .a-pave-hp-evenement .session {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 900;
}
.loeb .a-pave-hp-evenement .session .lieu,
.loeb .a-pave-hp-evenement .session .date {
  display: none;
}
.loeb .a-pave-hp-evenement .pave-contenu-titre-resume {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.loeb .a-pave-hp-evenement .pave-contenu-titre-resume p {
  margin: 0.25rem 0;
  font-weight: 300;
}
.loeb .a-pave-hp-evenement .icon-prev,
.loeb .a-pave-hp-evenement .icon-next {
  background-color: transparent;
  color: #fff;
}
.loeb .a-pave-hp-evenement .page-puce {
  color: #fff;
  border-color: #fff;
}
.loeb .a-pave-hp-evenement .page-puce.actif {
  border-color: #FEBB2B;
}
.loeb .a-pave-hp-bhtml .x-panel-header-text {
  font-size: 30px;
  font-weight: 900;
}
.loeb .a-pave-hp-bhtml .x-panel-header-text::after {
  display: none;
}
.loeb .a-pave-hp-bhtml .pave-contenu-main {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.loeb .a-pave-hp-bhtml .pave-contenu-titre {
  color: #218867;
  text-transform: uppercase;
}
.loeb .a-pave-hp-bhtml .pave-contenu-resume {
  display: none;
}
.loeb .a-pave-hp-bhtml .pave-contenu-resume p {
  margin: 0.25rem 0;
}
.loeb .a-pave-hp-bhtml .pave-contenu-date {
  margin-left: auto;
  color: #FEBB2B;
  font-weight: 700;
}
.loeb .a-pave-hp-bhtml .pave-contenu-date::before {
  display: none;
}
.loeb .a-pave-hp-bhtml .paginate-show {
  padding: 0.5rem;
}
.loeb .a-pave-hp-bhtml .paginate-show > li {
  padding: 1rem;
  border-radius: 35px;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 13px -4px #ccc;
  box-shadow: 0 3px 13px -4px #ccc;
}
.loeb .a-pave-hp-bhtml .paginate-show > li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.loeb .a-pave-hp-bhtml .paginate-show > li > a::after {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  content: "Lire   ⟶";
  display: block;
  text-align: right;
  color: #d3d3d3;
}
.loeb .a-pave-hp-bhtml .container-type {
  margin-right: 0.5rem;
}
.loeb .a-pave-hp-bhtml .container-type-pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: red;
  color: #fff;
  border-radius: 50%;
}
.loeb .a-pave-hp-bhtml .container-type-pdf::before {
  content: "PDF";
  display: block;
  font-weight: 700;
}
.loeb .a-pave-hp-bhtml .page-puces {
  display: none;
}
.loeb .a-pave-hp-bhtml .boutons {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.5rem;
}
.loeb .a-pave-hp-bhtml .boutons span:first-child {
  margin-right: 0.5rem;
}
.loeb .a-pave-hp-bhtml .prev.inactive,
.loeb .a-pave-hp-bhtml .next.inactive {
  background-color: #d3d3d3;
}
.loeb .a-pave-hp-horaireSite {
  position: relative;
  padding: 3rem 4.5rem;
  border-right: 4px solid #FEBB2B;
  border-bottom: 4px solid #FEBB2B;
  border-radius: 35px;
  overflow: hidden;
  background: #F8F7F5 url(/css/theme/images/paves/silo.svg) no-repeat 40px 30px;
}
.loeb .a-pave-hp-horaireSite .x-panel-header-text {
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
  font-size: 20px;
}
.loeb .a-pave-hp-horaireSite .x-panel-header-text::before {
  display: none;
}
.loeb .a-pave-hp-horaireSite .x-panel-header-text::after {
  margin: 1rem 0;
}
.loeb .a-pave-hp-horaireSite .paginate-show {
  background: url("/css/theme/images/paves/horloge.svg") no-repeat 90% 70%;
}
.loeb .a-pave-hp-horaireSite .paginate-show > li:not(:last-child) {
  margin-bottom: 2rem;
}
.loeb .a-pave-hp-horaireSite .nom-site {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 20px;
  color: #218867;
  font-weight: 700;
}
.loeb .a-pave-hp-horaireSite .container:first-child .jour {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.loeb .a-pave-hp-horaireSite .container:last-child .jour {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.loeb .a-pave-hp-horaireSite .jour {
  padding: 0.25rem 0;
  background-color: #FEBB2B;
  color: #fff;
}
.loeb .a-pave-hp-horaireSite .status {
  color: #218867;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.loeb .a-pave-hp-horaireSite .status::before {
  content: "|";
  color: #d3d3d3;
  display: block;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  text-align: center;
}
.loeb .a-pave-hp-horaireSite .status div {
  min-height: 60px;
  margin: 0.25rem 0;
}
.loeb .a-pave-hp-horaireSite .status div:first-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.loeb .a-pave-hp-horaireSite .status div:last-child {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.loeb .a-pave-hp-horaireSite .horaire-type--2 {
  color: #CB000F;
}
.loeb .a-pave-hp-horaireSite .horairesite-legend {
  display: none;
}
.loeb .pave-lien-pan .pave-content-figure img {
  max-width: 390px;
  max-width: 100%;
  max-height: 480px;
}
.loeb .pave-lien-pan .x-panel-body > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.loeb .pave-lien-pan .x-panel-body > a a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #FEBB2B;
  text-decoration: none;
}
.loeb .pave-lien-pan .x-panel-body > a a:hover {
  background-color: #feb007;
  color: #fff;
}
.loeb .pave-lien-pan .x-panel-body > a::after {
  content: "Voir les offres ⟶";
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.loeb .a-pave-hp-newsletters .pave-contenu-image {
  width: 98%;
  margin: 0.5rem auto;
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
}
.loeb .a-pave-hp-newsletters .voir-newsletters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}
.loeb .a-pave-hp-newsletters .voir-newsletters a {
  display: block;
  margin-top: 0;
}
.loeb #new-mid > .pageatrium .structure-container:not([class*=full-width]),
.loeb #new-mid > .admin-page-atrium > .admin-page-atrium__previsu > .pageatrium .structure-container:not([class*=full-width]) {
  max-width: 100%;
}
.loeb #new-mid > .pageatrium .structure-container:not([class*=full-width]) .container-content,
.loeb #new-mid > .admin-page-atrium > .admin-page-atrium__previsu > .pageatrium .structure-container:not([class*=full-width]) .container-content {
  max-width: 1440px;
  margin: auto;
}
.loeb .structure-container.full-width .container-content {
  padding: 0 calc((100% - 1440px) / 2);
}
.loeb .a-pave-hp-connexion,
.loeb .pageatrium .pave-connexion {
  padding: 1rem 2rem;
  border-radius: 16px;
  border-right: 4px solid #FEBB2B;
  border-bottom: 4px solid #FEBB2B;
  background: #fefefe url("/css/theme/images/paves/serrure.svg") no-repeat 98% 0%/60px;
}
.loeb .a-pave-hp-connexion .logo,
.loeb .a-pave-hp-connexion h1,
.loeb .pageatrium .pave-connexion .logo,
.loeb .pageatrium .pave-connexion h1 {
  display: none;
}
.loeb .a-pave-hp-connexion .pave__header h3,
.loeb .pageatrium .pave-connexion .pave__header h3 {
  font-size: 1rem;
}
.loeb .a-pave-hp-connexion .x-panel-header-text,
.loeb .pageatrium .pave-connexion .x-panel-header-text {
  margin: auto;
  font-size: 1rem;
}
.loeb .a-pave-hp-connexion .auth-form,
.loeb .pageatrium .pave-connexion .auth-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.loeb .a-pave-hp-connexion .form-container-user,
.loeb .pageatrium .pave-connexion .form-container-user {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.loeb .a-pave-hp-connexion .form-container-pass,
.loeb .pageatrium .pave-connexion .form-container-pass {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.loeb .a-pave-hp-connexion .form-container-password,
.loeb .pageatrium .pave-connexion .form-container-password {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.loeb .a-pave-hp-connexion .form-container-remember,
.loeb .pageatrium .pave-connexion .form-container-remember {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
}
.loeb .a-pave-hp-connexion .girisbtn,
.loeb .pageatrium .pave-connexion .girisbtn {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
.loeb .a-pave-hp-connexion .form-container-inscription,
.loeb .pageatrium .pave-connexion .form-container-inscription {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}
.loeb .a-pave-hp-connexion #login-wrapper,
.loeb .pageatrium .pave-connexion #login-wrapper {
  padding-bottom: 2rem;
}
.loeb .a-pave-hp-connexion #login-wrapper .x-panel-header-text,
.loeb .pageatrium .pave-connexion #login-wrapper .x-panel-header-text {
  display: none;
}
.loeb .a-pave-hp-connexion #login-wrapper .form-container,
.loeb .pageatrium .pave-connexion #login-wrapper .form-container {
  margin-bottom: 1rem;
  overflow: auto;
}
.loeb .a-pave-hp-connexion #login-wrapper .form-container:nth-child(1), .loeb .a-pave-hp-connexion #login-wrapper .form-container:nth-child(2),
.loeb .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(1),
.loeb .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.loeb .a-pave-hp-connexion #login-wrapper .form-container:nth-child(1) input, .loeb .a-pave-hp-connexion #login-wrapper .form-container:nth-child(2) input,
.loeb .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(1) input,
.loeb .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(2) input {
  padding: 7px;
  border: none;
  background-color: #eee;
}
.loeb .a-pave-hp-connexion #login-wrapper .control-label,
.loeb .pageatrium .pave-connexion #login-wrapper .control-label {
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.loeb .a-pave-hp-connexion #login-wrapper .link.password,
.loeb .pageatrium .pave-connexion #login-wrapper .link.password {
  float: right;
  width: auto;
  font-size: 0.9rem;
}
.loeb .a-pave-hp-connexion #login-wrapper .link.inscription,
.loeb .pageatrium .pave-connexion #login-wrapper .link.inscription {
  float: right;
  width: auto;
  margin-top: 1rem;
}
.loeb .a-pave-hp-connexion #login-wrapper a:hover,
.loeb .pageatrium .pave-connexion #login-wrapper a:hover {
  text-decoration: underline;
}
.loeb .a-pave-hp-connexion #login-wrapper .girisbtn,
.loeb .pageatrium .pave-connexion #login-wrapper .girisbtn {
  margin: 0.25rem 0;
  margin-right: auto;
  border-radius: 16px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: museo-sans, arial;
}
.loeb .pageatrium {
  position: relative;
}
.loeb .pageatrium a {
  text-decoration: none;
}
.loeb .pageatrium > div {
  z-index: 1;
}
.loeb .pageatrium > div .structure-container:nth-child(0) {
  z-index: 0;
}
.loeb .pageatrium > div .structure-container:nth-child(1) {
  z-index: -1;
}
.loeb .pageatrium > div .structure-container:nth-child(2) {
  z-index: -2;
}
.loeb .pageatrium > div .structure-container:nth-child(3) {
  z-index: -3;
}
.loeb .pageatrium > div .structure-container:nth-child(4) {
  z-index: -4;
}
.loeb .pageatrium > div .structure-container:nth-child(5) {
  z-index: -5;
}
.loeb .pageatrium > div .structure-container:nth-child(6) {
  z-index: -6;
}
.loeb .pageatrium > div .structure-container:nth-child(7) {
  z-index: -7;
}
.loeb .pageatrium > div .structure-container:nth-child(8) {
  z-index: -8;
}
.loeb .pageatrium > div .structure-container:nth-child(9) {
  z-index: -9;
}
.loeb .pageatrium > div .structure-container:nth-child(10) {
  z-index: -10;
}
.loeb .pageatrium > div .structure-container:nth-child(11) {
  z-index: -11;
}
.loeb .pageatrium > div .structure-container:nth-child(12) {
  z-index: -12;
}
.loeb .pageatrium > div .structure-container:nth-child(13) {
  z-index: -13;
}
.loeb .pageatrium > div .structure-container:nth-child(14) {
  z-index: -14;
}
.loeb .pageatrium > div .structure-container:nth-child(15) {
  z-index: -15;
}
.loeb .pageatrium > div .structure-container:nth-child(16) {
  z-index: -16;
}
.loeb .pageatrium > div .structure-container:nth-child(17) {
  z-index: -17;
}
.loeb .pageatrium > div .structure-container:nth-child(18) {
  z-index: -18;
}
.loeb .pageatrium > div .structure-container:nth-child(19) {
  z-index: -19;
}
.loeb .pageatrium .container-illustration-1 {
  position: relative;
  min-height: 550px;
}
.loeb .pageatrium .container-illustration-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/css/theme/images/paves/decorationA1.svg) no-repeat center top/contain;
  pointer-events: none;
  z-index: -1;
}
.loeb .pageatrium .container-illustration-2 {
  position: relative;
  margin-top: -20rem;
}
.loeb .pageatrium .container-illustration-2::before {
  content: "";
  display: block;
  height: 519px !important;
  background: url(/css/theme/images/paves/formeB1.png) no-repeat center;
  z-index: -1;
}
.loeb .pageatrium .container-illustration-2::after {
  content: "";
  display: block;
  height: 513px !important;
  background: url(/css/theme/images/paves/formeB2.png) no-repeat center;
  margin-top: -24rem;
  z-index: -1;
}
.loeb .pageatrium .container-illustration-2 .container-content {
  min-height: 730px;
  background: #F8F7F5 url(/css/theme/images/paves/decorationB1.svg) no-repeat 100% 30%;
}
.loeb .pageatrium .container-illustration-2:not([style*="display: none;"]) + .structure-container {
  margin-top: -25rem !important;
}
.loeb .pageatrium .container-illustration-bleu {
  position: relative;
  color: #fff;
}
.loeb .pageatrium .container-illustration-bleu::before {
  content: "";
  display: block;
  height: 138px !important;
  background: url(/css/theme/images/paves/formeC1.png) no-repeat center;
  z-index: -1;
}
.loeb .pageatrium .container-illustration-bleu::after {
  content: "";
  display: block;
  height: 138px !important;
  background: url(/css/theme/images/paves/formeC2.png) no-repeat center;
  z-index: -1;
}
.loeb .pageatrium .container-illustration-bleu .container-content {
  min-height: 410px;
  background: #218867 url("/css/theme/images/paves/decorationC1.svg") no-repeat center;
}
.loeb .pageatrium .container-illustration-bleu .container-content > .bloc {
  margin: 0 !important;
  padding: 20px 0;
}
.loeb .pageatrium .container-illustration-bleu .pave__header h3 {
  color: #fff;
}
.loeb .pageatrium .container-illustration-bleu .ressource-liste {
  gap: 0;
}
.loeb .pageatrium .container-illustration-bleu article:nth-child(odd) {
  border-right: 1px solid #fff;
  padding-right: 2rem;
  padding-bottom: 1rem;
}
.loeb .pageatrium .container-illustration-bleu article:nth-child(even) {
  padding-left: 2rem;
  padding-bottom: 1rem;
}
.loeb .pageatrium .container-illustration-bleu .article__titre {
  color: #FFC306;
}
.loeb .pageatrium .container-illustration-bleu .page-puce {
  border: 1px solid #fff;
  background-color: #fff;
}
.loeb .pageatrium .paginate-puces .paginate-links {
  padding-top: 0;
  border-top: 0;
}
.loeb .pageatrium .paginate-puces .page-puce.actif {
  background-color: #218867;
}
.loeb .pageatrium .pave__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.loeb .pageatrium .pave__header::after {
  content: "";
  display: block;
  width: 60px;
  margin: 0 auto 1rem;
  border-radius: 8px;
  height: 4px;
  background-color: #FEBB2B;
}
.loeb .pageatrium .pave__header h3 {
  margin-bottom: 1rem;
  font-size: 45px;
  font-weight: 900;
  text-align: center;
  color: #218867;
}
.loeb .pageatrium .pave-youtube {
  border-radius: 1rem;
  overflow: hidden;
}
.loeb .pageatrium .pave-youtube .btn-coop {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.loeb .pageatrium .pave-custom-video {
  text-align: center;
}
.loeb .pageatrium .pave-raccourcis {
  padding: 2rem;
  background-color: #F8F7F5;
  border-right: 4px solid #FFC306;
  border-bottom: 4px solid #FFC306;
  border-radius: 1rem;
}
.loeb .pageatrium .pave-raccourcis .pave__header h3 {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: normal;
}
.loeb .pageatrium .pave-raccourcis .pave-menu__service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.loeb .pageatrium .pave-raccourcis .pave-menu__service:hover .pave-menu__service__image {
  -webkit-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
  -webkit-filter: drop-shadow(12px 7px 0px #ccc);
  filter: drop-shadow(12px 7px 0px #ccc);
}
.loeb .pageatrium .pave-raccourcis .pave-menu__liste {
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
}
.loeb .pageatrium .pave-raccourcis .pave-menu__item {
  margin: 0 auto;
}
.loeb .pageatrium .pave-raccourcis .pave-menu__service__image {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.loeb .pageatrium .pave-raccourcis .content-image {
  width: 90px;
  height: 104px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(/css/theme/images/paves/hexa-bleu.svg) no-repeat center/100% 100%;
}
.loeb .pageatrium .pave-raccourcis .content-image img {
  width: 70%;
  max-height: 60%;
}
.loeb .pageatrium .pave-raccourcis .pave-menu__service__titre {
  margin: 0.5rem 0 0;
  font-size: 1rem;
}
.loeb .pageatrium .pave-documents .article {
  grid-template-columns: auto 1fr;
  grid-template-areas: "grid__extension grid__titre grid__date" "grid__extension grid__resume grid__resume" "grid__extension . grid__link";
  padding: 1rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 7px #eee;
  box-shadow: 0 0 7px #eee;
  background-color: #fff;
}
.loeb .pageatrium .pave-documents .article__extension {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-position: center;
}
.loeb .pageatrium .pave-documents .article__date {
  color: #FFC306;
  font-weight: bold;
}
.loeb .pageatrium .pave-liste-videos img {
  border-radius: 1rem;
}
.loeb .pageatrium .pave-liste-videos .article {
  height: 100%;
}
.loeb .pageatrium .pave-liste-videos .article:hover .article__titre {
  text-decoration: underline;
}
.loeb .pageatrium .pave-liste-videos .article__titre {
  font-size: 1.1rem;
}
.loeb .pageatrium .image-centree .content-image {
  text-align: center;
}
.loeb .pageatrium .pave-horaire-site {
  position: relative;
  padding: 3rem 4.5rem;
  border-right: 4px solid #FFC306;
  border-bottom: 4px solid #FFC306;
  border-radius: 35px;
  overflow: hidden;
  background: #F8F7F5 url(/css/theme/images/paves/silo.svg) no-repeat 40px 30px;
}
.loeb .pageatrium .pave-horaire-site .pave__header h3 {
  font-size: 1.25rem;
  font-weight: 600;
  text-align: left;
}
.loeb .pageatrium .pave-horaire-site .pave__header::after {
  margin: 0;
}
.loeb .pageatrium .pave-horaire-site .ressource-liste {
  background: url(/css/theme/images/paves/horloge.svg) no-repeat 90% 70%;
}
.loeb .pageatrium .pave-horaire-site .horaire-matin::after {
  content: "|";
  display: block;
  margin: 0.25rem 0 0 0;
  text-align: center;
  color: #d3d3d3;
}
.loeb .pageatrium .pave-horaire-site .horaire-matin__heure,
.loeb .pageatrium .pave-horaire-site .horaire-aprem__heure {
  color: #218867;
}
.loeb .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header {
  padding: 0.25rem;
  border-bottom: 0;
  background-color: #FFC306;
  color: #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.loeb .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header:nth-child(2) {
  border-radius: 1rem 0 0 1rem;
  border-left: 2px solid #fff;
}
.loeb .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header:nth-child(8) {
  border-radius: 0 1rem 1rem 0;
  border-right: 2px solid #fff;
}
.loeb .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header span::before {
  display: none;
}
.loeb {
  color: #175f48;
}
.loeb .pageatrium .pave-raccourcis .content-image,
.loeb .pave-raccourcis .a-pave-wrapper-link::before {
  background: url("/css/theme/images/paves/hexa-LOEB.svg") no-repeat center/100% 100%;
}
.loeb .pageatrium .bloc-forme3 {
  background: transparent;
}
.loeb .pageatrium .bloc-forme4,
.loeb .pageatrium .container-illustration-bleu {
  background: #218867 url("/css/theme/images/paves/decorationC1.svg") no-repeat 60px 160px;
}
.loeb .pageatrium .bloc-forme4::before,
.loeb .pageatrium .container-illustration-bleu::before {
  background: url("/css/theme/images/paves/formeC1-LOEB.png") no-repeat center;
}
.loeb .pageatrium .bloc-forme4::after,
.loeb .pageatrium .container-illustration-bleu::after {
  background: url("/css/theme/images/paves/formeC2-LOEB.png") no-repeat center;
}
.loeb .a-pave-hp-evenement {
  background: transparent -o-linear-gradient(314deg, #218867 0%, #269873 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(136deg, #218867 0%, #269873 100%) 0% 0% no-repeat padding-box;
}
.loeb:not(.a-serv-hp) #topPanel,
.loeb:not(.a-serv-hp) #mid-panel,
.loeb:not(.a-serv-hp) .vue-container {
  position: relative;
  margin: 0 auto;
  margin-bottom: 2rem;
  padding: 0 5%;
}
.loeb .admin-page-atrium-editor .ressource-header {
  padding: 0 1rem 1rem;
}
.loeb .ariane {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  max-width: 100%;
  margin-top: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  text-transform: inherit;
  color: #d3d3d3;
  font-size: 0.9rem;
}
.loeb .titre-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  font-weight: bold;
  color: #218867;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.loeb .titre-service .service,
.loeb .titre-service .ressource {
  font-size: 45px;
  text-transform: uppercase;
}
.loeb .titre-service .service::after,
.loeb .titre-service .ressource::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.loeb .titre-service .service::after,
.loeb .titre-service .ressource::after {
  margin-left: 0;
}
.loeb .titre-service .icon-favoris {
  position: absolute;
  top: 100%;
  left: auto;
  margin: 0;
}
.loeb .service-ressource .titre-service .service {
  display: none;
}
.loeb .icon-favoris {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0.5rem;
  color: #FEBB2B;
}
.loeb .icon-favoris::after {
  content: "Ajouter aux favoris";
  width: auto;
  font-family: museo-sans, arial;
  color: #d3d3d3;
  font-size: 1rem;
  text-shadow: none;
}
.loeb .icon-favoris:hover::after {
  color: #218867;
}
.loeb .a-link-cns,
.loeb .a-link-adm,
.loeb .a-admin-page-accueil-back-link a {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.5rem 1rem;
  border-radius: 25px;
  background-color: #FEBB2B;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.loeb .a-link-cns::before,
.loeb .a-link-adm::before,
.loeb .a-admin-page-accueil-back-link a::before {
  margin-right: 0.25rem;
}
.loeb .gestionRessource .image-resume {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  overflow: hidden;
}
.loeb .gestionRessource .image-resume:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.loeb .gestionRessource .image-resume .content-image {
  width: 100%;
  height: 100%;
}
.loeb .gestionRessource .image-resume .content-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.loeb .gestionRessource .image-resume + .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -20px;
  padding: 1rem;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #218867;
  color: #fff;
}
.loeb .vue-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  padding-bottom: 1rem;
}
.loeb .vue-container:not(.admin-page-atrium, .pageatrium) {
  background: url("/css/theme/images/paves/decorationM.png") no-repeat top right;
}
.loeb .vue-container.pageatrium {
  padding-left: 0;
  padding-right: 0;
}
.loeb .vue-container:not(.flex-col) {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.loeb .vue-container .a-service-texte {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 70%;
  flex: 1 0 70%;
  padding-right: 2%;
}
.loeb .vue-container .a-service-texte > .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.loeb .vue-container .a-service-texte > .container > article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-bottom: 1rem;
  padding-right: 3rem;
}
.loeb .vue-container .a-service-texte > .container > article.img-left .resume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
  background-color: #218867;
  color: #fff;
  font-weight: bold;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.loeb .vue-container .a-service-texte > .container > article.img-left .image {
  max-height: 250px;
  margin: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.loeb .vue-container .a-service-texte > .container > article.img-left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.loeb .vue-container .a-service-texte > .container > article.img-middle .image img {
  border-radius: 30px;
}
.loeb .vue-container .a-service-texte > .container > aside {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.loeb .vue-container .a-service-texte > .container > aside > div {
  display: inline-block;
  margin-right: 1rem;
}
.loeb .vue-container .a-service-texte > .container > aside .edit-btn {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.loeb .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text {
  margin-right: 0;
  color: #FEBB2B;
}
.loeb .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text:hover {
  color: #db9601;
}
.loeb .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text:hover::before {
  color: #db9601;
}
.loeb .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text::before {
  color: #FEBB2B;
}
.loeb .vue-container .a-service-texte > .container > nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin: 1rem 0;
}
.loeb .vue-container .a-service-texte > .container > nav .precedent,
.loeb .vue-container .a-service-texte > .container > nav .suivant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem;
  color: #218867;
  text-decoration: none;
}
.loeb .vue-container .a-service-texte > .container > nav .precedent:hover,
.loeb .vue-container .a-service-texte > .container > nav .suivant:hover {
  color: #FEBB2B;
}
.loeb .vue-container .a-service-texte > .container > nav .precedent span {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 0.5rem;
}
.loeb .vue-container .a-service-texte > .container > nav .precedent::before {
  content: "\f104\f104";
  font-family: fontello;
}
.loeb .vue-container .a-service-texte > .container > nav .suivant {
  margin-left: auto;
}
.loeb .vue-container .a-service-texte > .container > nav .suivant span {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 0.5rem;
}
.loeb .vue-container .a-service-texte > .container > nav .suivant::after {
  content: "\f105\f105";
  font-family: fontello;
}
.loeb .vue-container .a-service-texte + aside {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  padding: 1rem 2rem;
  border-radius: 35px;
  border-right: 5px solid #FEBB2B;
  border-bottom: 5px solid #FEBB2B;
  background: #fff url("/css/theme/images/paves/ble.svg") no-repeat bottom right;
}
.loeb .vue-container .a-service-texte + aside > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.loeb .vue-container .a-service-texte + aside > .container nav {
  margin-bottom: 26px;
}
.loeb .vue-container .a-service-texte + aside > .container nav h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #218867;
  text-align: center;
}
.loeb .vue-container .a-service-texte + aside > .container nav h3::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.loeb .vue-container .a-service-texte + aside > .container nav p {
  margin: 5px 0;
}
.loeb .vue-container .a-service-texte + aside > .container .ressource-liste .item:not(:last-child) > a {
  margin-bottom: 1rem;
}
.loeb .vue-container .a-service-texte + aside > .container .ressource-liste .item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1rem;
}
.loeb .vue-container .a-service-texte + aside > .container .ressource-liste .item .image {
  width: 35%;
  height: 90px;
  margin-right: 1rem;
  border-radius: 15px;
  overflow: hidden;
}
.loeb .vue-container .a-service-texte + aside > .container .ressource-liste .item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.loeb .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
.loeb .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .titre {
  font: bold 1rem museo-sans, arial;
  color: #295C85;
}
.loeb .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .resume {
  font: normal 1rem museo-sans, arial;
  color: #02375F;
}
.loeb .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .resume * {
  all: inherit !important;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .page-puces {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.25rem;
  color: #218867;
  border: 1px solid #218867;
  border-radius: 20px;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce.show, .loeb .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:first-child, .loeb .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:first-child:not(.show) {
  margin-right: 1rem;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:last-child:not(.show) {
  margin-left: 1rem;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce::before {
  content: attr(data-index);
  display: block;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce.actif {
  background-color: #FEBB2B;
  color: #218867;
  border-color: #FEBB2B;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .prev,
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .next {
  color: #218867;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .prev::before, .loeb .vue-container .a-service-texte + aside > .container .paginate-links .prev::after,
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .next::before,
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .next::after {
  font-size: 2rem;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .prev.inactive,
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .next.inactive {
  opacity: 0.5;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .prev span,
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .next span {
  display: none;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .prev::before {
  margin-right: 7px;
}
.loeb .vue-container .a-service-texte + aside > .container .paginate-links .next::after {
  margin-left: 7px;
}
.loeb .button-mainColor button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: var(--coop-main-color);
  color: #FFF;
}
.loeb .button-secondColor button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: var(--coop-second-color);
  color: #FFF;
}
.loeb .button-blue button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: #164C74;
  color: #FFF;
}
.loeb .button-yellow button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: #FFC306;
  color: #FFF;
}
.loeb .a-serv-ress .info,
.loeb .a-serv-ress .diffusion,
.loeb .a-service-texte .info,
.loeb .a-service-texte .diffusion,
.loeb .a-serv-ress .img-left .info,
.loeb .a-serv-ress .img-left .diffusion,
.loeb .a-service-texte > .container .img-left .info,
.loeb .a-service-texte > .container .img-left .diffusion,
.loeb .a-serv-ress .img-middle .info,
.loeb .a-serv-ress .img-middle .diffusion,
.loeb .a-service-texte > .container .img-middle .info,
.loeb .a-service-texte > .container .img-middle .diffusion,
.loeb .a-serv-ress .img-hidden .info,
.loeb .a-serv-ress .img-hidden .diffusion,
.loeb .a-service-texte > .container .img-hidden .info,
.loeb .a-service-texte > .container .img-hidden .diffusion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  color: #d3d3d3;
}
.loeb .a-serv-ress .icon-clock,
.loeb .a-service-texte .icon-clock,
.loeb .a-serv-ress .img-left .icon-clock,
.loeb .a-service-texte > .container .img-left .icon-clock,
.loeb .a-serv-ress .img-middle .icon-clock,
.loeb .a-service-texte > .container .img-middle .icon-clock,
.loeb .a-serv-ress .img-hidden .icon-clock,
.loeb .a-service-texte > .container .img-hidden .icon-clock {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.loeb .a-serv-ress .icon-clock::before,
.loeb .a-service-texte .icon-clock::before,
.loeb .a-serv-ress .img-left .icon-clock::before,
.loeb .a-service-texte > .container .img-left .icon-clock::before,
.loeb .a-serv-ress .img-middle .icon-clock::before,
.loeb .a-service-texte > .container .img-middle .icon-clock::before,
.loeb .a-serv-ress .img-hidden .icon-clock::before,
.loeb .a-service-texte > .container .img-hidden .icon-clock::before {
  content: "\e81f";
  color: #218867;
  margin-right: 0.5rem;
}
.loeb .a-service-texte > .container .img-left .abstract,
.loeb .a-Evenement .img-left .abstract {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
  background-color: #000;
  color: #fff;
  font-weight: bold;
}
.loeb .a-service-texte > .container .img-left .image,
.loeb .a-Evenement .img-left .image {
  margin: 0;
}
.loeb .a-service-texte > .container .img-left .image img,
.loeb .a-Evenement .img-left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.loeb #visuPanel {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 70%;
  flex: 1 0 70%;
  max-width: 100%;
}
.loeb .service-ressource + #mid-panel #visuPanel {
  padding-left: calc((100% - 1440px) / 2);
  padding-right: 2%;
}
.loeb #presentPanel {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  padding: 1rem 2rem;
  border-radius: 35px;
  border-right: 5px solid #FEBB2B;
  border-bottom: 5px solid #FEBB2B;
  background: #fff url("/css/theme/images/paves/ble.svg") no-repeat bottom right;
}
.loeb #presentPanel .x-panel-header {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #218867;
  text-align: center;
}
.loeb #presentPanel .x-panel-header::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.loeb #presentPanel .a-EvenementGrid .cells {
  display: grid;
  grid-template-areas: "evenement-image evenement-titre" "evenement-image evenement-date";
  grid-template-columns: auto 1fr;
  width: 100%;
  background: transparent;
  border: 0;
}
.loeb #presentPanel .a-EvenementGrid .cells td:nth-child(1) {
  grid-area: evenement-image;
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
}
.loeb #presentPanel .a-EvenementGrid .cells td:nth-child(1) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.loeb #presentPanel .a-EvenementGrid .cells td:nth-child(2) {
  grid-area: evenement-date;
}
.loeb #presentPanel .a-EvenementGrid .cells td:nth-child(3) {
  grid-area: evenement-titre;
  margin: 0;
  font-weight: bold;
}
.loeb #presentPanel .a-SondageGrid .cells td:nth-child(1) {
  margin-right: 1rem;
}
.loeb .a-serv-ress .titlebar {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.loeb .a-serv-ress .titlebar > div {
  display: inline-block;
  margin-right: 1rem;
}
.loeb .a-serv-ress .titlebar .editRess-btn-ct {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.loeb .a-serv-ress .titlebar .editRess-btn-ct .x-btn-text {
  margin-right: 0;
  padding: 0.5rem 0.75rem;
  color: #fff;
  background-color: #FEBB2B;
  border-radius: 25px;
}
.loeb .a-serv-ress .titlebar .editRess-btn-ct .x-btn-text:hover {
  background-color: #db9601;
}
.loeb .a-serv-ress .titlebar .editRess-btn-ct .x-btn-text::before {
  color: #fff;
}
.loeb .prevRess-btn,
.loeb .nextRess-btn {
  font-size: 2rem;
  color: #218867;
}
.loeb .prevRess-btn:hover,
.loeb .nextRess-btn:hover {
  color: #FEBB2B;
}
.loeb .prevRess-btn button {
  display: none;
}
.loeb .prevRess-btn.icon-prev::before {
  content: "\f104\f104";
}
.loeb .nextRess-btn button {
  display: none;
}
.loeb .nextRess-btn.icon-next::after {
  content: "\f105\f105";
}
.loeb .x-toolbar .x-btn-text,
.loeb .titlebar .x-btn-text {
  width: 100%;
  padding: 0.5rem;
  text-align: left;
}
.loeb .x-toolbar .x-btn-text::before,
.loeb .titlebar .x-btn-text::before {
  margin-right: 0.5rem;
  color: #218867;
}
.loeb .x-toolbar .x-btn-text:hover,
.loeb .titlebar .x-btn-text:hover {
  color: #218867;
}
.loeb .titre2 .ck-content h2, .loeb .titre2 .ck-content h3 {
  font-size: 45px;
  font-weight: bold;
}
.loeb .titre3 .ck-content h2, .loeb .titre3 .ck-content h3 {
  font-size: 30px;
  font-weight: bold;
}
.loeb .titre4 .ck-content h2, .loeb .titre4 .ck-content h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.loeb .titre4 .ck-content h2::after, .loeb .titre4 .ck-content h3::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.loeb .page-container:not(.pageatrium) .description a,
.loeb .page-container:not(.pageatrium) .freehtml a,
.loeb .page-container:not(.pageatrium) .ck-content a {
  text-decoration: underline;
  font-weight: bold;
}
.loeb .page-container:not(.pageatrium) .description a:hover,
.loeb .page-container:not(.pageatrium) .freehtml a:hover,
.loeb .page-container:not(.pageatrium) .ck-content a:hover {
  color: #FEBB2B;
}
.loeb .page-container:not(.pageatrium) .description ul, .loeb .page-container:not(.pageatrium) .description ol,
.loeb .page-container:not(.pageatrium) .freehtml ul,
.loeb .page-container:not(.pageatrium) .freehtml ol,
.loeb .page-container:not(.pageatrium) .ck-content ul,
.loeb .page-container:not(.pageatrium) .ck-content ol {
  list-style: inherit;
  margin-left: 2rem;
}
.loeb .page-container:not(.pageatrium) .description .titre2,
.loeb .page-container:not(.pageatrium) .freehtml .titre2,
.loeb .page-container:not(.pageatrium) .ck-content .titre2 {
  font-size: 45px;
  font-weight: bold;
}
.loeb .page-container:not(.pageatrium) .description .titre3,
.loeb .page-container:not(.pageatrium) .freehtml .titre3,
.loeb .page-container:not(.pageatrium) .ck-content .titre3 {
  font-size: 30px;
  font-weight: bold;
}
.loeb .page-container:not(.pageatrium) .description .titre4,
.loeb .page-container:not(.pageatrium) .freehtml .titre4,
.loeb .page-container:not(.pageatrium) .ck-content .titre4 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.loeb .page-container:not(.pageatrium) .description .titre4::after,
.loeb .page-container:not(.pageatrium) .freehtml .titre4::after,
.loeb .page-container:not(.pageatrium) .ck-content .titre4::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.loeb .page-container:not(.pageatrium) .description .style-bouton,
.loeb .page-container:not(.pageatrium) .freehtml .style-bouton,
.loeb .page-container:not(.pageatrium) .ck-content .style-bouton {
  border-radius: 20px;
  padding: 0.5rem 1rem;
  background-color: #FEBB2B;
  color: #fff;
  border: 0;
  cursor: pointer;
}
.loeb .page-container:not(.pageatrium) .description table,
.loeb .page-container:not(.pageatrium) .freehtml table,
.loeb .page-container:not(.pageatrium) .ck-content table {
  border-collapse: collapse;
}
.loeb .page-container:not(.pageatrium) .description table tr:nth-child(2n) td,
.loeb .page-container:not(.pageatrium) .freehtml table tr:nth-child(2n) td,
.loeb .page-container:not(.pageatrium) .ck-content table tr:nth-child(2n) td {
  background-color: #53d5ac;
}
.loeb .page-container:not(.pageatrium) .description table td,
.loeb .page-container:not(.pageatrium) .freehtml table td,
.loeb .page-container:not(.pageatrium) .ck-content table td {
  padding: 0.5rem;
}
.loeb .a-cnsPanelContactList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1rem;
  border: 1px solid #218867;
}
.loeb .a-cnsPanelContactList > .btn-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: block;
  margin-right: 2rem;
  padding: 0.5rem 0;
  background-color: transparent;
  color: #218867;
  font-size: 1rem;
  font-weight: bold;
  border: 0;
}
.loeb .a-cnsPanelContactList > .btn-text::before {
  display: none;
}
.loeb .a-cnsPanelContactList .contacts-list {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 0.5rem 0;
}
.loeb .a-cnsPanelContactList .contacts-list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.loeb .a-cnsPanelContactList .contacts-list .a-main-contact:not(:last-child) {
  margin-bottom: 1rem;
}
.loeb .a-cnsPanelContactList .contacts-list .contact {
  margin-right: 0.5rem;
}
.loeb .Comment {
  margin: 1rem 0;
  background-color: #efefef;
}
.loeb .Comment .dateheure,
.loeb .Comment .auteur {
  color: #218867;
}
.loeb .Comment .icon-remove {
  color: #f64747;
}
.loeb .contact-comment .phone {
  padding-left: 18px;
  color: #b1b1b1;
}
.loeb .contact-comment .icon-courrier::after {
  margin-left: 10px;
  font-size: 20px;
}
.loeb .a-CnsPanelContactList .x-panel-tbar {
  padding: 0.5rem;
  background-color: #ddd;
}
.loeb .a-CnsPanelContactList .x-panel-body {
  padding: 0.5rem;
}
.loeb .a-CnsPanelContactList .r-toolbar-contact span {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  font: normal 1rem museo-sans, arial;
}
.loeb .a-CnsPanelContactList .r-toolbar-contact button::before {
  color: #ffffff;
  vertical-align: baseline;
}
.loeb #visuPanel .x-panel-tbar > ul.r-toolbar-contact {
  padding: 0;
}
.loeb .a-CnsPanelComment {
  margin-top: 1rem;
}
.loeb .a-CnsPanelComment h3 {
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 16px;
  color: #218867;
  text-transform: uppercase;
}
.loeb .a-CnsPanelComment .dateheure {
  padding: 1rem;
  font-size: 0.923rem;
  font-weight: bold;
  color: #666666;
}
.loeb .a-CnsPanelComment .CommentHeader {
  font-size: 16px;
  color: #9b9b9b;
  text-transform: inherit;
}
.loeb .a-NavigationPanel {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.loeb .page-navigation .btn-vue {
  background-color: #218867;
}
.loeb .page-navigation .btn-vue:hover {
  background-color: #1a6b51;
}
.loeb #visuPanel .a-CnsPanelComment > .x-panel-header {
  font-variant: small-caps;
  font-size: 1rem;
  color: #218867;
  margin: 0 auto;
  border-bottom-color: #218867;
  border-bottom-style: solid;
}
.loeb #visuPanel .a-CnsPanelComment > .x-panel-header > span {
  color: #218867;
}
.loeb .Comment .icon-remove {
  float: right;
  margin-top: 0.5em;
}
.loeb .a-form-comment .x-btn button {
  padding: 10px;
  background-color: #218867;
  color: #fff;
}
.loeb .r-toolbar-contact span {
  color: #218867;
  text-transform: uppercase;
  font-size: 16px;
}
.loeb #PrecoPanel div.titre {
  font-size: 1.05em;
  font-weight: bold;
  padding: 5px;
  color: #218867;
}
.loeb .vue-container.admin .grid thead {
  font-family: museo-sans, arial;
}
.loeb .vue-container th {
  background-color: #218867;
}
.loeb .suiviactivite .form-item label {
  color: #218867;
  font-weight: bold;
}
.loeb .suiviactivite .icon-download,
.loeb .suiviactivite .icon-plus {
  color: #218867;
}
.loeb .structure-filtres {
  position: sticky;
  top: 9rem;
  padding: 1rem;
  background-color: #218867;
  border-top: 0;
  z-index: 1;
}
.loeb .structure-filtres .form-item label {
  color: #fff;
}
.loeb .structure-filtres .form-row {
  margin: 0;
}
.loeb .newsletters .header-site {
  text-align: left;
  margin-bottom: 0.75rem;
}
.loeb .newsletters .btn-picto {
  font-size: 1rem;
  margin-right: 18px;
  color: #6b6b6b;
}
.loeb .newsletters .btn-picto:hover {
  color: #000;
}
.loeb .newsletters .tabs-component-panels {
  border-color: #218867;
}
.loeb .tabs-component-tab.is-active {
  border-color: #218867;
}
.loeb .abonnement_choix {
  color: #218867;
  font-weight: bold;
}
.loeb .abonnement_choix .btn-vue {
  min-height: 35px;
  background-color: #218867;
  color: #fff;
  font-size: 1.1rem;
  font-weight: normal;
}
.loeb .abonnement_info::before {
  margin-left: 0.5rem;
}
.loeb .siteplan ul {
  margin: 0;
  padding: 0;
}
.loeb .siteplan .menus > li:not(:last-child) {
  margin-bottom: 3rem;
}
.loeb .siteplan .services > li {
  padding: 0.25rem 0;
}
.loeb .siteplan .menus > li > *:first-child {
  display: block;
  padding: 1rem;
  background-color: #efefef;
  color: #218867;
  font-weight: bold;
  font-size: 1.1rem;
  border-bottom: 3px solid;
}
.loeb .siteplan .submenus > li {
  margin-bottom: 0.25rem;
  color: #218867;
  font-size: 1.05rem;
}
.loeb .siteplan .menu-item-cns > a {
  color: #218867;
  font-size: 1rem;
}
.loeb .a-OrganisationAct {
  border-bottom: 5px solid #e8e8e8;
  padding-bottom: 1rem;
}
.loeb .a-Organisation-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.loeb .a-Organisation-detail {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
.loeb .a-Organisation-link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0%;
  flex: 0 0 0%;
  text-align: center;
}
.loeb .a-OrganisationActLinkMembers {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  background-color: #218867;
  color: #fff;
  border: 3px solid transparent;
  border-radius: 25px;
}
.loeb .open-members .a-OrganisationActLinkMembers {
  background-color: #fff;
  color: #218867;
  border: 3px solid #218867;
}
.loeb .a-Organisation-members {
  margin: -0.5rem -0.5rem 1rem -0.5rem;
}
.loeb .a-Organisation-member {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: calc(33.3333% - 1rem);
  margin: 0.5rem;
  background-color: #f2f7f9;
}
.loeb .a-Organisation-member .libelle {
  display: none;
}
.loeb .a-Organisation-member:nth-child(odd) {
  margin-right: 0.5rem;
}
.loeb .a-Organisation-memberImg {
  float: left;
  width: 35%;
  margin-top: 0;
  padding-right: 0.5rem;
}
.loeb .a-Organisation-memberDataTitle {
  font-weight: bold;
}
.loeb .a-Organisation-memberDataFct {
  font-weight: 500;
}
.loeb .a-Organisation-memberDataDetail {
  width: 100%;
  float: left;
}
.loeb .a-Organisation-memberDataDetail li {
  margin-bottom: 0.25rem;
}
.loeb .a-Organisation-memberDataDetail li::before {
  font-family: fontello;
  width: 1rem;
  height: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.5rem;
  padding: 0.25rem;
  color: #218867;
  border: 2px solid #218867;
  border-radius: 25px;
}
.loeb .a-Organisation-memberDataDetail .tel::before, .loeb .a-Organisation-memberDataDetail .mobile::before {
  content: "\e81e";
}
.loeb .a-Organisation-memberDataDetail .mail::before {
  content: "\e804";
}
.loeb .a-Organisation-memberDataDetail .fax::before {
  content: "\f1ac";
}
.loeb .a-Organisation-memberDataDetail .icon-mail::before {
  display: none;
}
.loeb .a-pave-hp-horaireSite .horairesite-legend {
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  max-width: 30%;
}
.loeb .a-pave-hp-horaireSite .horairesite-legend-item {
  font-weight: bold;
}
.loeb .a-pave-hp-horaireSite .horairesite-legend-item:not(:last-child)::after {
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  border-right: 2px solid #000;
}
.loeb .horairesite-config {
  padding: 0;
}
.loeb .a-Sondage .a-Intitule {
  color: #218867;
}
.loeb .question-impair,
.loeb .question-pair {
  padding: 0.25rem 0.25rem 0;
}
.loeb .question-impair {
  background-color: #f1f1f1;
}
.loeb .a-BanqueDocumentHTML .x-panel-header {
  color: #218867;
  font-weight: bold;
}
.loeb li.x-tree-node span:hover,
.loeb li.x-tree-node .x-tree-selected span {
  color: #218867;
}
.loeb .banque-toolbar .x-btn-text:hover {
  color: #fff;
}
.loeb .a-banque-lastdocs {
  padding: 1rem;
  border: 2px solid #218867;
  background-color: #fff;
}
.loeb .a-banque-arbo {
  padding: 1rem;
  background-color: #fff;
  border-bottom: 2px solid #218867;
}
.loeb .a-banque-arbo .x-tree-node-anchor::before,
.loeb .a-banque-arbo .x-tree-node-collapsed .x-tree-node-anchor::before,
.loeb .a-banque-arbo .a-banque-fil-ariane span::before {
  color: #d3d3d3;
}
.loeb .a-banque-arbo .x-tree-node-el {
  padding: 0.5rem 0;
}
.loeb .a-banque-fil-ariane {
  background-color: #f7f7f7;
}
.loeb .fil-ariane-folder::before {
  color: #d3d3d3;
}
.loeb .a-banque-tree {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
.loeb .lastdocs {
  padding: 1rem;
  background-color: #fff;
}
.loeb .lastdocs .options {
  margin-left: 1rem;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: #218867;
}
.loeb #visuPanel .docs, .loeb .lastdocs .row {
  min-height: inherit;
  border-right: 0;
}
.loeb .a-image-wrapper {
  width: 32px;
  height: 32px;
  margin-top: 10px;
  background-size: contain;
}
.loeb .a-folder-doc-nombre {
  background-color: #218867;
  color: #fff;
  -webkit-box-shadow: 0 0 3px #000;
  box-shadow: 0 0 3px #000;
}
.loeb .lastdocsdetail .icon-download {
  display: block;
  width: 100%;
  text-align: center;
  border: 0;
}
.loeb .properties-list li span:first-child {
  color: #218867;
  font-weight: bold;
}
.loeb .a-virement-grid table {
  border-collapse: inherit;
}
.loeb .a-virement-grid .cells {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33% - 1rem);
  flex: 0 0 calc(33% - 1rem);
  margin: 0.5rem;
  border-bottom: 2px solid #218867;
  -webkit-box-shadow: 0 0 3px #d3d3d3;
  box-shadow: 0 0 3px #d3d3d3;
  word-break: break-word;
}
.loeb .morte-saison,
.loeb .offredirecte {
  font-family: museo-sans, arial;
  font-size: 1rem;
}
.loeb .morte-saison h2,
.loeb .offredirecte h2 {
  font-weight: normal;
}
.loeb .morte-saison input[type^=file],
.loeb .offredirecte input[type^=file] {
  padding: 0;
}
.loeb .morte-saison .recuperation h2,
.loeb .offredirecte .recuperation h2 {
  color: #218867;
}
.loeb .morte-saison .voir-nouveautes,
.loeb .morte-saison .dispo-seulement,
.loeb .morte-saison .prix,
.loeb .morte-saison .conditionnement,
.loeb .offredirecte .voir-nouveautes,
.loeb .offredirecte .dispo-seulement,
.loeb .offredirecte .prix,
.loeb .offredirecte .conditionnement {
  color: #218867;
}
.loeb .morte-saison .offre .ref,
.loeb .offredirecte .offre .ref {
  margin: 1rem;
}
.loeb .morte-saison .offre .titre,
.loeb .offredirecte .offre .titre {
  font: normal 25px museo-sans, arial;
  color: #218867;
}
.loeb .morte-saison .offre .resume,
.loeb .offredirecte .offre .resume {
  font: normal 14px museo-sans, arial;
}
.loeb .morte-saison .offre .commandes a,
.loeb .offredirecte .offre .commandes a {
  color: #218867;
}
.loeb .morte-saison .offre .infos ::before,
.loeb .morte-saison .offre .recuperation ::before,
.loeb .morte-saison .offre .offre-footer ::before,
.loeb .offredirecte .offre .infos ::before,
.loeb .offredirecte .offre .recuperation ::before,
.loeb .offredirecte .offre .offre-footer ::before {
  color: #218867;
}
.loeb .morte-saison .total-commande,
.loeb .offredirecte .total-commande {
  border-color: #218867;
  color: #218867;
}
.loeb .morte-saison .ms-content h1,
.loeb .morte-saison .ms-content h2,
.loeb .offredirecte .ms-content h1,
.loeb .offredirecte .ms-content h2 {
  color: #218867;
}
.loeb .morte-saison .ms-content .total-commande,
.loeb .offredirecte .ms-content .total-commande {
  font-weight: 500;
  color: #c32126;
}
.loeb .panel-exploitation ::before {
  color: #218867;
}
.loeb .offredirecte-titre,
.loeb .offredirecte-quantiteDispo::before,
.loeb .offredirecte-logistique .icon-livraison,
.loeb .offredirecte-prix_prefixe,
.loeb .offredirecte-listeOffresRef_titre,
.loeb .titre-confirm-engagement,
.loeb .offredirecte-periodeLiv label {
  color: #218867;
}
.loeb .col-engagement button {
  font-family: museo-sans, arial;
}
.loeb .genfiche-formulaire fieldset legend {
  font: 300 24px museo-sans, arial;
  color: #218867;
}
.loeb .genfiche-formulaire fieldset .form-group {
  border-left: 1px solid #218867;
  padding-left: 1rem;
}
.loeb .genfiche-formulaire fieldset .form-group label {
  font: 300 21px museo-sans, arial;
}
.loeb .genfiche-formulaire #preconisations-commentaires th {
  border-color: #218867;
}
.loeb .a-offres-wrapper th {
  padding: 1rem 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #69778c;
  font-weight: bold;
}
.loeb .a-offres-wrapper td[data-title^=Prix] {
  font-size: 1.4em;
  color: #e63946;
}
.loeb .a-offres-wrapper td[data-title^=Prix]::after {
  content: " € HT / Tonne";
}
.loeb .a-offrespot .engagement .detail-cours .label {
  padding: 5px 10px;
  font-weight: bold;
  background-color: #f7ab11;
  color: white;
  line-height: 1.9em;
}
.loeb .a-offrespot .offre-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.loeb .a-offrespot .links > .offre-toolbar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin-left: 1rem;
  padding: 1rem;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: #fff;
  background-color: #218867;
  text-decoration: none;
}
.loeb .a-offrespot .links > .offre-toolbar a:hover {
  background-color: #1a6b51;
}
.loeb .a-offrespot .r-grid th {
  background-color: #a0aeb7;
  color: #fff;
}
.loeb .a-offrespot a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.loeb .a-offres-wrapper td > span > a {
  background-color: #51c47d;
  color: #fff;
  padding: 0.3em 20%;
  border-radius: 5px;
  border-bottom: 2px solid rgba(146, 146, 146, 0.5);
}
.loeb .a-offres-wrapper td > span > a:hover {
  background-color: #3db46b;
}
.loeb .a-liste-offres a {
  color: #218867;
}
.loeb .a-engagement-offre .x-panel-header-text {
  background-color: #f7ab11;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
}
.loeb .a-cns-panel-exploitation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.loeb .a-profil h2,
.loeb .a-profil h3 {
  color: #218867;
}
.loeb .a-profil h3::before {
  color: #218867;
}
.loeb .a-profil h3::after {
  border-color: #218867;
}
.loeb .a-profil .icon-expand,
.loeb .a-profil .icon-expanded {
  color: #218867;
}
.loeb .adresse-categorie {
  color: #218867;
}
.loeb .contact_message {
  color: #218867;
}
.loeb .infos-compte h3::after,
.loeb .infos-exploitation h3::after {
  border-color: #218867;
}
.loeb .monprofil-infoperso label {
  color: #218867;
  font-weight: bold;
}
.loeb .monprofil-menu_item a::before {
  color: #218867;
}
.loeb .expand-list_sousRub_cat {
  font-weight: 300;
}
.loeb .adresse-header {
  background-color: #218867;
  color: #fff;
}
.loeb .adresse-header .icon-cross {
  color: #fff;
}
.loeb .pan-annonce .pan-entete,
.loeb .pan-annonce legend {
  color: #218867;
}
.loeb .a-PetitesAnnonces .a-create-bt button:hover,
.loeb .a-PetitesAnnonces .a-back-bt button:hover,
.loeb .a-PetitesAnnonces .a-mail-bt button:hover,
.loeb .a-PetitesAnnonces .prevPage-btn button:hover,
.loeb .a-PetitesAnnonces .nextPage-btn button:hover,
.loeb .a-PetitesAnnoncesAdm .a-create-bt button:hover,
.loeb .a-PetitesAnnoncesAdm .a-back-bt button:hover,
.loeb .a-PetitesAnnoncesAdm .a-mail-bt button:hover,
.loeb .a-PetitesAnnoncesAdm .prevPage-btn button:hover,
.loeb .a-PetitesAnnoncesAdm .nextPage-btn button:hover {
  color: #fff;
}
.loeb .a-PetitesAnnonces .prevPage-btn button,
.loeb .a-PetitesAnnonces .nextPage-btn button,
.loeb .a-PetitesAnnoncesAdm .prevPage-btn button,
.loeb .a-PetitesAnnoncesAdm .nextPage-btn button {
  border-radius: 20px;
}
.loeb .a-PetitesAnnonces .prevPage-btn ::before,
.loeb .a-PetitesAnnonces .prevPage-btn ::after,
.loeb .a-PetitesAnnonces .nextPage-btn ::before,
.loeb .a-PetitesAnnonces .nextPage-btn ::after,
.loeb .a-PetitesAnnoncesAdm .prevPage-btn ::before,
.loeb .a-PetitesAnnoncesAdm .prevPage-btn ::after,
.loeb .a-PetitesAnnoncesAdm .nextPage-btn ::before,
.loeb .a-PetitesAnnoncesAdm .nextPage-btn ::after {
  color: #fff;
}
.loeb .x-toolbar.horairesite-toolbar .x-btn-text {
  width: auto;
  padding: 0;
}
.loeb .horairesite-config-subtitle {
  border-bottom: 2px solid #218867;
}
.loeb .horairesite-toolbar .x-btn {
  color: #218867;
}
.loeb .horairesite-toolbar .x-btn.x-btn-over {
  color: #1a6b51;
}
.loeb .rss-flux-title {
  font-size: 1.2rem;
}
.loeb .rss-flux-title::before {
  margin-right: 0.5rem;
  color: orange;
}
.loeb .rss-item {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #f0f0f0;
}
.loeb .rss-item-title {
  margin: 0;
}
.loeb .rss-item-title a {
  color: #218867;
}
.loeb .rss-item-date {
  font-size: 0.9rem;
  font-weight: normal;
}
.loeb .rss-item-link {
  text-align: right;
}
.loeb .a-suivi-bon .apport,
.loeb .a-suivi-bon .appro,
.loeb .a-suivi-bon .engagement,
.loeb .a-suivi-bon .commande {
  position: relative;
  width: 100%;
  min-height: 195px;
  margin: 1rem auto;
  padding: 1rem 1rem 35px;
  background-color: #f7f7f7;
  border-bottom: 2px solid #654cfe;
}
.loeb .a-list-bon .x-panel-header-text {
  font-weight: bold;
  background-color: #654cfe;
  padding: 0.5rem 1rem;
  width: 100%;
  display: block;
  color: #fff;
}
.loeb .a-suivi-bon-form {
  margin-top: 1em;
  position: relative;
}
.loeb .a-suivi-bon-form .x-panel-header,
.loeb .a-suivi-bon-form .a-dernier-bon .x-panel-header {
  background-color: #a0aeb7;
  padding: 1em;
}
.loeb .a-suivi-bon-form .x-panel-header-text,
.loeb .a-suivi-bon-form .a-dernier-bon .x-panel-header-text {
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
.loeb .a-suivi-bon-form > .x-panel-bwrap {
  background: #fafafa;
  padding-top: 0.5em;
}
.loeb .a-suivi-bon-form .x-form-item {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 1.5em 1em 1em;
}
.loeb .a-suivi-bon-form .x-panel-footer {
  background-color: #fafafa;
}
.loeb .a-suivi-bon-form #exploitCombo {
  float: right;
}
.loeb .a-suivi-bon-form #exploitCombo .col-m-50 {
  width: auto;
  padding: 0 1rem;
  padding-bottom: 0;
}
.loeb .a-suivi-bon-form #exploitCombo .x-form-label-left label {
  display: block;
}
.loeb .filtre-criteres {
  border-bottom-color: #218867;
}
.loeb .suivivirement header h3:after {
  border-color: #218867;
}
.loeb .suivivirement-menu ::before {
  color: #218867;
}
.loeb .a-admin-page-accueil-panel-grid .x-btn-text::before,
.loeb .a-adminpageaccueil-editor .x-btn-text::before,
.loeb .a-custom-grid-panel .x-btn-text::before,
.loeb .a-ContenuHTML-tbar .x-btn-text::before {
  color: #218867;
}
.loeb .a-adminpageaccueil-editor .a-adminpageaccueil-portlet .x-panel-header {
  color: #FEBB2B;
}
.loeb .a-serv-adm .a-ComponentAdmFormTitle,
.loeb .a-serv-adm .x-panel-header {
  background-color: #FEBB2B;
}
.loeb .a-serv-adm form .x-form-file-wrap .x-form-file-btn {
  padding: 0.25rem 0.5rem;
  background-color: #FEBB2B;
}
.loeb .a-serv-adm form .x-form-file-wrap .x-form-file-btn .x-btn-text {
  color: #fff;
}
.loeb .a-serv-adm form .a-ImagePanel-choice .x-btn-text {
  background-color: #FEBB2B;
}
.loeb .a-serv-adm form .x-panel-header,
.loeb .a-serv-adm form .position-header-cls label.x-form-item-label,
.loeb .a-serv-adm form [id^=labelTitre],
.loeb .a-serv-adm form [id^=labelResume],
.loeb .a-serv-adm form [id^=labelDescrip],
.loeb .a-serv-adm form [id^=labelListDiff],
.loeb .a-serv-adm form fieldset.a-Transverse-panelTransversaliteAdmin-fieldsetListTermes > legend span,
.loeb .a-serv-adm form .contacts label,
.loeb .a-serv-adm form .a-ComponentAdmFormTitle {
  background-color: #FEBB2B;
}
.loeb .a-serv-adm form .image-middle .x-form-check-checked .x-form-radio-wrap-inner::before, .loeb .a-serv-adm form .image-left .x-form-check-checked .x-form-radio-wrap-inner::before, .loeb .a-serv-adm form .image-hidden .x-form-check-checked .x-form-radio-wrap-inner::before {
  border: solid 3px #FEBB2B;
}
.loeb .a-serv-adm form legend .x-fieldset-header-text {
  color: #FEBB2B;
}
.loeb .a-serv-adm form .icon-add {
  color: #FEBB2B;
}
.loeb .a-adminpageaccueil-editor .a-adminpageaccueil-portlet .x-panel-header {
  background-color: #fff;
}
.loeb .a-adminpageaccueil-editor .a-adminpageaccueil-portlet button.icon-config {
  background-color: #FEBB2B;
}
.loeb .a-adminpageaccueil-editor .a-adminpageaccueil-portlet button.icon-config:hover {
  background-color: #feb007;
}
.loeb .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .titre,
.loeb .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .resume {
  color: #175f48;
}
@media (max-width: 1500px) {
  .loeb.a-serv-hp [class*=bloc-forme] > .ensemble {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (max-width: 1440px) {
  .loeb .a-link-cns,
.loeb .a-link-adm {
    margin-right: 1rem;
  }
  .loeb .vue-container .a-service-texte > .container > article {
    padding-left: 3rem;
  }
  .loeb .vue-container .a-service-texte > .container > nav .precedent {
    left: 0;
  }
  .loeb .service-ressource + #mid-panel #visuPanel {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .loeb.a-serv-hp #mid-panel {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 901px) {
  .loeb .a-pave-hp.pos-left, .loeb .a-pave-hp.pos-none {
    margin-right: 3rem;
  }
  .loeb .a-pave-hp.pos-right {
    margin-left: 3rem;
  }
}
@media (max-width: 900px) {
  .loeb .logo > * {
    width: 100px;
    height: 60px;
  }
  .loeb .header-item {
    width: 40px;
    height: 40px;
  }
  .loeb .header-item::before {
    font-size: 16px;
  }
  .loeb .welcome-div {
    display: none;
  }
  .loeb #login, .loeb #logout {
    margin-left: 0;
  }
  .loeb .gestionRessource .image-resume {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
  }
  .loeb .gestionRessource .image-resume:last-child {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .loeb .gestionRessource .image-resume + .cell {
    margin-top: -20px;
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .loeb .vue-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .loeb .vue-container .a-service-texte,
.loeb .vue-container .a-service-texte + aside {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .loeb .vue-container .a-service-texte > .container > article {
    padding-left: 0;
    padding-right: 0;
  }
  .loeb .vue-container .a-service-texte > .container > nav .precedent,
.loeb .vue-container .a-service-texte > .container > nav .suivant {
    position: static;
  }
  .loeb .suiviactivite {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .loeb #mid-panel {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .loeb #visuPanel,
.loeb #presentPanel {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .loeb .header-site .menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: calc(100vh - var(--header-height));
    padding: 0;
    overflow: auto;
  }
  .loeb .header-site .menu::after {
    position: static;
  }
  .loeb .mojo,
.loeb .postRubrique-deco {
    display: none;
  }
  .loeb #homepage,
.loeb #favoris,
.loeb #profil,
.loeb #mentions,
.loeb #contacts {
    display: none;
  }
  .loeb #menuPanel {
    display: none;
  }
  .loeb #menuPanel.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .loeb .header-site .rubriques {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
  }
  .loeb .header-site .rubriques > .rubrique {
    width: 100%;
    max-width: 100%;
  }
  .loeb .header-site .rubriques > .rubrique:not(:last-child) {
    border-bottom: 1px solid #f4f4f4;
  }
  .loeb .header-site .rubriques > .action {
    display: block;
  }
  .loeb .rubrique:hover .sous-rubriques {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  .loeb .intitule-rubrique {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .loeb .intitule-rubrique > * {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 5%;
  }
  .loeb .intitule-rubrique > *::after {
    content: "\f105";
    display: inline-block;
    font-family: fontello;
  }
  .loeb .action-favoris .intitule-rubrique > span {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 5%;
  }
  .loeb .sous-rubriques {
    top: 0;
    max-height: 50vh;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #218867;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .loeb .sous-rubriques.display {
    position: static;
    width: 100%;
  }
  .loeb .sous-rubriques-list {
    padding: 1rem 5%;
  }
  .loeb .sous-rubrique .service {
    padding: 1rem 0;
  }
  .loeb .sous-rubrique {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0 0 1rem 0;
  }
  .loeb .header-site .input-wrapper {
    display: none;
  }
  .loeb .header-site .input-wrapper.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 100%;
    right: 0;
    margin: 0;
    padding: 0.5rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    z-index: 260;
  }
  .loeb .header-site .input-wrapper input {
    margin: 0;
  }
  .loeb .sous-rubriques,
.loeb .rubrique.open > span {
    border-radius: 0;
  }
  .loeb .rubrique.open > span {
    border-bottom: 1px solid #fff;
  }
  .loeb .rubrique > span,
.loeb .action > span {
    padding: 0;
  }
  .loeb .rubrique > span > a,
.loeb .action > span > a {
    padding: 0.75rem 5%;
  }
  .loeb .a-link-adm {
    display: none;
  }
  .loeb .bloc-forme1::before {
    background: url(/css/theme/images/paves/decorationA1.svg) no-repeat 20% 0%;
  }
  .loeb .bloc-forme2 .a-video-pave {
    margin-bottom: 0;
  }
  .loeb .bloc-forme3 {
    margin-top: -12rem;
  }
  .loeb .bloc-forme4 {
    margin-top: -7rem;
    background: #295C85 url(/css/theme/images/paves/decorationC1.svg) no-repeat 33% 40%/1350px;
  }
  .loeb [class^=pave-memo-] .paginate-show {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .loeb [class^=pave-memo-] .paginate-show > li {
    max-width: 100%;
  }
  .loeb .titre-service .service,
.loeb .titre-service .ressource {
    font-size: 40px;
  }
  .loeb .vue-container .a-service-texte + aside {
    background: transparent url(/css/theme/images/paves/ble.svg) no-repeat bottom right;
  }
}
@media screen and (max-width: 600px) {
  .loeb .multiImages-public figure {
    max-height: 500px;
  }
  .loeb .multiImages-chiffres-cles:not(.carousel) .paginate-show > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
  }
  .loeb .multiImages-partenaires:not(.carousel) .paginate-show > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
  }
}
@media screen and (max-width: 500px) {
  .loeb .pave-raccourcis .a-pave-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .loeb .ariane {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .loeb .vue-container .a-service-texte > .container > article.img-left .image,
.loeb .a-service-texte > .container .img-left,
.loeb .a-Evenement .img-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
  }
  .loeb .a-Organisation-member {
    width: 100%;
  }
}
@media screen and (max-width: 300px) {
  .loeb .logo {
    display: none;
  }
}
@media screen and (max-width: 1440px) and (min-width: 901px) {
  .loeb .header-content, .loeb #menuPanel {
    padding-left: 0;
    padding-right: 0;
  }
}
.loeb .bloc-forme4 {
  background-color: #218867;
}

.houpiez {
  /*TABLEAU VUE*/
  /*ONGLETS*/
  /*PUCE*/
  /*TIP*/
  /*PAVÉS*/
  /*NEWSLETTER*/
  /*CONNEXION*/
  /*MORTE SAISON & OFFRE DIRECTE*/
  /*OFFRES SPOT*/
  /*MON PROFIL VUE*/
}
:root {
  --coop-main-color: #164C74;
  --coop-main-lighten-color: #216ba3;
  --coop-main-lighten-2-color: #e9f5ff;
  --coop-second-color: #FFC306;
  --coop-button-bg-color: #164C74;
  --coop-button-bg-hover-color: #216ba3;
  --coop-button-text-color: #fff;
  --coop-border-color: #164C74;
}

:root .houpiez {
  --coop-main-color: #108156;
  --coop-main-lighten-color: #1fa572;
  --coop-main-lighten-2-color: #dce7e3;
  --coop-second-color: #FEBB2B;
  --coop-button-bg-color: #158766;
  --coop-button-bg-hover-color: #1fa572;
  --coop-button-text-color: #fff;
  --coop-border-color: #108156;
}

.houpiez {
  font-family: museo-sans, arial, arial;
  font-size: 16px;
  font-weight: 500;
  color: #02375F;
}
.houpiez a {
  color: inherit;
  text-decoration: none;
}
.houpiez a:hover {
  text-decoration: underline;
}
.houpiez button {
  font-family: museo-sans, arial, arial;
  font-size: 1rem;
}
.houpiez .multiselect input {
  border: 0;
}
.houpiez #login-panel {
  border-bottom: 3px solid #108156;
  -webkit-box-shadow: 3px 3px 8px #565656;
  box-shadow: 3px 3px 8px #565656;
}
.houpiez #login-panel h3 {
  margin-top: 0;
}
.houpiez #login-panel [type=submit] {
  display: block;
  margin-left: auto;
}
.houpiez .a-btn-atrium-retour {
  margin-bottom: 1rem;
}
.houpiez .x-panel-btns .x-btn-text::before {
  margin-right: 0.25rem;
}
.houpiez .btn-coop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.houpiez .btn-coop a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #FEBB2B;
  text-decoration: none;
}
.houpiez .btn-coop a:hover {
  background-color: #feb007;
  color: #fff;
}
.houpiez .btn-action.modify {
  background-color: #aaa;
  color: #fff;
}
.houpiez .btn-action.modify:hover {
  background-color: #989898;
}
.houpiez .btn-action.cancel {
  background-color: #e63838;
  color: #fff;
}
.houpiez .btn-action.cancel:hover {
  background-color: #de1c1c;
}
.houpiez .btn-vue {
  background-color: var(--coop-main-color);
  color: #FFF;
}
.houpiez .checkbox-etat {
  color: #108156;
}
.houpiez #go-to-head {
  background-image: url(/css/theme/images/common/go_top.svg);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.houpiez .message_header_service {
  padding: 0.5rem 1rem;
  background-color: #FEBB2B;
  color: #fff;
  -webkit-box-shadow: 0 0 2px #ccc;
  box-shadow: 0 0 2px #ccc;
}
.houpiez ul.x-tab-strip li {
  margin: 0;
}
.houpiez ul.x-tab-strip li:not(:first-child) .x-tab-strip-inner {
  border-left: 0;
}
.houpiez .x-tab-strip-top .x-tab-strip-inner {
  border: 1px solid #108156;
  background-color: #fff;
}
.houpiez .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
  background-color: #108156;
  color: #fff;
}
.houpiez .x-tab-panel-bwrap {
  border-color: #108156;
}
.houpiez .vue-container .table,
.houpiez .modal-container .table {
  background-color: #fff;
}
.houpiez .vue-container .table thead,
.houpiez .modal-container .table thead {
  background-color: #108156;
  color: #fff;
}
.houpiez .vue-container .table tbody tr:nth-child(even),
.houpiez .modal-container .table tbody tr:nth-child(even) {
  background-color: rgba(16, 129, 86, 0.2);
}
.houpiez .admin .tab button.active,
.houpiez .admin .tab tbody tr.active,
.houpiez .admin .tab .router-link-exact-active {
  background-color: #108156;
  color: #fff;
}
.houpiez .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner, .houpiez .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-left, .houpiez .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-right {
  background-color: #108156;
  color: #fff;
}
.houpiez .pageatrium .page-puce {
  cursor: pointer;
}
.houpiez .pageatrium .puce.actif,
.houpiez .pageatrium .page-puce.actif {
  background-color: #108156;
}
.houpiez .pageatrium .paginate-index {
  padding-left: 4rem;
  padding-right: 4rem;
}
.houpiez .pageatrium .paginate-index .prev, .houpiez .pageatrium .paginate-index .next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  background-color: #108156;
  color: #fff;
  border-radius: 50%;
}
.houpiez .pageatrium .paginate-index .prev span, .houpiez .pageatrium .paginate-index .next span {
  display: none;
}
.houpiez .pageatrium .paginate-index .prev {
  position: absolute;
  top: 27%;
  left: 1rem;
}
.houpiez .pageatrium .paginate-index .next {
  position: absolute;
  top: 27%;
  right: 1rem;
}
.houpiez .pageatrium .pave__content {
  position: relative;
}
.houpiez .x-tip {
  -webkit-box-shadow: 0 0 3px 1px #cacaca;
  box-shadow: 0 0 3px 1px #cacaca;
}
.houpiez #cookie_mess {
  background-color: #108156;
}
.houpiez #cookie_mess input {
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: #000;
}
.houpiez #cookie_mess input:hover {
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: 0 0 3px 1px #333;
  box-shadow: 0 0 3px 1px #333;
}
.houpiez .login-panel_username input,
.houpiez .login-panel_password input {
  width: 100%;
}
.houpiez.body-scrolled .header-site {
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
  z-index: 250;
}
.houpiez .header-site {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  padding-bottom: 0.75rem;
  margin-bottom: 2rem;
  background-color: #fff;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.houpiez .header-site > *:not(.welcome-div) {
  background-color: #fff;
}
.houpiez .header-content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 0 5%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.houpiez .logo {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 1rem 1rem 1rem 0;
}
.houpiez .logo > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.houpiez .logo > *:hover {
  text-decoration: none;
}
.houpiez .logo img {
  width: 100%;
  max-width: 155px;
  max-height: 100px;
}
.houpiez .welcome-div {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  margin-left: 1rem;
  font-size: 0.9rem;
  font-weight: bold;
  color: #108156;
  text-align: right;
}
.houpiez #welcome:not(:empty)::before {
  font-family: inherit;
  font-weight: bold;
}
.houpiez .menu-toolbar {
  margin-left: auto;
  font-size: 30px;
}
.houpiez .menu-icon {
  margin-right: 1rem;
}
.houpiez .header-item {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  background-color: #295C85;
}
.houpiez .header-item::before {
  font-size: 20px;
  color: #FFF;
}
.houpiez .header-item:not(:last-child) {
  margin-right: 1rem;
}
.houpiez #burger {
  background-color: transparent;
}
.houpiez #burger::before {
  padding-top: 11px;
  color: #108156;
  font-size: 35px;
}
.houpiez #login,
.houpiez #logout {
  margin-left: 1rem;
  background-color: #FEBB2B;
  color: #FFF;
}
.houpiez .header-site .input-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
}
.houpiez .header-site .input-wrapper input {
  padding: 0.5rem;
  border: 0;
  border-bottom: 1px solid #d3d3d3;
}
.houpiez .header-site .input-wrapper input:focus {
  border-color: #108156;
}
.houpiez .header-site .actions {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.houpiez .header-site .input-wrapper.display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.houpiez .input-wrapper.display + #search::before {
  background-color: #108156;
  color: #fff;
}
.houpiez #favoris .list-favoris {
  top: 100%;
  font-size: 1rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 251;
  text-align: left;
  background-color: #f5f7fc;
  -webkit-box-shadow: 0px 2px 2px #aaa;
  box-shadow: 0px 2px 2px #aaa;
}
.houpiez #favoris .list-favoris > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 1rem;
  cursor: default;
}
.houpiez #favoris .list-favoris > li:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.houpiez #favoris .list-favoris .icon-cancel {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.houpiez #favoris .list-favoris .icon-cancel:hover {
  color: #108156;
  cursor: pointer;
}
.houpiez .service-favoris {
  display: inline-block;
  padding: 0.75rem 0;
}
.houpiez #contacts,
.houpiez #cgu,
.houpiez #mentions {
  display: none;
}
.houpiez .header-content div::before {
  font-family: "icomoon";
}
.houpiez #previsu.preview-on {
  background-color: #FEBB2B;
}
.houpiez .postRubrique-deco {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.houpiez .postRubrique-deco::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #108156;
  border-radius: 8px;
}
.houpiez .header-site .rubriques {
  position: static;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.houpiez .header-site .rubriques > .rubrique {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  max-width: 20%;
}
.houpiez .header-site .menu {
  position: relative;
  z-index: 250;
  padding-left: 5%;
}
.houpiez #menuPanel {
  max-width: 100%;
}
.houpiez .rubrique.open > span {
  background-color: #295C85;
  color: #fff;
  z-index: 1;
  border-top-left-radius: 23px;
  border-top-right-radius: 23px;
}
.houpiez .rubrique.open > span .intitule-rubrique {
  color: #FEBB2B;
}
.houpiez .rubrique > span {
  padding: 0.5rem 0;
}
.houpiez .rubrique:hover .sous-rubriques {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.houpiez [data-rub-id]:nth-of-type(-n+7) .sous-rubriques {
  border-top-left-radius: 0;
}
.houpiez [data-rub-id]:nth-of-type(n+8) .sous-rubriques {
  border-top-right-radius: 0;
  left: initial;
  right: 0;
}
.houpiez .count-5 [data-rub-id]:nth-of-type(n+5) .sous-rubriques {
  border-top-left-radius: 25px;
}
.houpiez .count-5 [data-rub-id]:nth-of-type(n+6) .sous-rubriques {
  border-top-right-radius: 0;
  left: initial;
  right: 0;
}
.houpiez .intitule-rubrique {
  display: block;
  text-align: center;
  color: #108156;
  font-weight: bold;
  font-size: 18px;
}
.houpiez .intitule-rubrique > *:hover {
  text-decoration: none;
}
.houpiez .sous-rubriques {
  border-radius: 23px;
  background-color: #108156;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.houpiez .sous-rubriques.display {
  width: 40vw;
}
.houpiez .beautifier {
  display: none;
  content: attr(data-name);
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  color: #108156;
}
.houpiez .sous-rubriques-list {
  top: inherit;
  left: 0;
  max-height: 60vh;
  padding: 1rem;
  background-color: #295C85;
  color: #fff;
  background-clip: padding-box;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  overflow-y: auto;
}
.houpiez .sous-rubrique {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.33% - 2rem);
  flex: 0 0 calc(33.33% - 2rem);
  max-width: calc(33.33% - 2rem);
  margin: 1rem;
}
.houpiez .sous-rubrique .intitule {
  display: block;
  margin-bottom: 0.5rem;
  color: #FEBB2B;
  text-transform: uppercase;
}
.houpiez .sous-rubrique .service {
  padding: 0.5rem 0;
}
.houpiez .sous-rubrique .service.selected {
  border-left: 0;
  color: #FEBB2B;
}
.houpiez .admin-link:before {
  content: "\e80a";
  float: right;
  font-family: fontello;
  font-weight: bold;
  color: #FEBB2B;
}
.houpiez .logo img {
  max-width: 200px;
}
.houpiez .header-item,
.houpiez .rubrique.open > span,
.houpiez .sous-rubriques-list {
  background-color: #108156;
}
.houpiez .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 0;
  padding: 1rem 5% 100px;
  background: url("/css/theme/images/paves/footer.svg") no-repeat 0% 101%;
}
.houpiez .footer img {
  max-width: 170px;
  max-height: 115px;
}
.houpiez .footer-logo img {
  width: 100%;
}
.houpiez .footer-section {
  padding: 1rem;
}
.houpiez .footer-contact {
  margin-right: 5%;
  color: #108156;
}
.houpiez .footer-coop {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  margin-left: auto;
}
.houpiez .footer-title {
  display: block;
  margin-bottom: 0.75rem;
  font-weight: bold;
  color: #295C85;
}
.houpiez .footer-social_liens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.houpiez .footer-social_liens a {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #108156;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.houpiez .footer-social_liens a:not(:last-child) {
  margin-right: 1rem;
}
.houpiez .footer-social_liens a:hover {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.houpiez .footer-liens {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #C0CDD7;
}
.houpiez .footer-liens > p {
  margin: 0 1rem;
}
.houpiez .footer {
  background: url(/css/theme/images/paves/footerLOEB.svg) no-repeat 0% 101%;
}
.houpiez .footer-title {
  color: #108156;
}
.houpiez.a-serv-hp #visuPanel {
  max-width: 100%;
  padding: 0;
}
.houpiez .a-panel-header-hp {
  font-size: 1.2rem;
  font-weight: bold;
}
.houpiez .a-pave-hp {
  margin-bottom: 1rem;
}
.houpiez .a-pave-hp a:hover {
  text-decoration: none;
}
.houpiez .a-pave-hp a:hover .pave-contenu-titre {
  text-decoration: underline;
}
.houpiez .a-pave-hp .x-panel-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.houpiez .a-pave-hp .x-panel-header-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 45px;
  font-weight: 900;
  color: #108156;
}
.houpiez .a-pave-hp .x-panel-header-text::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.houpiez .a-pave-hp .pave-contenu-titre {
  font-weight: bold;
}
.houpiez .a-pave-hp .pave-contenu-resume {
  font-weight: 500;
}
.houpiez .a-pave-hp .puces {
  display: none;
}
.houpiez .a-pave-hp .puces .puce {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0.5em 0.75rem;
}
.houpiez .a-pave-hp .puces .puce:not(.actif) {
  background-color: #C0CDD7;
}
.houpiez .a-pave-hp .boutons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.5rem;
}
.houpiez .a-pave-hp .prev,
.houpiez .a-pave-hp .next {
  display: block;
  font-size: 1.5rem;
  color: #fff;
  background-color: #108156;
  border-radius: 50%;
  cursor: pointer;
}
.houpiez .a-pave-hp .page-puces {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.houpiez .a-pave-hp .page-puce {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.25rem;
  border-radius: 50%;
  border: 1px solid #108156;
  color: #108156;
  cursor: pointer;
}
.houpiez .a-pave-hp .page-puce.show, .houpiez .a-pave-hp .page-puce:first-child, .houpiez .a-pave-hp .page-puce:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.houpiez .a-pave-hp .page-puce:first-child:not(.show) {
  margin-right: 1rem;
}
.houpiez .a-pave-hp .page-puce:last-child:not(.show) {
  margin-left: 1rem;
}
.houpiez .a-pave-hp .page-puce::before {
  content: attr(data-index);
}
.houpiez .a-pave-hp .page-puce.actif {
  background-color: #108156;
  color: #fff;
}
.houpiez .a-pave-link,
.houpiez .voir-newsletters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.houpiez .a-pave-link a,
.houpiez .voir-newsletters a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #FEBB2B;
  text-decoration: none;
}
.houpiez .a-pave-link a:hover,
.houpiez .voir-newsletters a:hover {
  background-color: #feb007;
  color: #fff;
}
.houpiez .a-pave-hp-multiImage figure > img {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.houpiez #panelEnglobant > .x-panel-bwrap > .x-panel-body {
  z-index: 0;
}
.houpiez .separateur-100 {
  display: none;
}
.houpiez .separateur-100 + div:last-of-type {
  margin-bottom: 0;
}
.houpiez .bloc-forme1 {
  position: relative;
  text-align: center;
}
.houpiez .bloc-forme1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/css/theme/images/paves/decorationA1.svg) no-repeat center top/contain;
  pointer-events: none;
}
.houpiez .bloc-forme1 > .ensemble {
  float: none;
  max-width: 1440px;
  text-align: left;
}
.houpiez .bloc-forme2 {
  position: relative;
  z-index: -1;
  margin-top: -15rem;
  text-align: center;
  background: #F8F7F5 url(/css/theme/images/paves/decorationB1.svg) no-repeat 100% 58%;
  background-clip: content-box;
}
.houpiez .bloc-forme2::before {
  content: "";
  display: block;
  height: 519px !important;
  background: url(/css/theme/images/paves/formeB1.png) no-repeat center;
  z-index: -1;
}
.houpiez .bloc-forme2::after {
  content: "";
  display: block;
  height: 513px !important;
  background: url(/css/theme/images/paves/formeB2.png) no-repeat center;
  margin-top: -24rem;
}
.houpiez .bloc-forme2 > .ensemble {
  min-height: 750px;
  float: none;
  max-width: 1440px;
  margin-top: -11rem;
  text-align: left;
}
.houpiez .bloc-forme2 .a-video-pave {
  margin-bottom: 3rem;
}
.houpiez .bloc-forme2 .a-pave-hp-contenu-html {
  margin-bottom: 20rem;
}
.houpiez .bloc-forme1 + .bloc-forme3 {
  margin-top: 3rem;
}
.houpiez .bloc-forme4 + .bloc-forme3 {
  margin-top: 0;
}
.houpiez .bloc-forme3 {
  position: relative;
  margin-top: -25rem;
  padding-bottom: 8rem;
  text-align: center;
}
.houpiez .bloc-forme3 > .ensemble {
  float: none;
  max-width: 1440px;
  text-align: left;
}
.houpiez .bloc-forme4 {
  position: relative;
  text-align: center;
  background: #295C85 url("/css/theme/images/paves/decorationC1.svg") no-repeat 60px 160px;
  background-clip: content-box;
  color: #fff;
}
.houpiez .bloc-forme4::before {
  content: "";
  display: block;
  height: 138px !important;
  background: url("/css/theme/images/paves/formeC1.png") no-repeat center;
  z-index: -1;
}
.houpiez .bloc-forme4::after {
  content: "";
  display: block;
  height: 138px !important;
  background: url("/css/theme/images/paves/formeC2.png") no-repeat center;
}
.houpiez .bloc-forme4 > .ensemble {
  float: none;
  max-width: 1440px;
  min-height: 410px;
  text-align: left;
}
.houpiez .bloc-forme4 .a-pave-hp .x-panel-header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.houpiez .bloc-forme4 .a-pave-hp .x-panel-header-text {
  color: #fff;
}
.houpiez .bloc-forme4 .pave-memo-1 .a-panel-header-hp {
  margin-bottom: 5rem;
}
.houpiez .bloc-forme4 .pave-memo-1 .paginate-show > li:not(:last-child)::after {
  content: "";
  display: block;
  width: 40vw;
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: #fff;
  margin-left: auto;
}
.houpiez .bloc-forme4 .a-pave-hp .icon-prev,
.houpiez .bloc-forme4 .a-pave-hp .icon-next {
  background-color: transparent;
  color: #fff;
}
.houpiez .bloc-forme4 .a-pave-hp .page-puce {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
.houpiez .bloc-forme4 .a-pave-hp .page-puce.actif {
  border-color: #FEBB2B;
}
.houpiez .bloc-forme4 .pave-avertissement-1 .x-panel-body {
  padding-top: 3rem;
}
.houpiez .bloc-forme4 .pave-avertissement-1 .paginate-show > li:not(:last-child)::after {
  content: "";
  display: block;
  width: 20vw;
  margin: 2rem 0 2rem auto;
  border-bottom: 1px solid #fff;
}
.houpiez .bloc-forme4 .pave-avertissement-1 .pave-contenu-titre {
  color: #FEBB2B;
}
.houpiez .bloc-forme4 .pave-avertissement-1 .pave-contenu-date {
  display: none;
}
.houpiez .bloc-forme4 .pave-avertissement-2 .x-panel-body {
  padding-top: 3rem;
}
.houpiez .bloc-forme4 .pave-avertissement-2 .paginate-show {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.houpiez .bloc-forme4 .pave-avertissement-2 .paginate-show::before {
  content: "";
  border-right: 1px solid #fff;
  position: absolute;
  left: 50%;
  height: 100%;
}
.houpiez .bloc-forme4 .pave-avertissement-2 .paginate-show > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin: 1rem 0 0.5rem;
}
.houpiez .bloc-forme4 .pave-avertissement-2 .paginate-show > li:nth-child(odd) {
  padding-right: 2rem;
}
.houpiez .bloc-forme4 .pave-avertissement-2 .paginate-show > li:nth-child(even) {
  padding-left: 2rem;
}
.houpiez .bloc-forme4 .pave-avertissement-2 .pave-contenu-titre {
  color: #FEBB2B;
}
.houpiez .bloc-forme4 .pave-avertissement-2 .pave-contenu-date {
  display: none;
}
.houpiez .pave-memo-solo .x-panel-header,
.houpiez .pave-memo-duo .x-panel-header,
.houpiez .pave-memo-trio .x-panel-header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: -0.9px;
}
.houpiez .pave-memo-solo .x-panel-body,
.houpiez .pave-memo-duo .x-panel-body,
.houpiez .pave-memo-trio .x-panel-body {
  position: relative;
  padding: 0 3rem;
}
.houpiez .pave-memo-solo .pave-content-image,
.houpiez .pave-memo-duo .pave-content-image,
.houpiez .pave-memo-trio .pave-content-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.houpiez .pave-memo-solo .pave-contenu-image,
.houpiez .pave-memo-duo .pave-contenu-image,
.houpiez .pave-memo-trio .pave-contenu-image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  height: 350px;
  max-height: 60vh;
  margin-top: 0;
  overflow: hidden;
  border-radius: 15px;
}
.houpiez .pave-memo-solo .pave-contenu-image img,
.houpiez .pave-memo-duo .pave-contenu-image img,
.houpiez .pave-memo-trio .pave-contenu-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.houpiez .pave-memo-solo .pave-contenu-titre,
.houpiez .pave-memo-duo .pave-contenu-titre,
.houpiez .pave-memo-trio .pave-contenu-titre {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  color: #108156;
  font-size: 19px;
}
.houpiez .pave-memo-solo .pave-contenu-date,
.houpiez .pave-memo-duo .pave-contenu-date,
.houpiez .pave-memo-trio .pave-contenu-date {
  display: none;
}
.houpiez .pave-memo-solo .pave-contenu-resume,
.houpiez .pave-memo-duo .pave-contenu-resume,
.houpiez .pave-memo-trio .pave-contenu-resume {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  color: #108156;
  font-size: 14px;
}
.houpiez .pave-memo-solo .page-puces,
.houpiez .pave-memo-duo .page-puces,
.houpiez .pave-memo-trio .page-puces {
  display: none;
}
.houpiez .pave-memo-solo .boutons,
.houpiez .pave-memo-duo .boutons,
.houpiez .pave-memo-trio .boutons {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.houpiez .pave-memo-solo .boutons .prev,
.houpiez .pave-memo-duo .boutons .prev,
.houpiez .pave-memo-trio .boutons .prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.houpiez .pave-memo-solo .boutons .prev::before,
.houpiez .pave-memo-duo .boutons .prev::before,
.houpiez .pave-memo-trio .boutons .prev::before {
  font-size: 80%;
  margin-left: -2px;
}
.houpiez .pave-memo-solo .boutons .next,
.houpiez .pave-memo-duo .boutons .next,
.houpiez .pave-memo-trio .boutons .next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.houpiez .pave-memo-solo .boutons .next::after,
.houpiez .pave-memo-duo .boutons .next::after,
.houpiez .pave-memo-trio .boutons .next::after {
  font-size: 80%;
  margin-right: -2px;
}
.houpiez .pave-memo-solo .puces,
.houpiez .pave-memo-duo .puces,
.houpiez .pave-memo-trio .puces {
  display: block;
}
.houpiez .pave-memo-duo .paginate-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.5rem;
}
.houpiez .pave-memo-duo .paginate-show > li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0.5rem;
  max-width: calc(50% - 1rem);
}
.houpiez .pave-memo-duo .paginate-show .pave-contenu-image {
  height: 160px;
}
.houpiez .pave-memo-trio .paginate-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.5rem;
}
.houpiez .pave-memo-trio .paginate-show > li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: calc(33.3333333333% - 1rem);
  margin: 0.5rem;
}
.houpiez .pave-memo-trio .paginate-show .pave-contenu-image {
  height: 160px;
}
.houpiez .pave-html-videos .x-panel-header-text {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 900;
}
.houpiez .pave-html-videos .x-panel-header-text::after {
  margin: 1rem 0;
}
.houpiez .pave-html-videos .freehtml {
  display: block;
  max-width: 444px;
  margin: 0 auto;
}
.houpiez .pave-html-videos .freehtml p {
  color: #108156;
  letter-spacing: -0.32px;
}
.houpiez .pave-html-videos .a-pave-link {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.houpiez .pave-html-videos .a-pave-link a {
  text-decoration: none;
}
.houpiez .pave-html-videos .a-pave-link a:hover {
  color: #fff;
}
.houpiez .a-video-pave {
  border-radius: 15px;
  overflow: hidden;
}
.houpiez .pave-raccourcis {
  position: relative;
}
.houpiez .pave-raccourcis .x-panel-header {
  height: 75px;
}
.houpiez .pave-raccourcis .x-panel-header-text {
  position: absolute;
  top: 5.5rem;
  left: 0;
  right: 0;
  z-index: 1;
  font-size: 20px;
  font-weight: normal;
}
.houpiez .pave-raccourcis .a-pave-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: 1rem;
  min-height: 350px;
  padding: 5rem 3rem 3rem 3rem;
  background: #F8F7F5;
  border-radius: 15px;
  border-right: 4px solid #FEBB2B;
  border-bottom: 4px solid #FEBB2B;
}
.houpiez .pave-raccourcis .a-pave-wrapper-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #108156;
}
.houpiez .pave-raccourcis .a-pave-wrapper-link::before {
  content: "";
  display: block;
  width: 90px;
  height: 104px;
  max-width: 100%;
  margin-bottom: 0.25rem;
  background: url("/css/theme/images/paves/hexa-bleu.svg") no-repeat center/100% 100%;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.houpiez .pave-raccourcis .a-pave-wrapper-link:hover::before {
  -webkit-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
  -webkit-filter: drop-shadow(12px 7px 0px #ccc);
  filter: drop-shadow(12px 7px 0px #ccc);
}
.houpiez .pave-raccourcis .a-pave-wrapper-link::after {
  position: absolute;
  content: "";
  display: block;
  width: 90px;
  height: 104px;
  max-width: 100%;
  margin-bottom: 0.25rem;
  background-image: url("/css/theme/images/paves/picto-fermier.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 50%;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.houpiez .pave-raccourcis .a-pave-wrapper-link:hover::after {
  -webkit-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
}
.houpiez .pave-raccourcis .a-pave-menu-301080-link::after,
.houpiez .pave-raccourcis .a-pave-menu-9999176-link::after,
.houpiez .pave-raccourcis .a-pave-menu-9999177-link::after {
  background-image: url("/css/theme/images/paves/raccourci-bourse.svg");
}
.houpiez .pave-raccourcis .a-pave-menu-9999113-link::after {
  background-image: url("/css/theme/images/paves/raccourci-appro.svg");
}
.houpiez .pave-raccourcis .a-pave-menu-9999153-link::after {
  background-image: url("/css/theme/images/paves/raccourci-farmer.svg");
}
.houpiez .pave-raccourcis .a-pave-menu-201112-link::after,
.houpiez .pave-raccourcis .a-pave-menu-201115-link::after {
  background-image: url("/css/theme/images/paves/raccourci-meteo.svg");
}
.houpiez .pave-raccourcis .a-pave-menu-9999175-link::after {
  background-image: url("/css/theme/images/paves/raccourci-agro.svg");
}
.houpiez .pave-raccourcis .a-pave-menu-9999166-link::after,
.houpiez .pave-raccourcis .a-pave-menu-9999182-link::after,
.houpiez .pave-raccourcis .a-pave-menu-9999183-link::after,
.houpiez .pave-raccourcis .a-pave-menu-9999167-link::after {
  background-image: url("/css/theme/images/paves/raccourci-aladin.svg");
}
.houpiez .pave-raccourcis .a-pave-menu-9999144-link::after,
.houpiez .pave-raccourcis .a-pave-menu-9999178-link::after,
.houpiez .pave-raccourcis .a-pave-menu-9999179-link::after {
  background-image: url("/css/theme/images/paves/raccourci-bioline.svg");
}
.houpiez .pave-raccourcis .a-pave-menu-9999216-link::after {
  background-image: url("/css/theme/images/paves/raccourci-appro.svg");
}
.houpiez .a-pave-hp-evenement {
  padding: 1rem 0.5rem 1rem 2rem;
  color: #fff;
  background: transparent -o-linear-gradient(314deg, #2A5172 0%, #0562A8 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(136deg, #2A5172 0%, #0562A8 100%) 0% 0% no-repeat padding-box;
  border-radius: 16px;
}
.houpiez .a-pave-hp-evenement .x-panel-header-text {
  font-size: 1.5rem;
  color: #fff;
}
.houpiez .a-pave-hp-evenement .x-panel-header-text::after {
  display: none;
}
.houpiez .a-pave-hp-evenement .paginate-show {
  max-height: 430px;
  overflow-y: auto;
}
.houpiez .a-pave-hp-evenement .paginate-show > li:not(:last-child) {
  margin-bottom: 2rem;
}
.houpiez .a-pave-hp-evenement .paginate-show > li > a::after {
  content: "Voir l'événement ⟶";
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  margin-top: 0.5rem;
  -webkit-box-ordinal-group: 101;
  -ms-flex-order: 100;
  order: 100;
}
.houpiez .a-pave-hp-evenement a:hover .pave-contenu-titre {
  text-decoration: none;
}
.houpiez .a-pave-hp-evenement a:hover::after {
  color: #FEBB2B;
}
.houpiez .a-pave-hp-evenement .pave-contenu-titre {
  text-transform: uppercase;
}
.houpiez .a-pave-hp-evenement .pave-contenu-date {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.houpiez .a-pave-hp-evenement .pave-contenu-date span {
  color: #FEBB2B;
  text-transform: uppercase;
}
.houpiez .a-pave-hp-evenement .pave-contenu-date span:not(:last-child)::after {
  content: "/";
  margin: 0 3px;
}
.houpiez .a-pave-hp-evenement .pave-contenu-date::before {
  display: none;
}
.houpiez .a-pave-hp-evenement .pave-contenu-titre {
  margin-bottom: 0.5rem;
}
.houpiez .a-pave-hp-evenement .sessions {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.houpiez .a-pave-hp-evenement .session {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 900;
}
.houpiez .a-pave-hp-evenement .session .lieu,
.houpiez .a-pave-hp-evenement .session .date {
  display: none;
}
.houpiez .a-pave-hp-evenement .pave-contenu-titre-resume {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.houpiez .a-pave-hp-evenement .pave-contenu-titre-resume p {
  margin: 0.25rem 0;
  font-weight: 300;
}
.houpiez .a-pave-hp-evenement .icon-prev,
.houpiez .a-pave-hp-evenement .icon-next {
  background-color: transparent;
  color: #fff;
}
.houpiez .a-pave-hp-evenement .page-puce {
  color: #fff;
  border-color: #fff;
}
.houpiez .a-pave-hp-evenement .page-puce.actif {
  border-color: #FEBB2B;
}
.houpiez .a-pave-hp-bhtml .x-panel-header-text {
  font-size: 30px;
  font-weight: 900;
}
.houpiez .a-pave-hp-bhtml .x-panel-header-text::after {
  display: none;
}
.houpiez .a-pave-hp-bhtml .pave-contenu-main {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.houpiez .a-pave-hp-bhtml .pave-contenu-titre {
  color: #108156;
  text-transform: uppercase;
}
.houpiez .a-pave-hp-bhtml .pave-contenu-resume {
  display: none;
}
.houpiez .a-pave-hp-bhtml .pave-contenu-resume p {
  margin: 0.25rem 0;
}
.houpiez .a-pave-hp-bhtml .pave-contenu-date {
  margin-left: auto;
  color: #FEBB2B;
  font-weight: 700;
}
.houpiez .a-pave-hp-bhtml .pave-contenu-date::before {
  display: none;
}
.houpiez .a-pave-hp-bhtml .paginate-show {
  padding: 0.5rem;
}
.houpiez .a-pave-hp-bhtml .paginate-show > li {
  padding: 1rem;
  border-radius: 35px;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 13px -4px #ccc;
  box-shadow: 0 3px 13px -4px #ccc;
}
.houpiez .a-pave-hp-bhtml .paginate-show > li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.houpiez .a-pave-hp-bhtml .paginate-show > li > a::after {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  content: "Lire   ⟶";
  display: block;
  text-align: right;
  color: #d3d3d3;
}
.houpiez .a-pave-hp-bhtml .container-type {
  margin-right: 0.5rem;
}
.houpiez .a-pave-hp-bhtml .container-type-pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: red;
  color: #fff;
  border-radius: 50%;
}
.houpiez .a-pave-hp-bhtml .container-type-pdf::before {
  content: "PDF";
  display: block;
  font-weight: 700;
}
.houpiez .a-pave-hp-bhtml .page-puces {
  display: none;
}
.houpiez .a-pave-hp-bhtml .boutons {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.5rem;
}
.houpiez .a-pave-hp-bhtml .boutons span:first-child {
  margin-right: 0.5rem;
}
.houpiez .a-pave-hp-bhtml .prev.inactive,
.houpiez .a-pave-hp-bhtml .next.inactive {
  background-color: #d3d3d3;
}
.houpiez .a-pave-hp-horaireSite {
  position: relative;
  padding: 3rem 4.5rem;
  border-right: 4px solid #FEBB2B;
  border-bottom: 4px solid #FEBB2B;
  border-radius: 35px;
  overflow: hidden;
  background: #F8F7F5 url(/css/theme/images/paves/silo.svg) no-repeat 40px 30px;
}
.houpiez .a-pave-hp-horaireSite .x-panel-header-text {
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
  font-size: 20px;
}
.houpiez .a-pave-hp-horaireSite .x-panel-header-text::before {
  display: none;
}
.houpiez .a-pave-hp-horaireSite .x-panel-header-text::after {
  margin: 1rem 0;
}
.houpiez .a-pave-hp-horaireSite .paginate-show {
  background: url("/css/theme/images/paves/horloge.svg") no-repeat 90% 70%;
}
.houpiez .a-pave-hp-horaireSite .paginate-show > li:not(:last-child) {
  margin-bottom: 2rem;
}
.houpiez .a-pave-hp-horaireSite .nom-site {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 20px;
  color: #108156;
  font-weight: 700;
}
.houpiez .a-pave-hp-horaireSite .container:first-child .jour {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.houpiez .a-pave-hp-horaireSite .container:last-child .jour {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.houpiez .a-pave-hp-horaireSite .jour {
  padding: 0.25rem 0;
  background-color: #FEBB2B;
  color: #fff;
}
.houpiez .a-pave-hp-horaireSite .status {
  color: #108156;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.houpiez .a-pave-hp-horaireSite .status::before {
  content: "|";
  color: #d3d3d3;
  display: block;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  text-align: center;
}
.houpiez .a-pave-hp-horaireSite .status div {
  min-height: 60px;
  margin: 0.25rem 0;
}
.houpiez .a-pave-hp-horaireSite .status div:first-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.houpiez .a-pave-hp-horaireSite .status div:last-child {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.houpiez .a-pave-hp-horaireSite .horaire-type--2 {
  color: #CB000F;
}
.houpiez .a-pave-hp-horaireSite .horairesite-legend {
  display: none;
}
.houpiez .pave-lien-pan .pave-content-figure img {
  max-width: 390px;
  max-width: 100%;
  max-height: 480px;
}
.houpiez .pave-lien-pan .x-panel-body > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.houpiez .pave-lien-pan .x-panel-body > a a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #FEBB2B;
  text-decoration: none;
}
.houpiez .pave-lien-pan .x-panel-body > a a:hover {
  background-color: #feb007;
  color: #fff;
}
.houpiez .pave-lien-pan .x-panel-body > a::after {
  content: "Voir les offres ⟶";
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.houpiez .a-pave-hp-newsletters .pave-contenu-image {
  width: 98%;
  margin: 0.5rem auto;
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
}
.houpiez .a-pave-hp-newsletters .voir-newsletters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}
.houpiez .a-pave-hp-newsletters .voir-newsletters a {
  display: block;
  margin-top: 0;
}
.houpiez #new-mid > .pageatrium .structure-container:not([class*=full-width]),
.houpiez #new-mid > .admin-page-atrium > .admin-page-atrium__previsu > .pageatrium .structure-container:not([class*=full-width]) {
  max-width: 100%;
}
.houpiez #new-mid > .pageatrium .structure-container:not([class*=full-width]) .container-content,
.houpiez #new-mid > .admin-page-atrium > .admin-page-atrium__previsu > .pageatrium .structure-container:not([class*=full-width]) .container-content {
  max-width: 1440px;
  margin: auto;
}
.houpiez .structure-container.full-width .container-content {
  padding: 0 calc((100% - 1440px) / 2);
}
.houpiez .a-pave-hp-connexion,
.houpiez .pageatrium .pave-connexion {
  padding: 1rem 2rem;
  border-radius: 16px;
  border-right: 4px solid #FEBB2B;
  border-bottom: 4px solid #FEBB2B;
  background: #fefefe url("/css/theme/images/paves/serrure.svg") no-repeat 98% 0%/60px;
}
.houpiez .a-pave-hp-connexion .logo,
.houpiez .a-pave-hp-connexion h1,
.houpiez .pageatrium .pave-connexion .logo,
.houpiez .pageatrium .pave-connexion h1 {
  display: none;
}
.houpiez .a-pave-hp-connexion .pave__header h3,
.houpiez .pageatrium .pave-connexion .pave__header h3 {
  font-size: 1rem;
}
.houpiez .a-pave-hp-connexion .x-panel-header-text,
.houpiez .pageatrium .pave-connexion .x-panel-header-text {
  margin: auto;
  font-size: 1rem;
}
.houpiez .a-pave-hp-connexion .auth-form,
.houpiez .pageatrium .pave-connexion .auth-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.houpiez .a-pave-hp-connexion .form-container-user,
.houpiez .pageatrium .pave-connexion .form-container-user {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.houpiez .a-pave-hp-connexion .form-container-pass,
.houpiez .pageatrium .pave-connexion .form-container-pass {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.houpiez .a-pave-hp-connexion .form-container-password,
.houpiez .pageatrium .pave-connexion .form-container-password {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.houpiez .a-pave-hp-connexion .form-container-remember,
.houpiez .pageatrium .pave-connexion .form-container-remember {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
}
.houpiez .a-pave-hp-connexion .girisbtn,
.houpiez .pageatrium .pave-connexion .girisbtn {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
.houpiez .a-pave-hp-connexion .form-container-inscription,
.houpiez .pageatrium .pave-connexion .form-container-inscription {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}
.houpiez .a-pave-hp-connexion #login-wrapper,
.houpiez .pageatrium .pave-connexion #login-wrapper {
  padding-bottom: 2rem;
}
.houpiez .a-pave-hp-connexion #login-wrapper .x-panel-header-text,
.houpiez .pageatrium .pave-connexion #login-wrapper .x-panel-header-text {
  display: none;
}
.houpiez .a-pave-hp-connexion #login-wrapper .form-container,
.houpiez .pageatrium .pave-connexion #login-wrapper .form-container {
  margin-bottom: 1rem;
  overflow: auto;
}
.houpiez .a-pave-hp-connexion #login-wrapper .form-container:nth-child(1), .houpiez .a-pave-hp-connexion #login-wrapper .form-container:nth-child(2),
.houpiez .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(1),
.houpiez .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.houpiez .a-pave-hp-connexion #login-wrapper .form-container:nth-child(1) input, .houpiez .a-pave-hp-connexion #login-wrapper .form-container:nth-child(2) input,
.houpiez .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(1) input,
.houpiez .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(2) input {
  padding: 7px;
  border: none;
  background-color: #eee;
}
.houpiez .a-pave-hp-connexion #login-wrapper .control-label,
.houpiez .pageatrium .pave-connexion #login-wrapper .control-label {
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.houpiez .a-pave-hp-connexion #login-wrapper .link.password,
.houpiez .pageatrium .pave-connexion #login-wrapper .link.password {
  float: right;
  width: auto;
  font-size: 0.9rem;
}
.houpiez .a-pave-hp-connexion #login-wrapper .link.inscription,
.houpiez .pageatrium .pave-connexion #login-wrapper .link.inscription {
  float: right;
  width: auto;
  margin-top: 1rem;
}
.houpiez .a-pave-hp-connexion #login-wrapper a:hover,
.houpiez .pageatrium .pave-connexion #login-wrapper a:hover {
  text-decoration: underline;
}
.houpiez .a-pave-hp-connexion #login-wrapper .girisbtn,
.houpiez .pageatrium .pave-connexion #login-wrapper .girisbtn {
  margin: 0.25rem 0;
  margin-right: auto;
  border-radius: 16px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: museo-sans, arial;
}
.houpiez .pageatrium {
  position: relative;
}
.houpiez .pageatrium a {
  text-decoration: none;
}
.houpiez .pageatrium > div {
  z-index: 1;
}
.houpiez .pageatrium > div .structure-container:nth-child(0) {
  z-index: 0;
}
.houpiez .pageatrium > div .structure-container:nth-child(1) {
  z-index: -1;
}
.houpiez .pageatrium > div .structure-container:nth-child(2) {
  z-index: -2;
}
.houpiez .pageatrium > div .structure-container:nth-child(3) {
  z-index: -3;
}
.houpiez .pageatrium > div .structure-container:nth-child(4) {
  z-index: -4;
}
.houpiez .pageatrium > div .structure-container:nth-child(5) {
  z-index: -5;
}
.houpiez .pageatrium > div .structure-container:nth-child(6) {
  z-index: -6;
}
.houpiez .pageatrium > div .structure-container:nth-child(7) {
  z-index: -7;
}
.houpiez .pageatrium > div .structure-container:nth-child(8) {
  z-index: -8;
}
.houpiez .pageatrium > div .structure-container:nth-child(9) {
  z-index: -9;
}
.houpiez .pageatrium > div .structure-container:nth-child(10) {
  z-index: -10;
}
.houpiez .pageatrium > div .structure-container:nth-child(11) {
  z-index: -11;
}
.houpiez .pageatrium > div .structure-container:nth-child(12) {
  z-index: -12;
}
.houpiez .pageatrium > div .structure-container:nth-child(13) {
  z-index: -13;
}
.houpiez .pageatrium > div .structure-container:nth-child(14) {
  z-index: -14;
}
.houpiez .pageatrium > div .structure-container:nth-child(15) {
  z-index: -15;
}
.houpiez .pageatrium > div .structure-container:nth-child(16) {
  z-index: -16;
}
.houpiez .pageatrium > div .structure-container:nth-child(17) {
  z-index: -17;
}
.houpiez .pageatrium > div .structure-container:nth-child(18) {
  z-index: -18;
}
.houpiez .pageatrium > div .structure-container:nth-child(19) {
  z-index: -19;
}
.houpiez .pageatrium .container-illustration-1 {
  position: relative;
  min-height: 550px;
}
.houpiez .pageatrium .container-illustration-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/css/theme/images/paves/decorationA1.svg) no-repeat center top/contain;
  pointer-events: none;
  z-index: -1;
}
.houpiez .pageatrium .container-illustration-2 {
  position: relative;
  margin-top: -20rem;
}
.houpiez .pageatrium .container-illustration-2::before {
  content: "";
  display: block;
  height: 519px !important;
  background: url(/css/theme/images/paves/formeB1.png) no-repeat center;
  z-index: -1;
}
.houpiez .pageatrium .container-illustration-2::after {
  content: "";
  display: block;
  height: 513px !important;
  background: url(/css/theme/images/paves/formeB2.png) no-repeat center;
  margin-top: -24rem;
  z-index: -1;
}
.houpiez .pageatrium .container-illustration-2 .container-content {
  min-height: 730px;
  background: #F8F7F5 url(/css/theme/images/paves/decorationB1.svg) no-repeat 100% 30%;
}
.houpiez .pageatrium .container-illustration-2:not([style*="display: none;"]) + .structure-container {
  margin-top: -25rem !important;
}
.houpiez .pageatrium .container-illustration-bleu {
  position: relative;
  color: #fff;
}
.houpiez .pageatrium .container-illustration-bleu::before {
  content: "";
  display: block;
  height: 138px !important;
  background: url(/css/theme/images/paves/formeC1.png) no-repeat center;
  z-index: -1;
}
.houpiez .pageatrium .container-illustration-bleu::after {
  content: "";
  display: block;
  height: 138px !important;
  background: url(/css/theme/images/paves/formeC2.png) no-repeat center;
  z-index: -1;
}
.houpiez .pageatrium .container-illustration-bleu .container-content {
  min-height: 410px;
  background: #108156 url("/css/theme/images/paves/decorationC1.svg") no-repeat center;
}
.houpiez .pageatrium .container-illustration-bleu .container-content > .bloc {
  margin: 0 !important;
  padding: 20px 0;
}
.houpiez .pageatrium .container-illustration-bleu .pave__header h3 {
  color: #fff;
}
.houpiez .pageatrium .container-illustration-bleu .ressource-liste {
  gap: 0;
}
.houpiez .pageatrium .container-illustration-bleu article:nth-child(odd) {
  border-right: 1px solid #fff;
  padding-right: 2rem;
  padding-bottom: 1rem;
}
.houpiez .pageatrium .container-illustration-bleu article:nth-child(even) {
  padding-left: 2rem;
  padding-bottom: 1rem;
}
.houpiez .pageatrium .container-illustration-bleu .article__titre {
  color: #FFC306;
}
.houpiez .pageatrium .container-illustration-bleu .page-puce {
  border: 1px solid #fff;
  background-color: #fff;
}
.houpiez .pageatrium .paginate-puces .paginate-links {
  padding-top: 0;
  border-top: 0;
}
.houpiez .pageatrium .paginate-puces .page-puce.actif {
  background-color: #108156;
}
.houpiez .pageatrium .pave__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.houpiez .pageatrium .pave__header::after {
  content: "";
  display: block;
  width: 60px;
  margin: 0 auto 1rem;
  border-radius: 8px;
  height: 4px;
  background-color: #FEBB2B;
}
.houpiez .pageatrium .pave__header h3 {
  margin-bottom: 1rem;
  font-size: 45px;
  font-weight: 900;
  text-align: center;
  color: #108156;
}
.houpiez .pageatrium .pave-youtube {
  border-radius: 1rem;
  overflow: hidden;
}
.houpiez .pageatrium .pave-youtube .btn-coop {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.houpiez .pageatrium .pave-custom-video {
  text-align: center;
}
.houpiez .pageatrium .pave-raccourcis {
  padding: 2rem;
  background-color: #F8F7F5;
  border-right: 4px solid #FFC306;
  border-bottom: 4px solid #FFC306;
  border-radius: 1rem;
}
.houpiez .pageatrium .pave-raccourcis .pave__header h3 {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: normal;
}
.houpiez .pageatrium .pave-raccourcis .pave-menu__service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.houpiez .pageatrium .pave-raccourcis .pave-menu__service:hover .pave-menu__service__image {
  -webkit-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
  -webkit-filter: drop-shadow(12px 7px 0px #ccc);
  filter: drop-shadow(12px 7px 0px #ccc);
}
.houpiez .pageatrium .pave-raccourcis .pave-menu__liste {
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
}
.houpiez .pageatrium .pave-raccourcis .pave-menu__item {
  margin: 0 auto;
}
.houpiez .pageatrium .pave-raccourcis .pave-menu__service__image {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.houpiez .pageatrium .pave-raccourcis .content-image {
  width: 90px;
  height: 104px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(/css/theme/images/paves/hexa-bleu.svg) no-repeat center/100% 100%;
}
.houpiez .pageatrium .pave-raccourcis .content-image img {
  width: 70%;
  max-height: 60%;
}
.houpiez .pageatrium .pave-raccourcis .pave-menu__service__titre {
  margin: 0.5rem 0 0;
  font-size: 1rem;
}
.houpiez .pageatrium .pave-documents .article {
  grid-template-columns: auto 1fr;
  grid-template-areas: "grid__extension grid__titre grid__date" "grid__extension grid__resume grid__resume" "grid__extension . grid__link";
  padding: 1rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 7px #eee;
  box-shadow: 0 0 7px #eee;
  background-color: #fff;
}
.houpiez .pageatrium .pave-documents .article__extension {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-position: center;
}
.houpiez .pageatrium .pave-documents .article__date {
  color: #FFC306;
  font-weight: bold;
}
.houpiez .pageatrium .pave-liste-videos img {
  border-radius: 1rem;
}
.houpiez .pageatrium .pave-liste-videos .article {
  height: 100%;
}
.houpiez .pageatrium .pave-liste-videos .article:hover .article__titre {
  text-decoration: underline;
}
.houpiez .pageatrium .pave-liste-videos .article__titre {
  font-size: 1.1rem;
}
.houpiez .pageatrium .image-centree .content-image {
  text-align: center;
}
.houpiez .pageatrium .pave-horaire-site {
  position: relative;
  padding: 3rem 4.5rem;
  border-right: 4px solid #FFC306;
  border-bottom: 4px solid #FFC306;
  border-radius: 35px;
  overflow: hidden;
  background: #F8F7F5 url(/css/theme/images/paves/silo.svg) no-repeat 40px 30px;
}
.houpiez .pageatrium .pave-horaire-site .pave__header h3 {
  font-size: 1.25rem;
  font-weight: 600;
  text-align: left;
}
.houpiez .pageatrium .pave-horaire-site .pave__header::after {
  margin: 0;
}
.houpiez .pageatrium .pave-horaire-site .ressource-liste {
  background: url(/css/theme/images/paves/horloge.svg) no-repeat 90% 70%;
}
.houpiez .pageatrium .pave-horaire-site .horaire-matin::after {
  content: "|";
  display: block;
  margin: 0.25rem 0 0 0;
  text-align: center;
  color: #d3d3d3;
}
.houpiez .pageatrium .pave-horaire-site .horaire-matin__heure,
.houpiez .pageatrium .pave-horaire-site .horaire-aprem__heure {
  color: #108156;
}
.houpiez .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header {
  padding: 0.25rem;
  border-bottom: 0;
  background-color: #FFC306;
  color: #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.houpiez .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header:nth-child(2) {
  border-radius: 1rem 0 0 1rem;
  border-left: 2px solid #fff;
}
.houpiez .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header:nth-child(8) {
  border-radius: 0 1rem 1rem 0;
  border-right: 2px solid #fff;
}
.houpiez .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header span::before {
  display: none;
}
.houpiez {
  color: #083d29;
}
.houpiez .pageatrium .pave-raccourcis .content-image,
.houpiez .pave-raccourcis .a-pave-wrapper-link::before {
  background: url("/css/theme/images/paves/hexa-HOUPIEZ.svg") no-repeat center/100% 100%;
}
.houpiez .pageatrium .bloc-forme3 {
  background: transparent;
}
.houpiez .pageatrium .bloc-forme4,
.houpiez .pageatrium .container-illustration-bleu {
  background: #108156 url("/css/theme/images/paves/decorationC1.svg") no-repeat 60px 160px;
}
.houpiez .pageatrium .bloc-forme4::before,
.houpiez .pageatrium .container-illustration-bleu::before {
  background: url("/css/theme/images/paves/formeC1-HOUPIEZ.png") no-repeat center;
}
.houpiez .pageatrium .bloc-forme4::after,
.houpiez .pageatrium .container-illustration-bleu::after {
  background: url("/css/theme/images/paves/formeC2-HOUPIEZ.png") no-repeat center;
}
.houpiez .a-pave-hp-evenement {
  background: transparent -o-linear-gradient(314deg, #108156 0%, #16a66f 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(136deg, #108156 0%, #16a66f 100%) 0% 0% no-repeat padding-box;
}
.houpiez:not(.a-serv-hp) #topPanel,
.houpiez:not(.a-serv-hp) #mid-panel,
.houpiez:not(.a-serv-hp) .vue-container {
  position: relative;
  margin: 0 auto;
  margin-bottom: 2rem;
  padding: 0 5%;
}
.houpiez .admin-page-atrium-editor .ressource-header {
  padding: 0 1rem 1rem;
}
.houpiez .ariane {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  max-width: 100%;
  margin-top: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  text-transform: inherit;
  color: #d3d3d3;
  font-size: 0.9rem;
}
.houpiez .titre-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  font-weight: bold;
  color: #108156;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.houpiez .titre-service .service,
.houpiez .titre-service .ressource {
  font-size: 45px;
  text-transform: uppercase;
}
.houpiez .titre-service .service::after,
.houpiez .titre-service .ressource::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.houpiez .titre-service .service::after,
.houpiez .titre-service .ressource::after {
  margin-left: 0;
}
.houpiez .titre-service .icon-favoris {
  position: absolute;
  top: 100%;
  left: auto;
  margin: 0;
}
.houpiez .service-ressource .titre-service .service {
  display: none;
}
.houpiez .icon-favoris {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0.5rem;
  color: #FEBB2B;
}
.houpiez .icon-favoris::after {
  content: "Ajouter aux favoris";
  width: auto;
  font-family: museo-sans, arial;
  color: #d3d3d3;
  font-size: 1rem;
  text-shadow: none;
}
.houpiez .icon-favoris:hover::after {
  color: #108156;
}
.houpiez .a-link-cns,
.houpiez .a-link-adm,
.houpiez .a-admin-page-accueil-back-link a {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.5rem 1rem;
  border-radius: 25px;
  background-color: #FEBB2B;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.houpiez .a-link-cns::before,
.houpiez .a-link-adm::before,
.houpiez .a-admin-page-accueil-back-link a::before {
  margin-right: 0.25rem;
}
.houpiez .gestionRessource .image-resume {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  overflow: hidden;
}
.houpiez .gestionRessource .image-resume:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.houpiez .gestionRessource .image-resume .content-image {
  width: 100%;
  height: 100%;
}
.houpiez .gestionRessource .image-resume .content-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.houpiez .gestionRessource .image-resume + .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -20px;
  padding: 1rem;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #108156;
  color: #fff;
}
.houpiez .vue-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  padding-bottom: 1rem;
}
.houpiez .vue-container:not(.admin-page-atrium, .pageatrium) {
  background: url("/css/theme/images/paves/decorationM.png") no-repeat top right;
}
.houpiez .vue-container.pageatrium {
  padding-left: 0;
  padding-right: 0;
}
.houpiez .vue-container:not(.flex-col) {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.houpiez .vue-container .a-service-texte {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 70%;
  flex: 1 0 70%;
  padding-right: 2%;
}
.houpiez .vue-container .a-service-texte > .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.houpiez .vue-container .a-service-texte > .container > article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-bottom: 1rem;
  padding-right: 3rem;
}
.houpiez .vue-container .a-service-texte > .container > article.img-left .resume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
  background-color: #108156;
  color: #fff;
  font-weight: bold;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.houpiez .vue-container .a-service-texte > .container > article.img-left .image {
  max-height: 250px;
  margin: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.houpiez .vue-container .a-service-texte > .container > article.img-left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.houpiez .vue-container .a-service-texte > .container > article.img-middle .image img {
  border-radius: 30px;
}
.houpiez .vue-container .a-service-texte > .container > aside {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.houpiez .vue-container .a-service-texte > .container > aside > div {
  display: inline-block;
  margin-right: 1rem;
}
.houpiez .vue-container .a-service-texte > .container > aside .edit-btn {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.houpiez .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text {
  margin-right: 0;
  color: #FEBB2B;
}
.houpiez .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text:hover {
  color: #db9601;
}
.houpiez .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text:hover::before {
  color: #db9601;
}
.houpiez .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text::before {
  color: #FEBB2B;
}
.houpiez .vue-container .a-service-texte > .container > nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin: 1rem 0;
}
.houpiez .vue-container .a-service-texte > .container > nav .precedent,
.houpiez .vue-container .a-service-texte > .container > nav .suivant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem;
  color: #108156;
  text-decoration: none;
}
.houpiez .vue-container .a-service-texte > .container > nav .precedent:hover,
.houpiez .vue-container .a-service-texte > .container > nav .suivant:hover {
  color: #FEBB2B;
}
.houpiez .vue-container .a-service-texte > .container > nav .precedent span {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 0.5rem;
}
.houpiez .vue-container .a-service-texte > .container > nav .precedent::before {
  content: "\f104\f104";
  font-family: fontello;
}
.houpiez .vue-container .a-service-texte > .container > nav .suivant {
  margin-left: auto;
}
.houpiez .vue-container .a-service-texte > .container > nav .suivant span {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 0.5rem;
}
.houpiez .vue-container .a-service-texte > .container > nav .suivant::after {
  content: "\f105\f105";
  font-family: fontello;
}
.houpiez .vue-container .a-service-texte + aside {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  padding: 1rem 2rem;
  border-radius: 35px;
  border-right: 5px solid #FEBB2B;
  border-bottom: 5px solid #FEBB2B;
  background: #fff url("/css/theme/images/paves/ble.svg") no-repeat bottom right;
}
.houpiez .vue-container .a-service-texte + aside > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.houpiez .vue-container .a-service-texte + aside > .container nav {
  margin-bottom: 26px;
}
.houpiez .vue-container .a-service-texte + aside > .container nav h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #108156;
  text-align: center;
}
.houpiez .vue-container .a-service-texte + aside > .container nav h3::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.houpiez .vue-container .a-service-texte + aside > .container nav p {
  margin: 5px 0;
}
.houpiez .vue-container .a-service-texte + aside > .container .ressource-liste .item:not(:last-child) > a {
  margin-bottom: 1rem;
}
.houpiez .vue-container .a-service-texte + aside > .container .ressource-liste .item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1rem;
}
.houpiez .vue-container .a-service-texte + aside > .container .ressource-liste .item .image {
  width: 35%;
  height: 90px;
  margin-right: 1rem;
  border-radius: 15px;
  overflow: hidden;
}
.houpiez .vue-container .a-service-texte + aside > .container .ressource-liste .item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.houpiez .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
.houpiez .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .titre {
  font: bold 1rem museo-sans, arial;
  color: #295C85;
}
.houpiez .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .resume {
  font: normal 1rem museo-sans, arial;
  color: #02375F;
}
.houpiez .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .resume * {
  all: inherit !important;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .page-puces {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.25rem;
  color: #108156;
  border: 1px solid #108156;
  border-radius: 20px;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce.show, .houpiez .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:first-child, .houpiez .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:first-child:not(.show) {
  margin-right: 1rem;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:last-child:not(.show) {
  margin-left: 1rem;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce::before {
  content: attr(data-index);
  display: block;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce.actif {
  background-color: #FEBB2B;
  color: #108156;
  border-color: #FEBB2B;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .prev,
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .next {
  color: #108156;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .prev::before, .houpiez .vue-container .a-service-texte + aside > .container .paginate-links .prev::after,
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .next::before,
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .next::after {
  font-size: 2rem;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .prev.inactive,
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .next.inactive {
  opacity: 0.5;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .prev span,
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .next span {
  display: none;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .prev::before {
  margin-right: 7px;
}
.houpiez .vue-container .a-service-texte + aside > .container .paginate-links .next::after {
  margin-left: 7px;
}
.houpiez .button-mainColor button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: var(--coop-main-color);
  color: #FFF;
}
.houpiez .button-secondColor button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: var(--coop-second-color);
  color: #FFF;
}
.houpiez .button-blue button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: #164C74;
  color: #FFF;
}
.houpiez .button-yellow button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: #FFC306;
  color: #FFF;
}
.houpiez .a-serv-ress .info,
.houpiez .a-serv-ress .diffusion,
.houpiez .a-service-texte .info,
.houpiez .a-service-texte .diffusion,
.houpiez .a-serv-ress .img-left .info,
.houpiez .a-serv-ress .img-left .diffusion,
.houpiez .a-service-texte > .container .img-left .info,
.houpiez .a-service-texte > .container .img-left .diffusion,
.houpiez .a-serv-ress .img-middle .info,
.houpiez .a-serv-ress .img-middle .diffusion,
.houpiez .a-service-texte > .container .img-middle .info,
.houpiez .a-service-texte > .container .img-middle .diffusion,
.houpiez .a-serv-ress .img-hidden .info,
.houpiez .a-serv-ress .img-hidden .diffusion,
.houpiez .a-service-texte > .container .img-hidden .info,
.houpiez .a-service-texte > .container .img-hidden .diffusion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  color: #d3d3d3;
}
.houpiez .a-serv-ress .icon-clock,
.houpiez .a-service-texte .icon-clock,
.houpiez .a-serv-ress .img-left .icon-clock,
.houpiez .a-service-texte > .container .img-left .icon-clock,
.houpiez .a-serv-ress .img-middle .icon-clock,
.houpiez .a-service-texte > .container .img-middle .icon-clock,
.houpiez .a-serv-ress .img-hidden .icon-clock,
.houpiez .a-service-texte > .container .img-hidden .icon-clock {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.houpiez .a-serv-ress .icon-clock::before,
.houpiez .a-service-texte .icon-clock::before,
.houpiez .a-serv-ress .img-left .icon-clock::before,
.houpiez .a-service-texte > .container .img-left .icon-clock::before,
.houpiez .a-serv-ress .img-middle .icon-clock::before,
.houpiez .a-service-texte > .container .img-middle .icon-clock::before,
.houpiez .a-serv-ress .img-hidden .icon-clock::before,
.houpiez .a-service-texte > .container .img-hidden .icon-clock::before {
  content: "\e81f";
  color: #108156;
  margin-right: 0.5rem;
}
.houpiez .a-service-texte > .container .img-left .abstract,
.houpiez .a-Evenement .img-left .abstract {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
  background-color: #000;
  color: #fff;
  font-weight: bold;
}
.houpiez .a-service-texte > .container .img-left .image,
.houpiez .a-Evenement .img-left .image {
  margin: 0;
}
.houpiez .a-service-texte > .container .img-left .image img,
.houpiez .a-Evenement .img-left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.houpiez #visuPanel {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 70%;
  flex: 1 0 70%;
  max-width: 100%;
}
.houpiez .service-ressource + #mid-panel #visuPanel {
  padding-left: calc((100% - 1440px) / 2);
  padding-right: 2%;
}
.houpiez #presentPanel {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  padding: 1rem 2rem;
  border-radius: 35px;
  border-right: 5px solid #FEBB2B;
  border-bottom: 5px solid #FEBB2B;
  background: #fff url("/css/theme/images/paves/ble.svg") no-repeat bottom right;
}
.houpiez #presentPanel .x-panel-header {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #108156;
  text-align: center;
}
.houpiez #presentPanel .x-panel-header::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.houpiez #presentPanel .a-EvenementGrid .cells {
  display: grid;
  grid-template-areas: "evenement-image evenement-titre" "evenement-image evenement-date";
  grid-template-columns: auto 1fr;
  width: 100%;
  background: transparent;
  border: 0;
}
.houpiez #presentPanel .a-EvenementGrid .cells td:nth-child(1) {
  grid-area: evenement-image;
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
}
.houpiez #presentPanel .a-EvenementGrid .cells td:nth-child(1) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.houpiez #presentPanel .a-EvenementGrid .cells td:nth-child(2) {
  grid-area: evenement-date;
}
.houpiez #presentPanel .a-EvenementGrid .cells td:nth-child(3) {
  grid-area: evenement-titre;
  margin: 0;
  font-weight: bold;
}
.houpiez #presentPanel .a-SondageGrid .cells td:nth-child(1) {
  margin-right: 1rem;
}
.houpiez .a-serv-ress .titlebar {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.houpiez .a-serv-ress .titlebar > div {
  display: inline-block;
  margin-right: 1rem;
}
.houpiez .a-serv-ress .titlebar .editRess-btn-ct {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.houpiez .a-serv-ress .titlebar .editRess-btn-ct .x-btn-text {
  margin-right: 0;
  padding: 0.5rem 0.75rem;
  color: #fff;
  background-color: #FEBB2B;
  border-radius: 25px;
}
.houpiez .a-serv-ress .titlebar .editRess-btn-ct .x-btn-text:hover {
  background-color: #db9601;
}
.houpiez .a-serv-ress .titlebar .editRess-btn-ct .x-btn-text::before {
  color: #fff;
}
.houpiez .prevRess-btn,
.houpiez .nextRess-btn {
  font-size: 2rem;
  color: #108156;
}
.houpiez .prevRess-btn:hover,
.houpiez .nextRess-btn:hover {
  color: #FEBB2B;
}
.houpiez .prevRess-btn button {
  display: none;
}
.houpiez .prevRess-btn.icon-prev::before {
  content: "\f104\f104";
}
.houpiez .nextRess-btn button {
  display: none;
}
.houpiez .nextRess-btn.icon-next::after {
  content: "\f105\f105";
}
.houpiez .x-toolbar .x-btn-text,
.houpiez .titlebar .x-btn-text {
  width: 100%;
  padding: 0.5rem;
  text-align: left;
}
.houpiez .x-toolbar .x-btn-text::before,
.houpiez .titlebar .x-btn-text::before {
  margin-right: 0.5rem;
  color: #108156;
}
.houpiez .x-toolbar .x-btn-text:hover,
.houpiez .titlebar .x-btn-text:hover {
  color: #108156;
}
.houpiez .titre2 .ck-content h2, .houpiez .titre2 .ck-content h3 {
  font-size: 45px;
  font-weight: bold;
}
.houpiez .titre3 .ck-content h2, .houpiez .titre3 .ck-content h3 {
  font-size: 30px;
  font-weight: bold;
}
.houpiez .titre4 .ck-content h2, .houpiez .titre4 .ck-content h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.houpiez .titre4 .ck-content h2::after, .houpiez .titre4 .ck-content h3::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.houpiez .page-container:not(.pageatrium) .description a,
.houpiez .page-container:not(.pageatrium) .freehtml a,
.houpiez .page-container:not(.pageatrium) .ck-content a {
  text-decoration: underline;
  font-weight: bold;
}
.houpiez .page-container:not(.pageatrium) .description a:hover,
.houpiez .page-container:not(.pageatrium) .freehtml a:hover,
.houpiez .page-container:not(.pageatrium) .ck-content a:hover {
  color: #FEBB2B;
}
.houpiez .page-container:not(.pageatrium) .description ul, .houpiez .page-container:not(.pageatrium) .description ol,
.houpiez .page-container:not(.pageatrium) .freehtml ul,
.houpiez .page-container:not(.pageatrium) .freehtml ol,
.houpiez .page-container:not(.pageatrium) .ck-content ul,
.houpiez .page-container:not(.pageatrium) .ck-content ol {
  list-style: inherit;
  margin-left: 2rem;
}
.houpiez .page-container:not(.pageatrium) .description .titre2,
.houpiez .page-container:not(.pageatrium) .freehtml .titre2,
.houpiez .page-container:not(.pageatrium) .ck-content .titre2 {
  font-size: 45px;
  font-weight: bold;
}
.houpiez .page-container:not(.pageatrium) .description .titre3,
.houpiez .page-container:not(.pageatrium) .freehtml .titre3,
.houpiez .page-container:not(.pageatrium) .ck-content .titre3 {
  font-size: 30px;
  font-weight: bold;
}
.houpiez .page-container:not(.pageatrium) .description .titre4,
.houpiez .page-container:not(.pageatrium) .freehtml .titre4,
.houpiez .page-container:not(.pageatrium) .ck-content .titre4 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.houpiez .page-container:not(.pageatrium) .description .titre4::after,
.houpiez .page-container:not(.pageatrium) .freehtml .titre4::after,
.houpiez .page-container:not(.pageatrium) .ck-content .titre4::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.houpiez .page-container:not(.pageatrium) .description .style-bouton,
.houpiez .page-container:not(.pageatrium) .freehtml .style-bouton,
.houpiez .page-container:not(.pageatrium) .ck-content .style-bouton {
  border-radius: 20px;
  padding: 0.5rem 1rem;
  background-color: #FEBB2B;
  color: #fff;
  border: 0;
  cursor: pointer;
}
.houpiez .page-container:not(.pageatrium) .description table,
.houpiez .page-container:not(.pageatrium) .freehtml table,
.houpiez .page-container:not(.pageatrium) .ck-content table {
  border-collapse: collapse;
}
.houpiez .page-container:not(.pageatrium) .description table tr:nth-child(2n) td,
.houpiez .page-container:not(.pageatrium) .freehtml table tr:nth-child(2n) td,
.houpiez .page-container:not(.pageatrium) .ck-content table tr:nth-child(2n) td {
  background-color: #2ce59e;
}
.houpiez .page-container:not(.pageatrium) .description table td,
.houpiez .page-container:not(.pageatrium) .freehtml table td,
.houpiez .page-container:not(.pageatrium) .ck-content table td {
  padding: 0.5rem;
}
.houpiez .a-cnsPanelContactList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1rem;
  border: 1px solid #108156;
}
.houpiez .a-cnsPanelContactList > .btn-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: block;
  margin-right: 2rem;
  padding: 0.5rem 0;
  background-color: transparent;
  color: #108156;
  font-size: 1rem;
  font-weight: bold;
  border: 0;
}
.houpiez .a-cnsPanelContactList > .btn-text::before {
  display: none;
}
.houpiez .a-cnsPanelContactList .contacts-list {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 0.5rem 0;
}
.houpiez .a-cnsPanelContactList .contacts-list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.houpiez .a-cnsPanelContactList .contacts-list .a-main-contact:not(:last-child) {
  margin-bottom: 1rem;
}
.houpiez .a-cnsPanelContactList .contacts-list .contact {
  margin-right: 0.5rem;
}
.houpiez .Comment {
  margin: 1rem 0;
  background-color: #efefef;
}
.houpiez .Comment .dateheure,
.houpiez .Comment .auteur {
  color: #108156;
}
.houpiez .Comment .icon-remove {
  color: #f64747;
}
.houpiez .contact-comment .phone {
  padding-left: 18px;
  color: #b1b1b1;
}
.houpiez .contact-comment .icon-courrier::after {
  margin-left: 10px;
  font-size: 20px;
}
.houpiez .a-CnsPanelContactList .x-panel-tbar {
  padding: 0.5rem;
  background-color: #ddd;
}
.houpiez .a-CnsPanelContactList .x-panel-body {
  padding: 0.5rem;
}
.houpiez .a-CnsPanelContactList .r-toolbar-contact span {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  font: normal 1rem museo-sans, arial;
}
.houpiez .a-CnsPanelContactList .r-toolbar-contact button::before {
  color: #ffffff;
  vertical-align: baseline;
}
.houpiez #visuPanel .x-panel-tbar > ul.r-toolbar-contact {
  padding: 0;
}
.houpiez .a-CnsPanelComment {
  margin-top: 1rem;
}
.houpiez .a-CnsPanelComment h3 {
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 16px;
  color: #108156;
  text-transform: uppercase;
}
.houpiez .a-CnsPanelComment .dateheure {
  padding: 1rem;
  font-size: 0.923rem;
  font-weight: bold;
  color: #666666;
}
.houpiez .a-CnsPanelComment .CommentHeader {
  font-size: 16px;
  color: #9b9b9b;
  text-transform: inherit;
}
.houpiez .a-NavigationPanel {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.houpiez .page-navigation .btn-vue {
  background-color: #108156;
}
.houpiez .page-navigation .btn-vue:hover {
  background-color: #0c6141;
}
.houpiez #visuPanel .a-CnsPanelComment > .x-panel-header {
  font-variant: small-caps;
  font-size: 1rem;
  color: #108156;
  margin: 0 auto;
  border-bottom-color: #108156;
  border-bottom-style: solid;
}
.houpiez #visuPanel .a-CnsPanelComment > .x-panel-header > span {
  color: #108156;
}
.houpiez .Comment .icon-remove {
  float: right;
  margin-top: 0.5em;
}
.houpiez .a-form-comment .x-btn button {
  padding: 10px;
  background-color: #108156;
  color: #fff;
}
.houpiez .r-toolbar-contact span {
  color: #108156;
  text-transform: uppercase;
  font-size: 16px;
}
.houpiez #PrecoPanel div.titre {
  font-size: 1.05em;
  font-weight: bold;
  padding: 5px;
  color: #108156;
}
.houpiez .vue-container.admin .grid thead {
  font-family: museo-sans, arial;
}
.houpiez .vue-container th {
  background-color: #108156;
}
.houpiez .suiviactivite .form-item label {
  color: #108156;
  font-weight: bold;
}
.houpiez .suiviactivite .icon-download,
.houpiez .suiviactivite .icon-plus {
  color: #108156;
}
.houpiez .structure-filtres {
  position: sticky;
  top: 9rem;
  padding: 1rem;
  background-color: #108156;
  border-top: 0;
  z-index: 1;
}
.houpiez .structure-filtres .form-item label {
  color: #fff;
}
.houpiez .structure-filtres .form-row {
  margin: 0;
}
.houpiez .newsletters .header-site {
  text-align: left;
  margin-bottom: 0.75rem;
}
.houpiez .newsletters .btn-picto {
  font-size: 1rem;
  margin-right: 18px;
  color: #6b6b6b;
}
.houpiez .newsletters .btn-picto:hover {
  color: #000;
}
.houpiez .newsletters .tabs-component-panels {
  border-color: #108156;
}
.houpiez .tabs-component-tab.is-active {
  border-color: #108156;
}
.houpiez .abonnement_choix {
  color: #108156;
  font-weight: bold;
}
.houpiez .abonnement_choix .btn-vue {
  min-height: 35px;
  background-color: #108156;
  color: #fff;
  font-size: 1.1rem;
  font-weight: normal;
}
.houpiez .abonnement_info::before {
  margin-left: 0.5rem;
}
.houpiez .siteplan ul {
  margin: 0;
  padding: 0;
}
.houpiez .siteplan .menus > li:not(:last-child) {
  margin-bottom: 3rem;
}
.houpiez .siteplan .services > li {
  padding: 0.25rem 0;
}
.houpiez .siteplan .menus > li > *:first-child {
  display: block;
  padding: 1rem;
  background-color: #efefef;
  color: #108156;
  font-weight: bold;
  font-size: 1.1rem;
  border-bottom: 3px solid;
}
.houpiez .siteplan .submenus > li {
  margin-bottom: 0.25rem;
  color: #108156;
  font-size: 1.05rem;
}
.houpiez .siteplan .menu-item-cns > a {
  color: #108156;
  font-size: 1rem;
}
.houpiez .a-OrganisationAct {
  border-bottom: 5px solid #e8e8e8;
  padding-bottom: 1rem;
}
.houpiez .a-Organisation-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.houpiez .a-Organisation-detail {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
.houpiez .a-Organisation-link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0%;
  flex: 0 0 0%;
  text-align: center;
}
.houpiez .a-OrganisationActLinkMembers {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  background-color: #108156;
  color: #fff;
  border: 3px solid transparent;
  border-radius: 25px;
}
.houpiez .open-members .a-OrganisationActLinkMembers {
  background-color: #fff;
  color: #108156;
  border: 3px solid #108156;
}
.houpiez .a-Organisation-members {
  margin: -0.5rem -0.5rem 1rem -0.5rem;
}
.houpiez .a-Organisation-member {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: calc(33.3333% - 1rem);
  margin: 0.5rem;
  background-color: #f2f7f9;
}
.houpiez .a-Organisation-member .libelle {
  display: none;
}
.houpiez .a-Organisation-member:nth-child(odd) {
  margin-right: 0.5rem;
}
.houpiez .a-Organisation-memberImg {
  float: left;
  width: 35%;
  margin-top: 0;
  padding-right: 0.5rem;
}
.houpiez .a-Organisation-memberDataTitle {
  font-weight: bold;
}
.houpiez .a-Organisation-memberDataFct {
  font-weight: 500;
}
.houpiez .a-Organisation-memberDataDetail {
  width: 100%;
  float: left;
}
.houpiez .a-Organisation-memberDataDetail li {
  margin-bottom: 0.25rem;
}
.houpiez .a-Organisation-memberDataDetail li::before {
  font-family: fontello;
  width: 1rem;
  height: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.5rem;
  padding: 0.25rem;
  color: #108156;
  border: 2px solid #108156;
  border-radius: 25px;
}
.houpiez .a-Organisation-memberDataDetail .tel::before, .houpiez .a-Organisation-memberDataDetail .mobile::before {
  content: "\e81e";
}
.houpiez .a-Organisation-memberDataDetail .mail::before {
  content: "\e804";
}
.houpiez .a-Organisation-memberDataDetail .fax::before {
  content: "\f1ac";
}
.houpiez .a-Organisation-memberDataDetail .icon-mail::before {
  display: none;
}
.houpiez .a-pave-hp-horaireSite .horairesite-legend {
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  max-width: 30%;
}
.houpiez .a-pave-hp-horaireSite .horairesite-legend-item {
  font-weight: bold;
}
.houpiez .a-pave-hp-horaireSite .horairesite-legend-item:not(:last-child)::after {
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  border-right: 2px solid #000;
}
.houpiez .horairesite-config {
  padding: 0;
}
.houpiez .a-Sondage .a-Intitule {
  color: #108156;
}
.houpiez .question-impair,
.houpiez .question-pair {
  padding: 0.25rem 0.25rem 0;
}
.houpiez .question-impair {
  background-color: #f1f1f1;
}
.houpiez .a-BanqueDocumentHTML .x-panel-header {
  color: #108156;
  font-weight: bold;
}
.houpiez li.x-tree-node span:hover,
.houpiez li.x-tree-node .x-tree-selected span {
  color: #108156;
}
.houpiez .banque-toolbar .x-btn-text:hover {
  color: #fff;
}
.houpiez .a-banque-lastdocs {
  padding: 1rem;
  border: 2px solid #108156;
  background-color: #fff;
}
.houpiez .a-banque-arbo {
  padding: 1rem;
  background-color: #fff;
  border-bottom: 2px solid #108156;
}
.houpiez .a-banque-arbo .x-tree-node-anchor::before,
.houpiez .a-banque-arbo .x-tree-node-collapsed .x-tree-node-anchor::before,
.houpiez .a-banque-arbo .a-banque-fil-ariane span::before {
  color: #d3d3d3;
}
.houpiez .a-banque-arbo .x-tree-node-el {
  padding: 0.5rem 0;
}
.houpiez .a-banque-fil-ariane {
  background-color: #f7f7f7;
}
.houpiez .fil-ariane-folder::before {
  color: #d3d3d3;
}
.houpiez .a-banque-tree {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
.houpiez .lastdocs {
  padding: 1rem;
  background-color: #fff;
}
.houpiez .lastdocs .options {
  margin-left: 1rem;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: #108156;
}
.houpiez #visuPanel .docs, .houpiez .lastdocs .row {
  min-height: inherit;
  border-right: 0;
}
.houpiez .a-image-wrapper {
  width: 32px;
  height: 32px;
  margin-top: 10px;
  background-size: contain;
}
.houpiez .a-folder-doc-nombre {
  background-color: #108156;
  color: #fff;
  -webkit-box-shadow: 0 0 3px #000;
  box-shadow: 0 0 3px #000;
}
.houpiez .lastdocsdetail .icon-download {
  display: block;
  width: 100%;
  text-align: center;
  border: 0;
}
.houpiez .properties-list li span:first-child {
  color: #108156;
  font-weight: bold;
}
.houpiez .a-virement-grid table {
  border-collapse: inherit;
}
.houpiez .a-virement-grid .cells {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33% - 1rem);
  flex: 0 0 calc(33% - 1rem);
  margin: 0.5rem;
  border-bottom: 2px solid #108156;
  -webkit-box-shadow: 0 0 3px #d3d3d3;
  box-shadow: 0 0 3px #d3d3d3;
  word-break: break-word;
}
.houpiez .morte-saison,
.houpiez .offredirecte {
  font-family: museo-sans, arial;
  font-size: 1rem;
}
.houpiez .morte-saison h2,
.houpiez .offredirecte h2 {
  font-weight: normal;
}
.houpiez .morte-saison input[type^=file],
.houpiez .offredirecte input[type^=file] {
  padding: 0;
}
.houpiez .morte-saison .recuperation h2,
.houpiez .offredirecte .recuperation h2 {
  color: #108156;
}
.houpiez .morte-saison .voir-nouveautes,
.houpiez .morte-saison .dispo-seulement,
.houpiez .morte-saison .prix,
.houpiez .morte-saison .conditionnement,
.houpiez .offredirecte .voir-nouveautes,
.houpiez .offredirecte .dispo-seulement,
.houpiez .offredirecte .prix,
.houpiez .offredirecte .conditionnement {
  color: #108156;
}
.houpiez .morte-saison .offre .ref,
.houpiez .offredirecte .offre .ref {
  margin: 1rem;
}
.houpiez .morte-saison .offre .titre,
.houpiez .offredirecte .offre .titre {
  font: normal 25px museo-sans, arial;
  color: #108156;
}
.houpiez .morte-saison .offre .resume,
.houpiez .offredirecte .offre .resume {
  font: normal 14px museo-sans, arial;
}
.houpiez .morte-saison .offre .commandes a,
.houpiez .offredirecte .offre .commandes a {
  color: #108156;
}
.houpiez .morte-saison .offre .infos ::before,
.houpiez .morte-saison .offre .recuperation ::before,
.houpiez .morte-saison .offre .offre-footer ::before,
.houpiez .offredirecte .offre .infos ::before,
.houpiez .offredirecte .offre .recuperation ::before,
.houpiez .offredirecte .offre .offre-footer ::before {
  color: #108156;
}
.houpiez .morte-saison .total-commande,
.houpiez .offredirecte .total-commande {
  border-color: #108156;
  color: #108156;
}
.houpiez .morte-saison .ms-content h1,
.houpiez .morte-saison .ms-content h2,
.houpiez .offredirecte .ms-content h1,
.houpiez .offredirecte .ms-content h2 {
  color: #108156;
}
.houpiez .morte-saison .ms-content .total-commande,
.houpiez .offredirecte .ms-content .total-commande {
  font-weight: 500;
  color: #c32126;
}
.houpiez .panel-exploitation ::before {
  color: #108156;
}
.houpiez .offredirecte-titre,
.houpiez .offredirecte-quantiteDispo::before,
.houpiez .offredirecte-logistique .icon-livraison,
.houpiez .offredirecte-prix_prefixe,
.houpiez .offredirecte-listeOffresRef_titre,
.houpiez .titre-confirm-engagement,
.houpiez .offredirecte-periodeLiv label {
  color: #108156;
}
.houpiez .col-engagement button {
  font-family: museo-sans, arial;
}
.houpiez .genfiche-formulaire fieldset legend {
  font: 300 24px museo-sans, arial;
  color: #108156;
}
.houpiez .genfiche-formulaire fieldset .form-group {
  border-left: 1px solid #108156;
  padding-left: 1rem;
}
.houpiez .genfiche-formulaire fieldset .form-group label {
  font: 300 21px museo-sans, arial;
}
.houpiez .genfiche-formulaire #preconisations-commentaires th {
  border-color: #108156;
}
.houpiez .a-offres-wrapper th {
  padding: 1rem 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #69778c;
  font-weight: bold;
}
.houpiez .a-offres-wrapper td[data-title^=Prix] {
  font-size: 1.4em;
  color: #e63946;
}
.houpiez .a-offres-wrapper td[data-title^=Prix]::after {
  content: " € HT / Tonne";
}
.houpiez .a-offrespot .engagement .detail-cours .label {
  padding: 5px 10px;
  font-weight: bold;
  background-color: #f7ab11;
  color: white;
  line-height: 1.9em;
}
.houpiez .a-offrespot .offre-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.houpiez .a-offrespot .links > .offre-toolbar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin-left: 1rem;
  padding: 1rem;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: #fff;
  background-color: #108156;
  text-decoration: none;
}
.houpiez .a-offrespot .links > .offre-toolbar a:hover {
  background-color: #0c6141;
}
.houpiez .a-offrespot .r-grid th {
  background-color: #a0aeb7;
  color: #fff;
}
.houpiez .a-offrespot a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.houpiez .a-offres-wrapper td > span > a {
  background-color: #51c47d;
  color: #fff;
  padding: 0.3em 20%;
  border-radius: 5px;
  border-bottom: 2px solid rgba(146, 146, 146, 0.5);
}
.houpiez .a-offres-wrapper td > span > a:hover {
  background-color: #3db46b;
}
.houpiez .a-liste-offres a {
  color: #108156;
}
.houpiez .a-engagement-offre .x-panel-header-text {
  background-color: #f7ab11;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
}
.houpiez .a-cns-panel-exploitation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.houpiez .a-profil h2,
.houpiez .a-profil h3 {
  color: #108156;
}
.houpiez .a-profil h3::before {
  color: #108156;
}
.houpiez .a-profil h3::after {
  border-color: #108156;
}
.houpiez .a-profil .icon-expand,
.houpiez .a-profil .icon-expanded {
  color: #108156;
}
.houpiez .adresse-categorie {
  color: #108156;
}
.houpiez .contact_message {
  color: #108156;
}
.houpiez .infos-compte h3::after,
.houpiez .infos-exploitation h3::after {
  border-color: #108156;
}
.houpiez .monprofil-infoperso label {
  color: #108156;
  font-weight: bold;
}
.houpiez .monprofil-menu_item a::before {
  color: #108156;
}
.houpiez .expand-list_sousRub_cat {
  font-weight: 300;
}
.houpiez .adresse-header {
  background-color: #108156;
  color: #fff;
}
.houpiez .adresse-header .icon-cross {
  color: #fff;
}
.houpiez .pan-annonce .pan-entete,
.houpiez .pan-annonce legend {
  color: #108156;
}
.houpiez .a-PetitesAnnonces .a-create-bt button:hover,
.houpiez .a-PetitesAnnonces .a-back-bt button:hover,
.houpiez .a-PetitesAnnonces .a-mail-bt button:hover,
.houpiez .a-PetitesAnnonces .prevPage-btn button:hover,
.houpiez .a-PetitesAnnonces .nextPage-btn button:hover,
.houpiez .a-PetitesAnnoncesAdm .a-create-bt button:hover,
.houpiez .a-PetitesAnnoncesAdm .a-back-bt button:hover,
.houpiez .a-PetitesAnnoncesAdm .a-mail-bt button:hover,
.houpiez .a-PetitesAnnoncesAdm .prevPage-btn button:hover,
.houpiez .a-PetitesAnnoncesAdm .nextPage-btn button:hover {
  color: #fff;
}
.houpiez .a-PetitesAnnonces .prevPage-btn button,
.houpiez .a-PetitesAnnonces .nextPage-btn button,
.houpiez .a-PetitesAnnoncesAdm .prevPage-btn button,
.houpiez .a-PetitesAnnoncesAdm .nextPage-btn button {
  border-radius: 20px;
}
.houpiez .a-PetitesAnnonces .prevPage-btn ::before,
.houpiez .a-PetitesAnnonces .prevPage-btn ::after,
.houpiez .a-PetitesAnnonces .nextPage-btn ::before,
.houpiez .a-PetitesAnnonces .nextPage-btn ::after,
.houpiez .a-PetitesAnnoncesAdm .prevPage-btn ::before,
.houpiez .a-PetitesAnnoncesAdm .prevPage-btn ::after,
.houpiez .a-PetitesAnnoncesAdm .nextPage-btn ::before,
.houpiez .a-PetitesAnnoncesAdm .nextPage-btn ::after {
  color: #fff;
}
.houpiez .x-toolbar.horairesite-toolbar .x-btn-text {
  width: auto;
  padding: 0;
}
.houpiez .horairesite-config-subtitle {
  border-bottom: 2px solid #108156;
}
.houpiez .horairesite-toolbar .x-btn {
  color: #108156;
}
.houpiez .horairesite-toolbar .x-btn.x-btn-over {
  color: #0c6141;
}
.houpiez .rss-flux-title {
  font-size: 1.2rem;
}
.houpiez .rss-flux-title::before {
  margin-right: 0.5rem;
  color: orange;
}
.houpiez .rss-item {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #f0f0f0;
}
.houpiez .rss-item-title {
  margin: 0;
}
.houpiez .rss-item-title a {
  color: #108156;
}
.houpiez .rss-item-date {
  font-size: 0.9rem;
  font-weight: normal;
}
.houpiez .rss-item-link {
  text-align: right;
}
.houpiez .a-suivi-bon .apport,
.houpiez .a-suivi-bon .appro,
.houpiez .a-suivi-bon .engagement,
.houpiez .a-suivi-bon .commande {
  position: relative;
  width: 100%;
  min-height: 195px;
  margin: 1rem auto;
  padding: 1rem 1rem 35px;
  background-color: #f7f7f7;
  border-bottom: 2px solid #654cfe;
}
.houpiez .a-list-bon .x-panel-header-text {
  font-weight: bold;
  background-color: #654cfe;
  padding: 0.5rem 1rem;
  width: 100%;
  display: block;
  color: #fff;
}
.houpiez .a-suivi-bon-form {
  margin-top: 1em;
  position: relative;
}
.houpiez .a-suivi-bon-form .x-panel-header,
.houpiez .a-suivi-bon-form .a-dernier-bon .x-panel-header {
  background-color: #a0aeb7;
  padding: 1em;
}
.houpiez .a-suivi-bon-form .x-panel-header-text,
.houpiez .a-suivi-bon-form .a-dernier-bon .x-panel-header-text {
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
.houpiez .a-suivi-bon-form > .x-panel-bwrap {
  background: #fafafa;
  padding-top: 0.5em;
}
.houpiez .a-suivi-bon-form .x-form-item {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 1.5em 1em 1em;
}
.houpiez .a-suivi-bon-form .x-panel-footer {
  background-color: #fafafa;
}
.houpiez .a-suivi-bon-form #exploitCombo {
  float: right;
}
.houpiez .a-suivi-bon-form #exploitCombo .col-m-50 {
  width: auto;
  padding: 0 1rem;
  padding-bottom: 0;
}
.houpiez .a-suivi-bon-form #exploitCombo .x-form-label-left label {
  display: block;
}
.houpiez .filtre-criteres {
  border-bottom-color: #108156;
}
.houpiez .suivivirement header h3:after {
  border-color: #108156;
}
.houpiez .suivivirement-menu ::before {
  color: #108156;
}
.houpiez .a-admin-page-accueil-panel-grid .x-btn-text::before,
.houpiez .a-adminpageaccueil-editor .x-btn-text::before,
.houpiez .a-custom-grid-panel .x-btn-text::before,
.houpiez .a-ContenuHTML-tbar .x-btn-text::before {
  color: #108156;
}
.houpiez .a-adminpageaccueil-editor .a-adminpageaccueil-portlet .x-panel-header {
  color: #FEBB2B;
}
.houpiez .a-serv-adm .a-ComponentAdmFormTitle,
.houpiez .a-serv-adm .x-panel-header {
  background-color: #FEBB2B;
}
.houpiez .a-serv-adm form .x-form-file-wrap .x-form-file-btn {
  padding: 0.25rem 0.5rem;
  background-color: #FEBB2B;
}
.houpiez .a-serv-adm form .x-form-file-wrap .x-form-file-btn .x-btn-text {
  color: #fff;
}
.houpiez .a-serv-adm form .a-ImagePanel-choice .x-btn-text {
  background-color: #FEBB2B;
}
.houpiez .a-serv-adm form .x-panel-header,
.houpiez .a-serv-adm form .position-header-cls label.x-form-item-label,
.houpiez .a-serv-adm form [id^=labelTitre],
.houpiez .a-serv-adm form [id^=labelResume],
.houpiez .a-serv-adm form [id^=labelDescrip],
.houpiez .a-serv-adm form [id^=labelListDiff],
.houpiez .a-serv-adm form fieldset.a-Transverse-panelTransversaliteAdmin-fieldsetListTermes > legend span,
.houpiez .a-serv-adm form .contacts label,
.houpiez .a-serv-adm form .a-ComponentAdmFormTitle {
  background-color: #FEBB2B;
}
.houpiez .a-serv-adm form .image-middle .x-form-check-checked .x-form-radio-wrap-inner::before, .houpiez .a-serv-adm form .image-left .x-form-check-checked .x-form-radio-wrap-inner::before, .houpiez .a-serv-adm form .image-hidden .x-form-check-checked .x-form-radio-wrap-inner::before {
  border: solid 3px #FEBB2B;
}
.houpiez .a-serv-adm form legend .x-fieldset-header-text {
  color: #FEBB2B;
}
.houpiez .a-serv-adm form .icon-add {
  color: #FEBB2B;
}
.houpiez .a-adminpageaccueil-editor .a-adminpageaccueil-portlet .x-panel-header {
  background-color: #fff;
}
.houpiez .a-adminpageaccueil-editor .a-adminpageaccueil-portlet button.icon-config {
  background-color: #FEBB2B;
}
.houpiez .a-adminpageaccueil-editor .a-adminpageaccueil-portlet button.icon-config:hover {
  background-color: #feb007;
}
.houpiez .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .titre,
.houpiez .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .resume {
  color: #108156;
}
@media (max-width: 1500px) {
  .houpiez.a-serv-hp [class*=bloc-forme] > .ensemble {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (max-width: 1440px) {
  .houpiez .a-link-cns,
.houpiez .a-link-adm {
    margin-right: 1rem;
  }
  .houpiez .vue-container .a-service-texte > .container > article {
    padding-left: 3rem;
  }
  .houpiez .vue-container .a-service-texte > .container > nav .precedent {
    left: 0;
  }
  .houpiez .service-ressource + #mid-panel #visuPanel {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .houpiez.a-serv-hp #mid-panel {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 901px) {
  .houpiez .a-pave-hp.pos-left, .houpiez .a-pave-hp.pos-none {
    margin-right: 3rem;
  }
  .houpiez .a-pave-hp.pos-right {
    margin-left: 3rem;
  }
}
@media (max-width: 900px) {
  .houpiez .logo > * {
    width: 100px;
    height: 60px;
  }
  .houpiez .header-item {
    width: 40px;
    height: 40px;
  }
  .houpiez .header-item::before {
    font-size: 16px;
  }
  .houpiez .welcome-div {
    display: none;
  }
  .houpiez #login, .houpiez #logout {
    margin-left: 0;
  }
  .houpiez .gestionRessource .image-resume {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
  }
  .houpiez .gestionRessource .image-resume:last-child {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .houpiez .gestionRessource .image-resume + .cell {
    margin-top: -20px;
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .houpiez .vue-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .houpiez .vue-container .a-service-texte,
.houpiez .vue-container .a-service-texte + aside {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .houpiez .vue-container .a-service-texte > .container > article {
    padding-left: 0;
    padding-right: 0;
  }
  .houpiez .vue-container .a-service-texte > .container > nav .precedent,
.houpiez .vue-container .a-service-texte > .container > nav .suivant {
    position: static;
  }
  .houpiez .suiviactivite {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .houpiez #mid-panel {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .houpiez #visuPanel,
.houpiez #presentPanel {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .houpiez .header-site .menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: calc(100vh - var(--header-height));
    padding: 0;
    overflow: auto;
  }
  .houpiez .header-site .menu::after {
    position: static;
  }
  .houpiez .mojo,
.houpiez .postRubrique-deco {
    display: none;
  }
  .houpiez #homepage,
.houpiez #favoris,
.houpiez #profil,
.houpiez #mentions,
.houpiez #contacts {
    display: none;
  }
  .houpiez #menuPanel {
    display: none;
  }
  .houpiez #menuPanel.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .houpiez .header-site .rubriques {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
  }
  .houpiez .header-site .rubriques > .rubrique {
    width: 100%;
    max-width: 100%;
  }
  .houpiez .header-site .rubriques > .rubrique:not(:last-child) {
    border-bottom: 1px solid #f4f4f4;
  }
  .houpiez .header-site .rubriques > .action {
    display: block;
  }
  .houpiez .rubrique:hover .sous-rubriques {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  .houpiez .intitule-rubrique {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .houpiez .intitule-rubrique > * {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 5%;
  }
  .houpiez .intitule-rubrique > *::after {
    content: "\f105";
    display: inline-block;
    font-family: fontello;
  }
  .houpiez .action-favoris .intitule-rubrique > span {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 5%;
  }
  .houpiez .sous-rubriques {
    top: 0;
    max-height: 50vh;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #108156;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .houpiez .sous-rubriques.display {
    position: static;
    width: 100%;
  }
  .houpiez .sous-rubriques-list {
    padding: 1rem 5%;
  }
  .houpiez .sous-rubrique .service {
    padding: 1rem 0;
  }
  .houpiez .sous-rubrique {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0 0 1rem 0;
  }
  .houpiez .header-site .input-wrapper {
    display: none;
  }
  .houpiez .header-site .input-wrapper.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 100%;
    right: 0;
    margin: 0;
    padding: 0.5rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    z-index: 260;
  }
  .houpiez .header-site .input-wrapper input {
    margin: 0;
  }
  .houpiez .sous-rubriques,
.houpiez .rubrique.open > span {
    border-radius: 0;
  }
  .houpiez .rubrique.open > span {
    border-bottom: 1px solid #fff;
  }
  .houpiez .rubrique > span,
.houpiez .action > span {
    padding: 0;
  }
  .houpiez .rubrique > span > a,
.houpiez .action > span > a {
    padding: 0.75rem 5%;
  }
  .houpiez .a-link-adm {
    display: none;
  }
  .houpiez .bloc-forme1::before {
    background: url(/css/theme/images/paves/decorationA1.svg) no-repeat 20% 0%;
  }
  .houpiez .bloc-forme2 .a-video-pave {
    margin-bottom: 0;
  }
  .houpiez .bloc-forme3 {
    margin-top: -12rem;
  }
  .houpiez .bloc-forme4 {
    margin-top: -7rem;
    background: #295C85 url(/css/theme/images/paves/decorationC1.svg) no-repeat 33% 40%/1350px;
  }
  .houpiez [class^=pave-memo-] .paginate-show {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .houpiez [class^=pave-memo-] .paginate-show > li {
    max-width: 100%;
  }
  .houpiez .titre-service .service,
.houpiez .titre-service .ressource {
    font-size: 40px;
  }
  .houpiez .vue-container .a-service-texte + aside {
    background: transparent url(/css/theme/images/paves/ble.svg) no-repeat bottom right;
  }
}
@media screen and (max-width: 600px) {
  .houpiez .multiImages-public figure {
    max-height: 500px;
  }
  .houpiez .multiImages-chiffres-cles:not(.carousel) .paginate-show > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
  }
  .houpiez .multiImages-partenaires:not(.carousel) .paginate-show > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
  }
}
@media screen and (max-width: 500px) {
  .houpiez .pave-raccourcis .a-pave-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .houpiez .ariane {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .houpiez .vue-container .a-service-texte > .container > article.img-left .image,
.houpiez .a-service-texte > .container .img-left,
.houpiez .a-Evenement .img-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
  }
  .houpiez .a-Organisation-member {
    width: 100%;
  }
}
@media screen and (max-width: 300px) {
  .houpiez .logo {
    display: none;
  }
}
@media screen and (max-width: 1440px) and (min-width: 901px) {
  .houpiez .header-content, .houpiez #menuPanel {
    padding-left: 0;
    padding-right: 0;
  }
}
.houpiez .bloc-forme4 {
  background-color: #108156;
}

.mosaic {
  /*TABLEAU VUE*/
  /*ONGLETS*/
  /*PUCE*/
  /*TIP*/
  /*PAVÉS*/
  /*NEWSLETTER*/
  /*CONNEXION*/
  /*MORTE SAISON & OFFRE DIRECTE*/
  /*OFFRES SPOT*/
  /*MON PROFIL VUE*/
}
:root {
  --coop-main-color: #164C74;
  --coop-main-lighten-color: #216ba3;
  --coop-main-lighten-2-color: #e9f5ff;
  --coop-second-color: #FFC306;
  --coop-button-bg-color: #164C74;
  --coop-button-bg-hover-color: #216ba3;
  --coop-button-text-color: #fff;
  --coop-border-color: #164C74;
}

:root .mosaic {
  --coop-main-color: #158766;
  --coop-main-lighten-color: #26a983;
  --coop-main-lighten-2-color: #e4eae8;
  --coop-second-color: #F3C82C;
  --coop-button-bg-color: #158766;
  --coop-button-bg-hover-color: #26a983;
  --coop-button-text-color: #fff;
  --coop-border-color: #158766;
}

.mosaic {
  font-family: museo-sans, arial, arial;
  font-size: 16px;
  font-weight: 500;
  color: #02375F;
}
.mosaic a {
  color: inherit;
  text-decoration: none;
}
.mosaic a:hover {
  text-decoration: underline;
}
.mosaic button {
  font-family: museo-sans, arial, arial;
  font-size: 1rem;
}
.mosaic .multiselect input {
  border: 0;
}
.mosaic #login-panel {
  border-bottom: 3px solid #158766;
  -webkit-box-shadow: 3px 3px 8px #565656;
  box-shadow: 3px 3px 8px #565656;
}
.mosaic #login-panel h3 {
  margin-top: 0;
}
.mosaic #login-panel [type=submit] {
  display: block;
  margin-left: auto;
}
.mosaic .a-btn-atrium-retour {
  margin-bottom: 1rem;
}
.mosaic .x-panel-btns .x-btn-text::before {
  margin-right: 0.25rem;
}
.mosaic .btn-coop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.mosaic .btn-coop a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #F3C82C;
  text-decoration: none;
}
.mosaic .btn-coop a:hover {
  background-color: #eebd0e;
  color: #fff;
}
.mosaic .btn-action.modify {
  background-color: #aaa;
  color: #fff;
}
.mosaic .btn-action.modify:hover {
  background-color: #989898;
}
.mosaic .btn-action.cancel {
  background-color: #e63838;
  color: #fff;
}
.mosaic .btn-action.cancel:hover {
  background-color: #de1c1c;
}
.mosaic .btn-vue {
  background-color: var(--coop-main-color);
  color: #FFF;
}
.mosaic .checkbox-etat {
  color: #158766;
}
.mosaic #go-to-head {
  background-image: url(/css/theme/images/common/go_top.svg);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.mosaic .message_header_service {
  padding: 0.5rem 1rem;
  background-color: #F3C82C;
  color: #fff;
  -webkit-box-shadow: 0 0 2px #ccc;
  box-shadow: 0 0 2px #ccc;
}
.mosaic ul.x-tab-strip li {
  margin: 0;
}
.mosaic ul.x-tab-strip li:not(:first-child) .x-tab-strip-inner {
  border-left: 0;
}
.mosaic .x-tab-strip-top .x-tab-strip-inner {
  border: 1px solid #158766;
  background-color: #fff;
}
.mosaic .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
  background-color: #158766;
  color: #fff;
}
.mosaic .x-tab-panel-bwrap {
  border-color: #158766;
}
.mosaic .vue-container .table,
.mosaic .modal-container .table {
  background-color: #fff;
}
.mosaic .vue-container .table thead,
.mosaic .modal-container .table thead {
  background-color: #158766;
  color: #fff;
}
.mosaic .vue-container .table tbody tr:nth-child(even),
.mosaic .modal-container .table tbody tr:nth-child(even) {
  background-color: rgba(21, 135, 102, 0.2);
}
.mosaic .admin .tab button.active,
.mosaic .admin .tab tbody tr.active,
.mosaic .admin .tab .router-link-exact-active {
  background-color: #158766;
  color: #fff;
}
.mosaic .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner, .mosaic .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-left, .mosaic .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-right {
  background-color: #158766;
  color: #fff;
}
.mosaic .pageatrium .page-puce {
  cursor: pointer;
}
.mosaic .pageatrium .puce.actif,
.mosaic .pageatrium .page-puce.actif {
  background-color: #158766;
}
.mosaic .pageatrium .paginate-index {
  padding-left: 4rem;
  padding-right: 4rem;
}
.mosaic .pageatrium .paginate-index .prev, .mosaic .pageatrium .paginate-index .next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  background-color: #158766;
  color: #fff;
  border-radius: 50%;
}
.mosaic .pageatrium .paginate-index .prev span, .mosaic .pageatrium .paginate-index .next span {
  display: none;
}
.mosaic .pageatrium .paginate-index .prev {
  position: absolute;
  top: 27%;
  left: 1rem;
}
.mosaic .pageatrium .paginate-index .next {
  position: absolute;
  top: 27%;
  right: 1rem;
}
.mosaic .pageatrium .pave__content {
  position: relative;
}
.mosaic .x-tip {
  -webkit-box-shadow: 0 0 3px 1px #cacaca;
  box-shadow: 0 0 3px 1px #cacaca;
}
.mosaic #cookie_mess {
  background-color: #158766;
}
.mosaic #cookie_mess input {
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: #000;
}
.mosaic #cookie_mess input:hover {
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: 0 0 3px 1px #333;
  box-shadow: 0 0 3px 1px #333;
}
.mosaic .login-panel_username input,
.mosaic .login-panel_password input {
  width: 100%;
}
.mosaic.body-scrolled .header-site {
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
  z-index: 250;
}
.mosaic .header-site {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  padding-bottom: 0.75rem;
  margin-bottom: 2rem;
  background-color: #fff;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.mosaic .header-site > *:not(.welcome-div) {
  background-color: #fff;
}
.mosaic .header-content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 0 5%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mosaic .logo {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 1rem 1rem 1rem 0;
}
.mosaic .logo > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mosaic .logo > *:hover {
  text-decoration: none;
}
.mosaic .logo img {
  width: 100%;
  max-width: 155px;
  max-height: 100px;
}
.mosaic .welcome-div {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  margin-left: 1rem;
  font-size: 0.9rem;
  font-weight: bold;
  color: #158766;
  text-align: right;
}
.mosaic #welcome:not(:empty)::before {
  font-family: inherit;
  font-weight: bold;
}
.mosaic .menu-toolbar {
  margin-left: auto;
  font-size: 30px;
}
.mosaic .menu-icon {
  margin-right: 1rem;
}
.mosaic .header-item {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  background-color: #295C85;
}
.mosaic .header-item::before {
  font-size: 20px;
  color: #FFF;
}
.mosaic .header-item:not(:last-child) {
  margin-right: 1rem;
}
.mosaic #burger {
  background-color: transparent;
}
.mosaic #burger::before {
  padding-top: 11px;
  color: #158766;
  font-size: 35px;
}
.mosaic #login,
.mosaic #logout {
  margin-left: 1rem;
  background-color: #F3C82C;
  color: #FFF;
}
.mosaic .header-site .input-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
}
.mosaic .header-site .input-wrapper input {
  padding: 0.5rem;
  border: 0;
  border-bottom: 1px solid #d3d3d3;
}
.mosaic .header-site .input-wrapper input:focus {
  border-color: #158766;
}
.mosaic .header-site .actions {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mosaic .header-site .input-wrapper.display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mosaic .input-wrapper.display + #search::before {
  background-color: #158766;
  color: #fff;
}
.mosaic #favoris .list-favoris {
  top: 100%;
  font-size: 1rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 251;
  text-align: left;
  background-color: #f5f7fc;
  -webkit-box-shadow: 0px 2px 2px #aaa;
  box-shadow: 0px 2px 2px #aaa;
}
.mosaic #favoris .list-favoris > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 1rem;
  cursor: default;
}
.mosaic #favoris .list-favoris > li:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.mosaic #favoris .list-favoris .icon-cancel {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.mosaic #favoris .list-favoris .icon-cancel:hover {
  color: #158766;
  cursor: pointer;
}
.mosaic .service-favoris {
  display: inline-block;
  padding: 0.75rem 0;
}
.mosaic #contacts,
.mosaic #cgu,
.mosaic #mentions {
  display: none;
}
.mosaic .header-content div::before {
  font-family: "icomoon";
}
.mosaic #previsu.preview-on {
  background-color: #F3C82C;
}
.mosaic .postRubrique-deco {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.mosaic .postRubrique-deco::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #158766;
  border-radius: 8px;
}
.mosaic .header-site .rubriques {
  position: static;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mosaic .header-site .rubriques > .rubrique {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  max-width: 20%;
}
.mosaic .header-site .menu {
  position: relative;
  z-index: 250;
  padding-left: 5%;
}
.mosaic #menuPanel {
  max-width: 100%;
}
.mosaic .rubrique.open > span {
  background-color: #295C85;
  color: #fff;
  z-index: 1;
  border-top-left-radius: 23px;
  border-top-right-radius: 23px;
}
.mosaic .rubrique.open > span .intitule-rubrique {
  color: #F3C82C;
}
.mosaic .rubrique > span {
  padding: 0.5rem 0;
}
.mosaic .rubrique:hover .sous-rubriques {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.mosaic [data-rub-id]:nth-of-type(-n+7) .sous-rubriques {
  border-top-left-radius: 0;
}
.mosaic [data-rub-id]:nth-of-type(n+8) .sous-rubriques {
  border-top-right-radius: 0;
  left: initial;
  right: 0;
}
.mosaic .count-5 [data-rub-id]:nth-of-type(n+5) .sous-rubriques {
  border-top-left-radius: 25px;
}
.mosaic .count-5 [data-rub-id]:nth-of-type(n+6) .sous-rubriques {
  border-top-right-radius: 0;
  left: initial;
  right: 0;
}
.mosaic .intitule-rubrique {
  display: block;
  text-align: center;
  color: #158766;
  font-weight: bold;
  font-size: 18px;
}
.mosaic .intitule-rubrique > *:hover {
  text-decoration: none;
}
.mosaic .sous-rubriques {
  border-radius: 23px;
  background-color: #158766;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.mosaic .sous-rubriques.display {
  width: 40vw;
}
.mosaic .beautifier {
  display: none;
  content: attr(data-name);
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  color: #158766;
}
.mosaic .sous-rubriques-list {
  top: inherit;
  left: 0;
  max-height: 60vh;
  padding: 1rem;
  background-color: #295C85;
  color: #fff;
  background-clip: padding-box;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  overflow-y: auto;
}
.mosaic .sous-rubrique {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.33% - 2rem);
  flex: 0 0 calc(33.33% - 2rem);
  max-width: calc(33.33% - 2rem);
  margin: 1rem;
}
.mosaic .sous-rubrique .intitule {
  display: block;
  margin-bottom: 0.5rem;
  color: #F3C82C;
  text-transform: uppercase;
}
.mosaic .sous-rubrique .service {
  padding: 0.5rem 0;
}
.mosaic .sous-rubrique .service.selected {
  border-left: 0;
  color: #F3C82C;
}
.mosaic .admin-link:before {
  content: "\e80a";
  float: right;
  font-family: fontello;
  font-weight: bold;
  color: #F3C82C;
}
.mosaic .header-item,
.mosaic .rubrique.open > span,
.mosaic .sous-rubriques-list {
  background-color: #158766;
}
.mosaic .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 0;
  padding: 1rem 5% 100px;
  background: url("/css/theme/images/paves/footer.svg") no-repeat 0% 101%;
}
.mosaic .footer img {
  max-width: 170px;
  max-height: 115px;
}
.mosaic .footer-logo img {
  width: 100%;
}
.mosaic .footer-section {
  padding: 1rem;
}
.mosaic .footer-contact {
  margin-right: 5%;
  color: #158766;
}
.mosaic .footer-coop {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  margin-left: auto;
}
.mosaic .footer-title {
  display: block;
  margin-bottom: 0.75rem;
  font-weight: bold;
  color: #295C85;
}
.mosaic .footer-social_liens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mosaic .footer-social_liens a {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #158766;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.mosaic .footer-social_liens a:not(:last-child) {
  margin-right: 1rem;
}
.mosaic .footer-social_liens a:hover {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.mosaic .footer-liens {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #C0CDD7;
}
.mosaic .footer-liens > p {
  margin: 0 1rem;
}
.mosaic .footer {
  background: url(/css/theme/images/paves/footerHOUPIEZ.svg) no-repeat 0% 101%;
}
.mosaic .footer-title {
  color: #158766;
}
.mosaic.a-serv-hp #visuPanel {
  max-width: 100%;
  padding: 0;
}
.mosaic .a-panel-header-hp {
  font-size: 1.2rem;
  font-weight: bold;
}
.mosaic .a-pave-hp {
  margin-bottom: 1rem;
}
.mosaic .a-pave-hp a:hover {
  text-decoration: none;
}
.mosaic .a-pave-hp a:hover .pave-contenu-titre {
  text-decoration: underline;
}
.mosaic .a-pave-hp .x-panel-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mosaic .a-pave-hp .x-panel-header-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 45px;
  font-weight: 900;
  color: #158766;
}
.mosaic .a-pave-hp .x-panel-header-text::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.mosaic .a-pave-hp .pave-contenu-titre {
  font-weight: bold;
}
.mosaic .a-pave-hp .pave-contenu-resume {
  font-weight: 500;
}
.mosaic .a-pave-hp .puces {
  display: none;
}
.mosaic .a-pave-hp .puces .puce {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0.5em 0.75rem;
}
.mosaic .a-pave-hp .puces .puce:not(.actif) {
  background-color: #C0CDD7;
}
.mosaic .a-pave-hp .boutons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.5rem;
}
.mosaic .a-pave-hp .prev,
.mosaic .a-pave-hp .next {
  display: block;
  font-size: 1.5rem;
  color: #fff;
  background-color: #158766;
  border-radius: 50%;
  cursor: pointer;
}
.mosaic .a-pave-hp .page-puces {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mosaic .a-pave-hp .page-puce {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.25rem;
  border-radius: 50%;
  border: 1px solid #158766;
  color: #158766;
  cursor: pointer;
}
.mosaic .a-pave-hp .page-puce.show, .mosaic .a-pave-hp .page-puce:first-child, .mosaic .a-pave-hp .page-puce:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mosaic .a-pave-hp .page-puce:first-child:not(.show) {
  margin-right: 1rem;
}
.mosaic .a-pave-hp .page-puce:last-child:not(.show) {
  margin-left: 1rem;
}
.mosaic .a-pave-hp .page-puce::before {
  content: attr(data-index);
}
.mosaic .a-pave-hp .page-puce.actif {
  background-color: #158766;
  color: #fff;
}
.mosaic .a-pave-link,
.mosaic .voir-newsletters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.mosaic .a-pave-link a,
.mosaic .voir-newsletters a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #F3C82C;
  text-decoration: none;
}
.mosaic .a-pave-link a:hover,
.mosaic .voir-newsletters a:hover {
  background-color: #eebd0e;
  color: #fff;
}
.mosaic .a-pave-hp-multiImage figure > img {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.mosaic #panelEnglobant > .x-panel-bwrap > .x-panel-body {
  z-index: 0;
}
.mosaic .separateur-100 {
  display: none;
}
.mosaic .separateur-100 + div:last-of-type {
  margin-bottom: 0;
}
.mosaic .bloc-forme1 {
  position: relative;
  text-align: center;
}
.mosaic .bloc-forme1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/css/theme/images/paves/decorationA1.svg) no-repeat center top/contain;
  pointer-events: none;
}
.mosaic .bloc-forme1 > .ensemble {
  float: none;
  max-width: 1440px;
  text-align: left;
}
.mosaic .bloc-forme2 {
  position: relative;
  z-index: -1;
  margin-top: -15rem;
  text-align: center;
  background: #F8F7F5 url(/css/theme/images/paves/decorationB1.svg) no-repeat 100% 58%;
  background-clip: content-box;
}
.mosaic .bloc-forme2::before {
  content: "";
  display: block;
  height: 519px !important;
  background: url(/css/theme/images/paves/formeB1.png) no-repeat center;
  z-index: -1;
}
.mosaic .bloc-forme2::after {
  content: "";
  display: block;
  height: 513px !important;
  background: url(/css/theme/images/paves/formeB2.png) no-repeat center;
  margin-top: -24rem;
}
.mosaic .bloc-forme2 > .ensemble {
  min-height: 750px;
  float: none;
  max-width: 1440px;
  margin-top: -11rem;
  text-align: left;
}
.mosaic .bloc-forme2 .a-video-pave {
  margin-bottom: 3rem;
}
.mosaic .bloc-forme2 .a-pave-hp-contenu-html {
  margin-bottom: 20rem;
}
.mosaic .bloc-forme1 + .bloc-forme3 {
  margin-top: 3rem;
}
.mosaic .bloc-forme4 + .bloc-forme3 {
  margin-top: 0;
}
.mosaic .bloc-forme3 {
  position: relative;
  margin-top: -25rem;
  padding-bottom: 8rem;
  text-align: center;
}
.mosaic .bloc-forme3 > .ensemble {
  float: none;
  max-width: 1440px;
  text-align: left;
}
.mosaic .bloc-forme4 {
  position: relative;
  text-align: center;
  background: #295C85 url("/css/theme/images/paves/decorationC1.svg") no-repeat 60px 160px;
  background-clip: content-box;
  color: #fff;
}
.mosaic .bloc-forme4::before {
  content: "";
  display: block;
  height: 138px !important;
  background: url("/css/theme/images/paves/formeC1.png") no-repeat center;
  z-index: -1;
}
.mosaic .bloc-forme4::after {
  content: "";
  display: block;
  height: 138px !important;
  background: url("/css/theme/images/paves/formeC2.png") no-repeat center;
}
.mosaic .bloc-forme4 > .ensemble {
  float: none;
  max-width: 1440px;
  min-height: 410px;
  text-align: left;
}
.mosaic .bloc-forme4 .a-pave-hp .x-panel-header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mosaic .bloc-forme4 .a-pave-hp .x-panel-header-text {
  color: #fff;
}
.mosaic .bloc-forme4 .pave-memo-1 .a-panel-header-hp {
  margin-bottom: 5rem;
}
.mosaic .bloc-forme4 .pave-memo-1 .paginate-show > li:not(:last-child)::after {
  content: "";
  display: block;
  width: 40vw;
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: #fff;
  margin-left: auto;
}
.mosaic .bloc-forme4 .a-pave-hp .icon-prev,
.mosaic .bloc-forme4 .a-pave-hp .icon-next {
  background-color: transparent;
  color: #fff;
}
.mosaic .bloc-forme4 .a-pave-hp .page-puce {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
.mosaic .bloc-forme4 .a-pave-hp .page-puce.actif {
  border-color: #F3C82C;
}
.mosaic .bloc-forme4 .pave-avertissement-1 .x-panel-body {
  padding-top: 3rem;
}
.mosaic .bloc-forme4 .pave-avertissement-1 .paginate-show > li:not(:last-child)::after {
  content: "";
  display: block;
  width: 20vw;
  margin: 2rem 0 2rem auto;
  border-bottom: 1px solid #fff;
}
.mosaic .bloc-forme4 .pave-avertissement-1 .pave-contenu-titre {
  color: #F3C82C;
}
.mosaic .bloc-forme4 .pave-avertissement-1 .pave-contenu-date {
  display: none;
}
.mosaic .bloc-forme4 .pave-avertissement-2 .x-panel-body {
  padding-top: 3rem;
}
.mosaic .bloc-forme4 .pave-avertissement-2 .paginate-show {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mosaic .bloc-forme4 .pave-avertissement-2 .paginate-show::before {
  content: "";
  border-right: 1px solid #fff;
  position: absolute;
  left: 50%;
  height: 100%;
}
.mosaic .bloc-forme4 .pave-avertissement-2 .paginate-show > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin: 1rem 0 0.5rem;
}
.mosaic .bloc-forme4 .pave-avertissement-2 .paginate-show > li:nth-child(odd) {
  padding-right: 2rem;
}
.mosaic .bloc-forme4 .pave-avertissement-2 .paginate-show > li:nth-child(even) {
  padding-left: 2rem;
}
.mosaic .bloc-forme4 .pave-avertissement-2 .pave-contenu-titre {
  color: #F3C82C;
}
.mosaic .bloc-forme4 .pave-avertissement-2 .pave-contenu-date {
  display: none;
}
.mosaic .pave-memo-solo .x-panel-header,
.mosaic .pave-memo-duo .x-panel-header,
.mosaic .pave-memo-trio .x-panel-header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: -0.9px;
}
.mosaic .pave-memo-solo .x-panel-body,
.mosaic .pave-memo-duo .x-panel-body,
.mosaic .pave-memo-trio .x-panel-body {
  position: relative;
  padding: 0 3rem;
}
.mosaic .pave-memo-solo .pave-content-image,
.mosaic .pave-memo-duo .pave-content-image,
.mosaic .pave-memo-trio .pave-content-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.mosaic .pave-memo-solo .pave-contenu-image,
.mosaic .pave-memo-duo .pave-contenu-image,
.mosaic .pave-memo-trio .pave-contenu-image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  height: 350px;
  max-height: 60vh;
  margin-top: 0;
  overflow: hidden;
  border-radius: 15px;
}
.mosaic .pave-memo-solo .pave-contenu-image img,
.mosaic .pave-memo-duo .pave-contenu-image img,
.mosaic .pave-memo-trio .pave-contenu-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.mosaic .pave-memo-solo .pave-contenu-titre,
.mosaic .pave-memo-duo .pave-contenu-titre,
.mosaic .pave-memo-trio .pave-contenu-titre {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  color: #158766;
  font-size: 19px;
}
.mosaic .pave-memo-solo .pave-contenu-date,
.mosaic .pave-memo-duo .pave-contenu-date,
.mosaic .pave-memo-trio .pave-contenu-date {
  display: none;
}
.mosaic .pave-memo-solo .pave-contenu-resume,
.mosaic .pave-memo-duo .pave-contenu-resume,
.mosaic .pave-memo-trio .pave-contenu-resume {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  color: #158766;
  font-size: 14px;
}
.mosaic .pave-memo-solo .page-puces,
.mosaic .pave-memo-duo .page-puces,
.mosaic .pave-memo-trio .page-puces {
  display: none;
}
.mosaic .pave-memo-solo .boutons,
.mosaic .pave-memo-duo .boutons,
.mosaic .pave-memo-trio .boutons {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.mosaic .pave-memo-solo .boutons .prev,
.mosaic .pave-memo-duo .boutons .prev,
.mosaic .pave-memo-trio .boutons .prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mosaic .pave-memo-solo .boutons .prev::before,
.mosaic .pave-memo-duo .boutons .prev::before,
.mosaic .pave-memo-trio .boutons .prev::before {
  font-size: 80%;
  margin-left: -2px;
}
.mosaic .pave-memo-solo .boutons .next,
.mosaic .pave-memo-duo .boutons .next,
.mosaic .pave-memo-trio .boutons .next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mosaic .pave-memo-solo .boutons .next::after,
.mosaic .pave-memo-duo .boutons .next::after,
.mosaic .pave-memo-trio .boutons .next::after {
  font-size: 80%;
  margin-right: -2px;
}
.mosaic .pave-memo-solo .puces,
.mosaic .pave-memo-duo .puces,
.mosaic .pave-memo-trio .puces {
  display: block;
}
.mosaic .pave-memo-duo .paginate-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.5rem;
}
.mosaic .pave-memo-duo .paginate-show > li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0.5rem;
  max-width: calc(50% - 1rem);
}
.mosaic .pave-memo-duo .paginate-show .pave-contenu-image {
  height: 160px;
}
.mosaic .pave-memo-trio .paginate-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.5rem;
}
.mosaic .pave-memo-trio .paginate-show > li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: calc(33.3333333333% - 1rem);
  margin: 0.5rem;
}
.mosaic .pave-memo-trio .paginate-show .pave-contenu-image {
  height: 160px;
}
.mosaic .pave-html-videos .x-panel-header-text {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 900;
}
.mosaic .pave-html-videos .x-panel-header-text::after {
  margin: 1rem 0;
}
.mosaic .pave-html-videos .freehtml {
  display: block;
  max-width: 444px;
  margin: 0 auto;
}
.mosaic .pave-html-videos .freehtml p {
  color: #158766;
  letter-spacing: -0.32px;
}
.mosaic .pave-html-videos .a-pave-link {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.mosaic .pave-html-videos .a-pave-link a {
  text-decoration: none;
}
.mosaic .pave-html-videos .a-pave-link a:hover {
  color: #fff;
}
.mosaic .a-video-pave {
  border-radius: 15px;
  overflow: hidden;
}
.mosaic .pave-raccourcis {
  position: relative;
}
.mosaic .pave-raccourcis .x-panel-header {
  height: 75px;
}
.mosaic .pave-raccourcis .x-panel-header-text {
  position: absolute;
  top: 5.5rem;
  left: 0;
  right: 0;
  z-index: 1;
  font-size: 20px;
  font-weight: normal;
}
.mosaic .pave-raccourcis .a-pave-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: 1rem;
  min-height: 350px;
  padding: 5rem 3rem 3rem 3rem;
  background: #F8F7F5;
  border-radius: 15px;
  border-right: 4px solid #F3C82C;
  border-bottom: 4px solid #F3C82C;
}
.mosaic .pave-raccourcis .a-pave-wrapper-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #158766;
}
.mosaic .pave-raccourcis .a-pave-wrapper-link::before {
  content: "";
  display: block;
  width: 90px;
  height: 104px;
  max-width: 100%;
  margin-bottom: 0.25rem;
  background: url("/css/theme/images/paves/hexa-bleu.svg") no-repeat center/100% 100%;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.mosaic .pave-raccourcis .a-pave-wrapper-link:hover::before {
  -webkit-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
  -webkit-filter: drop-shadow(12px 7px 0px #ccc);
  filter: drop-shadow(12px 7px 0px #ccc);
}
.mosaic .pave-raccourcis .a-pave-wrapper-link::after {
  position: absolute;
  content: "";
  display: block;
  width: 90px;
  height: 104px;
  max-width: 100%;
  margin-bottom: 0.25rem;
  background-image: url("/css/theme/images/paves/picto-fermier.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 50%;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.mosaic .pave-raccourcis .a-pave-wrapper-link:hover::after {
  -webkit-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
}
.mosaic .pave-raccourcis .a-pave-menu-301080-link::after,
.mosaic .pave-raccourcis .a-pave-menu-9999176-link::after,
.mosaic .pave-raccourcis .a-pave-menu-9999177-link::after {
  background-image: url("/css/theme/images/paves/raccourci-bourse.svg");
}
.mosaic .pave-raccourcis .a-pave-menu-9999113-link::after {
  background-image: url("/css/theme/images/paves/raccourci-appro.svg");
}
.mosaic .pave-raccourcis .a-pave-menu-9999153-link::after {
  background-image: url("/css/theme/images/paves/raccourci-farmer.svg");
}
.mosaic .pave-raccourcis .a-pave-menu-201112-link::after,
.mosaic .pave-raccourcis .a-pave-menu-201115-link::after {
  background-image: url("/css/theme/images/paves/raccourci-meteo.svg");
}
.mosaic .pave-raccourcis .a-pave-menu-9999175-link::after {
  background-image: url("/css/theme/images/paves/raccourci-agro.svg");
}
.mosaic .pave-raccourcis .a-pave-menu-9999166-link::after,
.mosaic .pave-raccourcis .a-pave-menu-9999182-link::after,
.mosaic .pave-raccourcis .a-pave-menu-9999183-link::after,
.mosaic .pave-raccourcis .a-pave-menu-9999167-link::after {
  background-image: url("/css/theme/images/paves/raccourci-aladin.svg");
}
.mosaic .pave-raccourcis .a-pave-menu-9999144-link::after,
.mosaic .pave-raccourcis .a-pave-menu-9999178-link::after,
.mosaic .pave-raccourcis .a-pave-menu-9999179-link::after {
  background-image: url("/css/theme/images/paves/raccourci-bioline.svg");
}
.mosaic .pave-raccourcis .a-pave-menu-9999216-link::after {
  background-image: url("/css/theme/images/paves/raccourci-appro.svg");
}
.mosaic .a-pave-hp-evenement {
  padding: 1rem 0.5rem 1rem 2rem;
  color: #fff;
  background: transparent -o-linear-gradient(314deg, #2A5172 0%, #0562A8 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(136deg, #2A5172 0%, #0562A8 100%) 0% 0% no-repeat padding-box;
  border-radius: 16px;
}
.mosaic .a-pave-hp-evenement .x-panel-header-text {
  font-size: 1.5rem;
  color: #fff;
}
.mosaic .a-pave-hp-evenement .x-panel-header-text::after {
  display: none;
}
.mosaic .a-pave-hp-evenement .paginate-show {
  max-height: 430px;
  overflow-y: auto;
}
.mosaic .a-pave-hp-evenement .paginate-show > li:not(:last-child) {
  margin-bottom: 2rem;
}
.mosaic .a-pave-hp-evenement .paginate-show > li > a::after {
  content: "Voir l'événement ⟶";
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  margin-top: 0.5rem;
  -webkit-box-ordinal-group: 101;
  -ms-flex-order: 100;
  order: 100;
}
.mosaic .a-pave-hp-evenement a:hover .pave-contenu-titre {
  text-decoration: none;
}
.mosaic .a-pave-hp-evenement a:hover::after {
  color: #F3C82C;
}
.mosaic .a-pave-hp-evenement .pave-contenu-titre {
  text-transform: uppercase;
}
.mosaic .a-pave-hp-evenement .pave-contenu-date {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.mosaic .a-pave-hp-evenement .pave-contenu-date span {
  color: #F3C82C;
  text-transform: uppercase;
}
.mosaic .a-pave-hp-evenement .pave-contenu-date span:not(:last-child)::after {
  content: "/";
  margin: 0 3px;
}
.mosaic .a-pave-hp-evenement .pave-contenu-date::before {
  display: none;
}
.mosaic .a-pave-hp-evenement .pave-contenu-titre {
  margin-bottom: 0.5rem;
}
.mosaic .a-pave-hp-evenement .sessions {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.mosaic .a-pave-hp-evenement .session {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 900;
}
.mosaic .a-pave-hp-evenement .session .lieu,
.mosaic .a-pave-hp-evenement .session .date {
  display: none;
}
.mosaic .a-pave-hp-evenement .pave-contenu-titre-resume {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.mosaic .a-pave-hp-evenement .pave-contenu-titre-resume p {
  margin: 0.25rem 0;
  font-weight: 300;
}
.mosaic .a-pave-hp-evenement .icon-prev,
.mosaic .a-pave-hp-evenement .icon-next {
  background-color: transparent;
  color: #fff;
}
.mosaic .a-pave-hp-evenement .page-puce {
  color: #fff;
  border-color: #fff;
}
.mosaic .a-pave-hp-evenement .page-puce.actif {
  border-color: #F3C82C;
}
.mosaic .a-pave-hp-bhtml .x-panel-header-text {
  font-size: 30px;
  font-weight: 900;
}
.mosaic .a-pave-hp-bhtml .x-panel-header-text::after {
  display: none;
}
.mosaic .a-pave-hp-bhtml .pave-contenu-main {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mosaic .a-pave-hp-bhtml .pave-contenu-titre {
  color: #158766;
  text-transform: uppercase;
}
.mosaic .a-pave-hp-bhtml .pave-contenu-resume {
  display: none;
}
.mosaic .a-pave-hp-bhtml .pave-contenu-resume p {
  margin: 0.25rem 0;
}
.mosaic .a-pave-hp-bhtml .pave-contenu-date {
  margin-left: auto;
  color: #F3C82C;
  font-weight: 700;
}
.mosaic .a-pave-hp-bhtml .pave-contenu-date::before {
  display: none;
}
.mosaic .a-pave-hp-bhtml .paginate-show {
  padding: 0.5rem;
}
.mosaic .a-pave-hp-bhtml .paginate-show > li {
  padding: 1rem;
  border-radius: 35px;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 13px -4px #ccc;
  box-shadow: 0 3px 13px -4px #ccc;
}
.mosaic .a-pave-hp-bhtml .paginate-show > li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.mosaic .a-pave-hp-bhtml .paginate-show > li > a::after {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  content: "Lire   ⟶";
  display: block;
  text-align: right;
  color: #d3d3d3;
}
.mosaic .a-pave-hp-bhtml .container-type {
  margin-right: 0.5rem;
}
.mosaic .a-pave-hp-bhtml .container-type-pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: red;
  color: #fff;
  border-radius: 50%;
}
.mosaic .a-pave-hp-bhtml .container-type-pdf::before {
  content: "PDF";
  display: block;
  font-weight: 700;
}
.mosaic .a-pave-hp-bhtml .page-puces {
  display: none;
}
.mosaic .a-pave-hp-bhtml .boutons {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.5rem;
}
.mosaic .a-pave-hp-bhtml .boutons span:first-child {
  margin-right: 0.5rem;
}
.mosaic .a-pave-hp-bhtml .prev.inactive,
.mosaic .a-pave-hp-bhtml .next.inactive {
  background-color: #d3d3d3;
}
.mosaic .a-pave-hp-horaireSite {
  position: relative;
  padding: 3rem 4.5rem;
  border-right: 4px solid #F3C82C;
  border-bottom: 4px solid #F3C82C;
  border-radius: 35px;
  overflow: hidden;
  background: #F8F7F5 url(/css/theme/images/paves/silo.svg) no-repeat 40px 30px;
}
.mosaic .a-pave-hp-horaireSite .x-panel-header-text {
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
  font-size: 20px;
}
.mosaic .a-pave-hp-horaireSite .x-panel-header-text::before {
  display: none;
}
.mosaic .a-pave-hp-horaireSite .x-panel-header-text::after {
  margin: 1rem 0;
}
.mosaic .a-pave-hp-horaireSite .paginate-show {
  background: url("/css/theme/images/paves/horloge.svg") no-repeat 90% 70%;
}
.mosaic .a-pave-hp-horaireSite .paginate-show > li:not(:last-child) {
  margin-bottom: 2rem;
}
.mosaic .a-pave-hp-horaireSite .nom-site {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 20px;
  color: #158766;
  font-weight: 700;
}
.mosaic .a-pave-hp-horaireSite .container:first-child .jour {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.mosaic .a-pave-hp-horaireSite .container:last-child .jour {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mosaic .a-pave-hp-horaireSite .jour {
  padding: 0.25rem 0;
  background-color: #F3C82C;
  color: #fff;
}
.mosaic .a-pave-hp-horaireSite .status {
  color: #158766;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mosaic .a-pave-hp-horaireSite .status::before {
  content: "|";
  color: #d3d3d3;
  display: block;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  text-align: center;
}
.mosaic .a-pave-hp-horaireSite .status div {
  min-height: 60px;
  margin: 0.25rem 0;
}
.mosaic .a-pave-hp-horaireSite .status div:first-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mosaic .a-pave-hp-horaireSite .status div:last-child {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mosaic .a-pave-hp-horaireSite .horaire-type--2 {
  color: #CB000F;
}
.mosaic .a-pave-hp-horaireSite .horairesite-legend {
  display: none;
}
.mosaic .pave-lien-pan .pave-content-figure img {
  max-width: 390px;
  max-width: 100%;
  max-height: 480px;
}
.mosaic .pave-lien-pan .x-panel-body > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.mosaic .pave-lien-pan .x-panel-body > a a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #F3C82C;
  text-decoration: none;
}
.mosaic .pave-lien-pan .x-panel-body > a a:hover {
  background-color: #eebd0e;
  color: #fff;
}
.mosaic .pave-lien-pan .x-panel-body > a::after {
  content: "Voir les offres ⟶";
  display: inline-block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mosaic .a-pave-hp-newsletters .pave-contenu-image {
  width: 98%;
  margin: 0.5rem auto;
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
}
.mosaic .a-pave-hp-newsletters .voir-newsletters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}
.mosaic .a-pave-hp-newsletters .voir-newsletters a {
  display: block;
  margin-top: 0;
}
.mosaic #new-mid > .pageatrium .structure-container:not([class*=full-width]),
.mosaic #new-mid > .admin-page-atrium > .admin-page-atrium__previsu > .pageatrium .structure-container:not([class*=full-width]) {
  max-width: 100%;
}
.mosaic #new-mid > .pageatrium .structure-container:not([class*=full-width]) .container-content,
.mosaic #new-mid > .admin-page-atrium > .admin-page-atrium__previsu > .pageatrium .structure-container:not([class*=full-width]) .container-content {
  max-width: 1440px;
  margin: auto;
}
.mosaic .structure-container.full-width .container-content {
  padding: 0 calc((100% - 1440px) / 2);
}
.mosaic .a-pave-hp-connexion,
.mosaic .pageatrium .pave-connexion {
  padding: 1rem 2rem;
  border-radius: 16px;
  border-right: 4px solid #F3C82C;
  border-bottom: 4px solid #F3C82C;
  background: #fefefe url("/css/theme/images/paves/serrure.svg") no-repeat 98% 0%/60px;
}
.mosaic .a-pave-hp-connexion .logo,
.mosaic .a-pave-hp-connexion h1,
.mosaic .pageatrium .pave-connexion .logo,
.mosaic .pageatrium .pave-connexion h1 {
  display: none;
}
.mosaic .a-pave-hp-connexion .pave__header h3,
.mosaic .pageatrium .pave-connexion .pave__header h3 {
  font-size: 1rem;
}
.mosaic .a-pave-hp-connexion .x-panel-header-text,
.mosaic .pageatrium .pave-connexion .x-panel-header-text {
  margin: auto;
  font-size: 1rem;
}
.mosaic .a-pave-hp-connexion .auth-form,
.mosaic .pageatrium .pave-connexion .auth-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mosaic .a-pave-hp-connexion .form-container-user,
.mosaic .pageatrium .pave-connexion .form-container-user {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.mosaic .a-pave-hp-connexion .form-container-pass,
.mosaic .pageatrium .pave-connexion .form-container-pass {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.mosaic .a-pave-hp-connexion .form-container-password,
.mosaic .pageatrium .pave-connexion .form-container-password {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.mosaic .a-pave-hp-connexion .form-container-remember,
.mosaic .pageatrium .pave-connexion .form-container-remember {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
}
.mosaic .a-pave-hp-connexion .girisbtn,
.mosaic .pageatrium .pave-connexion .girisbtn {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
.mosaic .a-pave-hp-connexion .form-container-inscription,
.mosaic .pageatrium .pave-connexion .form-container-inscription {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}
.mosaic .a-pave-hp-connexion #login-wrapper,
.mosaic .pageatrium .pave-connexion #login-wrapper {
  padding-bottom: 2rem;
}
.mosaic .a-pave-hp-connexion #login-wrapper .x-panel-header-text,
.mosaic .pageatrium .pave-connexion #login-wrapper .x-panel-header-text {
  display: none;
}
.mosaic .a-pave-hp-connexion #login-wrapper .form-container,
.mosaic .pageatrium .pave-connexion #login-wrapper .form-container {
  margin-bottom: 1rem;
  overflow: auto;
}
.mosaic .a-pave-hp-connexion #login-wrapper .form-container:nth-child(1), .mosaic .a-pave-hp-connexion #login-wrapper .form-container:nth-child(2),
.mosaic .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(1),
.mosaic .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mosaic .a-pave-hp-connexion #login-wrapper .form-container:nth-child(1) input, .mosaic .a-pave-hp-connexion #login-wrapper .form-container:nth-child(2) input,
.mosaic .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(1) input,
.mosaic .pageatrium .pave-connexion #login-wrapper .form-container:nth-child(2) input {
  padding: 7px;
  border: none;
  background-color: #eee;
}
.mosaic .a-pave-hp-connexion #login-wrapper .control-label,
.mosaic .pageatrium .pave-connexion #login-wrapper .control-label {
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.mosaic .a-pave-hp-connexion #login-wrapper .link.password,
.mosaic .pageatrium .pave-connexion #login-wrapper .link.password {
  float: right;
  width: auto;
  font-size: 0.9rem;
}
.mosaic .a-pave-hp-connexion #login-wrapper .link.inscription,
.mosaic .pageatrium .pave-connexion #login-wrapper .link.inscription {
  float: right;
  width: auto;
  margin-top: 1rem;
}
.mosaic .a-pave-hp-connexion #login-wrapper a:hover,
.mosaic .pageatrium .pave-connexion #login-wrapper a:hover {
  text-decoration: underline;
}
.mosaic .a-pave-hp-connexion #login-wrapper .girisbtn,
.mosaic .pageatrium .pave-connexion #login-wrapper .girisbtn {
  margin: 0.25rem 0;
  margin-right: auto;
  border-radius: 16px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: museo-sans, arial;
}
.mosaic .pageatrium {
  position: relative;
}
.mosaic .pageatrium a {
  text-decoration: none;
}
.mosaic .pageatrium > div {
  z-index: 1;
}
.mosaic .pageatrium > div .structure-container:nth-child(0) {
  z-index: 0;
}
.mosaic .pageatrium > div .structure-container:nth-child(1) {
  z-index: -1;
}
.mosaic .pageatrium > div .structure-container:nth-child(2) {
  z-index: -2;
}
.mosaic .pageatrium > div .structure-container:nth-child(3) {
  z-index: -3;
}
.mosaic .pageatrium > div .structure-container:nth-child(4) {
  z-index: -4;
}
.mosaic .pageatrium > div .structure-container:nth-child(5) {
  z-index: -5;
}
.mosaic .pageatrium > div .structure-container:nth-child(6) {
  z-index: -6;
}
.mosaic .pageatrium > div .structure-container:nth-child(7) {
  z-index: -7;
}
.mosaic .pageatrium > div .structure-container:nth-child(8) {
  z-index: -8;
}
.mosaic .pageatrium > div .structure-container:nth-child(9) {
  z-index: -9;
}
.mosaic .pageatrium > div .structure-container:nth-child(10) {
  z-index: -10;
}
.mosaic .pageatrium > div .structure-container:nth-child(11) {
  z-index: -11;
}
.mosaic .pageatrium > div .structure-container:nth-child(12) {
  z-index: -12;
}
.mosaic .pageatrium > div .structure-container:nth-child(13) {
  z-index: -13;
}
.mosaic .pageatrium > div .structure-container:nth-child(14) {
  z-index: -14;
}
.mosaic .pageatrium > div .structure-container:nth-child(15) {
  z-index: -15;
}
.mosaic .pageatrium > div .structure-container:nth-child(16) {
  z-index: -16;
}
.mosaic .pageatrium > div .structure-container:nth-child(17) {
  z-index: -17;
}
.mosaic .pageatrium > div .structure-container:nth-child(18) {
  z-index: -18;
}
.mosaic .pageatrium > div .structure-container:nth-child(19) {
  z-index: -19;
}
.mosaic .pageatrium .container-illustration-1 {
  position: relative;
  min-height: 550px;
}
.mosaic .pageatrium .container-illustration-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/css/theme/images/paves/decorationA1.svg) no-repeat center top/contain;
  pointer-events: none;
  z-index: -1;
}
.mosaic .pageatrium .container-illustration-2 {
  position: relative;
  margin-top: -20rem;
}
.mosaic .pageatrium .container-illustration-2::before {
  content: "";
  display: block;
  height: 519px !important;
  background: url(/css/theme/images/paves/formeB1.png) no-repeat center;
  z-index: -1;
}
.mosaic .pageatrium .container-illustration-2::after {
  content: "";
  display: block;
  height: 513px !important;
  background: url(/css/theme/images/paves/formeB2.png) no-repeat center;
  margin-top: -24rem;
  z-index: -1;
}
.mosaic .pageatrium .container-illustration-2 .container-content {
  min-height: 730px;
  background: #F8F7F5 url(/css/theme/images/paves/decorationB1.svg) no-repeat 100% 30%;
}
.mosaic .pageatrium .container-illustration-2:not([style*="display: none;"]) + .structure-container {
  margin-top: -25rem !important;
}
.mosaic .pageatrium .container-illustration-bleu {
  position: relative;
  color: #fff;
}
.mosaic .pageatrium .container-illustration-bleu::before {
  content: "";
  display: block;
  height: 138px !important;
  background: url(/css/theme/images/paves/formeC1.png) no-repeat center;
  z-index: -1;
}
.mosaic .pageatrium .container-illustration-bleu::after {
  content: "";
  display: block;
  height: 138px !important;
  background: url(/css/theme/images/paves/formeC2.png) no-repeat center;
  z-index: -1;
}
.mosaic .pageatrium .container-illustration-bleu .container-content {
  min-height: 410px;
  background: #158766 url("/css/theme/images/paves/decorationC1.svg") no-repeat center;
}
.mosaic .pageatrium .container-illustration-bleu .container-content > .bloc {
  margin: 0 !important;
  padding: 20px 0;
}
.mosaic .pageatrium .container-illustration-bleu .pave__header h3 {
  color: #fff;
}
.mosaic .pageatrium .container-illustration-bleu .ressource-liste {
  gap: 0;
}
.mosaic .pageatrium .container-illustration-bleu article:nth-child(odd) {
  border-right: 1px solid #fff;
  padding-right: 2rem;
  padding-bottom: 1rem;
}
.mosaic .pageatrium .container-illustration-bleu article:nth-child(even) {
  padding-left: 2rem;
  padding-bottom: 1rem;
}
.mosaic .pageatrium .container-illustration-bleu .article__titre {
  color: #FFC306;
}
.mosaic .pageatrium .container-illustration-bleu .page-puce {
  border: 1px solid #fff;
  background-color: #fff;
}
.mosaic .pageatrium .paginate-puces .paginate-links {
  padding-top: 0;
  border-top: 0;
}
.mosaic .pageatrium .paginate-puces .page-puce.actif {
  background-color: #158766;
}
.mosaic .pageatrium .pave__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mosaic .pageatrium .pave__header::after {
  content: "";
  display: block;
  width: 60px;
  margin: 0 auto 1rem;
  border-radius: 8px;
  height: 4px;
  background-color: #F3C82C;
}
.mosaic .pageatrium .pave__header h3 {
  margin-bottom: 1rem;
  font-size: 45px;
  font-weight: 900;
  text-align: center;
  color: #158766;
}
.mosaic .pageatrium .pave-youtube {
  border-radius: 1rem;
  overflow: hidden;
}
.mosaic .pageatrium .pave-youtube .btn-coop {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mosaic .pageatrium .pave-custom-video {
  text-align: center;
}
.mosaic .pageatrium .pave-raccourcis {
  padding: 2rem;
  background-color: #F8F7F5;
  border-right: 4px solid #FFC306;
  border-bottom: 4px solid #FFC306;
  border-radius: 1rem;
}
.mosaic .pageatrium .pave-raccourcis .pave__header h3 {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: normal;
}
.mosaic .pageatrium .pave-raccourcis .pave-menu__service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mosaic .pageatrium .pave-raccourcis .pave-menu__service:hover .pave-menu__service__image {
  -webkit-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
  -webkit-filter: drop-shadow(12px 7px 0px #ccc);
  filter: drop-shadow(12px 7px 0px #ccc);
}
.mosaic .pageatrium .pave-raccourcis .pave-menu__liste {
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
}
.mosaic .pageatrium .pave-raccourcis .pave-menu__item {
  margin: 0 auto;
}
.mosaic .pageatrium .pave-raccourcis .pave-menu__service__image {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.mosaic .pageatrium .pave-raccourcis .content-image {
  width: 90px;
  height: 104px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(/css/theme/images/paves/hexa-bleu.svg) no-repeat center/100% 100%;
}
.mosaic .pageatrium .pave-raccourcis .content-image img {
  width: 70%;
  max-height: 60%;
}
.mosaic .pageatrium .pave-raccourcis .pave-menu__service__titre {
  margin: 0.5rem 0 0;
  font-size: 1rem;
}
.mosaic .pageatrium .pave-documents .article {
  grid-template-columns: auto 1fr;
  grid-template-areas: "grid__extension grid__titre grid__date" "grid__extension grid__resume grid__resume" "grid__extension . grid__link";
  padding: 1rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 7px #eee;
  box-shadow: 0 0 7px #eee;
  background-color: #fff;
}
.mosaic .pageatrium .pave-documents .article__extension {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-position: center;
}
.mosaic .pageatrium .pave-documents .article__date {
  color: #FFC306;
  font-weight: bold;
}
.mosaic .pageatrium .pave-liste-videos img {
  border-radius: 1rem;
}
.mosaic .pageatrium .pave-liste-videos .article {
  height: 100%;
}
.mosaic .pageatrium .pave-liste-videos .article:hover .article__titre {
  text-decoration: underline;
}
.mosaic .pageatrium .pave-liste-videos .article__titre {
  font-size: 1.1rem;
}
.mosaic .pageatrium .image-centree .content-image {
  text-align: center;
}
.mosaic .pageatrium .pave-horaire-site {
  position: relative;
  padding: 3rem 4.5rem;
  border-right: 4px solid #FFC306;
  border-bottom: 4px solid #FFC306;
  border-radius: 35px;
  overflow: hidden;
  background: #F8F7F5 url(/css/theme/images/paves/silo.svg) no-repeat 40px 30px;
}
.mosaic .pageatrium .pave-horaire-site .pave__header h3 {
  font-size: 1.25rem;
  font-weight: 600;
  text-align: left;
}
.mosaic .pageatrium .pave-horaire-site .pave__header::after {
  margin: 0;
}
.mosaic .pageatrium .pave-horaire-site .ressource-liste {
  background: url(/css/theme/images/paves/horloge.svg) no-repeat 90% 70%;
}
.mosaic .pageatrium .pave-horaire-site .horaire-matin::after {
  content: "|";
  display: block;
  margin: 0.25rem 0 0 0;
  text-align: center;
  color: #d3d3d3;
}
.mosaic .pageatrium .pave-horaire-site .horaire-matin__heure,
.mosaic .pageatrium .pave-horaire-site .horaire-aprem__heure {
  color: #158766;
}
.mosaic .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header {
  padding: 0.25rem;
  border-bottom: 0;
  background-color: #FFC306;
  color: #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.mosaic .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header:nth-child(2) {
  border-radius: 1rem 0 0 1rem;
  border-left: 2px solid #fff;
}
.mosaic .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header:nth-child(8) {
  border-radius: 0 1rem 1rem 0;
  border-right: 2px solid #fff;
}
.mosaic .pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header span::before {
  display: none;
}
.mosaic {
  color: #0e5b45;
}
.mosaic .pageatrium .pave-raccourcis .content-image,
.mosaic .pave-raccourcis .a-pave-wrapper-link::before {
  background: url("/css/theme/images/paves/hexa-MOSAIC.svg") no-repeat center/100% 100%;
}
.mosaic .pageatrium .bloc-forme3 {
  background: transparent;
}
.mosaic .pageatrium .bloc-forme4,
.mosaic .pageatrium .container-illustration-bleu {
  background: #158766 url("/css/theme/images/paves/decorationC1.svg") no-repeat 60px 160px;
}
.mosaic .pageatrium .bloc-forme4::before,
.mosaic .pageatrium .container-illustration-bleu::before {
  background: url("/css/theme/images/paves/formeC1-MOSAIC.png") no-repeat center;
}
.mosaic .pageatrium .bloc-forme4::after,
.mosaic .pageatrium .container-illustration-bleu::after {
  background: url("/css/theme/images/paves/formeC2-MOSAIC.png") no-repeat center;
}
.mosaic .a-pave-hp-evenement {
  background: transparent -o-linear-gradient(314deg, #158766 0%, #269873 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(136deg, #158766 0%, #269873 100%) 0% 0% no-repeat padding-box;
}
.mosaic:not(.a-serv-hp) #topPanel,
.mosaic:not(.a-serv-hp) #mid-panel,
.mosaic:not(.a-serv-hp) .vue-container {
  position: relative;
  margin: 0 auto;
  margin-bottom: 2rem;
  padding: 0 5%;
}
.mosaic .admin-page-atrium-editor .ressource-header {
  padding: 0 1rem 1rem;
}
.mosaic .ariane {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  max-width: 100%;
  margin-top: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  text-transform: inherit;
  color: #d3d3d3;
  font-size: 0.9rem;
}
.mosaic .titre-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  font-weight: bold;
  color: #158766;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.mosaic .titre-service .service,
.mosaic .titre-service .ressource {
  font-size: 45px;
  text-transform: uppercase;
}
.mosaic .titre-service .service::after,
.mosaic .titre-service .ressource::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.mosaic .titre-service .service::after,
.mosaic .titre-service .ressource::after {
  margin-left: 0;
}
.mosaic .titre-service .icon-favoris {
  position: absolute;
  top: 100%;
  left: auto;
  margin: 0;
}
.mosaic .service-ressource .titre-service .service {
  display: none;
}
.mosaic .icon-favoris {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0.5rem;
  color: #F3C82C;
}
.mosaic .icon-favoris::after {
  content: "Ajouter aux favoris";
  width: auto;
  font-family: museo-sans, arial;
  color: #d3d3d3;
  font-size: 1rem;
  text-shadow: none;
}
.mosaic .icon-favoris:hover::after {
  color: #158766;
}
.mosaic .a-link-cns,
.mosaic .a-link-adm,
.mosaic .a-admin-page-accueil-back-link a {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.5rem 1rem;
  border-radius: 25px;
  background-color: #F3C82C;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.mosaic .a-link-cns::before,
.mosaic .a-link-adm::before,
.mosaic .a-admin-page-accueil-back-link a::before {
  margin-right: 0.25rem;
}
.mosaic .gestionRessource .image-resume {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  overflow: hidden;
}
.mosaic .gestionRessource .image-resume:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.mosaic .gestionRessource .image-resume .content-image {
  width: 100%;
  height: 100%;
}
.mosaic .gestionRessource .image-resume .content-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.mosaic .gestionRessource .image-resume + .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -20px;
  padding: 1rem;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #158766;
  color: #fff;
}
.mosaic .vue-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  padding-bottom: 1rem;
}
.mosaic .vue-container:not(.admin-page-atrium, .pageatrium) {
  background: url("/css/theme/images/paves/decorationM.png") no-repeat top right;
}
.mosaic .vue-container.pageatrium {
  padding-left: 0;
  padding-right: 0;
}
.mosaic .vue-container:not(.flex-col) {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.mosaic .vue-container .a-service-texte {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 70%;
  flex: 1 0 70%;
  padding-right: 2%;
}
.mosaic .vue-container .a-service-texte > .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mosaic .vue-container .a-service-texte > .container > article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-bottom: 1rem;
  padding-right: 3rem;
}
.mosaic .vue-container .a-service-texte > .container > article.img-left .resume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
  background-color: #158766;
  color: #fff;
  font-weight: bold;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.mosaic .vue-container .a-service-texte > .container > article.img-left .image {
  max-height: 250px;
  margin: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.mosaic .vue-container .a-service-texte > .container > article.img-left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.mosaic .vue-container .a-service-texte > .container > article.img-middle .image img {
  border-radius: 30px;
}
.mosaic .vue-container .a-service-texte > .container > aside {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.mosaic .vue-container .a-service-texte > .container > aside > div {
  display: inline-block;
  margin-right: 1rem;
}
.mosaic .vue-container .a-service-texte > .container > aside .edit-btn {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.mosaic .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text {
  margin-right: 0;
  color: #F3C82C;
}
.mosaic .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text:hover {
  color: #c79f0b;
}
.mosaic .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text:hover::before {
  color: #c79f0b;
}
.mosaic .vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text::before {
  color: #F3C82C;
}
.mosaic .vue-container .a-service-texte > .container > nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin: 1rem 0;
}
.mosaic .vue-container .a-service-texte > .container > nav .precedent,
.mosaic .vue-container .a-service-texte > .container > nav .suivant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem;
  color: #158766;
  text-decoration: none;
}
.mosaic .vue-container .a-service-texte > .container > nav .precedent:hover,
.mosaic .vue-container .a-service-texte > .container > nav .suivant:hover {
  color: #F3C82C;
}
.mosaic .vue-container .a-service-texte > .container > nav .precedent span {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 0.5rem;
}
.mosaic .vue-container .a-service-texte > .container > nav .precedent::before {
  content: "\f104\f104";
  font-family: fontello;
}
.mosaic .vue-container .a-service-texte > .container > nav .suivant {
  margin-left: auto;
}
.mosaic .vue-container .a-service-texte > .container > nav .suivant span {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 0.5rem;
}
.mosaic .vue-container .a-service-texte > .container > nav .suivant::after {
  content: "\f105\f105";
  font-family: fontello;
}
.mosaic .vue-container .a-service-texte + aside {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  padding: 1rem 2rem;
  border-radius: 35px;
  border-right: 5px solid #F3C82C;
  border-bottom: 5px solid #F3C82C;
  background: #fff url("/css/theme/images/paves/ble.svg") no-repeat bottom right;
}
.mosaic .vue-container .a-service-texte + aside > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mosaic .vue-container .a-service-texte + aside > .container nav {
  margin-bottom: 26px;
}
.mosaic .vue-container .a-service-texte + aside > .container nav h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #158766;
  text-align: center;
}
.mosaic .vue-container .a-service-texte + aside > .container nav h3::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.mosaic .vue-container .a-service-texte + aside > .container nav p {
  margin: 5px 0;
}
.mosaic .vue-container .a-service-texte + aside > .container .ressource-liste .item:not(:last-child) > a {
  margin-bottom: 1rem;
}
.mosaic .vue-container .a-service-texte + aside > .container .ressource-liste .item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1rem;
}
.mosaic .vue-container .a-service-texte + aside > .container .ressource-liste .item .image {
  width: 35%;
  height: 90px;
  margin-right: 1rem;
  border-radius: 15px;
  overflow: hidden;
}
.mosaic .vue-container .a-service-texte + aside > .container .ressource-liste .item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.mosaic .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
.mosaic .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .titre {
  font: bold 1rem museo-sans, arial;
  color: #295C85;
}
.mosaic .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .resume {
  font: normal 1rem museo-sans, arial;
  color: #02375F;
}
.mosaic .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .resume * {
  all: inherit !important;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .page-puces {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.25rem;
  color: #158766;
  border: 1px solid #158766;
  border-radius: 20px;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce.show, .mosaic .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:first-child, .mosaic .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:first-child:not(.show) {
  margin-right: 1rem;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:last-child:not(.show) {
  margin-left: 1rem;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce::before {
  content: attr(data-index);
  display: block;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce.actif {
  background-color: #F3C82C;
  color: #158766;
  border-color: #F3C82C;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .prev,
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .next {
  color: #158766;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .prev::before, .mosaic .vue-container .a-service-texte + aside > .container .paginate-links .prev::after,
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .next::before,
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .next::after {
  font-size: 2rem;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .prev.inactive,
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .next.inactive {
  opacity: 0.5;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .prev span,
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .next span {
  display: none;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .prev::before {
  margin-right: 7px;
}
.mosaic .vue-container .a-service-texte + aside > .container .paginate-links .next::after {
  margin-left: 7px;
}
.mosaic .button-mainColor button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: var(--coop-main-color);
  color: #FFF;
}
.mosaic .button-secondColor button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: var(--coop-second-color);
  color: #FFF;
}
.mosaic .button-blue button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: #164C74;
  color: #FFF;
}
.mosaic .button-yellow button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: #FFC306;
  color: #FFF;
}
.mosaic .a-serv-ress .info,
.mosaic .a-serv-ress .diffusion,
.mosaic .a-service-texte .info,
.mosaic .a-service-texte .diffusion,
.mosaic .a-serv-ress .img-left .info,
.mosaic .a-serv-ress .img-left .diffusion,
.mosaic .a-service-texte > .container .img-left .info,
.mosaic .a-service-texte > .container .img-left .diffusion,
.mosaic .a-serv-ress .img-middle .info,
.mosaic .a-serv-ress .img-middle .diffusion,
.mosaic .a-service-texte > .container .img-middle .info,
.mosaic .a-service-texte > .container .img-middle .diffusion,
.mosaic .a-serv-ress .img-hidden .info,
.mosaic .a-serv-ress .img-hidden .diffusion,
.mosaic .a-service-texte > .container .img-hidden .info,
.mosaic .a-service-texte > .container .img-hidden .diffusion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  color: #d3d3d3;
}
.mosaic .a-serv-ress .icon-clock,
.mosaic .a-service-texte .icon-clock,
.mosaic .a-serv-ress .img-left .icon-clock,
.mosaic .a-service-texte > .container .img-left .icon-clock,
.mosaic .a-serv-ress .img-middle .icon-clock,
.mosaic .a-service-texte > .container .img-middle .icon-clock,
.mosaic .a-serv-ress .img-hidden .icon-clock,
.mosaic .a-service-texte > .container .img-hidden .icon-clock {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mosaic .a-serv-ress .icon-clock::before,
.mosaic .a-service-texte .icon-clock::before,
.mosaic .a-serv-ress .img-left .icon-clock::before,
.mosaic .a-service-texte > .container .img-left .icon-clock::before,
.mosaic .a-serv-ress .img-middle .icon-clock::before,
.mosaic .a-service-texte > .container .img-middle .icon-clock::before,
.mosaic .a-serv-ress .img-hidden .icon-clock::before,
.mosaic .a-service-texte > .container .img-hidden .icon-clock::before {
  content: "\e81f";
  color: #158766;
  margin-right: 0.5rem;
}
.mosaic .a-service-texte > .container .img-left .abstract,
.mosaic .a-Evenement .img-left .abstract {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
  background-color: #000;
  color: #fff;
  font-weight: bold;
}
.mosaic .a-service-texte > .container .img-left .image,
.mosaic .a-Evenement .img-left .image {
  margin: 0;
}
.mosaic .a-service-texte > .container .img-left .image img,
.mosaic .a-Evenement .img-left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.mosaic #visuPanel {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 70%;
  flex: 1 0 70%;
  max-width: 100%;
}
.mosaic .service-ressource + #mid-panel #visuPanel {
  padding-left: calc((100% - 1440px) / 2);
  padding-right: 2%;
}
.mosaic #presentPanel {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  padding: 1rem 2rem;
  border-radius: 35px;
  border-right: 5px solid #F3C82C;
  border-bottom: 5px solid #F3C82C;
  background: #fff url("/css/theme/images/paves/ble.svg") no-repeat bottom right;
}
.mosaic #presentPanel .x-panel-header {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #158766;
  text-align: center;
}
.mosaic #presentPanel .x-panel-header::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.mosaic #presentPanel .a-EvenementGrid .cells {
  display: grid;
  grid-template-areas: "evenement-image evenement-titre" "evenement-image evenement-date";
  grid-template-columns: auto 1fr;
  width: 100%;
  background: transparent;
  border: 0;
}
.mosaic #presentPanel .a-EvenementGrid .cells td:nth-child(1) {
  grid-area: evenement-image;
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
}
.mosaic #presentPanel .a-EvenementGrid .cells td:nth-child(1) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.mosaic #presentPanel .a-EvenementGrid .cells td:nth-child(2) {
  grid-area: evenement-date;
}
.mosaic #presentPanel .a-EvenementGrid .cells td:nth-child(3) {
  grid-area: evenement-titre;
  margin: 0;
  font-weight: bold;
}
.mosaic #presentPanel .a-SondageGrid .cells td:nth-child(1) {
  margin-right: 1rem;
}
.mosaic .a-serv-ress .titlebar {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.mosaic .a-serv-ress .titlebar > div {
  display: inline-block;
  margin-right: 1rem;
}
.mosaic .a-serv-ress .titlebar .editRess-btn-ct {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.mosaic .a-serv-ress .titlebar .editRess-btn-ct .x-btn-text {
  margin-right: 0;
  padding: 0.5rem 0.75rem;
  color: #fff;
  background-color: #F3C82C;
  border-radius: 25px;
}
.mosaic .a-serv-ress .titlebar .editRess-btn-ct .x-btn-text:hover {
  background-color: #c79f0b;
}
.mosaic .a-serv-ress .titlebar .editRess-btn-ct .x-btn-text::before {
  color: #fff;
}
.mosaic .prevRess-btn,
.mosaic .nextRess-btn {
  font-size: 2rem;
  color: #158766;
}
.mosaic .prevRess-btn:hover,
.mosaic .nextRess-btn:hover {
  color: #F3C82C;
}
.mosaic .prevRess-btn button {
  display: none;
}
.mosaic .prevRess-btn.icon-prev::before {
  content: "\f104\f104";
}
.mosaic .nextRess-btn button {
  display: none;
}
.mosaic .nextRess-btn.icon-next::after {
  content: "\f105\f105";
}
.mosaic .x-toolbar .x-btn-text,
.mosaic .titlebar .x-btn-text {
  width: 100%;
  padding: 0.5rem;
  text-align: left;
}
.mosaic .x-toolbar .x-btn-text::before,
.mosaic .titlebar .x-btn-text::before {
  margin-right: 0.5rem;
  color: #158766;
}
.mosaic .x-toolbar .x-btn-text:hover,
.mosaic .titlebar .x-btn-text:hover {
  color: #158766;
}
.mosaic .titre2 .ck-content h2, .mosaic .titre2 .ck-content h3 {
  font-size: 45px;
  font-weight: bold;
}
.mosaic .titre3 .ck-content h2, .mosaic .titre3 .ck-content h3 {
  font-size: 30px;
  font-weight: bold;
}
.mosaic .titre4 .ck-content h2, .mosaic .titre4 .ck-content h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.mosaic .titre4 .ck-content h2::after, .mosaic .titre4 .ck-content h3::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.mosaic .page-container:not(.pageatrium) .description a,
.mosaic .page-container:not(.pageatrium) .freehtml a,
.mosaic .page-container:not(.pageatrium) .ck-content a {
  text-decoration: underline;
  font-weight: bold;
}
.mosaic .page-container:not(.pageatrium) .description a:hover,
.mosaic .page-container:not(.pageatrium) .freehtml a:hover,
.mosaic .page-container:not(.pageatrium) .ck-content a:hover {
  color: #F3C82C;
}
.mosaic .page-container:not(.pageatrium) .description ul, .mosaic .page-container:not(.pageatrium) .description ol,
.mosaic .page-container:not(.pageatrium) .freehtml ul,
.mosaic .page-container:not(.pageatrium) .freehtml ol,
.mosaic .page-container:not(.pageatrium) .ck-content ul,
.mosaic .page-container:not(.pageatrium) .ck-content ol {
  list-style: inherit;
  margin-left: 2rem;
}
.mosaic .page-container:not(.pageatrium) .description .titre2,
.mosaic .page-container:not(.pageatrium) .freehtml .titre2,
.mosaic .page-container:not(.pageatrium) .ck-content .titre2 {
  font-size: 45px;
  font-weight: bold;
}
.mosaic .page-container:not(.pageatrium) .description .titre3,
.mosaic .page-container:not(.pageatrium) .freehtml .titre3,
.mosaic .page-container:not(.pageatrium) .ck-content .titre3 {
  font-size: 30px;
  font-weight: bold;
}
.mosaic .page-container:not(.pageatrium) .description .titre4,
.mosaic .page-container:not(.pageatrium) .freehtml .titre4,
.mosaic .page-container:not(.pageatrium) .ck-content .titre4 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.mosaic .page-container:not(.pageatrium) .description .titre4::after,
.mosaic .page-container:not(.pageatrium) .freehtml .titre4::after,
.mosaic .page-container:not(.pageatrium) .ck-content .titre4::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.mosaic .page-container:not(.pageatrium) .description .style-bouton,
.mosaic .page-container:not(.pageatrium) .freehtml .style-bouton,
.mosaic .page-container:not(.pageatrium) .ck-content .style-bouton {
  border-radius: 20px;
  padding: 0.5rem 1rem;
  background-color: #F3C82C;
  color: #fff;
  border: 0;
  cursor: pointer;
}
.mosaic .page-container:not(.pageatrium) .description table,
.mosaic .page-container:not(.pageatrium) .freehtml table,
.mosaic .page-container:not(.pageatrium) .ck-content table {
  border-collapse: collapse;
}
.mosaic .page-container:not(.pageatrium) .description table tr:nth-child(2n) td,
.mosaic .page-container:not(.pageatrium) .freehtml table tr:nth-child(2n) td,
.mosaic .page-container:not(.pageatrium) .ck-content table tr:nth-child(2n) td {
  background-color: #3be1b1;
}
.mosaic .page-container:not(.pageatrium) .description table td,
.mosaic .page-container:not(.pageatrium) .freehtml table td,
.mosaic .page-container:not(.pageatrium) .ck-content table td {
  padding: 0.5rem;
}
.mosaic .a-cnsPanelContactList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1rem;
  border: 1px solid #158766;
}
.mosaic .a-cnsPanelContactList > .btn-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: block;
  margin-right: 2rem;
  padding: 0.5rem 0;
  background-color: transparent;
  color: #158766;
  font-size: 1rem;
  font-weight: bold;
  border: 0;
}
.mosaic .a-cnsPanelContactList > .btn-text::before {
  display: none;
}
.mosaic .a-cnsPanelContactList .contacts-list {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 0.5rem 0;
}
.mosaic .a-cnsPanelContactList .contacts-list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mosaic .a-cnsPanelContactList .contacts-list .a-main-contact:not(:last-child) {
  margin-bottom: 1rem;
}
.mosaic .a-cnsPanelContactList .contacts-list .contact {
  margin-right: 0.5rem;
}
.mosaic .Comment {
  margin: 1rem 0;
  background-color: #efefef;
}
.mosaic .Comment .dateheure,
.mosaic .Comment .auteur {
  color: #158766;
}
.mosaic .Comment .icon-remove {
  color: #f64747;
}
.mosaic .contact-comment .phone {
  padding-left: 18px;
  color: #b1b1b1;
}
.mosaic .contact-comment .icon-courrier::after {
  margin-left: 10px;
  font-size: 20px;
}
.mosaic .a-CnsPanelContactList .x-panel-tbar {
  padding: 0.5rem;
  background-color: #ddd;
}
.mosaic .a-CnsPanelContactList .x-panel-body {
  padding: 0.5rem;
}
.mosaic .a-CnsPanelContactList .r-toolbar-contact span {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  font: normal 1rem museo-sans, arial;
}
.mosaic .a-CnsPanelContactList .r-toolbar-contact button::before {
  color: #ffffff;
  vertical-align: baseline;
}
.mosaic #visuPanel .x-panel-tbar > ul.r-toolbar-contact {
  padding: 0;
}
.mosaic .a-CnsPanelComment {
  margin-top: 1rem;
}
.mosaic .a-CnsPanelComment h3 {
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 16px;
  color: #158766;
  text-transform: uppercase;
}
.mosaic .a-CnsPanelComment .dateheure {
  padding: 1rem;
  font-size: 0.923rem;
  font-weight: bold;
  color: #666666;
}
.mosaic .a-CnsPanelComment .CommentHeader {
  font-size: 16px;
  color: #9b9b9b;
  text-transform: inherit;
}
.mosaic .a-NavigationPanel {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.mosaic .page-navigation .btn-vue {
  background-color: #158766;
}
.mosaic .page-navigation .btn-vue:hover {
  background-color: #10684f;
}
.mosaic #visuPanel .a-CnsPanelComment > .x-panel-header {
  font-variant: small-caps;
  font-size: 1rem;
  color: #158766;
  margin: 0 auto;
  border-bottom-color: #158766;
  border-bottom-style: solid;
}
.mosaic #visuPanel .a-CnsPanelComment > .x-panel-header > span {
  color: #158766;
}
.mosaic .Comment .icon-remove {
  float: right;
  margin-top: 0.5em;
}
.mosaic .a-form-comment .x-btn button {
  padding: 10px;
  background-color: #158766;
  color: #fff;
}
.mosaic .r-toolbar-contact span {
  color: #158766;
  text-transform: uppercase;
  font-size: 16px;
}
.mosaic #PrecoPanel div.titre {
  font-size: 1.05em;
  font-weight: bold;
  padding: 5px;
  color: #158766;
}
.mosaic .vue-container.admin .grid thead {
  font-family: museo-sans, arial;
}
.mosaic .vue-container th {
  background-color: #158766;
}
.mosaic .suiviactivite .form-item label {
  color: #158766;
  font-weight: bold;
}
.mosaic .suiviactivite .icon-download,
.mosaic .suiviactivite .icon-plus {
  color: #158766;
}
.mosaic .structure-filtres {
  position: sticky;
  top: 9rem;
  padding: 1rem;
  background-color: #158766;
  border-top: 0;
  z-index: 1;
}
.mosaic .structure-filtres .form-item label {
  color: #fff;
}
.mosaic .structure-filtres .form-row {
  margin: 0;
}
.mosaic .newsletters .header-site {
  text-align: left;
  margin-bottom: 0.75rem;
}
.mosaic .newsletters .btn-picto {
  font-size: 1rem;
  margin-right: 18px;
  color: #6b6b6b;
}
.mosaic .newsletters .btn-picto:hover {
  color: #000;
}
.mosaic .newsletters .tabs-component-panels {
  border-color: #158766;
}
.mosaic .tabs-component-tab.is-active {
  border-color: #158766;
}
.mosaic .abonnement_choix {
  color: #158766;
  font-weight: bold;
}
.mosaic .abonnement_choix .btn-vue {
  min-height: 35px;
  background-color: #158766;
  color: #fff;
  font-size: 1.1rem;
  font-weight: normal;
}
.mosaic .abonnement_info::before {
  margin-left: 0.5rem;
}
.mosaic .siteplan ul {
  margin: 0;
  padding: 0;
}
.mosaic .siteplan .menus > li:not(:last-child) {
  margin-bottom: 3rem;
}
.mosaic .siteplan .services > li {
  padding: 0.25rem 0;
}
.mosaic .siteplan .menus > li > *:first-child {
  display: block;
  padding: 1rem;
  background-color: #efefef;
  color: #158766;
  font-weight: bold;
  font-size: 1.1rem;
  border-bottom: 3px solid;
}
.mosaic .siteplan .submenus > li {
  margin-bottom: 0.25rem;
  color: #158766;
  font-size: 1.05rem;
}
.mosaic .siteplan .menu-item-cns > a {
  color: #158766;
  font-size: 1rem;
}
.mosaic .a-OrganisationAct {
  border-bottom: 5px solid #e8e8e8;
  padding-bottom: 1rem;
}
.mosaic .a-Organisation-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mosaic .a-Organisation-detail {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
.mosaic .a-Organisation-link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0%;
  flex: 0 0 0%;
  text-align: center;
}
.mosaic .a-OrganisationActLinkMembers {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  background-color: #158766;
  color: #fff;
  border: 3px solid transparent;
  border-radius: 25px;
}
.mosaic .open-members .a-OrganisationActLinkMembers {
  background-color: #fff;
  color: #158766;
  border: 3px solid #158766;
}
.mosaic .a-Organisation-members {
  margin: -0.5rem -0.5rem 1rem -0.5rem;
}
.mosaic .a-Organisation-member {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: calc(33.3333% - 1rem);
  margin: 0.5rem;
  background-color: #f2f7f9;
}
.mosaic .a-Organisation-member .libelle {
  display: none;
}
.mosaic .a-Organisation-member:nth-child(odd) {
  margin-right: 0.5rem;
}
.mosaic .a-Organisation-memberImg {
  float: left;
  width: 35%;
  margin-top: 0;
  padding-right: 0.5rem;
}
.mosaic .a-Organisation-memberDataTitle {
  font-weight: bold;
}
.mosaic .a-Organisation-memberDataFct {
  font-weight: 500;
}
.mosaic .a-Organisation-memberDataDetail {
  width: 100%;
  float: left;
}
.mosaic .a-Organisation-memberDataDetail li {
  margin-bottom: 0.25rem;
}
.mosaic .a-Organisation-memberDataDetail li::before {
  font-family: fontello;
  width: 1rem;
  height: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.5rem;
  padding: 0.25rem;
  color: #158766;
  border: 2px solid #158766;
  border-radius: 25px;
}
.mosaic .a-Organisation-memberDataDetail .tel::before, .mosaic .a-Organisation-memberDataDetail .mobile::before {
  content: "\e81e";
}
.mosaic .a-Organisation-memberDataDetail .mail::before {
  content: "\e804";
}
.mosaic .a-Organisation-memberDataDetail .fax::before {
  content: "\f1ac";
}
.mosaic .a-Organisation-memberDataDetail .icon-mail::before {
  display: none;
}
.mosaic .a-pave-hp-horaireSite .horairesite-legend {
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  max-width: 30%;
}
.mosaic .a-pave-hp-horaireSite .horairesite-legend-item {
  font-weight: bold;
}
.mosaic .a-pave-hp-horaireSite .horairesite-legend-item:not(:last-child)::after {
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  border-right: 2px solid #000;
}
.mosaic .horairesite-config {
  padding: 0;
}
.mosaic .a-Sondage .a-Intitule {
  color: #158766;
}
.mosaic .question-impair,
.mosaic .question-pair {
  padding: 0.25rem 0.25rem 0;
}
.mosaic .question-impair {
  background-color: #f1f1f1;
}
.mosaic .a-BanqueDocumentHTML .x-panel-header {
  color: #158766;
  font-weight: bold;
}
.mosaic li.x-tree-node span:hover,
.mosaic li.x-tree-node .x-tree-selected span {
  color: #158766;
}
.mosaic .banque-toolbar .x-btn-text:hover {
  color: #fff;
}
.mosaic .a-banque-lastdocs {
  padding: 1rem;
  border: 2px solid #158766;
  background-color: #fff;
}
.mosaic .a-banque-arbo {
  padding: 1rem;
  background-color: #fff;
  border-bottom: 2px solid #158766;
}
.mosaic .a-banque-arbo .x-tree-node-anchor::before,
.mosaic .a-banque-arbo .x-tree-node-collapsed .x-tree-node-anchor::before,
.mosaic .a-banque-arbo .a-banque-fil-ariane span::before {
  color: #d3d3d3;
}
.mosaic .a-banque-arbo .x-tree-node-el {
  padding: 0.5rem 0;
}
.mosaic .a-banque-fil-ariane {
  background-color: #f7f7f7;
}
.mosaic .fil-ariane-folder::before {
  color: #d3d3d3;
}
.mosaic .a-banque-tree {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
.mosaic .lastdocs {
  padding: 1rem;
  background-color: #fff;
}
.mosaic .lastdocs .options {
  margin-left: 1rem;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: #158766;
}
.mosaic #visuPanel .docs, .mosaic .lastdocs .row {
  min-height: inherit;
  border-right: 0;
}
.mosaic .a-image-wrapper {
  width: 32px;
  height: 32px;
  margin-top: 10px;
  background-size: contain;
}
.mosaic .a-folder-doc-nombre {
  background-color: #158766;
  color: #fff;
  -webkit-box-shadow: 0 0 3px #000;
  box-shadow: 0 0 3px #000;
}
.mosaic .lastdocsdetail .icon-download {
  display: block;
  width: 100%;
  text-align: center;
  border: 0;
}
.mosaic .properties-list li span:first-child {
  color: #158766;
  font-weight: bold;
}
.mosaic .a-virement-grid table {
  border-collapse: inherit;
}
.mosaic .a-virement-grid .cells {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33% - 1rem);
  flex: 0 0 calc(33% - 1rem);
  margin: 0.5rem;
  border-bottom: 2px solid #158766;
  -webkit-box-shadow: 0 0 3px #d3d3d3;
  box-shadow: 0 0 3px #d3d3d3;
  word-break: break-word;
}
.mosaic .morte-saison,
.mosaic .offredirecte {
  font-family: museo-sans, arial;
  font-size: 1rem;
}
.mosaic .morte-saison h2,
.mosaic .offredirecte h2 {
  font-weight: normal;
}
.mosaic .morte-saison input[type^=file],
.mosaic .offredirecte input[type^=file] {
  padding: 0;
}
.mosaic .morte-saison .recuperation h2,
.mosaic .offredirecte .recuperation h2 {
  color: #158766;
}
.mosaic .morte-saison .voir-nouveautes,
.mosaic .morte-saison .dispo-seulement,
.mosaic .morte-saison .prix,
.mosaic .morte-saison .conditionnement,
.mosaic .offredirecte .voir-nouveautes,
.mosaic .offredirecte .dispo-seulement,
.mosaic .offredirecte .prix,
.mosaic .offredirecte .conditionnement {
  color: #158766;
}
.mosaic .morte-saison .offre .ref,
.mosaic .offredirecte .offre .ref {
  margin: 1rem;
}
.mosaic .morte-saison .offre .titre,
.mosaic .offredirecte .offre .titre {
  font: normal 25px museo-sans, arial;
  color: #158766;
}
.mosaic .morte-saison .offre .resume,
.mosaic .offredirecte .offre .resume {
  font: normal 14px museo-sans, arial;
}
.mosaic .morte-saison .offre .commandes a,
.mosaic .offredirecte .offre .commandes a {
  color: #158766;
}
.mosaic .morte-saison .offre .infos ::before,
.mosaic .morte-saison .offre .recuperation ::before,
.mosaic .morte-saison .offre .offre-footer ::before,
.mosaic .offredirecte .offre .infos ::before,
.mosaic .offredirecte .offre .recuperation ::before,
.mosaic .offredirecte .offre .offre-footer ::before {
  color: #158766;
}
.mosaic .morte-saison .total-commande,
.mosaic .offredirecte .total-commande {
  border-color: #158766;
  color: #158766;
}
.mosaic .morte-saison .ms-content h1,
.mosaic .morte-saison .ms-content h2,
.mosaic .offredirecte .ms-content h1,
.mosaic .offredirecte .ms-content h2 {
  color: #158766;
}
.mosaic .morte-saison .ms-content .total-commande,
.mosaic .offredirecte .ms-content .total-commande {
  font-weight: 500;
  color: #c32126;
}
.mosaic .panel-exploitation ::before {
  color: #158766;
}
.mosaic .offredirecte-titre,
.mosaic .offredirecte-quantiteDispo::before,
.mosaic .offredirecte-logistique .icon-livraison,
.mosaic .offredirecte-prix_prefixe,
.mosaic .offredirecte-listeOffresRef_titre,
.mosaic .titre-confirm-engagement,
.mosaic .offredirecte-periodeLiv label {
  color: #158766;
}
.mosaic .col-engagement button {
  font-family: museo-sans, arial;
}
.mosaic .genfiche-formulaire fieldset legend {
  font: 300 24px museo-sans, arial;
  color: #158766;
}
.mosaic .genfiche-formulaire fieldset .form-group {
  border-left: 1px solid #158766;
  padding-left: 1rem;
}
.mosaic .genfiche-formulaire fieldset .form-group label {
  font: 300 21px museo-sans, arial;
}
.mosaic .genfiche-formulaire #preconisations-commentaires th {
  border-color: #158766;
}
.mosaic .a-offres-wrapper th {
  padding: 1rem 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #69778c;
  font-weight: bold;
}
.mosaic .a-offres-wrapper td[data-title^=Prix] {
  font-size: 1.4em;
  color: #e63946;
}
.mosaic .a-offres-wrapper td[data-title^=Prix]::after {
  content: " € HT / Tonne";
}
.mosaic .a-offrespot .engagement .detail-cours .label {
  padding: 5px 10px;
  font-weight: bold;
  background-color: #f7ab11;
  color: white;
  line-height: 1.9em;
}
.mosaic .a-offrespot .offre-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mosaic .a-offrespot .links > .offre-toolbar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin-left: 1rem;
  padding: 1rem;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: #fff;
  background-color: #158766;
  text-decoration: none;
}
.mosaic .a-offrespot .links > .offre-toolbar a:hover {
  background-color: #10684f;
}
.mosaic .a-offrespot .r-grid th {
  background-color: #a0aeb7;
  color: #fff;
}
.mosaic .a-offrespot a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.mosaic .a-offres-wrapper td > span > a {
  background-color: #51c47d;
  color: #fff;
  padding: 0.3em 20%;
  border-radius: 5px;
  border-bottom: 2px solid rgba(146, 146, 146, 0.5);
}
.mosaic .a-offres-wrapper td > span > a:hover {
  background-color: #3db46b;
}
.mosaic .a-liste-offres a {
  color: #158766;
}
.mosaic .a-engagement-offre .x-panel-header-text {
  background-color: #f7ab11;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
}
.mosaic .a-cns-panel-exploitation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mosaic .a-profil h2,
.mosaic .a-profil h3 {
  color: #158766;
}
.mosaic .a-profil h3::before {
  color: #158766;
}
.mosaic .a-profil h3::after {
  border-color: #158766;
}
.mosaic .a-profil .icon-expand,
.mosaic .a-profil .icon-expanded {
  color: #158766;
}
.mosaic .adresse-categorie {
  color: #158766;
}
.mosaic .contact_message {
  color: #158766;
}
.mosaic .infos-compte h3::after,
.mosaic .infos-exploitation h3::after {
  border-color: #158766;
}
.mosaic .monprofil-infoperso label {
  color: #158766;
  font-weight: bold;
}
.mosaic .monprofil-menu_item a::before {
  color: #158766;
}
.mosaic .expand-list_sousRub_cat {
  font-weight: 300;
}
.mosaic .adresse-header {
  background-color: #158766;
  color: #fff;
}
.mosaic .adresse-header .icon-cross {
  color: #fff;
}
.mosaic .pan-annonce .pan-entete,
.mosaic .pan-annonce legend {
  color: #158766;
}
.mosaic .a-PetitesAnnonces .a-create-bt button:hover,
.mosaic .a-PetitesAnnonces .a-back-bt button:hover,
.mosaic .a-PetitesAnnonces .a-mail-bt button:hover,
.mosaic .a-PetitesAnnonces .prevPage-btn button:hover,
.mosaic .a-PetitesAnnonces .nextPage-btn button:hover,
.mosaic .a-PetitesAnnoncesAdm .a-create-bt button:hover,
.mosaic .a-PetitesAnnoncesAdm .a-back-bt button:hover,
.mosaic .a-PetitesAnnoncesAdm .a-mail-bt button:hover,
.mosaic .a-PetitesAnnoncesAdm .prevPage-btn button:hover,
.mosaic .a-PetitesAnnoncesAdm .nextPage-btn button:hover {
  color: #fff;
}
.mosaic .a-PetitesAnnonces .prevPage-btn button,
.mosaic .a-PetitesAnnonces .nextPage-btn button,
.mosaic .a-PetitesAnnoncesAdm .prevPage-btn button,
.mosaic .a-PetitesAnnoncesAdm .nextPage-btn button {
  border-radius: 20px;
}
.mosaic .a-PetitesAnnonces .prevPage-btn ::before,
.mosaic .a-PetitesAnnonces .prevPage-btn ::after,
.mosaic .a-PetitesAnnonces .nextPage-btn ::before,
.mosaic .a-PetitesAnnonces .nextPage-btn ::after,
.mosaic .a-PetitesAnnoncesAdm .prevPage-btn ::before,
.mosaic .a-PetitesAnnoncesAdm .prevPage-btn ::after,
.mosaic .a-PetitesAnnoncesAdm .nextPage-btn ::before,
.mosaic .a-PetitesAnnoncesAdm .nextPage-btn ::after {
  color: #fff;
}
.mosaic .x-toolbar.horairesite-toolbar .x-btn-text {
  width: auto;
  padding: 0;
}
.mosaic .horairesite-config-subtitle {
  border-bottom: 2px solid #158766;
}
.mosaic .horairesite-toolbar .x-btn {
  color: #158766;
}
.mosaic .horairesite-toolbar .x-btn.x-btn-over {
  color: #10684f;
}
.mosaic .rss-flux-title {
  font-size: 1.2rem;
}
.mosaic .rss-flux-title::before {
  margin-right: 0.5rem;
  color: orange;
}
.mosaic .rss-item {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #f0f0f0;
}
.mosaic .rss-item-title {
  margin: 0;
}
.mosaic .rss-item-title a {
  color: #158766;
}
.mosaic .rss-item-date {
  font-size: 0.9rem;
  font-weight: normal;
}
.mosaic .rss-item-link {
  text-align: right;
}
.mosaic .a-suivi-bon .apport,
.mosaic .a-suivi-bon .appro,
.mosaic .a-suivi-bon .engagement,
.mosaic .a-suivi-bon .commande {
  position: relative;
  width: 100%;
  min-height: 195px;
  margin: 1rem auto;
  padding: 1rem 1rem 35px;
  background-color: #f7f7f7;
  border-bottom: 2px solid #654cfe;
}
.mosaic .a-list-bon .x-panel-header-text {
  font-weight: bold;
  background-color: #654cfe;
  padding: 0.5rem 1rem;
  width: 100%;
  display: block;
  color: #fff;
}
.mosaic .a-suivi-bon-form {
  margin-top: 1em;
  position: relative;
}
.mosaic .a-suivi-bon-form .x-panel-header,
.mosaic .a-suivi-bon-form .a-dernier-bon .x-panel-header {
  background-color: #a0aeb7;
  padding: 1em;
}
.mosaic .a-suivi-bon-form .x-panel-header-text,
.mosaic .a-suivi-bon-form .a-dernier-bon .x-panel-header-text {
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
.mosaic .a-suivi-bon-form > .x-panel-bwrap {
  background: #fafafa;
  padding-top: 0.5em;
}
.mosaic .a-suivi-bon-form .x-form-item {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 1.5em 1em 1em;
}
.mosaic .a-suivi-bon-form .x-panel-footer {
  background-color: #fafafa;
}
.mosaic .a-suivi-bon-form #exploitCombo {
  float: right;
}
.mosaic .a-suivi-bon-form #exploitCombo .col-m-50 {
  width: auto;
  padding: 0 1rem;
  padding-bottom: 0;
}
.mosaic .a-suivi-bon-form #exploitCombo .x-form-label-left label {
  display: block;
}
.mosaic .filtre-criteres {
  border-bottom-color: #158766;
}
.mosaic .suivivirement header h3:after {
  border-color: #158766;
}
.mosaic .suivivirement-menu ::before {
  color: #158766;
}
.mosaic .a-admin-page-accueil-panel-grid .x-btn-text::before,
.mosaic .a-adminpageaccueil-editor .x-btn-text::before,
.mosaic .a-custom-grid-panel .x-btn-text::before,
.mosaic .a-ContenuHTML-tbar .x-btn-text::before {
  color: #158766;
}
.mosaic .a-adminpageaccueil-editor .a-adminpageaccueil-portlet .x-panel-header {
  color: #F3C82C;
}
.mosaic .a-serv-adm .a-ComponentAdmFormTitle,
.mosaic .a-serv-adm .x-panel-header {
  background-color: #F3C82C;
}
.mosaic .a-serv-adm form .x-form-file-wrap .x-form-file-btn {
  padding: 0.25rem 0.5rem;
  background-color: #F3C82C;
}
.mosaic .a-serv-adm form .x-form-file-wrap .x-form-file-btn .x-btn-text {
  color: #fff;
}
.mosaic .a-serv-adm form .a-ImagePanel-choice .x-btn-text {
  background-color: #F3C82C;
}
.mosaic .a-serv-adm form .x-panel-header,
.mosaic .a-serv-adm form .position-header-cls label.x-form-item-label,
.mosaic .a-serv-adm form [id^=labelTitre],
.mosaic .a-serv-adm form [id^=labelResume],
.mosaic .a-serv-adm form [id^=labelDescrip],
.mosaic .a-serv-adm form [id^=labelListDiff],
.mosaic .a-serv-adm form fieldset.a-Transverse-panelTransversaliteAdmin-fieldsetListTermes > legend span,
.mosaic .a-serv-adm form .contacts label,
.mosaic .a-serv-adm form .a-ComponentAdmFormTitle {
  background-color: #F3C82C;
}
.mosaic .a-serv-adm form .image-middle .x-form-check-checked .x-form-radio-wrap-inner::before, .mosaic .a-serv-adm form .image-left .x-form-check-checked .x-form-radio-wrap-inner::before, .mosaic .a-serv-adm form .image-hidden .x-form-check-checked .x-form-radio-wrap-inner::before {
  border: solid 3px #F3C82C;
}
.mosaic .a-serv-adm form legend .x-fieldset-header-text {
  color: #F3C82C;
}
.mosaic .a-serv-adm form .icon-add {
  color: #F3C82C;
}
.mosaic .a-adminpageaccueil-editor .a-adminpageaccueil-portlet .x-panel-header {
  background-color: #fff;
}
.mosaic .a-adminpageaccueil-editor .a-adminpageaccueil-portlet button.icon-config {
  background-color: #F3C82C;
}
.mosaic .a-adminpageaccueil-editor .a-adminpageaccueil-portlet button.icon-config:hover {
  background-color: #eebd0e;
}
.mosaic .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .titre,
.mosaic .vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .resume {
  color: #0e5b45;
}
@media (max-width: 1500px) {
  .mosaic.a-serv-hp [class*=bloc-forme] > .ensemble {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (max-width: 1440px) {
  .mosaic .a-link-cns,
.mosaic .a-link-adm {
    margin-right: 1rem;
  }
  .mosaic .vue-container .a-service-texte > .container > article {
    padding-left: 3rem;
  }
  .mosaic .vue-container .a-service-texte > .container > nav .precedent {
    left: 0;
  }
  .mosaic .service-ressource + #mid-panel #visuPanel {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .mosaic.a-serv-hp #mid-panel {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 901px) {
  .mosaic .a-pave-hp.pos-left, .mosaic .a-pave-hp.pos-none {
    margin-right: 3rem;
  }
  .mosaic .a-pave-hp.pos-right {
    margin-left: 3rem;
  }
}
@media (max-width: 900px) {
  .mosaic .logo > * {
    width: 100px;
    height: 60px;
  }
  .mosaic .header-item {
    width: 40px;
    height: 40px;
  }
  .mosaic .header-item::before {
    font-size: 16px;
  }
  .mosaic .welcome-div {
    display: none;
  }
  .mosaic #login, .mosaic #logout {
    margin-left: 0;
  }
  .mosaic .gestionRessource .image-resume {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
  }
  .mosaic .gestionRessource .image-resume:last-child {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .mosaic .gestionRessource .image-resume + .cell {
    margin-top: -20px;
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .mosaic .vue-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .mosaic .vue-container .a-service-texte,
.mosaic .vue-container .a-service-texte + aside {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .mosaic .vue-container .a-service-texte > .container > article {
    padding-left: 0;
    padding-right: 0;
  }
  .mosaic .vue-container .a-service-texte > .container > nav .precedent,
.mosaic .vue-container .a-service-texte > .container > nav .suivant {
    position: static;
  }
  .mosaic .suiviactivite {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .mosaic #mid-panel {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .mosaic #visuPanel,
.mosaic #presentPanel {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .mosaic .header-site .menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: calc(100vh - var(--header-height));
    padding: 0;
    overflow: auto;
  }
  .mosaic .header-site .menu::after {
    position: static;
  }
  .mosaic .mojo,
.mosaic .postRubrique-deco {
    display: none;
  }
  .mosaic #homepage,
.mosaic #favoris,
.mosaic #profil,
.mosaic #mentions,
.mosaic #contacts {
    display: none;
  }
  .mosaic #menuPanel {
    display: none;
  }
  .mosaic #menuPanel.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mosaic .header-site .rubriques {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
  }
  .mosaic .header-site .rubriques > .rubrique {
    width: 100%;
    max-width: 100%;
  }
  .mosaic .header-site .rubriques > .rubrique:not(:last-child) {
    border-bottom: 1px solid #f4f4f4;
  }
  .mosaic .header-site .rubriques > .action {
    display: block;
  }
  .mosaic .rubrique:hover .sous-rubriques {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  .mosaic .intitule-rubrique {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .mosaic .intitule-rubrique > * {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 5%;
  }
  .mosaic .intitule-rubrique > *::after {
    content: "\f105";
    display: inline-block;
    font-family: fontello;
  }
  .mosaic .action-favoris .intitule-rubrique > span {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 5%;
  }
  .mosaic .sous-rubriques {
    top: 0;
    max-height: 50vh;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #158766;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .mosaic .sous-rubriques.display {
    position: static;
    width: 100%;
  }
  .mosaic .sous-rubriques-list {
    padding: 1rem 5%;
  }
  .mosaic .sous-rubrique .service {
    padding: 1rem 0;
  }
  .mosaic .sous-rubrique {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0 0 1rem 0;
  }
  .mosaic .header-site .input-wrapper {
    display: none;
  }
  .mosaic .header-site .input-wrapper.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 100%;
    right: 0;
    margin: 0;
    padding: 0.5rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    z-index: 260;
  }
  .mosaic .header-site .input-wrapper input {
    margin: 0;
  }
  .mosaic .sous-rubriques,
.mosaic .rubrique.open > span {
    border-radius: 0;
  }
  .mosaic .rubrique.open > span {
    border-bottom: 1px solid #fff;
  }
  .mosaic .rubrique > span,
.mosaic .action > span {
    padding: 0;
  }
  .mosaic .rubrique > span > a,
.mosaic .action > span > a {
    padding: 0.75rem 5%;
  }
  .mosaic .a-link-adm {
    display: none;
  }
  .mosaic .bloc-forme1::before {
    background: url(/css/theme/images/paves/decorationA1.svg) no-repeat 20% 0%;
  }
  .mosaic .bloc-forme2 .a-video-pave {
    margin-bottom: 0;
  }
  .mosaic .bloc-forme3 {
    margin-top: -12rem;
  }
  .mosaic .bloc-forme4 {
    margin-top: -7rem;
    background: #295C85 url(/css/theme/images/paves/decorationC1.svg) no-repeat 33% 40%/1350px;
  }
  .mosaic [class^=pave-memo-] .paginate-show {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mosaic [class^=pave-memo-] .paginate-show > li {
    max-width: 100%;
  }
  .mosaic .titre-service .service,
.mosaic .titre-service .ressource {
    font-size: 40px;
  }
  .mosaic .vue-container .a-service-texte + aside {
    background: transparent url(/css/theme/images/paves/ble.svg) no-repeat bottom right;
  }
}
@media screen and (max-width: 600px) {
  .mosaic .multiImages-public figure {
    max-height: 500px;
  }
  .mosaic .multiImages-chiffres-cles:not(.carousel) .paginate-show > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
  }
  .mosaic .multiImages-partenaires:not(.carousel) .paginate-show > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
  }
}
@media screen and (max-width: 500px) {
  .mosaic .pave-raccourcis .a-pave-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .mosaic .ariane {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .mosaic .vue-container .a-service-texte > .container > article.img-left .image,
.mosaic .a-service-texte > .container .img-left,
.mosaic .a-Evenement .img-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
  }
  .mosaic .a-Organisation-member {
    width: 100%;
  }
}
@media screen and (max-width: 300px) {
  .mosaic .logo {
    display: none;
  }
}
@media screen and (max-width: 1440px) and (min-width: 901px) {
  .mosaic .header-content, .mosaic #menuPanel {
    padding-left: 0;
    padding-right: 0;
  }
}
.mosaic .bloc-forme4 {
  background-color: #158766;
}
/*# sourceMappingURL=menu.css.map */