@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;
}
:root {
  --coop-main-color: #164C74;
  --coop-main-lighten-color: #216ba3;
  --coop-main-lighten-2-color: #e9f5ff;
  --coop-second-color: #FFC306;
  --coop-button-bg-color: var(--coop-main-color);
  --coop-button-bg-hover-color: #216ba3;
  --coop-button-text-color: #fff;
  --coop-border-color: #164C74;
}

body {
  font-family: "museo-sans", arial;
  font-size: 16px;
  font-weight: 500;
  color: #1c1c1c;
  background: hsl(205, 38%, 96%);
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  outline: 1px solid #ffc308;
  outline-offset: 0.25rem;
  border-radius: 0.25rem;
}

button {
  font-family: "museo-sans", arial, arial;
  font-size: 1rem;
}

.multiselect input {
  border: 0;
}

#login-panel {
  border-bottom: 3px solid var(--coop-main-color);
  box-shadow: 3px 3px 8px #565656;
}
#login-panel h3 {
  margin-top: 0;
}
#login-panel [type=submit] {
  padding: 0.5rem 1rem;
  background-color: var(--coop-main-color);
  color: #fff;
  border: 0;
  cursor: pointer;
  display: block;
  margin-left: auto;
}
#login-panel [type=submit]:hover {
  background-color: rgb(16.3086956522, 56.3391304348, 85.9913043478);
}
#login-panel [type=submit]:hover a {
  color: #fff;
}
#login-panel [type=submit] a {
  text-decoration: none;
}

.x-panel-btns .x-btn button,
.x-window-dlg .x-btn button {
  padding: 0.5rem 1rem;
  background-color: var(--coop-main-color);
  color: #fff;
  border: 0;
  cursor: pointer;
}
.x-panel-btns .x-btn button:hover,
.x-window-dlg .x-btn button:hover {
  background-color: rgb(16.3086956522, 56.3391304348, 85.9913043478);
}
.x-panel-btns .x-btn button:hover a,
.x-window-dlg .x-btn button:hover a {
  color: #fff;
}
.x-panel-btns .x-btn button a,
.x-window-dlg .x-btn button a {
  text-decoration: none;
}

.a-btn-atrium-retour {
  margin-bottom: 1rem;
}
.a-btn-atrium-retour .x-btn-text {
  padding: 0.5rem 1rem;
  background-color: var(--coop-main-color);
  color: #fff;
  border: 0;
  cursor: pointer;
}
.a-btn-atrium-retour .x-btn-text:hover {
  background-color: rgb(16.3086956522, 56.3391304348, 85.9913043478);
}
.a-btn-atrium-retour .x-btn-text:hover a {
  color: #fff;
}
.a-btn-atrium-retour .x-btn-text a {
  text-decoration: none;
}

.x-panel-btns .x-btn-text::before {
  margin-right: 0.25rem;
}

.btn-coop {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.btn-coop a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #FFC306;
  text-decoration: none;
}
.btn-coop a:hover {
  background-color: rgb(225.3, 171.0108433735, 0);
  color: #fff;
}

.btn-action.submit {
  padding: 0.5rem 1rem;
  background-color: var(--coop-main-color);
  color: #fff;
  border: 0;
  cursor: pointer;
}
.btn-action.submit:hover {
  background-color: rgb(16.3086956522, 56.3391304348, 85.9913043478);
}
.btn-action.submit:hover a {
  color: #fff;
}
.btn-action.submit a {
  text-decoration: none;
}
.btn-action.modify {
  padding: 0.5rem 1rem;
  background-color: var(--coop-main-color);
  color: #fff;
  border: 0;
  cursor: pointer;
  background-color: #aaa;
  color: #fff;
}
.btn-action.modify:hover {
  background-color: rgb(16.3086956522, 56.3391304348, 85.9913043478);
}
.btn-action.modify:hover a {
  color: #fff;
}
.btn-action.modify a {
  text-decoration: none;
}
.btn-action.modify:hover {
  background-color: rgb(187.85, 187.85, 187.85);
}
.btn-action.cancel {
  padding: 0.5rem 1rem;
  background-color: var(--coop-main-color);
  color: #fff;
  border: 0;
  cursor: pointer;
  background-color: #e63838;
  color: #fff;
}
.btn-action.cancel:hover {
  background-color: rgb(16.3086956522, 56.3391304348, 85.9913043478);
}
.btn-action.cancel:hover a {
  color: #fff;
}
.btn-action.cancel a {
  text-decoration: none;
}
.btn-action.cancel:hover {
  background-color: rgb(233.984375, 87.715625, 87.715625);
}

.btn-vue {
  padding: 0.5rem 1rem;
  background-color: var(--coop-main-color);
  color: #fff;
  border: 0;
  cursor: pointer;
  background-color: var(--coop-main-color);
  color: #FFF;
}
.btn-vue:hover {
  background-color: rgb(16.3086956522, 56.3391304348, 85.9913043478);
}
.btn-vue:hover a {
  color: #fff;
}
.btn-vue a {
  text-decoration: none;
}
.btn-vue:hover {
  background-color: var(--coop-main-lighten-color);
}

.checkbox-etat {
  color: var(--coop-main-color);
}

#go-to-head {
  background-image: url(/css/theme/images/common/go_top.svg);
  border: 0;
  box-shadow: none;
}

.message_header_service {
  padding: 0.5rem 1rem;
  background-color: #FFC306;
  color: #fff;
  box-shadow: 0 0 2px #ccc;
}

.a-serv-hp #visuPanel {
  max-width: 100%;
  padding: 0;
}

body:not(.a-serv-hp) #visuPanel:has(:not(.x-panel-body:empty)):has([class^=a-]) {
  margin-top: 2rem;
  padding: 2rem;
  border-radius: 1rem;
  background-color: var(--atrium-color-White);
}

ul.x-tab-strip li {
  margin: 0;
}
ul.x-tab-strip li:not(:first-child) .x-tab-strip-inner {
  border-left: 0;
}

.x-tab-strip-top .x-tab-strip-inner {
  border: 1px solid var(--coop-main-color);
  background-color: #fff;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
  background-color: var(--coop-main-color);
  color: #fff;
}

.x-tab-panel-bwrap {
  border-color: var(--coop-main-color);
}

/*TABLEAU VUE*/
.vue-container .table,
.modal-container .table {
  background-color: #fff;
}
.vue-container .table thead,
.modal-container .table thead {
  background-color: var(--coop-main-color);
  color: #fff;
}
.vue-container .table tbody tr:nth-child(even),
.modal-container .table tbody tr:nth-child(even) {
  background-color: rgba(22, 76, 116, 0.2);
}

/*ONGLETS*/
.admin .tab button.active,
.admin .tab tbody tr.active,
.admin .tab .router-link-exact-active {
  background-color: var(--coop-main-color);
  color: #fff;
}

.a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner, .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-left, .a-consoleadmin .x-tab-strip-top .x-tab-strip-active .x-tab-right {
  background-color: var(--coop-main-color);
  color: #fff;
}

/*PUCE*/
.pageatrium .page-puce {
  cursor: pointer;
}
.pageatrium .puce.actif,
.pageatrium .page-puce.actif {
  background-color: var(--coop-main-color);
}
.pageatrium .paginate-index {
  padding-left: 4rem;
  padding-right: 4rem;
}
.pageatrium .paginate-index .prev, .pageatrium .paginate-index .next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  background-color: var(--coop-main-color);
  color: #fff;
  border-radius: 50%;
}
.pageatrium .paginate-index .prev span, .pageatrium .paginate-index .next span {
  display: none;
}
.pageatrium .paginate-index .prev {
  position: absolute;
  top: 27%;
  left: 1rem;
}
.pageatrium .paginate-index .next {
  position: absolute;
  top: 27%;
  right: 1rem;
}
.pageatrium .pave {
  overflow: auto;
  background-color: var(--atrium-color-White);
}
.pageatrium .pave__content {
  position: relative;
}

/*TIP*/
.x-tip {
  box-shadow: 0 0 3px 1px #cacaca;
}

#cookie_mess {
  background-color: var(--coop-main-color);
}
#cookie_mess input {
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: #000;
}
#cookie_mess input:hover {
  background-color: #fff;
  color: #000;
  box-shadow: 0 0 3px 1px #333;
}

.login-panel_username input,
.login-panel_password input {
  width: 100%;
}

body.body-scrolled .header-site {
  box-shadow: 0 0 3px #ccc;
  z-index: 250;
}

.header-site {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  margin-bottom: 2rem;
  background-color: #fff;
  transition: 0.25s;
}
.header-site > *:not(.welcome-div) {
  background-color: #fff;
}

.header-content {
  gap: 0.5rem;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 1rem 5%;
  align-items: center;
}

.header-left {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

.shortcut-monexploit a {
  display: flex;
  border-radius: 2rem;
  background-color: #FFC306;
  color: var(--atrium-color-Black);
  text-wrap: nowrap;
}
.shortcut-monexploit a:hover {
  background: color-mix(in oklch, #FFC306, #fff 10%);
}

.shortcut-emc2 a {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 2rem;
}
.shortcut-emc2 a::before {
  font-family: "fontello";
  content: "\f08e";
  font-size: 12px;
  margin-top: 0.1rem;
}
.shortcut-emc2 a:hover::before {
  text-decoration: none;
}

.header-center {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-right {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
}

.logo {
  flex: 0 0 auto;
  margin: 0 1rem 0 0;
}
.logo > * {
  display: flex;
  align-items: center;
}
.logo > *:hover {
  text-decoration: none;
}
.logo a {
  width: 155px;
  max-height: 100px;
}
.logo img {
  max-width: 100%;
  max-height: 100%;
}

.welcome-div {
  margin-left: 1rem;
  font-size: 0.9rem;
  font-weight: bold;
  color: #1c1c1c;
  text-align: right;
}

#welcome:not(:empty)::before {
  font-family: inherit;
  font-weight: bold;
}

.menu-toolbar {
  flex: 1;
  margin-left: auto;
  font-size: 30px;
}

.menu-icon {
  margin-right: 1rem;
}

.header-item {
  width: 50px;
  height: 50px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: var(--coop-main-color);
}
.header-item::before {
  font-size: 20px;
  color: #FFF;
}
.header-item:not(:last-child) {
  margin-right: 1rem;
}

#burger {
  background-color: transparent;
}
#burger::before {
  padding-top: 11px;
  color: var(--coop-main-color);
  font-size: 35px;
}

#login,
#logout {
  margin-left: 1rem;
  background-color: #FFC306;
  color: #FFF;
}

.header-site .input-wrapper {
  display: inline-block;
  align-content: center;
  order: -1;
  margin-right: 1rem;
}
.header-site .input-wrapper input {
  padding: 0.5rem;
  border: 0;
  border-bottom: 1px solid #d3d3d3;
}
.header-site .input-wrapper input:focus {
  border-color: var(--coop-main-color);
}

.header-site .actions {
  flex: 1;
  position: relative;
  align-items: center;
  justify-content: flex-end;
}

.search-wrapper {
  position: relative;
  margin-right: auto;
}

#search {
  width: auto;
  align-self: center;
  background-color: transparent;
}
#search::before {
  color: var(--coop-main-color);
}

#favoris .list-favoris {
  top: 100%;
  font-size: 1rem;
  transform: translateX(-50%);
  z-index: 251;
  text-align: left;
  background-color: #f5f7fc;
  box-shadow: 0px 2px 2px #aaa;
}
#favoris .list-favoris > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  cursor: default;
}
#favoris .list-favoris > li:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
#favoris .list-favoris .icon-cancel {
  order: 2;
}
#favoris .list-favoris .icon-cancel:hover {
  color: var(--coop-main-color);
  cursor: pointer;
}

.service-favoris {
  display: inline-block;
  padding: 0.75rem 0;
}

#contacts,
#cgu,
#mentions {
  display: none;
}

.header-content div::before {
  font-family: "icomoon";
}

#previsu.preview-on {
  background-color: #FFC306;
}

.header-site .rubriques {
  position: static;
  flex-wrap: wrap;
  align-items: center;
}
.header-site .rubriques > .rubrique {
  position: relative;
  flex: 1 0 auto;
  max-width: 20%;
}
.header-site .menu {
  position: relative;
  z-index: 250;
  padding-left: 5%;
  background-color: var(--coop-main-color);
  color: var(--atrium-color-White);
}

#menuPanel {
  max-width: 100%;
}

.rubrique.open > span {
  background-color: var(--coop-main-color);
  color: #fff;
  z-index: 1;
  border-top-left-radius: 23px;
  border-top-right-radius: 23px;
}
.rubrique.open > span .intitule-rubrique {
  color: var(--atrium-color-White);
}
.rubrique > span {
  padding: 0.5rem 0;
}
.rubrique:hover .sous-rubriques {
  transition-delay: 0.5s;
}

[data-rub-id]:nth-of-type(-n+7) .sous-rubriques {
  border-top-left-radius: 0;
}

[data-rub-id]:nth-of-type(n+8) .sous-rubriques {
  border-top-right-radius: 0;
  left: initial;
  right: 0;
}

.count-5 [data-rub-id]:nth-of-type(n+5) .sous-rubriques {
  border-top-left-radius: 25px;
}
.count-5 [data-rub-id]:nth-of-type(n+6) .sous-rubriques {
  border-top-right-radius: 0;
  left: initial;
  right: 0;
}

.intitule-rubrique {
  display: block;
  text-align: center;
  color: var(--atrium-color-White);
  font-weight: bold;
  font-size: 1.25rem;
}
.intitule-rubrique > *:hover {
  text-decoration: none;
}

.rubrique:not([data-rub-id="99"]) .sous-rubriques {
  display: none;
}

.sous-rubriques {
  border-radius: 23px;
  background-color: var(--coop-main-color);
  transition: none;
}
.sous-rubriques.display {
  width: 40vw;
}

.beautifier {
  display: none;
  content: attr(data-name);
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--coop-main-color);
}

.sous-rubriques-list {
  top: inherit;
  left: 0;
  max-height: 60vh;
  padding: 1rem;
  background-color: var(--coop-main-color);
  color: #fff;
  background-clip: padding-box;
  align-content: flex-start;
  overflow-y: auto;
}

.sous-rubrique {
  flex: 0 0 calc(33.33% - 2rem);
  max-width: calc(33.33% - 2rem);
  margin: 1rem;
}
.sous-rubrique .intitule {
  display: block;
  margin-bottom: 0.5rem;
  color: #FFC306;
  text-transform: uppercase;
}
.sous-rubrique .service {
  padding: 0.5rem 0;
}
.sous-rubrique .service.selected {
  border-left: 0;
  color: #FFC306;
}

.admin-link:before {
  content: "\e80a";
  float: right;
  font-family: fontello;
  font-weight: bold;
  color: #FFC306;
}

.footer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-top: 0;
  padding: 1rem 5% 100px;
  background: url("/css/theme/images/paves/footer.svg") no-repeat 0% 101%;
}
.footer img {
  max-width: 170px;
  max-height: 115px;
}

.footer-logo img {
  width: 100%;
}

.footer-section {
  padding: 1rem;
}

.footer-contact {
  margin-right: 5%;
  color: var(--coop-main-color);
}

.footer-coop {
  flex: 0 0 150px;
  margin-left: auto;
}

.footer-title {
  display: block;
  margin-bottom: 0.75rem;
  font-weight: bold;
  color: #295C85;
}

.footer-social_liens {
  display: flex;
}
.footer-social_liens a {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--coop-main-color);
  transition: transform 0.5s ease;
}
.footer-social_liens a:not(:last-child) {
  margin-right: 1rem;
}
.footer-social_liens a:hover {
  transform: rotate(360deg);
}

.footer-liens {
  flex: 1 0 100%;
  display: flex;
  flex-wrap: wrap;
  color: #C0CDD7;
}
.footer-liens > p {
  margin: 0 1rem;
}

.a-panel-header-hp {
  font-size: 1.2rem;
  font-weight: bold;
}

.a-pave-hp {
  margin-bottom: 1rem;
}
.a-pave-hp a:hover {
  text-decoration: none;
}
.a-pave-hp a:hover .pave-contenu-titre {
  text-decoration: underline;
}
.a-pave-hp .x-panel-header {
  display: flex;
}
.a-pave-hp .x-panel-header-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 45px;
  font-weight: 900;
  color: var(--coop-main-color);
}
.a-pave-hp .x-panel-header-text::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.a-pave-hp .pave-contenu-titre {
  font-weight: bold;
}
.a-pave-hp .pave-contenu-resume {
  font-weight: 500;
}
.a-pave-hp .puces {
  display: none;
}
.a-pave-hp .puces .puce {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0.5em 0.75rem;
}
.a-pave-hp .puces .puce:not(.actif) {
  background-color: #C0CDD7;
}
.a-pave-hp .boutons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
}
.a-pave-hp .prev,
.a-pave-hp .next {
  display: block;
  font-size: 1.5rem;
  color: #fff;
  background-color: var(--coop-main-color);
  border-radius: 50%;
  cursor: pointer;
}
.a-pave-hp .page-puces {
  display: flex;
}
.a-pave-hp .page-puce {
  display: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.25rem;
  border-radius: 50%;
  border: 1px solid var(--coop-main-color);
  color: var(--coop-main-color);
  cursor: pointer;
}
.a-pave-hp .page-puce.show, .a-pave-hp .page-puce:first-child, .a-pave-hp .page-puce:last-child {
  display: flex;
}
.a-pave-hp .page-puce:first-child:not(.show) {
  margin-right: 1rem;
}
.a-pave-hp .page-puce:last-child:not(.show) {
  margin-left: 1rem;
}
.a-pave-hp .page-puce::before {
  content: attr(data-index);
}
.a-pave-hp .page-puce.actif {
  background-color: var(--coop-main-color);
  color: #fff;
}

.a-pave-link,
.voir-newsletters {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.a-pave-link a,
.voir-newsletters a {
  width: auto;
  padding: 1rem 2rem;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #FFC306;
  text-decoration: none;
}
.a-pave-link a:hover,
.voir-newsletters a:hover {
  background-color: rgb(225.3, 171.0108433735, 0);
  color: #fff;
}

.a-pave-hp-multiImage figure > img {
  box-shadow: none;
}

/*PAVÉS*/
#panelEnglobant > .x-panel-bwrap > .x-panel-body {
  z-index: 0;
}

.separateur-100 {
  display: none;
}
.separateur-100 + div:last-of-type {
  margin-bottom: 0;
}

.bloc-forme1 {
  position: relative;
  text-align: center;
}
.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;
}
.bloc-forme1 > .ensemble {
  float: none;
  max-width: 1440px;
  text-align: left;
}

.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;
}
.bloc-forme2::before {
  content: "";
  display: block;
  height: 519px !important;
  background: url(/css/theme/images/paves/formeB1.png) no-repeat center;
  z-index: -1;
}
.bloc-forme2::after {
  content: "";
  display: block;
  height: 513px !important;
  background: url(/css/theme/images/paves/formeB2.png) no-repeat center;
  margin-top: -24rem;
}
.bloc-forme2 > .ensemble {
  min-height: 750px;
  float: none;
  max-width: 1440px;
  margin-top: -11rem;
  text-align: left;
}
.bloc-forme2 .a-video-pave {
  margin-bottom: 3rem;
}
.bloc-forme2 .a-pave-hp-contenu-html {
  margin-bottom: 20rem;
}

.bloc-forme1 + .bloc-forme3 {
  margin-top: 3rem;
}

.bloc-forme4 + .bloc-forme3 {
  margin-top: 0;
}

.bloc-forme3 {
  position: relative;
  margin-top: -25rem;
  padding-bottom: 8rem;
  text-align: center;
}
.bloc-forme3 > .ensemble {
  float: none;
  max-width: 1440px;
  text-align: left;
}

.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;
}
.bloc-forme4::before {
  content: "";
  display: block;
  height: 138px !important;
  background: url("/css/theme/images/paves/formeC1.png") no-repeat center;
  z-index: -1;
}
.bloc-forme4::after {
  content: "";
  display: block;
  height: 138px !important;
  background: url("/css/theme/images/paves/formeC2.png") no-repeat center;
}
.bloc-forme4 > .ensemble {
  float: none;
  max-width: 1440px;
  min-height: 410px;
  text-align: left;
}
.bloc-forme4 .a-pave-hp .x-panel-header {
  justify-content: center;
}
.bloc-forme4 .a-pave-hp .x-panel-header-text {
  color: #fff;
}
.bloc-forme4 .pave-memo-1 .a-panel-header-hp {
  margin-bottom: 5rem;
}
.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;
}
.bloc-forme4 .a-pave-hp .icon-prev,
.bloc-forme4 .a-pave-hp .icon-next {
  background-color: transparent;
  color: #fff;
}
.bloc-forme4 .a-pave-hp .page-puce {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
.bloc-forme4 .a-pave-hp .page-puce.actif {
  border-color: #FFC306;
}
.bloc-forme4 .pave-avertissement-1 .x-panel-body {
  padding-top: 3rem;
}
.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;
}
.bloc-forme4 .pave-avertissement-1 .pave-contenu-titre {
  color: #FFC306;
}
.bloc-forme4 .pave-avertissement-1 .pave-contenu-date {
  display: none;
}
.bloc-forme4 .pave-avertissement-2 .x-panel-body {
  padding-top: 3rem;
}
.bloc-forme4 .pave-avertissement-2 .paginate-show {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.bloc-forme4 .pave-avertissement-2 .paginate-show::before {
  content: "";
  border-right: 1px solid #fff;
  position: absolute;
  left: 50%;
  height: 100%;
}
.bloc-forme4 .pave-avertissement-2 .paginate-show > li {
  display: flex;
  width: 50%;
  margin: 1rem 0 0.5rem;
}
.bloc-forme4 .pave-avertissement-2 .paginate-show > li:nth-child(odd) {
  padding-right: 2rem;
}
.bloc-forme4 .pave-avertissement-2 .paginate-show > li:nth-child(even) {
  padding-left: 2rem;
}
.bloc-forme4 .pave-avertissement-2 .pave-contenu-titre {
  color: #FFC306;
}
.bloc-forme4 .pave-avertissement-2 .pave-contenu-date {
  display: none;
}

.pave-memo-solo .x-panel-header,
.pave-memo-duo .x-panel-header,
.pave-memo-trio .x-panel-header {
  justify-content: center;
  letter-spacing: -0.9px;
}
.pave-memo-solo .x-panel-body,
.pave-memo-duo .x-panel-body,
.pave-memo-trio .x-panel-body {
  position: relative;
  padding: 0 3rem;
}
.pave-memo-solo .pave-content-image,
.pave-memo-duo .pave-content-image,
.pave-memo-trio .pave-content-image {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pave-memo-solo .pave-contenu-image,
.pave-memo-duo .pave-contenu-image,
.pave-memo-trio .pave-contenu-image {
  order: 1;
  height: 350px;
  max-height: 60vh;
  margin-top: 0;
  overflow: hidden;
  border-radius: 15px;
}
.pave-memo-solo .pave-contenu-image img,
.pave-memo-duo .pave-contenu-image img,
.pave-memo-trio .pave-contenu-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pave-memo-solo .pave-contenu-titre,
.pave-memo-duo .pave-contenu-titre,
.pave-memo-trio .pave-contenu-titre {
  order: 2;
  color: var(--coop-main-color);
  font-size: 19px;
}
.pave-memo-solo .pave-contenu-date,
.pave-memo-duo .pave-contenu-date,
.pave-memo-trio .pave-contenu-date {
  display: none;
}
.pave-memo-solo .pave-contenu-resume,
.pave-memo-duo .pave-contenu-resume,
.pave-memo-trio .pave-contenu-resume {
  order: 3;
  color: var(--coop-main-color);
  font-size: 14px;
}
.pave-memo-solo .page-puces,
.pave-memo-duo .page-puces,
.pave-memo-trio .page-puces {
  display: none;
}
.pave-memo-solo .boutons,
.pave-memo-duo .boutons,
.pave-memo-trio .boutons {
  justify-content: space-between;
}
.pave-memo-solo .boutons .prev,
.pave-memo-duo .boutons .prev,
.pave-memo-trio .boutons .prev {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20%;
  left: 0;
  transform: translateY(-50%);
}
.pave-memo-solo .boutons .prev::before,
.pave-memo-duo .boutons .prev::before,
.pave-memo-trio .boutons .prev::before {
  font-size: 80%;
  margin-left: -2px;
}
.pave-memo-solo .boutons .next,
.pave-memo-duo .boutons .next,
.pave-memo-trio .boutons .next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20%;
  right: 0;
  transform: translateY(-50%);
}
.pave-memo-solo .boutons .next::after,
.pave-memo-duo .boutons .next::after,
.pave-memo-trio .boutons .next::after {
  font-size: 80%;
  margin-right: -2px;
}
.pave-memo-solo .puces,
.pave-memo-duo .puces,
.pave-memo-trio .puces {
  display: block;
}

.pave-memo-duo .paginate-show {
  display: flex;
  margin: -0.5rem;
}
.pave-memo-duo .paginate-show > li {
  flex: 1;
  margin: 0.5rem;
  max-width: calc(50% - 1rem);
}
.pave-memo-duo .paginate-show .pave-contenu-image {
  height: 160px;
}

.pave-memo-trio .paginate-show {
  display: flex;
  margin: -0.5rem;
}
.pave-memo-trio .paginate-show > li {
  flex: 1;
  max-width: calc(33.3333333333% - 1rem);
  margin: 0.5rem;
}
.pave-memo-trio .paginate-show .pave-contenu-image {
  height: 160px;
}

.pave-html-videos .x-panel-header-text {
  align-items: flex-start;
  font-weight: 900;
}
.pave-html-videos .x-panel-header-text::after {
  margin: 1rem 0;
}
.pave-html-videos .freehtml {
  display: block;
  max-width: 444px;
  margin: 0 auto;
}
.pave-html-videos .freehtml p {
  color: var(--coop-main-color);
  letter-spacing: -0.32px;
}
.pave-html-videos .a-pave-link {
  justify-content: flex-start;
}
.pave-html-videos .a-pave-link a {
  text-decoration: none;
}
.pave-html-videos .a-pave-link a:hover {
  color: #fff;
}

.a-video-pave {
  border-radius: 15px;
  overflow: hidden;
}

.pave-raccourcis {
  position: relative;
}
.pave-raccourcis .x-panel-header {
  height: 75px;
}
.pave-raccourcis .x-panel-header-text {
  position: absolute;
  top: 5.5rem;
  left: 0;
  right: 0;
  z-index: 1;
  font-size: 20px;
  font-weight: normal;
}
.pave-raccourcis .a-pave-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  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;
}
.pave-raccourcis .a-pave-wrapper-link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--coop-main-color);
}
.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%;
  transition: 0.5s ease;
}
.pave-raccourcis .a-pave-wrapper-link:hover::before {
  transform: skew(0deg, 3deg);
  filter: drop-shadow(12px 7px 0px #ccc);
}
.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%;
  transition: 0.5s ease;
}
.pave-raccourcis .a-pave-wrapper-link:hover::after {
  transform: skew(0deg, 3deg);
}
.pave-raccourcis .a-pave-menu-301080-link::after,
.pave-raccourcis .a-pave-menu-9999176-link::after,
.pave-raccourcis .a-pave-menu-9999177-link::after {
  background-image: url("/css/theme/images/paves/raccourci-bourse.svg");
}
.pave-raccourcis .a-pave-menu-9999113-link::after {
  background-image: url("/css/theme/images/paves/raccourci-appro.svg");
}
.pave-raccourcis .a-pave-menu-9999153-link::after {
  background-image: url("/css/theme/images/paves/raccourci-farmer.svg");
}
.pave-raccourcis .a-pave-menu-201112-link::after,
.pave-raccourcis .a-pave-menu-201115-link::after {
  background-image: url("/css/theme/images/paves/raccourci-meteo.svg");
}
.pave-raccourcis .a-pave-menu-9999175-link::after {
  background-image: url("/css/theme/images/paves/raccourci-agro.svg");
}
.pave-raccourcis .a-pave-menu-9999166-link::after,
.pave-raccourcis .a-pave-menu-9999182-link::after,
.pave-raccourcis .a-pave-menu-9999183-link::after,
.pave-raccourcis .a-pave-menu-9999167-link::after {
  background-image: url("/css/theme/images/paves/raccourci-aladin.svg");
}
.pave-raccourcis .a-pave-menu-9999144-link::after,
.pave-raccourcis .a-pave-menu-9999178-link::after,
.pave-raccourcis .a-pave-menu-9999179-link::after {
  background-image: url("/css/theme/images/paves/raccourci-bioline.svg");
}
.pave-raccourcis .a-pave-menu-9999216-link::after {
  background-image: url("/css/theme/images/paves/raccourci-appro.svg");
}

.a-pave-hp-evenement {
  padding: 1rem 0.5rem 1rem 2rem;
  color: #fff;
  background: transparent linear-gradient(136deg, #2A5172 0%, #0562A8 100%) 0% 0% no-repeat padding-box;
  border-radius: 16px;
}
.a-pave-hp-evenement .x-panel-header-text {
  font-size: 1.5rem;
  color: #fff;
}
.a-pave-hp-evenement .x-panel-header-text::after {
  display: none;
}
.a-pave-hp-evenement .paginate-show {
  max-height: 430px;
  overflow-y: auto;
}
.a-pave-hp-evenement .paginate-show > li:not(:last-child) {
  margin-bottom: 2rem;
}
.a-pave-hp-evenement .paginate-show > li > a::after {
  content: "Voir l'événement ⟶";
  display: block;
  flex: 1 0 100%;
  margin-top: 0.5rem;
  order: 100;
}
.a-pave-hp-evenement a:hover .pave-contenu-titre {
  text-decoration: none;
}
.a-pave-hp-evenement a:hover::after {
  color: #FFC306;
}
.a-pave-hp-evenement .pave-contenu-titre {
  text-transform: uppercase;
}
.a-pave-hp-evenement .pave-contenu-date {
  order: 1;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.a-pave-hp-evenement .pave-contenu-date span {
  color: #FFC306;
  text-transform: uppercase;
}
.a-pave-hp-evenement .pave-contenu-date span:not(:last-child)::after {
  content: "/";
  margin: 0 3px;
}
.a-pave-hp-evenement .pave-contenu-date::before {
  display: none;
}
.a-pave-hp-evenement .pave-contenu-titre {
  margin-bottom: 0.5rem;
}
.a-pave-hp-evenement .sessions {
  order: 2;
}
.a-pave-hp-evenement .session {
  display: flex;
  flex-wrap: wrap;
  font-weight: 900;
}
.a-pave-hp-evenement .session .lieu,
.a-pave-hp-evenement .session .date {
  display: none;
}
.a-pave-hp-evenement .pave-contenu-titre-resume {
  order: 3;
}
.a-pave-hp-evenement .pave-contenu-titre-resume p {
  margin: 0.25rem 0;
  font-weight: 300;
}
.a-pave-hp-evenement .icon-prev,
.a-pave-hp-evenement .icon-next {
  background-color: transparent;
  color: #fff;
}
.a-pave-hp-evenement .page-puce {
  color: #fff;
  border-color: #fff;
}
.a-pave-hp-evenement .page-puce.actif {
  border-color: #FFC306;
}

.a-pave-hp-bhtml .x-panel-header-text {
  font-size: 30px;
  font-weight: 900;
}
.a-pave-hp-bhtml .x-panel-header-text::after {
  display: none;
}
.a-pave-hp-bhtml .pave-contenu-main {
  align-items: center;
}
.a-pave-hp-bhtml .pave-contenu-titre {
  color: var(--coop-main-color);
  text-transform: uppercase;
}
.a-pave-hp-bhtml .pave-contenu-resume {
  display: none;
}
.a-pave-hp-bhtml .pave-contenu-resume p {
  margin: 0.25rem 0;
}
.a-pave-hp-bhtml .pave-contenu-date {
  margin-left: auto;
  color: #FFC306;
  font-weight: 700;
}
.a-pave-hp-bhtml .pave-contenu-date::before {
  display: none;
}
.a-pave-hp-bhtml .paginate-show {
  padding: 0.5rem;
}
.a-pave-hp-bhtml .paginate-show > li {
  padding: 1rem;
  border-radius: 35px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 3px 13px -4px #ccc;
}
.a-pave-hp-bhtml .paginate-show > li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.a-pave-hp-bhtml .paginate-show > li > a::after {
  flex: 1 0 100%;
  content: "Lire   ⟶";
  display: block;
  text-align: right;
  color: #d3d3d3;
}
.a-pave-hp-bhtml .container-type {
  margin-right: 0.5rem;
}
.a-pave-hp-bhtml .container-type-pdf {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: red;
  color: #fff;
  border-radius: 50%;
}
.a-pave-hp-bhtml .container-type-pdf::before {
  content: "PDF";
  display: block;
  font-weight: 700;
}
.a-pave-hp-bhtml .page-puces {
  display: none;
}
.a-pave-hp-bhtml .boutons {
  justify-content: flex-end;
  padding: 0.5rem;
}
.a-pave-hp-bhtml .boutons span:first-child {
  margin-right: 0.5rem;
}
.a-pave-hp-bhtml .prev.inactive,
.a-pave-hp-bhtml .next.inactive {
  background-color: #d3d3d3;
}

.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;
}
.a-pave-hp-horaireSite .x-panel-header-text {
  align-items: self-start;
  font-size: 20px;
}
.a-pave-hp-horaireSite .x-panel-header-text::before {
  display: none;
}
.a-pave-hp-horaireSite .x-panel-header-text::after {
  margin: 1rem 0;
}
.a-pave-hp-horaireSite .paginate-show {
  background: url("/css/theme/images/paves/horloge.svg") no-repeat 90% 70%;
}
.a-pave-hp-horaireSite .paginate-show > li:not(:last-child) {
  margin-bottom: 2rem;
}
.a-pave-hp-horaireSite .nom-site {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 20px;
  color: var(--coop-main-color);
  font-weight: 700;
}
.a-pave-hp-horaireSite .container:first-child .jour {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.a-pave-hp-horaireSite .container:last-child .jour {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.a-pave-hp-horaireSite .jour {
  padding: 0.25rem 0;
  background-color: #FFC306;
  color: #fff;
}
.a-pave-hp-horaireSite .status {
  color: var(--coop-main-color);
  display: flex;
  flex-direction: column;
}
.a-pave-hp-horaireSite .status::before {
  content: "|";
  color: #d3d3d3;
  display: block;
  order: 2;
  text-align: center;
}
.a-pave-hp-horaireSite .status div {
  min-height: 60px;
  margin: 0.25rem 0;
}
.a-pave-hp-horaireSite .status div:first-child {
  order: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.a-pave-hp-horaireSite .status div:last-child {
  order: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.a-pave-hp-horaireSite .horaire-type--2 {
  color: #CB000F;
}
.a-pave-hp-horaireSite .horairesite-legend {
  display: none;
}

.pave-lien-pan .pave-content-figure img {
  max-width: 390px;
  max-width: 100%;
  max-height: 480px;
}
.pave-lien-pan .x-panel-body > a {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.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;
  transition: 0.25s ease;
  color: #FFF;
  background-color: #FFC306;
  text-decoration: none;
}
.pave-lien-pan .x-panel-body > a a:hover {
  background-color: rgb(225.3, 171.0108433735, 0);
  color: #fff;
}
.pave-lien-pan .x-panel-body > a::after {
  content: "Voir les offres ⟶";
  display: inline-block;
  transform: translateY(-50%);
}

/*NEWSLETTER*/
.a-pave-hp-newsletters .pave-contenu-image {
  width: 98%;
  margin: 0.5rem auto;
  box-shadow: 0 0 3px #ccc;
}
.a-pave-hp-newsletters .voir-newsletters {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
.a-pave-hp-newsletters .voir-newsletters a {
  display: block;
  margin-top: 0;
}

#new-mid > .pageatrium .structure-container:not([class*=full-width]),
#new-mid > .admin-page-atrium > .admin-page-atrium__previsu > .pageatrium .structure-container:not([class*=full-width]) {
  max-width: 100%;
}
#new-mid > .pageatrium .structure-container:not([class*=full-width]) .container-content,
#new-mid > .admin-page-atrium > .admin-page-atrium__previsu > .pageatrium .structure-container:not([class*=full-width]) .container-content {
  margin: auto;
  padding: 0;
}

.container-content {
  padding: 0;
}

.bloc-structure-container {
  gap: var(--grid-gap);
}

/*CONNEXION*/
.a-pave-hp-connexion,
.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;
}
.a-pave-hp-connexion .logo,
.a-pave-hp-connexion h1,
.pageatrium .pave-connexion .logo,
.pageatrium .pave-connexion h1 {
  display: none;
}
.a-pave-hp-connexion .pave__header h3,
.pageatrium .pave-connexion .pave__header h3 {
  font-size: 1rem;
}
.a-pave-hp-connexion .x-panel-header-text,
.pageatrium .pave-connexion .x-panel-header-text {
  margin: auto;
  font-size: 1rem;
}
.a-pave-hp-connexion .auth-form,
.pageatrium .pave-connexion .auth-form {
  display: flex;
  flex-direction: column;
}
.a-pave-hp-connexion .form-container-user,
.pageatrium .pave-connexion .form-container-user {
  order: 1;
}
.a-pave-hp-connexion .form-container-pass,
.pageatrium .pave-connexion .form-container-pass {
  order: 2;
}
.a-pave-hp-connexion .form-container-password,
.pageatrium .pave-connexion .form-container-password {
  order: 3;
}
.a-pave-hp-connexion .form-container-remember,
.pageatrium .pave-connexion .form-container-remember {
  order: 4;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.a-pave-hp-connexion .girisbtn,
.pageatrium .pave-connexion .girisbtn {
  order: 5;
}
.a-pave-hp-connexion .form-container-inscription,
.pageatrium .pave-connexion .form-container-inscription {
  order: 6;
}
.a-pave-hp-connexion #login-wrapper,
.pageatrium .pave-connexion #login-wrapper {
  padding-bottom: 2rem;
}
.a-pave-hp-connexion #login-wrapper .x-panel-header-text,
.pageatrium .pave-connexion #login-wrapper .x-panel-header-text {
  display: none;
}
.a-pave-hp-connexion #login-wrapper .form-container,
.pageatrium .pave-connexion #login-wrapper .form-container {
  margin-bottom: 1rem;
  overflow: auto;
}
.a-pave-hp-connexion #login-wrapper .form-container:nth-child(1), .a-pave-hp-connexion #login-wrapper .form-container:nth-child(2),
.pageatrium .pave-connexion #login-wrapper .form-container:nth-child(1),
.pageatrium .pave-connexion #login-wrapper .form-container:nth-child(2) {
  display: flex;
  flex-direction: column;
}
.a-pave-hp-connexion #login-wrapper .form-container:nth-child(1) input, .a-pave-hp-connexion #login-wrapper .form-container:nth-child(2) input,
.pageatrium .pave-connexion #login-wrapper .form-container:nth-child(1) input,
.pageatrium .pave-connexion #login-wrapper .form-container:nth-child(2) input {
  padding: 7px;
  border: none;
  background-color: #eee;
}
.a-pave-hp-connexion #login-wrapper .control-label,
.pageatrium .pave-connexion #login-wrapper .control-label {
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.a-pave-hp-connexion #login-wrapper .link.password,
.pageatrium .pave-connexion #login-wrapper .link.password {
  float: right;
  width: auto;
  font-size: 0.9rem;
}
.a-pave-hp-connexion #login-wrapper .link.inscription,
.pageatrium .pave-connexion #login-wrapper .link.inscription {
  float: right;
  width: auto;
  margin-top: 1rem;
}
.a-pave-hp-connexion #login-wrapper a:hover,
.pageatrium .pave-connexion #login-wrapper a:hover {
  text-decoration: underline;
}
.a-pave-hp-connexion #login-wrapper .girisbtn,
.pageatrium .pave-connexion #login-wrapper .girisbtn {
  margin: 0.25rem 0;
  margin-right: auto;
  border-radius: 16px;
  text-transform: uppercase;
  font-family: "museo-sans", arial;
  cursor: pointer;
  background-color: var(--coop-main-color);
  color: var(--atrium-color-White);
}

.pageatrium {
  position: relative;
}
.pageatrium a {
  text-decoration: none;
  color: #1c1c1c;
}
.pageatrium a:hover .article__titre {
  text-decoration: underline;
}
.pageatrium img {
  border-radius: 0.5rem;
}
.pageatrium > div {
  z-index: 1;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(0) {
  z-index: 0;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(1) {
  z-index: -1;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(2) {
  z-index: -2;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(3) {
  z-index: -3;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(4) {
  z-index: -4;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(5) {
  z-index: -5;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(6) {
  z-index: -6;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(7) {
  z-index: -7;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(8) {
  z-index: -8;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(9) {
  z-index: -9;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(10) {
  z-index: -10;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(11) {
  z-index: -11;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(12) {
  z-index: -12;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(13) {
  z-index: -13;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(14) {
  z-index: -14;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(15) {
  z-index: -15;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(16) {
  z-index: -16;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(17) {
  z-index: -17;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(18) {
  z-index: -18;
}
.pageatrium:has(.pave-connexion) > div .structure-container:nth-child(19) {
  z-index: -19;
}
.pageatrium:not(:has(.pave-connexion)) .pave {
  padding: 1rem;
  border-radius: 1rem;
}
.pageatrium .container-illustration-1 {
  position: relative;
  min-height: 550px;
}
.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;
}
.pageatrium .container-illustration-2 {
  position: relative;
  margin-top: -20rem;
}
.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;
}
.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;
}
.pageatrium .container-illustration-2 .container-content {
  min-height: 730px;
  background: #F8F7F5 url(/css/theme/images/paves/decorationB1.svg) no-repeat 100% 30%;
}
.pageatrium .container-illustration-2:not([style*="display: none;"]) + .structure-container {
  margin-top: -25rem !important;
}
.pageatrium .container-illustration-bleu {
  position: relative;
  color: #fff;
}
.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;
}
.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;
}
.pageatrium .container-illustration-bleu .container-content {
  min-height: 410px;
  background: #164C74 url("/css/theme/images/paves/decorationC1.svg") no-repeat center;
}
.pageatrium .container-illustration-bleu .container-content > .bloc {
  margin: 0 !important;
  padding: 20px 0;
}
.pageatrium .container-illustration-bleu .pave__header h3 {
  color: #fff;
}
.pageatrium .container-illustration-bleu .ressource-liste {
  gap: 0;
}
.pageatrium .container-illustration-bleu article:nth-child(odd) {
  border-right: 1px solid #fff;
  padding-right: 2rem;
  padding-bottom: 1rem;
}
.pageatrium .container-illustration-bleu article:nth-child(even) {
  padding-left: 2rem;
  padding-bottom: 1rem;
}
.pageatrium .container-illustration-bleu .article__titre {
  color: #FFC306;
}
.pageatrium .container-illustration-bleu .page-puce {
  border: 1px solid #fff;
  background-color: #fff;
}
.pageatrium .bloc-structure-container:has(.sticky-child) .structure-container:first-child {
  flex: 1;
}
.pageatrium .bloc-structure-container > .structure-container:has(.sticky-child) {
  width: 150px !important;
}
.pageatrium .bloc-structure-container > .structure-container:has(.sticky-child) h3 {
  font-size: 1rem;
}
.pageatrium .bloc-structure-container > .structure-container:has(.sticky-child) .pave-multi-images {
  background-color: var(--coop-main-color);
}
.pageatrium .bloc-structure-container > .structure-container:has(.sticky-child) .pave-multi-images .pave__header h3,
.pageatrium .bloc-structure-container > .structure-container:has(.sticky-child) .pave-multi-images a {
  color: var(--atrium-color-White);
}
.pageatrium .bloc-structure-container > .structure-container:has(.sticky-child) .pave-multi-images figure {
  width: 80px;
  margin: 0 auto;
  padding: 1rem;
  background: url(/css/theme/images/paves/hexa-MOSAIC-noir.svg) no-repeat center/100% 100%;
  transition: 0.25s ease-out;
}
.pageatrium .bloc-structure-container > .structure-container:has(.sticky-child) .pave-multi-images .slide__image > a::after {
  content: attr(title);
  display: block;
  text-align: center;
}
.pageatrium .bloc-structure-container > .structure-container:has(.sticky-child) .pave-multi-images .slide__image > a:hover figure {
  padding: 0.75rem;
}
.pageatrium .container-content:has(.sticky-child) {
  position: sticky;
  top: calc(var(--header-height) + 1rem);
}
.pageatrium .paginate-puces .paginate-links {
  padding-top: 0;
  border-top: 0;
}
.pageatrium .paginate-puces .page-puce.actif {
  background-color: var(--coop-main-color);
}
.pageatrium .pave__header {
  display: flex;
  flex-direction: column;
}
.pageatrium .pave__header::after {
  display: block;
  width: 60px;
  margin: 0 auto 1rem;
  border-radius: 8px;
  height: 4px;
  background-color: #FFC306;
}
.pageatrium .pave__header h3 {
  margin: 0;
  font-size: 1.875rem;
  font-weight: bold;
  color: #1c1c1c;
}
.pageatrium .article__titre {
  font-weight: bold;
  color: var(--coop-main-color);
}
.pageatrium .article__resume {
  font-size: 0.9rem;
}
.pageatrium .article__resume * {
  all: unset;
}
.pageatrium .pave-youtube {
  border-radius: 1rem;
  overflow: hidden;
}
.pageatrium .pave-youtube .btn-coop {
  justify-content: center;
}
.pageatrium .pave-custom-video {
  text-align: center;
}
.pageatrium .pave-menu .pave-menu__liste {
  grid-template-columns: 1fr 1fr;
}
.pageatrium .pave-menu .pave-menu__item a {
  display: flex;
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #eee;
  border-radius: 0.25rem;
}
.pageatrium .pave-menu .pave-menu__item a:hover {
  border-color: var(--coop-main-color);
}
.pageatrium .pave-menu .pave-menu__service__titre {
  margin: 0;
}
.pageatrium .pave-raccourcis {
  padding: 2rem;
  background-color: #F8F7F5;
  border-right: 4px solid #FFC306;
  border-bottom: 4px solid #FFC306;
  border-radius: 1rem;
}
.pageatrium .pave-raccourcis .pave__header h3 {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: normal;
}
.pageatrium .pave-raccourcis .pave-menu__service {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.pageatrium .pave-raccourcis .pave-menu__service:hover .pave-menu__service__image {
  transform: skew(0deg, 3deg);
  filter: drop-shadow(12px 7px 0px #ccc);
}
.pageatrium .pave-raccourcis .pave-menu__liste {
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
}
.pageatrium .pave-raccourcis .pave-menu__item {
  margin: 0 auto;
}
.pageatrium .pave-raccourcis .pave-menu__service__image {
  transition: 0.25s;
}
.pageatrium .pave-raccourcis .content-image {
  width: 90px;
  height: 104px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(/css/theme/images/paves/hexa-bleu.svg) no-repeat center/100% 100%;
}
.pageatrium .pave-raccourcis .content-image img {
  width: 70%;
  max-height: 60%;
}
.pageatrium .pave-raccourcis .pave-menu__service__titre {
  margin: 0.5rem 0 0;
  font-size: 1rem;
}
.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;
  box-shadow: 0 0 7px #eee;
  background-color: #fff;
}
.pageatrium .pave-documents .article__extension {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-position: center;
}
.pageatrium .pave-documents .article__date {
  color: #FFC306;
  font-weight: bold;
}
.pageatrium .pave-liste-videos img {
  border-radius: 1rem;
}
.pageatrium .pave-liste-videos .article {
  height: 100%;
}
.pageatrium .pave-liste-videos .article:hover .article__titre {
  text-decoration: underline;
}
.pageatrium .pave-liste-videos .article__titre {
  font-size: 1.1rem;
}
.pageatrium .image-centree .content-image {
  text-align: center;
}
.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;
}
.pageatrium .pave-horaire-site .pave__header h3 {
  font-size: 1.25rem;
  font-weight: 600;
  text-align: left;
}
.pageatrium .pave-horaire-site .pave__header::after {
  margin: 0;
}
.pageatrium .pave-horaire-site .ressource-liste {
  background: url(/css/theme/images/paves/horloge.svg) no-repeat 90% 70%;
}
.pageatrium .pave-horaire-site .horaire-matin::after {
  content: "|";
  display: block;
  margin: 0.25rem 0 0 0;
  text-align: center;
  color: #d3d3d3;
}
.pageatrium .pave-horaire-site .horaire-matin__heure,
.pageatrium .pave-horaire-site .horaire-aprem__heure {
  color: var(--coop-main-color);
}
.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;
}
.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;
}
.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;
}
.pageatrium .pave-horaire-site[class*=tableau-horaire-site] .ressource-liste > .horaire-header span::before {
  display: none;
}
.pageatrium .bloc-image-consult {
  text-align: center;
}
.pageatrium .pave-multi-images .titre-descriptif-gauche-image img {
  transition: 0.25s ease-out;
}
.pageatrium .pave-multi-images .titre-descriptif-gauche-image a:hover img {
  translate: 0 1rem;
}
.pageatrium .pave-multi-images .titre-descriptif-gauche-image .content-image .caption {
  position: static;
  max-width: 100%;
  width: 100%;
  background-color: transparent;
  color: var(--atrium-color-Black);
  font-style: normal;
  font-size: 1.1rem;
  text-align: center;
}
.pageatrium .atrium-splide .splide__pagination__page.is-active {
  border: 1px solid white;
}
.pageatrium .splide__pagination__page {
  opacity: 1;
}

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%;
}

.admin-page-atrium-editor .ressource-header {
  padding: 0 1rem 1rem;
}

.ariane {
  display: none;
  align-items: center;
  flex: 1 0 0%;
  max-width: 100%;
  margin-top: 0;
  order: 1;
  text-transform: inherit;
  color: #1c1c1c;
  font-size: 0.9rem;
}

.titre-service {
  display: flex;
  max-width: 100%;
  font-weight: bold;
  color: var(--coop-main-color);
  order: 3;
}
.titre-service .service,
.titre-service .ressource {
  font-size: 45px;
  text-transform: uppercase;
}
.titre-service .service::after,
.titre-service .ressource::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.titre-service .service::after,
.titre-service .ressource::after {
  margin-left: 0;
}
.titre-service .icon-favoris {
  position: absolute;
  top: 100%;
  left: auto;
  margin: 0;
}

.service-ressource .titre-service .service {
  display: none;
}

.icon-favoris {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #FFC306;
}
.icon-favoris::after {
  content: "Ajouter aux favoris";
  width: auto;
  font-family: "museo-sans", arial;
  color: #1c1c1c;
  font-size: 1rem;
  text-shadow: none;
}
.icon-favoris:hover::after {
  color: var(--coop-main-color);
}

.a-link-cns,
.a-link-adm,
.a-admin-page-accueil-back-link a {
  display: inline-block;
  flex: 0 0 auto;
  padding: 0.5rem 1rem;
  border-radius: 25px;
  background-color: #FFC306;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  order: 2;
}
.a-link-cns::before,
.a-link-adm::before,
.a-admin-page-accueil-back-link a::before {
  margin-right: 0.25rem;
}

.gestionRessource .image-resume {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  overflow: hidden;
}
.gestionRessource .image-resume:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.gestionRessource .image-resume .content-image {
  width: 100%;
  height: 100%;
}
.gestionRessource .image-resume .content-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.gestionRessource .image-resume + .cell {
  display: flex;
  align-items: center;
  margin-left: -20px;
  padding: 1rem;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: var(--coop-main-color);
  color: #fff;
}

.vue-container {
  display: flex;
  max-width: 100%;
  padding-bottom: 1rem;
}
.vue-container:not(.admin-page-atrium, .pageatrium) {
  background: url("/css/theme/images/paves/decorationM.png") no-repeat top right;
}
.vue-container.pageatrium {
  padding-left: 0;
  padding-right: 0;
}
.vue-container:not(.flex-col) {
  align-items: flex-start;
}
.vue-container .a-service-texte {
  flex: 1 0 70%;
  padding-right: 2%;
}
.vue-container .a-service-texte > .container {
  position: relative;
  display: flex;
  flex-direction: column;
}
.vue-container .a-service-texte > .container > article {
  display: flex;
  flex-wrap: wrap;
  order: 2;
  margin-bottom: 1rem;
  padding-right: 3rem;
}
.vue-container .a-service-texte > .container > article.img-left .resume {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
  background-color: var(--coop-main-color);
  color: #fff;
  font-weight: bold;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.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;
}
.vue-container .a-service-texte > .container > article.img-left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.vue-container .a-service-texte > .container > article.img-middle .image img {
  border-radius: 30px;
}
.vue-container .a-service-texte > .container > aside {
  order: 1;
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-end;
}
.vue-container .a-service-texte > .container > aside > div {
  display: inline-block;
  margin-right: 1rem;
}
.vue-container .a-service-texte > .container > aside .edit-btn {
  order: 9;
}
.vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text {
  margin-right: 0;
  color: #FFC306;
}
.vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text:hover {
  color: rgb(184.5, 140.0421686747, 0);
}
.vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text:hover::before {
  color: rgb(184.5, 140.0421686747, 0);
}
.vue-container .a-service-texte > .container > aside .edit-btn .x-btn-text::before {
  color: #FFC306;
}
.vue-container .a-service-texte > .container > nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  order: 3;
  margin: 1rem 0;
}
.vue-container .a-service-texte > .container > nav .precedent,
.vue-container .a-service-texte > .container > nav .suivant {
  display: flex;
  align-items: center;
  font-size: 2rem;
  color: var(--coop-main-color);
  text-decoration: none;
}
.vue-container .a-service-texte > .container > nav .precedent:hover,
.vue-container .a-service-texte > .container > nav .suivant:hover {
  color: #FFC306;
}
.vue-container .a-service-texte > .container > nav .precedent span {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 0.5rem;
}
.vue-container .a-service-texte > .container > nav .precedent::before {
  content: "\f104\f104";
  font-family: fontello;
}
.vue-container .a-service-texte > .container > nav .suivant {
  margin-left: auto;
}
.vue-container .a-service-texte > .container > nav .suivant span {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 0.5rem;
}
.vue-container .a-service-texte > .container > nav .suivant::after {
  content: "\f105\f105";
  font-family: fontello;
}
.vue-container .a-service-texte + aside {
  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;
}
.vue-container .a-service-texte + aside > .container {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
}
.vue-container .a-service-texte + aside > .container nav {
  margin-bottom: 26px;
}
.vue-container .a-service-texte + aside > .container nav h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--coop-main-color);
  text-align: center;
}
.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;
}
.vue-container .a-service-texte + aside > .container nav p {
  margin: 5px 0;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item:not(:last-child) > a {
  margin-bottom: 1rem;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item > a {
  display: flex;
  padding-bottom: 1rem;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item .image {
  width: 35%;
  height: 90px;
  margin-right: 1rem;
  border-radius: 15px;
  overflow: hidden;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div {
  flex: 1 0 0%;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .titre {
  font: bold 1rem "museo-sans", arial;
  color: #295C85;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .resume {
  font: normal 1rem "museo-sans", arial;
  color: #02375F;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item .image + div .resume * {
  all: inherit !important;
}
.vue-container .a-service-texte + aside > .container .paginate-links {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vue-container .a-service-texte + aside > .container .paginate-links .page-puces {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce {
  display: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.25rem;
  color: var(--coop-main-color);
  border: 1px solid var(--coop-main-color);
  border-radius: 20px;
}
.vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce.show, .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:first-child, .vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:last-child {
  display: flex;
}
.vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:first-child:not(.show) {
  margin-right: 1rem;
}
.vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce:last-child:not(.show) {
  margin-left: 1rem;
}
.vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce::before {
  content: attr(data-index);
  display: block;
}
.vue-container .a-service-texte + aside > .container .paginate-links .page-puces .page-puce.actif {
  background-color: #FFC306;
  color: var(--coop-main-color);
  border-color: #FFC306;
}
.vue-container .a-service-texte + aside > .container .paginate-links .prev,
.vue-container .a-service-texte + aside > .container .paginate-links .next {
  color: var(--coop-main-color);
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
.vue-container .a-service-texte + aside > .container .paginate-links .prev::before, .vue-container .a-service-texte + aside > .container .paginate-links .prev::after,
.vue-container .a-service-texte + aside > .container .paginate-links .next::before,
.vue-container .a-service-texte + aside > .container .paginate-links .next::after {
  font-size: 2rem;
}
.vue-container .a-service-texte + aside > .container .paginate-links .prev.inactive,
.vue-container .a-service-texte + aside > .container .paginate-links .next.inactive {
  opacity: 0.5;
}
.vue-container .a-service-texte + aside > .container .paginate-links .prev span,
.vue-container .a-service-texte + aside > .container .paginate-links .next span {
  display: none;
}
.vue-container .a-service-texte + aside > .container .paginate-links .prev::before {
  margin-right: 7px;
}
.vue-container .a-service-texte + aside > .container .paginate-links .next::after {
  margin-left: 7px;
}

.button-mainColor button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: var(--coop-main-color);
  color: #FFF;
}

.button-secondColor button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: var(--coop-second-color);
  color: #FFF;
}

.button-blue button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: #164C74;
  color: #FFF;
}

.button-yellow button {
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 1rem 2rem;
  background-color: #FFC306;
  color: #FFF;
}

.a-serv-ress .info,
.a-serv-ress .diffusion,
.a-service-texte .info,
.a-service-texte .diffusion,
.a-serv-ress .img-left .info,
.a-serv-ress .img-left .diffusion,
.a-service-texte > .container .img-left .info,
.a-service-texte > .container .img-left .diffusion,
.a-serv-ress .img-middle .info,
.a-serv-ress .img-middle .diffusion,
.a-service-texte > .container .img-middle .info,
.a-service-texte > .container .img-middle .diffusion,
.a-serv-ress .img-hidden .info,
.a-serv-ress .img-hidden .diffusion,
.a-service-texte > .container .img-hidden .info,
.a-service-texte > .container .img-hidden .diffusion {
  display: flex;
  align-items: center;
  order: 10;
  color: #d3d3d3;
}
.a-serv-ress .icon-clock,
.a-service-texte .icon-clock,
.a-serv-ress .img-left .icon-clock,
.a-service-texte > .container .img-left .icon-clock,
.a-serv-ress .img-middle .icon-clock,
.a-service-texte > .container .img-middle .icon-clock,
.a-serv-ress .img-hidden .icon-clock,
.a-service-texte > .container .img-hidden .icon-clock {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.a-serv-ress .icon-clock::before,
.a-service-texte .icon-clock::before,
.a-serv-ress .img-left .icon-clock::before,
.a-service-texte > .container .img-left .icon-clock::before,
.a-serv-ress .img-middle .icon-clock::before,
.a-service-texte > .container .img-middle .icon-clock::before,
.a-serv-ress .img-hidden .icon-clock::before,
.a-service-texte > .container .img-hidden .icon-clock::before {
  content: "\e81f";
  color: var(--coop-main-color);
  margin-right: 0.5rem;
}

.a-service-texte > .container .img-left .abstract,
.a-Evenement .img-left .abstract {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
  background-color: #000;
  color: #fff;
  font-weight: bold;
}
.a-service-texte > .container .img-left .image,
.a-Evenement .img-left .image {
  margin: 0;
}
.a-service-texte > .container .img-left .image img,
.a-Evenement .img-left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#visuPanel {
  flex: 1 0 70%;
  max-width: 100%;
}

.service-ressource + #mid-panel #visuPanel {
  padding-left: calc((100% - 1440px) / 2);
  padding-right: 2%;
}

#presentPanel {
  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;
}
#presentPanel .x-panel-header {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--coop-main-color);
  text-align: center;
}
#presentPanel .x-panel-header::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
#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;
}
#presentPanel .a-EvenementGrid .cells td:nth-child(1) {
  grid-area: evenement-image;
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
}
#presentPanel .a-EvenementGrid .cells td:nth-child(1) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#presentPanel .a-EvenementGrid .cells td:nth-child(2) {
  grid-area: evenement-date;
}
#presentPanel .a-EvenementGrid .cells td:nth-child(3) {
  grid-area: evenement-titre;
  margin: 0;
  font-weight: bold;
}
#presentPanel .a-SondageGrid .cells td:nth-child(1) {
  margin-right: 1rem;
}

.a-serv-ress .titlebar {
  order: 1;
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-end;
}
.a-serv-ress .titlebar > div {
  display: inline-block;
  margin-right: 1rem;
}
.a-serv-ress .titlebar .editRess-btn-ct {
  order: 9;
}
.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;
}
.a-serv-ress .titlebar .editRess-btn-ct .x-btn-text:hover {
  background-color: rgb(184.5, 140.0421686747, 0);
}
.a-serv-ress .titlebar .editRess-btn-ct .x-btn-text::before {
  color: #fff;
}

.prevRess-btn,
.nextRess-btn {
  font-size: 2rem;
  color: var(--coop-main-color);
}
.prevRess-btn:hover,
.nextRess-btn:hover {
  color: #FFC306;
}

.prevRess-btn button {
  display: none;
}
.prevRess-btn.icon-prev::before {
  content: "\f104\f104";
}

.nextRess-btn button {
  display: none;
}
.nextRess-btn.icon-next::after {
  content: "\f105\f105";
}

.x-toolbar .x-btn-text,
.titlebar .x-btn-text {
  width: 100%;
  padding: 0.5rem;
  text-align: left;
}
.x-toolbar .x-btn-text::before,
.titlebar .x-btn-text::before {
  margin-right: 0.5rem;
  color: var(--coop-main-color);
}
.x-toolbar .x-btn-text:hover,
.titlebar .x-btn-text:hover {
  color: var(--coop-main-color);
}

.titre2 .ck-content h2, .titre2 .ck-content h3 {
  font-size: 45px;
  font-weight: bold;
}

.titre3 .ck-content h2, .titre3 .ck-content h3 {
  font-size: 30px;
  font-weight: bold;
}

.titre4 .ck-content h2, .titre4 .ck-content h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.titre4 .ck-content h2::after, .titre4 .ck-content h3::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}

.page-container:not(.pageatrium) .description a,
.page-container:not(.pageatrium) .freehtml a,
.page-container:not(.pageatrium) .ck-content a {
  text-decoration: underline;
  font-weight: bold;
}
.page-container:not(.pageatrium) .description a:hover,
.page-container:not(.pageatrium) .freehtml a:hover,
.page-container:not(.pageatrium) .ck-content a:hover {
  color: #FFC306;
}
.page-container:not(.pageatrium) .description ul, .page-container:not(.pageatrium) .description ol,
.page-container:not(.pageatrium) .freehtml ul,
.page-container:not(.pageatrium) .freehtml ol,
.page-container:not(.pageatrium) .ck-content ul,
.page-container:not(.pageatrium) .ck-content ol {
  list-style: inherit;
  margin-left: 2rem;
}
.page-container:not(.pageatrium) .description .titre2,
.page-container:not(.pageatrium) .freehtml .titre2,
.page-container:not(.pageatrium) .ck-content .titre2 {
  font-size: 45px;
  font-weight: bold;
}
.page-container:not(.pageatrium) .description .titre3,
.page-container:not(.pageatrium) .freehtml .titre3,
.page-container:not(.pageatrium) .ck-content .titre3 {
  font-size: 30px;
  font-weight: bold;
}
.page-container:not(.pageatrium) .description .titre4,
.page-container:not(.pageatrium) .freehtml .titre4,
.page-container:not(.pageatrium) .ck-content .titre4 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.page-container:not(.pageatrium) .description .titre4::after,
.page-container:not(.pageatrium) .freehtml .titre4::after,
.page-container:not(.pageatrium) .ck-content .titre4::after {
  content: "";
  display: block;
  width: 60px;
  margin: 1rem auto;
  border-radius: 8px;
  height: 4px;
  background-color: #fdc30a;
}
.page-container:not(.pageatrium) .description .style-bouton,
.page-container:not(.pageatrium) .freehtml .style-bouton,
.page-container:not(.pageatrium) .ck-content .style-bouton {
  border-radius: 20px;
  padding: 0.5rem 1rem;
  background-color: #FFC306;
  color: #fff;
  border: 0;
  cursor: pointer;
}
.page-container:not(.pageatrium) .description table,
.page-container:not(.pageatrium) .freehtml table,
.page-container:not(.pageatrium) .ck-content table {
  border-collapse: collapse;
}
.page-container:not(.pageatrium) .description table tr:nth-child(2n) td,
.page-container:not(.pageatrium) .freehtml table tr:nth-child(2n) td,
.page-container:not(.pageatrium) .ck-content table tr:nth-child(2n) td {
  background-color: color-mix(in oklch var(--coop-main-color), white 25%);
}
.page-container:not(.pageatrium) .description table td,
.page-container:not(.pageatrium) .freehtml table td,
.page-container:not(.pageatrium) .ck-content table td {
  padding: 0.5rem;
}

.a-cnsPanelContactList {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem;
  border: 1px solid var(--coop-main-color);
}
.a-cnsPanelContactList > .btn-text {
  flex: 0 0 auto;
  align-self: flex-start;
  display: block;
  margin-right: 2rem;
  padding: 0.5rem 0;
  background-color: transparent;
  color: var(--coop-main-color);
  font-size: 1rem;
  font-weight: bold;
  border: 0;
}
.a-cnsPanelContactList > .btn-text::before {
  display: none;
}
.a-cnsPanelContactList .contacts-list {
  flex: 1 0 auto;
  padding: 0.5rem 0;
}
.a-cnsPanelContactList .contacts-list > div {
  display: flex;
  flex-wrap: wrap;
}
.a-cnsPanelContactList .contacts-list .a-main-contact:not(:last-child) {
  margin-bottom: 1rem;
}
.a-cnsPanelContactList .contacts-list .contact {
  margin-right: 0.5rem;
}

.Comment {
  margin: 1rem 0;
  background-color: #efefef;
}
.Comment .dateheure,
.Comment .auteur {
  color: var(--coop-main-color);
}
.Comment .icon-remove {
  color: #f64747;
}

.contact-comment .phone {
  padding-left: 18px;
  color: #b1b1b1;
}
.contact-comment .icon-courrier::after {
  margin-left: 10px;
  font-size: 20px;
}

.a-CnsPanelContactList .x-panel-tbar {
  padding: 0.5rem;
  background-color: #ddd;
}
.a-CnsPanelContactList .x-panel-body {
  padding: 0.5rem;
}
.a-CnsPanelContactList .r-toolbar-contact span {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  font: normal 1rem "museo-sans", arial;
}
.a-CnsPanelContactList .r-toolbar-contact button::before {
  color: #ffffff;
  vertical-align: baseline;
}

#visuPanel .x-panel-tbar > ul.r-toolbar-contact {
  padding: 0;
}

.a-CnsPanelComment {
  margin-top: 1rem;
}
.a-CnsPanelComment h3 {
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 16px;
  color: var(--coop-main-color);
  text-transform: uppercase;
}
.a-CnsPanelComment .dateheure {
  padding: 1rem;
  font-size: 0.923rem;
  font-weight: bold;
  color: #666666;
}
.a-CnsPanelComment .CommentHeader {
  font-size: 16px;
  color: #9b9b9b;
  text-transform: inherit;
}

.a-NavigationPanel {
  flex: 0 0 100%;
}

.page-navigation .btn-vue {
  background-color: var(--coop-main-color);
}
.page-navigation .btn-vue:hover {
  background-color: color-mix(in oklch var(--coop-main-color), white 7%);
}

#visuPanel .a-CnsPanelComment > .x-panel-header {
  font-variant: small-caps;
  font-size: 1rem;
  color: var(--coop-main-color);
  margin: 0 auto;
  border-bottom-color: var(--coop-main-color);
  border-bottom-style: solid;
}
#visuPanel .a-CnsPanelComment > .x-panel-header > span {
  color: var(--coop-main-color);
}

.Comment .icon-remove {
  float: right;
  margin-top: 0.5em;
}

.a-form-comment .x-btn button {
  padding: 10px;
  background-color: var(--coop-main-color);
  color: #fff;
}

.r-toolbar-contact span {
  color: var(--coop-main-color);
  text-transform: uppercase;
  font-size: 16px;
}

#PrecoPanel div.titre {
  font-size: 1.05em;
  font-weight: bold;
  padding: 5px;
  color: var(--coop-main-color);
}

.vue-container.admin .grid thead {
  font-family: "museo-sans", arial;
}

.vue-container th {
  background-color: var(--coop-main-color);
}

.suiviactivite .form-item label {
  color: var(--coop-main-color);
  font-weight: bold;
}
.suiviactivite .icon-download,
.suiviactivite .icon-plus {
  color: var(--coop-main-color);
}

.structure-filtres {
  position: sticky;
  top: 9rem;
  padding: 1rem;
  background-color: var(--coop-main-color);
  border-top: 0;
  z-index: 1;
}
.structure-filtres .form-item label {
  color: #fff;
}
.structure-filtres .form-row {
  margin: 0;
}

.newsletters .header-site {
  text-align: left;
  margin-bottom: 0.75rem;
}
.newsletters .btn-picto {
  font-size: 1rem;
  margin-right: 18px;
  color: #6b6b6b;
}
.newsletters .btn-picto:hover {
  color: #000;
}
.newsletters .tabs-component-panels {
  border-color: var(--coop-main-color);
}

.tabs-component-tab.is-active {
  border-color: var(--coop-main-color);
}

.abonnement_choix {
  color: var(--coop-main-color);
  font-weight: bold;
}
.abonnement_choix .btn-vue {
  min-height: 35px;
  background-color: var(--coop-main-color);
  color: #fff;
  font-size: 1.1rem;
  font-weight: normal;
}

.abonnement_info::before {
  margin-left: 0.5rem;
}

.siteplan ul {
  margin: 0;
  padding: 0;
}
.siteplan .menus > li:not(:last-child) {
  margin-bottom: 3rem;
}
.siteplan .services > li {
  padding: 0.25rem 0;
}
.siteplan .menus > li > *:first-child {
  display: block;
  padding: 1rem;
  background-color: #efefef;
  color: var(--coop-main-color);
  font-weight: bold;
  font-size: 1.1rem;
  border-bottom: 3px solid;
}
.siteplan .submenus > li {
  margin-bottom: 0.25rem;
  color: var(--coop-main-color);
  font-size: 1.05rem;
}
.siteplan .menu-item-cns > a {
  color: var(--coop-main-color);
  font-size: 1rem;
}

.a-OrganisationAct {
  border-bottom: 5px solid #e8e8e8;
  padding-bottom: 1rem;
}

.a-Organisation-content {
  display: flex;
  flex-direction: column;
}

.a-Organisation-detail {
  flex: 1 0 0%;
}

.a-Organisation-link {
  flex: 0 0 0%;
  text-align: center;
}

.a-OrganisationActLinkMembers {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  background-color: var(--coop-main-color);
  color: #fff;
  border: 3px solid transparent;
  border-radius: 25px;
}

.open-members .a-OrganisationActLinkMembers {
  background-color: #fff;
  color: var(--coop-main-color);
  border: 3px solid var(--coop-main-color);
}

.a-Organisation-members {
  margin: -0.5rem -0.5rem 1rem -0.5rem;
}

.a-Organisation-member {
  flex: none;
  width: calc(33.3333% - 1rem);
  margin: 0.5rem;
  background-color: #f2f7f9;
}
.a-Organisation-member .libelle {
  display: none;
}

.a-Organisation-member:nth-child(odd) {
  margin-right: 0.5rem;
}

.a-Organisation-memberImg {
  float: left;
  width: 35%;
  margin-top: 0;
  padding-right: 0.5rem;
}

.a-Organisation-memberDataTitle {
  font-weight: bold;
}

.a-Organisation-memberDataFct {
  font-weight: 500;
}

.a-Organisation-memberDataDetail {
  width: 100%;
  float: left;
}
.a-Organisation-memberDataDetail li {
  margin-bottom: 0.25rem;
}
.a-Organisation-memberDataDetail li::before {
  font-family: fontello;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  padding: 0.25rem;
  color: var(--coop-main-color);
  border: 2px solid var(--coop-main-color);
  border-radius: 25px;
}
.a-Organisation-memberDataDetail .tel::before, .a-Organisation-memberDataDetail .mobile::before {
  content: "\e81e";
}
.a-Organisation-memberDataDetail .mail::before {
  content: "\e804";
}
.a-Organisation-memberDataDetail .fax::before {
  content: "\f1ac";
}
.a-Organisation-memberDataDetail .icon-mail::before {
  display: none;
}

.a-pave-hp-horaireSite .horairesite-legend {
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  max-width: 30%;
}
.a-pave-hp-horaireSite .horairesite-legend-item {
  font-weight: bold;
}
.a-pave-hp-horaireSite .horairesite-legend-item:not(:last-child)::after {
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  border-right: 2px solid #000;
}

.horairesite-config {
  padding: 0;
}

.a-Sondage .a-Intitule {
  color: var(--coop-main-color);
}

.question-impair,
.question-pair {
  padding: 0.25rem 0.25rem 0;
}

.question-impair {
  background-color: #f1f1f1;
}

.a-BanqueDocumentHTML .x-panel-header {
  color: var(--coop-main-color);
  font-weight: bold;
}

li.x-tree-node span:hover,
li.x-tree-node .x-tree-selected span {
  color: var(--coop-main-color);
}

.banque-toolbar .x-btn-text:hover {
  color: #fff;
}

.a-banque-lastdocs {
  padding: 1rem;
  border: 2px solid var(--coop-main-color);
  background-color: #fff;
}

.a-banque-arbo {
  padding: 1rem;
  background-color: #fff;
  border-bottom: 2px solid var(--coop-main-color);
}
.a-banque-arbo .x-tree-node-anchor::before,
.a-banque-arbo .x-tree-node-collapsed .x-tree-node-anchor::before,
.a-banque-arbo .a-banque-fil-ariane span::before {
  color: #d3d3d3;
}
.a-banque-arbo .x-tree-node-el {
  padding: 0.5rem 0;
}

.a-banque-fil-ariane {
  background-color: #f7f7f7;
}

.fil-ariane-folder::before {
  color: #d3d3d3;
}

.a-banque-tree {
  flex: 1 0 0%;
}

.lastdocs {
  padding: 1rem;
  background-color: #fff;
}
.lastdocs .options {
  margin-left: 1rem;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: var(--coop-main-color);
}

#visuPanel .docs, .lastdocs .row {
  min-height: inherit;
  border-right: 0;
}

.a-image-wrapper {
  width: 32px;
  height: 32px;
  margin-top: 10px;
  background-size: contain;
}

.a-folder-doc-nombre {
  background-color: var(--coop-main-color);
  color: #fff;
  box-shadow: 0 0 3px #000;
}

.lastdocsdetail .icon-download {
  display: block;
  width: 100%;
  text-align: center;
  border: 0;
}

.properties-list li span:first-child {
  color: var(--coop-main-color);
  font-weight: bold;
}

.a-virement-grid table {
  border-collapse: inherit;
}
.a-virement-grid .cells {
  flex: 0 0 calc(33% - 1rem);
  margin: 0.5rem;
  border-bottom: 2px solid var(--coop-main-color);
  box-shadow: 0 0 3px #d3d3d3;
  word-break: break-word;
}

/*MORTE SAISON & OFFRE DIRECTE*/
.morte-saison,
.offredirecte {
  font-family: "museo-sans", arial;
  font-size: 1rem;
}
.morte-saison h2,
.offredirecte h2 {
  font-weight: normal;
}
.morte-saison input[type^=file],
.offredirecte input[type^=file] {
  padding: 0;
}
.morte-saison .recuperation h2,
.offredirecte .recuperation h2 {
  color: var(--coop-main-color);
}
.morte-saison .voir-nouveautes,
.morte-saison .dispo-seulement,
.morte-saison .prix,
.morte-saison .conditionnement,
.offredirecte .voir-nouveautes,
.offredirecte .dispo-seulement,
.offredirecte .prix,
.offredirecte .conditionnement {
  color: var(--coop-main-color);
}
.morte-saison .offre .ref,
.offredirecte .offre .ref {
  margin: 1rem;
}
.morte-saison .offre .titre,
.offredirecte .offre .titre {
  font: normal 25px "museo-sans", arial;
  color: var(--coop-main-color);
}
.morte-saison .offre .resume,
.offredirecte .offre .resume {
  font: normal 14px "museo-sans", arial;
}
.morte-saison .offre .commandes a,
.offredirecte .offre .commandes a {
  color: var(--coop-main-color);
}
.morte-saison .offre .infos ::before,
.morte-saison .offre .recuperation ::before,
.morte-saison .offre .offre-footer ::before,
.offredirecte .offre .infos ::before,
.offredirecte .offre .recuperation ::before,
.offredirecte .offre .offre-footer ::before {
  color: var(--coop-main-color);
}
.morte-saison .total-commande,
.offredirecte .total-commande {
  border-color: var(--coop-main-color);
  color: var(--coop-main-color);
}
.morte-saison .ms-content h1,
.morte-saison .ms-content h2,
.offredirecte .ms-content h1,
.offredirecte .ms-content h2 {
  color: var(--coop-main-color);
}
.morte-saison .ms-content .total-commande,
.offredirecte .ms-content .total-commande {
  font-weight: 500;
  color: #c32126;
}

.panel-exploitation ::before {
  color: var(--coop-main-color);
}

.offredirecte-titre,
.offredirecte-quantiteDispo::before,
.offredirecte-logistique .icon-livraison,
.offredirecte-prix_prefixe,
.offredirecte-listeOffresRef_titre,
.titre-confirm-engagement,
.offredirecte-periodeLiv label {
  color: var(--coop-main-color);
}

.col-engagement button {
  font-family: "museo-sans", arial;
}

.genfiche-formulaire fieldset legend {
  font: 300 24px "museo-sans", arial;
  color: var(--coop-main-color);
}
.genfiche-formulaire fieldset .form-group {
  border-left: 1px solid var(--coop-main-color);
  padding-left: 1rem;
}
.genfiche-formulaire fieldset .form-group label {
  font: 300 21px "museo-sans", arial;
}
.genfiche-formulaire #preconisations-commentaires th {
  border-color: var(--coop-main-color);
}

/*OFFRES SPOT*/
.a-offres-wrapper th {
  padding: 1rem 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #69778c;
  font-weight: bold;
}
.a-offres-wrapper td[data-title^=Prix] {
  font-size: 1.4em;
  color: #e63946;
}
.a-offres-wrapper td[data-title^=Prix]::after {
  content: " € HT / Tonne";
}

.a-offrespot .engagement .detail-cours .label {
  padding: 5px 10px;
  font-weight: bold;
  background-color: #f7ab11;
  color: white;
  line-height: 1.9em;
}

.a-offrespot .offre-toolbar {
  display: flex;
  flex-wrap: wrap;
}
.a-offrespot .links > .offre-toolbar a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-left: 1rem;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: #fff;
  background-color: var(--coop-main-color);
  text-decoration: none;
}
.a-offrespot .links > .offre-toolbar a:hover {
  background-color: color-mix(in oklch var(--coop-main-color), white 7%);
}
.a-offrespot .r-grid th {
  background-color: #a0aeb7;
  color: #fff;
}
.a-offrespot a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.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);
}
.a-offres-wrapper td > span > a:hover {
  background-color: rgb(61.1017167382, 180.1982832618, 106.6690987124);
}

.a-liste-offres a {
  color: var(--coop-main-color);
}

.a-engagement-offre .x-panel-header-text {
  background-color: #f7ab11;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
}

.a-cns-panel-exploitation {
  display: flex;
  align-items: center;
}

/*MON PROFIL VUE*/
.a-profil h2,
.a-profil h3 {
  color: var(--coop-main-color);
}
.a-profil h3::before {
  color: var(--coop-main-color);
}
.a-profil h3::after {
  border-color: var(--coop-main-color);
}
.a-profil .icon-expand,
.a-profil .icon-expanded {
  color: var(--coop-main-color);
}

.adresse-categorie {
  color: var(--coop-main-color);
}

.contact_message {
  color: var(--coop-main-color);
}

.infos-compte h3::after,
.infos-exploitation h3::after {
  border-color: var(--coop-main-color);
}

.monprofil-infoperso label {
  color: var(--coop-main-color);
  font-weight: bold;
}

.monprofil-menu_item a::before {
  color: var(--coop-main-color);
}

.expand-list_sousRub_cat {
  font-weight: 300;
}

.adresse-header {
  background-color: var(--coop-main-color);
  color: #fff;
}
.adresse-header .icon-cross {
  color: #fff;
}

.pan-annonce .pan-entete,
.pan-annonce legend {
  color: var(--coop-main-color);
}

.a-PetitesAnnonces .a-create-bt button:hover,
.a-PetitesAnnonces .a-back-bt button:hover,
.a-PetitesAnnonces .a-mail-bt button:hover,
.a-PetitesAnnonces .prevPage-btn button:hover,
.a-PetitesAnnonces .nextPage-btn button:hover,
.a-PetitesAnnoncesAdm .a-create-bt button:hover,
.a-PetitesAnnoncesAdm .a-back-bt button:hover,
.a-PetitesAnnoncesAdm .a-mail-bt button:hover,
.a-PetitesAnnoncesAdm .prevPage-btn button:hover,
.a-PetitesAnnoncesAdm .nextPage-btn button:hover {
  color: #fff;
}
.a-PetitesAnnonces .prevPage-btn button,
.a-PetitesAnnonces .nextPage-btn button,
.a-PetitesAnnoncesAdm .prevPage-btn button,
.a-PetitesAnnoncesAdm .nextPage-btn button {
  border-radius: 20px;
}
.a-PetitesAnnonces .prevPage-btn ::before,
.a-PetitesAnnonces .prevPage-btn ::after,
.a-PetitesAnnonces .nextPage-btn ::before,
.a-PetitesAnnonces .nextPage-btn ::after,
.a-PetitesAnnoncesAdm .prevPage-btn ::before,
.a-PetitesAnnoncesAdm .prevPage-btn ::after,
.a-PetitesAnnoncesAdm .nextPage-btn ::before,
.a-PetitesAnnoncesAdm .nextPage-btn ::after {
  color: #fff;
}

.x-toolbar.horairesite-toolbar .x-btn-text {
  width: auto;
  padding: 0;
}

.horairesite-config-subtitle {
  border-bottom: 2px solid var(--coop-main-color);
}

.horairesite-toolbar .x-btn {
  color: var(--coop-main-color);
}
.horairesite-toolbar .x-btn.x-btn-over {
  color: color-mix(in oklch var(--coop-main-color), white 7%);
}

.rss-flux-title {
  font-size: 1.2rem;
}
.rss-flux-title::before {
  margin-right: 0.5rem;
  color: orange;
}

.rss-item {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #f0f0f0;
}

.rss-item-title {
  margin: 0;
}
.rss-item-title a {
  color: var(--coop-main-color);
}

.rss-item-date {
  font-size: 0.9rem;
  font-weight: normal;
}

.rss-item-link {
  text-align: right;
}

.a-suivi-bon .apport,
.a-suivi-bon .appro,
.a-suivi-bon .engagement,
.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;
}

.a-list-bon .x-panel-header-text {
  font-weight: bold;
  background-color: #654cfe;
  padding: 0.5rem 1rem;
  width: 100%;
  display: block;
  color: #fff;
}

.a-suivi-bon-form {
  margin-top: 1em;
  position: relative;
}
.a-suivi-bon-form .x-panel-header,
.a-suivi-bon-form .a-dernier-bon .x-panel-header {
  background-color: #a0aeb7;
  padding: 1em;
}
.a-suivi-bon-form .x-panel-header-text,
.a-suivi-bon-form .a-dernier-bon .x-panel-header-text {
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
.a-suivi-bon-form > .x-panel-bwrap {
  background: #fafafa;
  padding-top: 0.5em;
}
.a-suivi-bon-form .x-form-item {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 1.5em 1em 1em;
}
.a-suivi-bon-form .x-panel-footer {
  background-color: #fafafa;
}
.a-suivi-bon-form #exploitCombo {
  float: right;
}
.a-suivi-bon-form #exploitCombo .col-m-50 {
  width: auto;
  padding: 0 1rem;
  padding-bottom: 0;
}
.a-suivi-bon-form #exploitCombo .x-form-label-left label {
  display: block;
}

.filtre-criteres {
  border-bottom-color: var(--coop-main-color);
}

.suivivirement header h3:after {
  border-color: var(--coop-main-color);
}

.suivivirement-menu ::before {
  color: var(--coop-main-color);
}

.a-admin-page-accueil-panel-grid .x-btn-text::before,
.a-adminpageaccueil-editor .x-btn-text::before,
.a-custom-grid-panel .x-btn-text::before,
.a-ContenuHTML-tbar .x-btn-text::before {
  color: var(--coop-main-color);
}

.a-adminpageaccueil-editor .a-adminpageaccueil-portlet .x-panel-header {
  color: #FFC306;
}

.a-serv-adm .a-ComponentAdmFormTitle,
.a-serv-adm .x-panel-header {
  background-color: #FFC306;
}
.a-serv-adm form .x-form-file-wrap .x-form-file-btn {
  padding: 0.25rem 0.5rem;
  background-color: #FFC306;
}
.a-serv-adm form .x-form-file-wrap .x-form-file-btn .x-btn-text {
  color: #fff;
}
.a-serv-adm form .a-ImagePanel-choice .x-btn-text {
  background-color: #FFC306;
}
.a-serv-adm form .x-panel-header,
.a-serv-adm form .position-header-cls label.x-form-item-label,
.a-serv-adm form [id^=labelTitre],
.a-serv-adm form [id^=labelResume],
.a-serv-adm form [id^=labelDescrip],
.a-serv-adm form [id^=labelListDiff],
.a-serv-adm form fieldset.a-Transverse-panelTransversaliteAdmin-fieldsetListTermes > legend span,
.a-serv-adm form .contacts label,
.a-serv-adm form .a-ComponentAdmFormTitle {
  background-color: #FFC306;
}
.a-serv-adm form .image-middle .x-form-check-checked .x-form-radio-wrap-inner::before, .a-serv-adm form .image-left .x-form-check-checked .x-form-radio-wrap-inner::before, .a-serv-adm form .image-hidden .x-form-check-checked .x-form-radio-wrap-inner::before {
  border: solid 3px #FFC306;
}
.a-serv-adm form legend .x-fieldset-header-text {
  color: #FFC306;
}
.a-serv-adm form .icon-add {
  color: #FFC306;
}

.a-adminpageaccueil-editor .a-adminpageaccueil-portlet .x-panel-header {
  background-color: #fff;
}

.a-adminpageaccueil-editor .a-adminpageaccueil-portlet button.icon-config {
  background-color: #FFC306;
}
.a-adminpageaccueil-editor .a-adminpageaccueil-portlet button.icon-config:hover {
  background-color: rgb(225.3, 171.0108433735, 0);
}

@media (max-width: 1500px) {
  body.a-serv-hp [class*=bloc-forme] > .ensemble {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (max-width: 1440px) {
  .a-link-cns,
  .a-link-adm {
    margin-right: 1rem;
  }
  .vue-container .a-service-texte > .container > article {
    padding-left: 3rem;
  }
  .vue-container .a-service-texte > .container > nav .precedent {
    left: 0;
  }
  .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) {
  .a-pave-hp.pos-left, .a-pave-hp.pos-none {
    margin-right: 3rem;
  }
  .a-pave-hp.pos-right {
    margin-left: 3rem;
  }
}
@media (max-width: 900px) {
  .header-left {
    flex-wrap: nowrap;
  }
  .logo > * {
    width: 100px;
    height: 60px;
  }
  .header-item {
    width: 40px;
    height: 40px;
  }
  .header-item::before {
    font-size: 16px;
  }
  .welcome-div {
    display: none;
  }
  #login, #logout {
    margin-left: 0;
  }
  .gestionRessource .image-resume {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
  }
  .gestionRessource .image-resume:last-child {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .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;
  }
  .vue-container {
    flex-wrap: wrap;
  }
  .vue-container .a-service-texte,
  .vue-container .a-service-texte + aside {
    flex: 1 0 100%;
  }
  .vue-container .a-service-texte > .container > article {
    padding-left: 0;
    padding-right: 0;
  }
  .vue-container .a-service-texte > .container > nav .precedent,
  .vue-container .a-service-texte > .container > nav .suivant {
    position: static;
  }
  .suiviactivite {
    flex-wrap: nowrap;
  }
  #mid-panel {
    flex-wrap: wrap;
  }
  #visuPanel,
  #presentPanel {
    flex: 1 0 100%;
  }
  .header-site .menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: calc(100vh - var(--header-height));
    padding: 0;
    overflow: auto;
  }
  .header-site .menu::after {
    position: static;
  }
  .mojo {
    display: none;
  }
  #homepage,
  #favoris,
  #profil,
  #mentions,
  #contacts {
    display: none;
  }
  #menuPanel {
    display: none;
  }
  #menuPanel.display {
    display: flex;
  }
  .header-site .rubriques {
    position: static;
    flex-direction: column;
    overflow: auto;
  }
  .header-site .rubriques > .rubrique,
  .header-site .rubriques > .action {
    width: 100%;
    max-width: 100%;
  }
  .header-site .rubriques > .rubrique:not(:last-child),
  .header-site .rubriques > .action:not(:last-child) {
    border-bottom: 1px solid #f4f4f4;
  }
  .header-site .rubriques > .action {
    display: block;
  }
  .rubrique:hover .sous-rubriques {
    transition-delay: 0s;
  }
  .intitule-rubrique {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .intitule-rubrique > * {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .intitule-rubrique > *::after {
    content: "\f105";
    display: inline-block;
    font-family: fontello;
  }
  .action-favoris .intitule-rubrique > span {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1rem 5%;
  }
  .sous-rubriques {
    top: 0;
    max-height: 50vh;
    padding: 0;
    box-shadow: none;
    background-color: var(--coop-main-color);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .sous-rubriques.display {
    position: static;
    width: 100%;
  }
  .sous-rubriques-list {
    padding: 1rem 5%;
  }
  .sous-rubrique .service {
    padding: 1rem 0;
  }
  .sous-rubrique {
    flex: 1 0 100%;
    max-width: 100%;
    margin: 0 0 1rem 0;
  }
  .header-site .input-wrapper {
    display: none;
  }
  .header-site .input-wrapper.display {
    display: flex;
    position: absolute;
    top: 100%;
    right: 0;
    margin: 0;
    padding: 0.5rem;
    background-color: #fff;
    box-shadow: 0 0 2px #ccc;
    z-index: 260;
  }
  .header-site .input-wrapper input {
    margin: 0;
  }
  .sous-rubriques,
  .rubrique.open > span {
    border-radius: 0;
  }
  .rubrique.open > span {
    border-bottom: 1px solid #fff;
  }
  .rubrique > span,
  .action > span {
    padding: 0;
  }
  .rubrique > span > a,
  .action > span > a {
    padding: 0.75rem 5%;
  }
  .rubrique > span:not(:has(a)), .rubrique > span:has(span + a) *,
  .action > span:not(:has(a)),
  .action > span:has(span + a) * {
    padding: 0.75rem 5%;
  }
  .a-link-adm {
    display: none;
  }
  .bloc-forme1::before {
    background: url(/css/theme/images/paves/decorationA1.svg) no-repeat 20% 0%;
  }
  .bloc-forme2 .a-video-pave {
    margin-bottom: 0;
  }
  .bloc-forme3 {
    margin-top: -12rem;
  }
  .bloc-forme4 {
    margin-top: -7rem;
    background: #295C85 url(/css/theme/images/paves/decorationC1.svg) no-repeat 33% 40%/1350px;
  }
  [class^=pave-memo-] .paginate-show {
    flex-direction: column;
  }
  [class^=pave-memo-] .paginate-show > li {
    max-width: 100%;
  }
  .titre-service .service,
  .titre-service .ressource {
    font-size: 40px;
  }
  .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) {
  .multiImages-public figure {
    max-height: 500px;
  }
  .multiImages-chiffres-cles:not(.carousel) .paginate-show > li {
    flex: 0 0 45%;
  }
  .multiImages-partenaires:not(.carousel) .paginate-show > li {
    flex: 0 0 30%;
  }
}
@media screen and (max-width: 500px) {
  .pave-raccourcis .a-pave-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .ariane {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .vue-container .a-service-texte > .container > article.img-left .image,
  .a-service-texte > .container .img-left,
  .a-Evenement .img-left {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .a-Organisation-member {
    width: 100%;
  }
}
@media screen and (max-width: 300px) {
  .logo {
    display: none;
  }
}
@media screen and (max-width: 1440px) and (min-width: 901px) {
  .header-content, #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;
  }
}

:root .mosaic {
  --coop-main-color: #158766;
  --coop-main-lighten-color: rgb(38.2153846154, 168.7846153846, 130.9882591093);
  --coop-main-lighten-2-color: rgb(227.8615384615, 234.1384615385, 232.3214574899);
  --coop-second-color: #F3C82C;
  --coop-button-bg-color: #158766;
  --coop-button-bg-hover-color: rgb(38.2153846154, 168.7846153846, 130.9882591093);
  --coop-button-text-color: #fff;
  --coop-border-color: #158766;
}

.mosaic .footer {
  background: url(/css/theme/images/paves/footer-HOUPIEZ.svg) no-repeat 0% 101%;
}

.mosaic {
  background: hsl(163, 20%, 94%);
}
.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: var(--coop-main-color) 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;
}
/*# sourceMappingURL=menu.css.map */