@charset "UTF-8";
:root {
  --coop-main-color: #8b8e00;
  --coop-main-lighten-color: rgb(198.1887323944, 202.1125, 16.3875);
  --coop-main-lighten-2-color: rgb(225.5563380282, 226.75, 170.25);
  --coop-second-color: #606201;
  --coop-button-bg-color: #8b8e00;
  --coop-button-bg-hover-color: rgb(198.1887323944, 202.1125, 16.3875);
  --coop-button-text-color: #fff;
  --coop-border-color: #8b8e00;
  --coop-p-m: #7C8034;
  --coop-p-m1: #D4D3A5;
  --coop-p-m2: #9DA32F;
  --coop-p-m3: #6F7323;
  --coop-p-m4: #545A20;
  --coop-p-marron: #5C524F;
}

/* -------- ShadowStyle */
/******************************************************/
.a-CnsPanelComment .Comment {
  background-color: #f9f9f9;
  margin: 0.7em 0;
  color: #666666;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.a-Organisation-member {
  background-color: rgba(180, 180, 180, 0.09);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.a-OrganisationSite {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}

.a-cns-panel-exploitation,
.a-Organisation-docs:not(:empty),
.horairesite-config,
.horairesite-map,
.a-virement-grid tr.cells,
.a-Sondage .a-progress-bar,
.a-acm .x-panel-tbar > ul.titlebar,
.horairesite-legend,
.apport,
.appro,
.engagement,
.commande,
.style-barre-plus .paginate-show .pave-contenu-resume img,
#msg-ct,
.style-empile .paginate-show > li,
.a-QuizBtnValid {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* -------- ShadowStyle FIN */
/******************************************************/
@font-face {
  font-family: "Gill Sans";
  src: url("/css/theme/fonts/GillSans/GillSans-CondensedBold.woff2") format("woff2"), url("/css/theme/fonts/GillSans/GillSans-CondensedBold.woff") format("woff"), url("/css/theme/fonts/GillSans/GillSans-CondensedBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gill Sans";
  src: url("/css/theme/fonts/GillSans/GillSans-CondensedRegular.woff2") format("woff2"), url("/css/theme/fonts/GillSans/GillSans-CondensedRegular.woff") format("woff"), url("/css/theme/fonts/GillSans/GillSans-CondensedRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gill Sans";
  src: url("/css/theme/fonts/GillSans/GillSans-Italic.woff2") format("woff2"), url("/css/theme/fonts/GillSans/GillSans-Italic.woff") format("woff"), url("/css/theme/fonts/GillSans/GillSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gill Sans";
  src: url("/css/theme/fonts/GillSans/GillSans-HeavyItalic.woff2") format("woff2"), url("/css/theme/fonts/GillSans/GillSans-HeavyItalic.woff") format("woff"), url("/css/theme/fonts/GillSans/GillSans-HeavyItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gill Sans";
  src: url("/css/theme/fonts/GillSans/GillSans-Heavy.woff2") format("woff2"), url("/css/theme/fonts/GillSans/GillSans-Heavy.woff") format("woff"), url("/css/theme/fonts/GillSans/GillSans-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gill Sans";
  src: url("/css/theme/fonts/GillSans/GillSans-LightItalic.woff2") format("woff2"), url("/css/theme/fonts/GillSans/GillSans-LightItalic.woff") format("woff"), url("/css/theme/fonts/GillSans/GillSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gill Sans";
  src: url("/css/theme/fonts/GillSans/GillSans-Medium.woff2") format("woff2"), url("/css/theme/fonts/GillSans/GillSans-Medium.woff") format("woff"), url("/css/theme/fonts/GillSans/GillSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gill Sans";
  src: url("/css/theme/fonts/GillSans/GillSans-Bold.woff2") format("woff2"), url("/css/theme/fonts/GillSans/GillSans-Bold.woff") format("woff"), url("/css/theme/fonts/GillSans/GillSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gill Sans";
  src: url("/css/theme/fonts/GillSans/GillSans-Light.woff2") format("woff2"), url("/css/theme/fonts/GillSans/GillSans-Light.woff") format("woff"), url("/css/theme/fonts/GillSans/GillSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gill Sans";
  src: url("/css/theme/fonts/GillSans/GillSans.woff2") format("woff2"), url("/css/theme/fonts/GillSans/GillSans.woff") format("woff"), url("/css/theme/fonts/GillSans/GillSans.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gill Sans";
  src: url("/css/theme/fonts/GillSans/GillSans-MediumItalic.woff2") format("woff2"), url("/css/theme/fonts/GillSans/GillSans-MediumItalic.woff") format("woff"), url("/css/theme/fonts/GillSans/GillSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gill Sans";
  src: url("/css/theme/fonts/GillSans/GillSans-BoldItalic.woff2") format("woff2"), url("/css/theme/fonts/GillSans/GillSans-BoldItalic.woff") format("woff"), url("/css/theme/fonts/GillSans/GillSans-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/roboto-regular.eot");
  src: url("fonts/roboto/roboto-regular.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/roboto-regular.woff2") format("woff2"), url("fonts/roboto/roboto-regular.woff") format("woff"), url("fonts/roboto/roboto-regular.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-M";
  src: url("fonts/roboto/roboto-medium.eot");
  src: url("fonts/roboto/roboto-medium.eot?#iefix") format("embedded-opentype"), url("fonts/roboto/roboto-medium.woff2") format("woff2"), url("fonts/roboto/roboto-medium.woff") format("woff"), url("fonts/roboto/roboto-medium.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham-L";
  src: url("fonts/gotham/gotham-light.eot");
  src: url("fonts/gotham/gotham-light.eot?#iefix") format("embedded-opentype"), url("fonts/gotham/gotham-light.woff2") format("woff2"), url("fonts/gotham/gotham-light.woff") format("woff"), url("fonts/gotham/gotham-light.svg#gothamregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham-M";
  src: url("fonts/gotham/gotham-medium.eot");
  src: url("fonts/gotham/gotham-medium.eot?#iefix") format("embedded-opentype"), url("fonts/gotham/gotham-medium.woff2") format("woff2"), url("fonts/gotham/gotham-medium.woff") format("woff"), url("fonts/gotham/gotham-medium.svg#gothamregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Myriad-Pro";
  src: url("fonts/myriad_pro/Myriad-Pro-Regular.eot");
  src: url("fonts/myriad_pro/Myriad-Pro-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/myriad_pro/Myriad-Pro-Regular.woff2") format("woff2"), url("fonts/myriad_pro/Myriad-Pro-Regular.woff") format("woff"), url("fonts/myriad_pro/Myriad-Pro-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Myriad-Pro-M";
  src: url("fonts/myriad_pro/Myriad-Pro-Medium.eot");
  src: url("fonts/myriad_pro/Myriad-Pro-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/myriad_pro/Myriad-Pro-Medium.woff2") format("woff2"), url("fonts/myriad_pro/Myriad-Pro-Medium.woff") format("woff"), url("fonts/myriad_pro/Myriad-Pro-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon-novagrain";
  src: url("fonts/icomoon-novagrain.eot?mr1jvx");
  src: url("fonts/icomoon-novagrain.eot?mr1jvx#iefix") format("embedded-opentype"), url("fonts/icomoon-novagrain.ttf?mr1jvx") format("truetype"), url("fonts/icomoon-novagrain.woff?mr1jvx") format("woff"), url("fonts/icomoon-novagrain.svg?mr1jvx#icomoon-novagrain") format("svg");
}
/**/
html {
  height: 100%;
}

a {
  color: #8b8e00;
  text-decoration: none;
}

hr {
  border: none;
  border-top: 1px solid var(--coop-p-m1);
}

.x-btn-over button {
  color: #8b8e00;
}

/* $HEADER */
/****************************************************/
.header-site {
  position: sticky;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  background-color: #F3F3F3;
}
.header-site .header-content {
  align-items: center;
}
.header-site .logo {
  flex: 1;
  height: 70px;
  padding: 10px 0;
}
.header-site .logo > * {
  display: block;
  height: 100%;
  width: 30%;
  min-width: 200px;
  max-width: 345px;
  background: url("/css/theme/images/logo.svg") no-repeat center left/contain;
}
.header-site .actions {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.header-site .menu {
  flex: 0 0 100%;
  width: 100%;
}

.link {
  cursor: pointer;
}

.error {
  color: red;
  display: block;
}

/* $ICONES MENU */
/********************************************************/
.menu-toolbar > div {
  margin: 13px 0 13px 7px;
}

.header-item {
  display: block;
  position: relative;
  margin: 0 5px;
}
.header-item a {
  color: #000;
}
.header-item ul li a {
  margin-top: 0;
}

.body-scrolled:not(.publique) .header-item::after {
  opacity: 0;
}
.body-scrolled:not(.publique) .header-site input[name=search] {
  padding: 0.2em;
}

.header-site input[name=search] {
  margin-top: 0;
  padding: 0.75em;
  margin-left: 10px;
}

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

.menu-toolbar div::before {
  display: block;
  width: 35px;
  height: 35px;
}

.body:not(.publique) #burger::before {
  content: "";
  background: url(/css/theme/images/header/burger.svg) no-repeat center/contain;
}
.body:not(.publique) #homepage::before {
  content: "";
  background: url(/css/theme/images/header/Home.svg) no-repeat center/contain;
}
.body:not(.publique) #search::before {
  content: "";
  background: url(/css/theme/images/header/Search.svg) no-repeat center/contain;
}
.body:not(.publique) #profil::before {
  content: "";
  background: url(/css/theme/images/header/User.svg) no-repeat center/contain;
}
.body:not(.publique) #favoris::before {
  content: "";
  background: url(/css/theme/images/header/Fav.svg) no-repeat center/contain;
}
.body:not(.publique) #previsu::before {
  content: "";
  background: url(/css/theme/images/header/Previsu.svg) no-repeat center/contain;
}
.body:not(.publique) #previsu.preview-on::before {
  background: url(/css/theme/images/header/Previsu-on.svg) no-repeat center/contain;
}

#previsu.preview-on {
  border-bottom: 2px solid red;
}

#logout::before,
#login::before {
  content: "";
  background: url(/css/theme/images/header/Disconnect.svg) no-repeat center/contain;
}

.actions #admin {
  color: transparent;
}

#favoris > ul {
  background-color: #f9f9f9;
  font-size: 16px;
  width: 250px;
  top: inherit;
  text-align: left;
  z-index: 1;
}

.list-favoris > li {
  display: block;
  position: relative;
  padding: 10px 5px;
}

.list-favoris .icon-cancel {
  color: #8b8e00;
}

#favoris > ul > li:not(:last-child) {
  border-bottom: 1px solid #d8d8d8;
}

.actions > #previsu.preview-on::before {
  color: red;
}

/* $RUBRIQUES MENU */
/****************************************************/
#menuPanel {
  background-color: #8b8e01;
  margin: 0;
  max-width: inherit;
  width: 100%;
}

.header-site .rubriques {
  text-align: left;
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 5px;
  align-items: flex-end;
}
.header-site .rubriques .sous-rubrique > .intitule {
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  font-size: 15px;
  padding: 1em 0;
  text-transform: uppercase;
}

.header-site .rubrique {
  cursor: pointer;
  z-index: 1;
}
.header-site .rubrique > .intitule {
  display: block;
  border: 2px solid transparent;
  padding: 0px 31px;
  font-family: tahoma, arial;
  font-size: 14px;
  cursor: pointer;
}
.header-site .rubrique > .intitule > * {
  color: #FFF;
  display: block;
  padding: 7px 0;
}
.header-site .rubrique:hover > .intitule, .header-site .rubrique.open > .intitule, .header-site .rubrique.selected > .intitule {
  color: #FFF;
  background-color: rgba(94, 95, 81, 0.95);
  border-top: solid 2px #EEE;
  border-left: solid 2px #EEE;
  border-right: solid 2px #EEE;
}
.header-site .rubrique:hover > .sous-rubriques, .header-site .rubrique.open > .sous-rubriques, .header-site .rubrique.selected > .sous-rubriques {
  margin-top: -2px;
  z-index: -1;
}

.sous-rubriques {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding: 1em;
  border: 2px solid #FFF;
  color: #FFF;
  background-color: rgba(94, 95, 81, 0.95);
  transition: none;
}

.header-site .services li {
  padding: 5px 0;
  font-family: "Myriad-Pro-M", arial;
  font-size: 14px;
}

.service.selected {
  border-left: 5px solid #8b8e00;
  padding-left: 10px;
}

.header-site .sous-rubrique {
  margin: 7px 32px 26px 13px;
  flex: 0 0 20%;
}

.sous-rubriques-list {
  width: calc(100% - 83px);
}

.service .cns-link {
  width: calc(100% - 30px);
  display: inline-block;
  padding: 0;
  color: #FFF;
  text-decoration: none;
}
.service .cns-link::before {
  content: "-";
  margin-right: 5px;
}
.service .cns-link:hover {
  color: #d0cf8f;
}

.admin-link:before {
  color: #d0cf8f;
  border-right: dotted 1px #AAA6A6;
  padding-right: 7px;
  margin-right: 5px;
}

/* Boutons et input dans la pop-up de connexion */
#login-panel label {
  width: auto;
  min-width: 100px;
}
#login-panel input {
  max-width: 100%;
}
#login-panel input[type=checkbox] {
  height: 15px;
  line-height: 15px;
  padding: 0;
  vertical-align: middle;
}
#login-panel .login-action {
  margin-bottom: 0;
  margin-top: 10px;
}
#login-panel input[type=submit] {
  background-color: #8b8e00;
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 7px;
  margin: 1em 0;
  display: block;
  border: none;
  margin: 20px auto 0 auto;
}
#login-panel input[type=submit]:hover {
  background-color: #606201;
  color: #fff;
  cursor: pointer;
}

/* Ajout de l'accès à la page d'accueil par rubrique */
.sous-rubriques.display {
  display: block;
}

.beautifier {
  float: left;
  width: 83px;
  height: 100px;
}
.beautifier::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
}

.rub1 .beautifier::before {
  background: url(/css/theme/images/menu/ico_admin.png) no-repeat center/contain;
}

.rub2 .beautifier::before {
  background: url(/css/theme/images/menu/ico_site.png) no-repeat center/contain;
}

.rub3 .beautifier::before {
  background: url(/css/theme/images/menu/ico_generique.png) no-repeat center/contain;
}

.rub4 .beautifier::before {
  background: url(/css/theme/images/menu/ico_sac.png) no-repeat center/contain;
}

.rub5 .beautifier::before {
  background: url(/css/theme/images/menu/ico_euro.png) no-repeat center/contain;
}

.rub6 .beautifier::before {
  background: url(/css/theme/images/menu/ico_generique.png) no-repeat center/contain;
}

.rub7 .beautifier::before {
  background: url(/css/theme/images/menu/ico_ble.png) no-repeat center/contain;
}

.rub8 .beautifier::before {
  background: url(/css/theme/images/menu/ico_generique.png) no-repeat center/contain;
}

.rub9 .beautifier::before {
  background: url(/css/theme/images/menu/ico_groupe.png) no-repeat center/contain;
}

#go-to-head {
  bottom: 7rem !important;
  background-image: url("images/common/go-to-head.png");
}

/* $HEADER SCROLLED */
/****************************************************/
@media only screen and (min-width: 901px) {
  .body-scrolled:not(.publique) .header-site {
    z-index: 230;
  }
  .body-scrolled:not(.publique) .actions .header-item ul li a {
    margin-top: 0;
  }
  .body-scrolled:not(.publique) .header-content div::after {
    visibility: hidden;
  }
  .body-scrolled:not(.publique) .menu-toolbar div::before {
    width: 30px;
    height: 30px;
  }
  .body-scrolled:not(.publique) header .actions #search {
    width: auto;
  }
}
/* $BASE-WRAPPER*/
/****************************************************/
#base-wrapper.hide {
  display: inherit;
}

.a-serv-hp .welcome-div {
  display: initial;
}
.a-serv-hp .welcome-div {
  position: absolute;
  top: 11em;
  left: 0;
  right: 0;
  width: 95%;
  max-width: 1440px;
  margin: 0 auto;
  text-align: right;
}
.a-serv-hp #logoPanel {
  display: none;
}

.a-serv-hp.body-scrolled .welcome-div {
  top: 8em;
}

.welcome-div {
  display: none;
}

#welcome:empty {
  display: none;
}

#welcome {
  display: inline-block;
  color: #FFF;
  background-color: rgba(175, 175, 175, 0.8);
  padding: 1em;
}

#logoPanel {
  display: none;
}

/*$MESSAGE COMMUNICATION*/
/******************************************************/
.message_header_site,
.message_header_service {
  padding: 0 1rem 1rem;
  background-color: #7dc1de;
  color: #fff;
}

.message_header_service {
  max-width: 100%;
}

/* $APPLIPANEL*/
/******************************************************/
#left-panel {
  order: 3;
}

#mid-panel-wrapper {
  order: 3;
  width: 100%;
}

#mid-panel {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

#visuPanel {
  flex: 1 0 100%;
}

#topPanel {
  min-height: 8em;
  background-color: #f9f9f9;
}

#presentPanel > .x-panel-bwrap {
  max-width: 1440px;
  margin: 0 auto;
}

#right-panel {
  order: 2;
}

ul.ariane {
  font: bold 11px "Myriad-Pro", arial;
  color: #6d6d6d;
}
ul.ariane a {
  color: #6d6d6d;
}
ul.ariane li:last-child a {
  color: #6d6d6d;
}

#favoris {
  position: relative;
}

.icon-favoris {
  margin-left: 0.5em;
}

.a-link-adm {
  flex: 0 0 95%;
  max-width: 1440px;
  margin: 1em auto;
}

.a-link-adm a,
.a-link-cns a,
.a-admin-page-accueil-back-link a {
  color: #9d9fa1;
  font: normal 15px "Gotham-L", arial;
  text-decoration: none;
}

.icon-config::before {
  font-size: 16px;
  color: #9d9fa1;
  font-family: "icomoon-novagrain";
}

.x-panel-tbar > .x-toolbar {
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
}

#presentPanel {
  flex: 0 0 100%;
  padding-top: 20px;
  margin-top: 40px;
  border-top: 4px solid #606201;
}
#presentPanel .cells {
  flex: 0 0 49%;
  width: 49%;
}

#transversePanel table tr td,
#compovisuPanel table tr td,
#compovisuPanel table tr td div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.with-transversalite #compovisuPanel,
.with-transversalite #transversePanel {
  flex: 1 0 100%;
  width: 100%;
}
.with-transversalite .a-paneltransverse-grid {
  margin-top: 2.5em;
}

#presentPanel .f-grid td,
#presentPanel .r-grid td {
  height: auto;
}
#presentPanel .cells {
  flex: 1 0 100%;
  align-items: center;
  margin-right: 1%;
  height: 35px;
  padding: 0;
}
#presentPanel img {
  height: 20px;
}

/* ENQUETE */
#presentPanel .cells td.image-empty {
  display: none;
}

.a-serv-title-BanqueDocumentHTML #visuPanel {
  border: none;
}

.freehtml img {
  margin: 1em;
}

.x-panel-bwrap,
.x-panel-body {
  overflow: visible;
}

/* TITRE DES PAGES  */
.titre-service {
  font-family: "Roboto-M", arial;
  /*text-transform: uppercase;*/
  font-size: 36px;
  color: #8b8e00;
  /*font-weight: bold;*/
  padding-top: 1em;
  margin: 0 auto;
}

.titlebar .title {
  background-color: #8b8e00;
  color: #fff;
  padding: 0.3em;
  font-weight: bold;
  font-size: 1.2em;
}

/* $Banque de documents */
/*********************************************************/
#visuPanel div.a-banque-arbo .x-panel-header,
#visuPanel div.a-banque-lastdocs .x-panel-header {
  background-color: #a0aeb7;
  padding: 1em;
}
#visuPanel .a-BanqueDocumentHTML .x-panel-header span {
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

.lastdocs .row .options {
  background-color: #f7f7f7;
}

.a-document-header-date {
  padding-left: 5px;
  font-size: 0.9em;
  font-weight: bold;
  color: #606201;
}

.lastdocs .row .options a,
.lastdocs .row .options ul li {
  color: #8b8e00;
  text-decoration: none;
}

.a-btn-atrium-search {
  margin-left: 5px;
}

/*Fil d'ariane*/
.a-banque-fil-ariane span {
  color: #8b8e00;
  font-weight: bold;
}

#visuPanel .x-panel-tbar > ul.banque-toolbar {
  flex-direction: row;
}

/*Arborescence docs*/
.x-tree-arrows .x-tree-lines {
  overflow: auto;
}

.a-banque-arbo > .x-panel-bwrap {
  border: 1px solid #e4e4e4;
}

.a-banque-tree *,
.a-banque-arbo tr td:nth-child(1) {
  background-color: #e8e8e8;
}

.x-tree-node a span,
.x-dd-drag-ghost a span {
  color: #777777;
  font-weight: bold;
}

.x-tree-node-expanded a span {
  color: #1586a4;
}

.x-tree-node .x-tree-selected,
.x-tree-node .x-tree-node-over {
  background-color: inherit;
  border: initial;
}

.x-tree-node-anchor::before {
  color: #8b8e00;
}

.a-gen-arbo .a-btn-atrium .x-btn-text {
  color: #fff;
  background: #8b8e00;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.a-gen-arbo .a-btn-atrium button:hover {
  background-color: #606201;
}

.a-folder-doc-nombre {
  color: #fff;
  background-color: #8b8e00;
}

/*Détails document*/
.lastdocsdetail div {
  background-color: #f8f6f8;
}
.lastdocsdetail button,
.lastdocsdetail a {
  color: #8b8e00;
  text-decoration: none;
  font-weight: bold;
}

.x-btn button {
  padding: 0;
}

.titlebar .x-btn {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.titlebar button {
  line-height: 1.6em;
  color: #9d9fa1;
  font: normal 15px "Gotham-L", arial;
}
.titlebar button::before {
  color: #9d9fa1;
  margin-right: 7px;
}

.r-toolbar-contact button::before {
  color: #8b8e00;
}

.properties-list > li {
  margin-bottom: 15px;
}
.properties-list li span:nth-child(1) {
  font-weight: bold;
  color: #8b8e00;
}

div.lastdocsdetail .transverse-element {
  color: #8b8e00;
  border-bottom: 1px solid #f9f9f9;
}

.a-PagingToolbar {
  margin-top: 1em;
}

/*$VISUPANEL*/
/******************************************************/
#visuPanel .a-serv-ress > .x-panel > .x-panel-bwrap,
#visuPanel .a-BanqueDocumentHTML > .x-panel-bwrap > .x-panel-body .x-panel-bwrap {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.a-serv-ress > .x-panel > .x-panel-bwrap > .x-panel-tbar {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  margin-bottom: 2em;
  order: 2;
}

.a-serv-ress > .x-panel > .x-panel-bwrap > .x-panel-body {
  order: 1;
  flex: 6;
}

#visuPanel .x-panel-tbar > ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 2.5em;
}

/*$Mémos, Avertissements, Événements*/
/******************************************************/
.a-service-texte .titlebar button::before,
.a-serv-ress .titlebar button::before {
  font-family: "icomoon-novagrain";
}

.a-service-texte .icon-clock,
.a-serv-ress .icon-clock {
  text-align: right;
}

.Titre1 .ck-content h2,
.Titre1 .ck-content h3 {
  font: 36px "Roboto-M", arial;
  color: #8b8e00;
}

.Titre2 .ck-content h2,
.Titre2 .ck-content h3 {
  font: 32px "Roboto", arial;
}

.Titre3 .ck-content h2,
.Titre3 .ck-content h3 {
  font: 26px "Roboto", arial;
}

.a-pave-hp-contenu-html .freehtml {
  padding-left: 26px;
}

.freehtml a,
.ck-content a {
  color: #8b8e00;
  text-decoration: underline;
}
.freehtml .Titre1,
.ck-content .Titre1 {
  font: 36px "Roboto-M", arial;
  color: #8b8e00;
}
.freehtml .Titre2,
.ck-content .Titre2 {
  font: 32px "Roboto", arial;
}
.freehtml .Titre3,
.ck-content .Titre3 {
  font: 26px "Roboto", arial;
}

.resume,
.abstract {
  color: #8b8e00;
  font-style: italic;
  margin-bottom: 1em;
}

.a-service-texte .icon-clock::before,
.a-serv-ress .icon-clock::before,
.a-service-texte .diffusion,
.a-serv-ress .diffusion {
  font-weight: bold;
  color: #606201;
}

.a-service-texte .icon-clock,
.a-serv-ress .icon-clock {
  padding-bottom: 0.2em;
}

.x-btn button.editRess-btn-icon::before,
.x-btn button.print-btnIcon::before,
.print-btnIcon::before,
.icon-comment::before,
.a-react-btnIcon::before,
.contact-btnIcon::before,
.export-btn-icon::before,
.icon-link::before {
  font-size: 17px;
}

/* bordure par défaut */
#presentPanel .x-panel-header-text {
  font-size: 26px;
  color: #8b8e00;
  font-family: "Roboto", arial;
}
#presentPanel .cells {
  border-color: #e4e4e4;
  font-family: "Gotham-M", arial;
}
#presentPanel .a-EvenementGrid .cells,
#presentPanel .a-paneltransverse-grid-Evenement .cells {
  border-color: #e4e4e4;
}
#presentPanel .a-Enquete .cells,
#presentPanel .a-paneltransverse-grid-Enquete .cells {
  border-color: #e4e4e4;
}

.a-Evenement-PanelSess {
  width: 100%;
}

.a-EvtInscription {
  padding: 5px;
}
.a-EvtInscription > input:hover {
  background-color: #606201;
  color: #FFF;
}

h2.inscriptions-pres {
  color: #8b8e00;
}

.r-grid > .inscriptions-tab th {
  background-color: #FFF;
  color: #8b8e00;
  border: 0;
}
.r-grid > .inscriptions-tab tr:not(:first-child) {
  border-bottom: 1px solid #ccc;
}
.r-grid > .inscriptions-tab tr td {
  padding: 15px 5px;
}

#PrecoPanel .x-panel-header,
#avertProduitsAgriPanel .x-panel-header {
  color: #8b8e00;
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 1px solid;
}

/* Editor small font for grid, toolbar and tree */
.x-small-editor .x-form-text {
  height: 25px;
  font-size: 1.077em;
}

.help {
  background-image: url(/css/theme/images/common/info-b.svg);
  background-size: contain;
  width: 25px;
  height: 25px;
}

/*$COMMENTAIRES*/
/******************************************************/
.a-Evenement > .x-panel-bwrap > .x-panel-body {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.a-CnsPanelContact {
  flex: 1;
  padding: 0 1em 0 0;
}

.a-CnsPanelComment {
  flex: 4 0 auto;
}

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

#visuPanel .a-CnsPanelComment h3,
#visuPanel .a-CnsPanelComment > .x-panel-header {
  font-variant: small-caps;
  font-size: 13px;
  color: #8b8e00;
  margin: 0 auto;
  border-bottom-color: #8b8e00;
  border-bottom-style: solid;
}

.a-CnsPanelComment .dateheure {
  padding: 1em;
  font-size: 0.923em;
  font-weight: bold;
  color: #666666;
}

#visuPanel .a-CnsPanelComment > .x-panel-header > span {
  color: #8b8e00;
}

.a-CnsPanelComment div.CommentHeader {
  font-size: 1.231em;
  color: #9b9b9b;
  text-transform: initial;
  font-style: italic;
  font-weight: 100;
}

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

.a-CnsPanelComment,
.a-CnsPanelComment * {
  max-width: 100%;
}

.a-form-comment .x-btn button {
  padding: 10px;
  background-color: #8b8e00;
  color: #FFF;
}

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

.r-toolbar-contact span {
  color: #8b8e00;
  text-transform: uppercase;
  font-size: 16px;
}

.a-CnsPanelContactList .x-toolbar {
  width: 100%;
}

.a-CnsPanelContactList .contact {
  color: #666666;
}

.icon-courrier::after {
  margin-left: 10px;
  font-size: 20px;
}

#PrecoPanel div.titre {
  font-size: 1.05em;
  font-weight: bold;
  padding: 5px;
  color: #8b8e00;
}

/*BANQUE UNIPERSONNEL*/
/******************************************************/
.a-banque-uniperso-container-tree {
  background-color: #e8e8e8;
}

.a-banque-uniperso-tree * {
  background-color: #e8e8e8;
}

.mediumcontainer:nth-child(2n),
.row:nth-child(2n) {
  background-color: rgba(240, 240, 240, 0.2);
}

/*$PETITES ANNONCES*/
/******************************************************/
.a-PetitesAnnonces .a-create-bt button,
.a-PetitesAnnoncesAdm .a-approb-bt button {
  background-color: #8b8e00;
  padding: 5px 13px;
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.a-PetitesAnnoncesAdm .a-approb-bt button:hover {
  background-color: #606201;
}

.a-PetitesAnnonces .a-create-bt button:hover,
.a-PetitesAnnonces .a-mail-bt button:hover {
  background-color: #606201;
}
.a-PetitesAnnonces .quarter.a-pan-col4 {
  background-color: #8b8e00;
  color: #fff;
}
.a-PetitesAnnonces .icon-prev,
.a-PetitesAnnonces .icon-next {
  margin-top: 1em;
  color: #606201;
  font-size: 1.2em;
  text-transform: uppercase;
}
.a-PetitesAnnonces .x-small-editor.paging {
  border-top: 4px solid #606201;
}
.a-PetitesAnnonces .a-mail-bt {
  background-color: #8b8e00;
  padding: 5px 13px;
  display: inline-block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.a-PetitesAnnonces .a-mail-bt button {
  color: #FFF;
  font-weight: bold;
  font-size: 1.1em;
}

.a-pan-detail-tbar {
  border-bottom: 2px solid #8b8e00;
}

.pan-annonce .pan-description,
.pan-annonce .pan-contact {
  border-right: 2px solid #8b8e00;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}
.pan-annonce .pan-entete .pan-titre {
  color: #8b8e00;
}
.pan-annonce .pan-description,
.pan-annonce .pan-contact {
  border-right: 2px solid #8b8e00;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}
.pan-annonce .pan-typean,
.pan-annonce .pan-annonce .pan-prix {
  text-transform: uppercase;
  font-weight: bold;
  color: #8b8e00;
}

.a-back-bt button {
  background-color: #8b8e00;
  padding: 5px 13px;
  color: #fff;
  display: block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.a-pan-row {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.petiteannonce .quarter:not(.a-pan-col4) {
  box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.25);
}

/*$FLUX RSS*/
/******************************************************/
.a-FluxRss-panel .rss-flux {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.a-FluxRss-panel .rss-flux .rss-flux-title::before {
  margin-right: 1em;
}
.a-FluxRss-panel .rss-flux .rss-flux-title {
  flex: 0 0 100%;
  font-size: 16px;
  background-color: #fd7217;
  color: #FFF;
  padding: 5px 1em;
  margin-bottom: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.a-FluxRss-panel .rss-flux .rss-item {
  flex: 1 0 45%;
  padding-bottom: 45px;
}
.a-FluxRss-panel .rss-flux .rss-item h3 a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
  font-size: 1.231em;
}
.a-FluxRss-panel .rss-flux .rss-item h3 a::before {
  content: "> ";
  font-family: cursive;
  font-size: 1.154em;
}
.a-FluxRss-panel .rss-flux .rss-item-date {
  display: table;
  padding: 4px 7px;
  margin-top: 4px;
  color: rgba(55, 56, 64, 0.69);
  background-color: rgba(200, 192, 181, 0.34);
  font-size: 11px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.a-FluxRss-panel .rss-flux .rss-item-description {
  margin-top: 5px;
}
.a-FluxRss-panel .rss-flux .rss-item-link {
  background-color: #676767;
  color: #fff;
  padding: 4px 10px;
  float: right;
  margin-top: 5px;
}
.a-FluxRss-panel .rss-flux .rss-item-link:hover {
  background-color: #fd7217;
}
.a-FluxRss-panel .rss-flux .rss-item-link a {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}
.a-FluxRss-panel .rss-flux .rss-item,
.a-FluxRss-panel .rss-flux .rss-item-warn {
  color: #666;
  padding: 0.9em;
  border-bottom: solid 1px #f9f9f9;
}

/*$ACM*/
/******************************************************/
.a-acm .x-panel-tbar > .titlebar {
  margin-bottom: 1.5em;
}
.a-acm .acmContainer .paginate-container {
  border-bottom: 1px solid #f9f9f9;
  margin-bottom: 5px;
}
.a-acm .x-panel-tbar > ul.titlebar {
  background-color: #8b8e00;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.a-acm .a-acm-grid-production .x-panel-header-text {
  font-weight: bold;
  font-size: 1.2em;
  color: #1498be;
}
.a-acm .a-acm-grid-production .a-PagingToolbar {
  padding: 10px 5px;
  background-color: #f9f9f9;
  border: 1px solid #d8d8d8;
}
.a-acm .prev,
.a-acm .next {
  font-size: 15px;
  color: #8b8e00;
  font-weight: bold;
  font-style: italic;
}
.a-acm .x-btn-icon button::before {
  color: #fff;
}

.a-acm-titre {
  color: #8b8e00;
}

.a-acm-date {
  color: #676767;
}

/*$MON COMPTE*/
/******************************************************/
#visuPanel .a-MonProfil .x-panel-tbar > ul {
  padding: 0;
}

.a-mon-compte-bloc-menu-wrapper .x-panel-header,
.favoriteAccordion .x-panel-header {
  color: #8b8e00;
  border-bottom: 1px solid #8b8e00;
}

.a-mon-compte-bloc-menu-wrapper a,
.a-mon-compte-bloc-menu-wrapper .username,
.a-MonProfil a:hover {
  color: #8b8e00;
}

.title.a-monProfil-title {
  font-size: 1.385em;
}

.a-mon-profil-info-wrapper .x-panel-footer {
  border-bottom: 1px solid #f9f9f9;
  margin-top: 1em;
}

.a-mon-compte-bloc-menu-wrapper .link a {
  font-size: 1.1em;
}

/*$OFFRES SPOT*/
/******************************************************/
.a-offres-wrapper th {
  padding: 2em 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;
}

@media screen and (max-width: 500px) {
  .a-offrespot .engagement .detail-cours > div {
    flex: 0 0 100%;
    padding: 5px 0px;
  }
}
/* $PAGEATRIUM*/
/******************************************************/
.pageatrium .container-secondBloc-fondGris .subcontainer {
  --grid-gap: 40px !important;
}
.pageatrium .container-secondBloc-fondGris .subcontainer:nth-child(2) {
  background-color: #f2f2f2;
}
.pageatrium .pave-titre-lignes .pave__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  color: #8b8e00;
}
.pageatrium .pave-titre-lignes .pave__header::before, .pageatrium .pave-titre-lignes .pave__header::after {
  content: "";
  display: block;
  flex: 1 0 1rem;
  border-bottom: 1px solid #8b8e00;
}
.pageatrium .pave-menu-cadre-survol .pave-menu__service {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1rem;
  border-radius: 10px;
  text-decoration: none;
  transition: 0.25s;
}
.pageatrium .pave-menu-cadre-survol .pave-menu__service:hover {
  box-shadow: 0 0 20px #aaa;
}
.pageatrium .pave-menu-cadre-survol .pave-menu__service__titre {
  margin: 1rem 0 0.5rem 0;
  font-size: 1rem;
}
.pageatrium .picto-85px img {
  width: 85px;
  height: 85px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 900px) {
  .pageatrium .mobile-hidden {
    display: none;
  }
}
.pageatrium .pave-multi-images .content-image {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pageatrium .pave-petites-annonces {
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 7px;
}
.pageatrium .pave-petites-annonces .pave__header h3 {
  margin: 0;
  text-align: center;
  font-size: 1.1rem;
}
.pageatrium .pave-petites-annonces .ressource-liste > article:not(:last-child) {
  padding-bottom: 1rem;
  border-bottom: 1px solid #cbd5e0;
}
.pageatrium .pave-petites-annonces .article__resume {
  color: #000;
}

/* $PAVÉS */
/******************************************************/
/******************************************************/
/******************************************************/
.a-HomePageFlottant > .x-panel-bwrap > .x-panel-body {
  overflow: hidden !important;
}

.titre-lignes-simples .x-panel-header-text::before,
.titre-lignes-simples .x-panel-header-text::after {
  border-bottom: 1px solid #8b8e00;
}

/* Styles standards */
.a-pave-hp .x-panel-header-text {
  color: #8b8e00;
}

.titre-sans-fond .x-panel-header-text,
.titre-lignes-crochets .x-panel-header-text {
  color: #000;
}

/*Formatage de date, titre et resumé*/
.a-pave-hp .x-panel-header-text {
  font-size: 1.231em;
  font-weight: bold;
}
.a-pave-hp .pave-contenu-titre {
  flex: 0 0 100%;
  font-weight: bold;
}
.a-pave-hp .pave-contenu-date {
  font-weight: bold;
  color: #686868;
}
.a-pave-hp .pave-contenu-resume {
  flex: 0 0 100%;
  margin-top: 0.5em;
  font-weight: normal;
}
.a-pave-hp .pave-contenu-resume img {
  margin: 0.5em;
  display: block;
  max-width: 30%;
}

/*Formatage de date, titre et résumé FIN*/
.prev,
.next {
  font-size: 30px;
  color: #8b8e00;
}

.puces .puce.actif {
  background-color: #8b8e00;
}

/*Pavé Mémos*/
.style-barre-plus .paginate-show li {
  border-color: #8b8e00;
}
.style-barre-plus .paginate-show li a::after {
  color: #8b8e00;
}

/* Pavé HTML */
.style-standard .paginate-page li {
  border-bottom: 1px solid #ccc;
}

.a-pave-hp-bhtml .pave-contenu-titre {
  font-size: 1.2em;
}

/*Pavé avertissement*/
.style-encadre .paginate-show {
  border-color: #8b8e00;
}
.style-encadre .a-panel-header-hp {
  color: #fff;
  background-color: #8b8e00;
}
.style-encadre .paginate-show > li::before {
  color: #8b8e00;
}

.a-serv-hp .style-encadre .x-panel-header-text {
  color: #fff;
}

/*Style tableau*/
.style-tableau .paginate-show > li:nth-child(even) {
  border-left: 1px solid #cecece;
}
.style-tableau .paginate-show li:nth-child(1n+3) {
  border-top: 1px solid #cecece;
}

/*Style titre lignes simples */
.titre-lignes-simples .x-panel-header-text {
  color: #8b8e00;
}
.titre-lignes-simples .x-panel-header-text::before,
.titre-lignes-simples .x-panel-header-text::after {
  border-bottom: 1px solid #8b8e00;
}

/*Enquete*/
.a-pave-hp-enquete .a-panel-header-hp {
  color: #606201;
  font-weight: bold;
  text-transform: uppercase;
}

.format-enquete-sobre .a-pave-hp-enquete ul > li > a {
  min-height: 150px;
  background-color: #f9f9f9;
}
.format-enquete-sobre .a-pave-hp-enquete .icon-search::before {
  font-size: 16px;
  color: #606201;
}

/* Quiz */
/******************************************************/
.format-quiz-simple .a-panel-header-hp {
  background-color: transparent;
}
.format-quiz-simple .a-Quiz .a-QuizPanelDetail .x-btn-text {
  background-color: #8b8e00;
}

.a-QuizGridRec .a-Titre {
  display: inline-block;
  color: #000;
  font-family: Kanit;
  font-size: 1.154em;
}

/* Quiz Liste */
/******************************************************/
.a-pave-hp-quizzListe .pave-contenu-titre::after {
  position: absolute;
  font-size: 30px;
  color: #8b8e00;
  right: 0;
}

.format-quiz-liste .paginate-page li a {
  border-bottom: 1px solid #8b8e00;
}

/* Pavé public Construisons l'avenir */
/******************************************************/
.edito-avenir .freehtml {
  color: #FFF;
  font-size: 40px;
  text-transform: uppercase;
  font-family: "Roboto-M", arial;
}
.edito-avenir .freehtml p {
  margin: 0;
}

/*EVENEMENT-AGENDA*/
/******************************************************/
.style-calendrier .a-pave-hp-evenement .x-panel-header {
  background-color: #1ec662;
}
.style-calendrier .a-pave-hp-evenement .x-panel-header-text {
  color: #FFF;
}
.style-calendrier .a-pave-hp-evenement .a-panel-header-hp::before {
  background: #1ec662;
  border: 7px solid #FFF;
}
.style-calendrier .a-pave-hp-evenement .a-panel-header-hp::after {
  background: #1ec662;
  border: 7px solid #FFF;
}
.style-calendrier .a-pave-hp-evenement .pave-contenu-date {
  background-color: #00a99d;
  color: #FFF;
}
.style-calendrier .a-pave-hp-evenement .pave-contenu-titre-resume {
  background-color: #f9f9f9;
}
.style-calendrier .a-pave-hp-evenement .paginate-show > li > ul {
  background-color: #f9f9f9;
}
.style-calendrier .a-pave-hp-evenement ul > li:nth-child(even) .pave-contenu-titre-resume,
.style-calendrier .a-pave-hp-evenement ul > li:nth-child(even) > ul {
  background-color: #e8e8e8;
}

/*acm*/
.pave-acm-tendance-production .acm-production {
  background-color: #f9f9f9;
}

.a-pave-hp-acm .paginate-show .pave-contenu-description-acm {
  background-color: #f9f9f9;
}

/*Offres Spot*/
.a-offrespot .links > div.offre-toolbar > div {
  margin-left: 1em;
  padding: 1em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.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-liste-offres a {
  color: #8b8e00;
}

.offre-toolbar div {
  color: #fff;
  background: #8b8e00;
}
.offre-toolbar div a {
  color: #fff;
  text-decoration: none;
}
.offre-toolbar div:hover {
  background-color: rgb(104.0542253521, 106.3, 0);
}

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

.a-cns-panel-exploitation > .x-panel-bwrap > .x-panel-body *:not(input) {
  background-color: #f9f9f9;
}

/*Annonces*/
.a-pave-hp-petiteAnnonce .x-panel-header-text::before {
  color: #8b8e00;
  background: #FFF;
  border-radius: 50%;
  margin-right: 1em;
}
.a-pave-hp-petiteAnnonce .x-panel-header-text::after {
  border-bottom: 1px solid #00a99d;
}

/*Horaires sites*/
.a-pave-hp-horaireSite .paginate-show {
  color: #676767;
}
.a-pave-hp-horaireSite .paginate-show thead tr th {
  background: url(/css/theme/images/fond-cellule.jpg) repeat center/contain;
  height: 24px;
  border-top: 2px solid #8b8e00;
  border-left: 1px solid #d0d0cf;
  padding: 7px;
}
.a-pave-hp-horaireSite .paginate-show tbody tr td {
  border: none;
  color: #8b8e00;
  padding: 0.2em 0.5em;
  cursor: pointer;
}
.a-pave-hp-horaireSite .paginate-show tbody tr td > span:first-child::before {
  content: "\e909";
  font-size: 16px;
}
.a-pave-hp-horaireSite .paginate-show tbody tr td > span:last-child::before {
  content: "\e90a";
  font-size: 16px;
}
.a-pave-hp-horaireSite .pave-horaire-1 {
  color: #0d8235;
}
.a-pave-hp-horaireSite .pave-horaire-2 {
  color: #e51b21;
}
.a-pave-hp-horaireSite .pave-horaire-3 {
  color: #ec671a;
}
.a-pave-hp-horaireSite .pave-horaire-4 {
  color: #f1e60f;
}
.a-pave-hp-horaireSite .pave-horaire-5 {
  color: #0cb2b7;
}
.a-pave-hp-horaireSite .horairesite-legend-item {
  margin: 2px;
}
.a-pave-hp-horaireSite .horairesite-legend-item img {
  max-width: 12px;
}

@media screen and (max-width: 899px) {
  .horairesite-legend {
    display: none;
  }
}
/*Flux RSS*/
.titre-sans-fond .a-pave-hp-rss .x-panel-header-text {
  color: #F7A11C;
}

.a-pave-hp-rss .x-panel-header-text span {
  font-size: 16px;
  font-weight: bold;
  color: #606201;
  margin-bottom: 1em;
}
.a-pave-hp-rss .pave-contenu-resume {
  font-style: italic;
  color: #676767;
}

/*style menu bouton*/
.format-bouton .a-pave-wrapper > a:nth-child(1),
.format-bouton .a-pave-wrapper > li:nth-child(1) {
  background-color: #00C533;
}
.format-bouton .a-pave-wrapper > a:nth-child(2),
.format-bouton .a-pave-wrapper > li:nth-child(2) {
  background-color: #0071bc;
}
.format-bouton .a-pave-wrapper > a:nth-child(3),
.format-bouton .a-pave-wrapper > li:nth-child(3) {
  background-color: #db5d5d;
}
.format-bouton .a-pave-wrapper > a:nth-child(4),
.format-bouton .a-pave-wrapper > li:nth-child(4) {
  background-color: #d4c7b4;
}
.format-bouton .a-pave-wrapper > a:nth-child(5),
.format-bouton .a-pave-wrapper > li:nth-child(5) {
  background-color: #00a99d;
}
.format-bouton .a-pave-wrapper > a:nth-child(6),
.format-bouton .a-pave-wrapper > li:nth-child(6) {
  background-color: #6597c8;
}
.format-bouton .a-pave-wrapper > a:nth-child(7),
.format-bouton .a-pave-wrapper > li:nth-child(7) {
  background-color: #f6a31e;
}
.format-bouton .a-pave-wrapper > a:nth-child(8),
.format-bouton .a-pave-wrapper > li:nth-child(8) {
  background-color: #9faeb7;
}
.format-bouton .a-pave-wrapper > a:nth-child(9),
.format-bouton .a-pave-wrapper > li:nth-child(9) {
  background-color: #695A04;
}

/*style menu bouton FIN*/
/*style menu vertical*/
.format-liste-verticale .x-panel-header::before {
  color: #8b8e00;
}
.format-liste-verticale .a-pave-wrapper div {
  font-weight: bold;
}
.format-liste-verticale .a-pave-wrapper a::before {
  color: #8b8e00;
}

/*style menu vertical FIN*/
/*style menu icones*/
.format-menu-icones .a-pave-wrapper a {
  flex: 1;
  padding: 0.5em;
  color: #fff;
  background-color: #8b8e00;
  border-right: 1px solid #fff;
}
.format-menu-icones .a-pave-wrapper a:hover {
  background-color: #1E27DB;
}

/* !DÉMO! A remplacer par les class correspondantes aux services*/
.format-menu-icones .a-pave-wrapper a:nth-child(1)::before {
  content: "\e813";
}
.format-menu-icones .a-pave-wrapper a:nth-child(2)::before {
  content: "\e80b";
}
.format-menu-icones .a-pave-wrapper a:nth-child(3)::before {
  content: "\e821";
}
.format-menu-icones .a-pave-wrapper a:nth-child(4)::before {
  content: "\f0f3";
}
.format-menu-icones .a-pave-wrapper a:nth-child(5)::before {
  content: "\f4ac";
}

/*style menu icones FIN*/
/*Info perso*/
/*style fiche*/
.pers-list-contacts {
  color: #8b8e00;
}

/*Info perso*/
.a-Sondage .a-progress-text {
  color: #FFF;
}

/* $PAVÉS FIN */
/******************************************************/
/******************************************************/
/******************************************************/
/* $PAVÉS NOVAGRAIN */
/******************************************************/
/******************************************************/
#meteo {
  margin: 0 auto;
}

.titre-tri-barres-bordure .x-panel-header {
  border-bottom: 1px solid #606201;
  margin-bottom: 7px;
}
.titre-tri-barres-bordure .x-panel-header::before {
  content: "";
  width: 20px;
  height: 13px;
  display: inline-block;
  margin-right: 7px;
  background: url(/css/theme/images/mini-burger.png) no-repeat center/contain;
}

.style-menu-novagrain .a-pave-wrapper-link {
  font-family: "Roboto", arial;
  font-weight: bold;
  margin: 7px 0;
  align-items: center;
}
.style-menu-novagrain .a-pave-wrapper-link::before {
  content: "";
  width: 32px;
  height: 32px;
  margin-right: 7px;
}
.style-menu-novagrain .a-pave-wrapper-link::before {
  background: url(/css/theme/images/acces-rapide/crayon.png) no-repeat center/contain;
}
.style-menu-novagrain .a-pave-menu-110-link::before {
  background: url(/css/theme/images/acces-rapide/roue.png) no-repeat center/contain;
}
.style-menu-novagrain .a-pave-menu-160-link::before {
  background: url(/css/theme/images/acces-rapide/roue.png) no-repeat center/contain;
}
.style-menu-novagrain .a-pave-menu-175-link::before {
  background: url(/css/theme/images/acces-rapide/melange-produit-phyto.jpg) no-repeat center/contain;
}
.style-menu-novagrain .a-pave-menu-124-link::before {
  background: url(/css/theme/images/acces-rapide/image.png) no-repeat center/contain;
}
.style-menu-novagrain-2 .a-pave-wrapper {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.style-menu-novagrain-2 .a-pave-wrapper-link {
  position: relative;
  flex: 0 0 15%;
  height: 100px;
  overflow: hidden;
  margin: 0 15px;
  box-shadow: 5px -5px 15px 5px #777;
  border-radius: 15px;
  margin-bottom: 30px;
}
.style-menu-novagrain-2 .a-pave-wrapper-link::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-color: rgba(239, 239, 239, 0.9);
}
.style-menu-novagrain-2 .a-pave-wrapper-link:hover::before,
.style-menu-novagrain-2 .a-pave-wrapper-link:hover > div {
  visibility: inherit;
}
.style-menu-novagrain-2 .a-pave-wrapper-link > div {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  text-align: center;
  font-family: "Roboto", arial;
  font-weight: bold;
  font-size: 17px;
}
.style-menu-novagrain-2 .a-pave-menu-112-link {
  background: url(/css/theme/images/acces-rapide/service1.png) no-repeat center/contain;
}
.style-menu-novagrain-2 .a-pave-menu-102-link {
  background: url(/css/theme/images/acces-rapide/service2.png) no-repeat center/contain;
}
.style-menu-novagrain-2 .a-pave-menu-105-link {
  background: url(/css/theme/images/acces-rapide/service3.png) no-repeat center/contain;
}
.style-menu-novagrain-2 .a-pave-menu-90-link {
  background: url(/css/theme/images/acces-rapide/service4.png) no-repeat center/contain;
}
.style-menu-novagrain-2 .a-pave-menu-135-link {
  background: url(/css/theme/images/acces-rapide/service4.png) no-repeat center/contain;
}
.style-menu-novagrain-2 .a-pave-menu-191-link {
  background: url(/css/theme/images/acces-rapide/mes-derniers-bons.jpg) no-repeat center/contain;
}

.style-bhtml-novagrain .a-pave-hp-bhtml .paginate-page li,
.style-bhtml-novagrain .a-pave-hp-uniperso .paginate-page li {
  display: inline-block;
  width: 50%;
  min-width: 150px;
}
.style-bhtml-novagrain .a-pave-hp-bhtml .paginate-page li a,
.style-bhtml-novagrain .a-pave-hp-uniperso .paginate-page li a {
  padding-right: 7px;
}
.style-bhtml-novagrain .pave-contenu-titre {
  font-size: 13px;
}
.style-bhtml-novagrain .pave-contenu-resume {
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.style-bhtml-novagrain .pave-contenu-date {
  display: none;
}

.style-barre-plus .paginate-show li {
  border: none;
}
.style-barre-plus .paginate-show .pave-contenu-titre {
  font-weight: normal;
  color: #554942;
}
.style-barre-plus .paginate-show .pave-contenu-resume {
  margin-bottom: 3.5em;
  color: #554942;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.a-pave-hp-petiteAnnonce .x-panel-header {
  background-color: #8b8e00;
  padding: 0.5em 7px;
}
.a-pave-hp-petiteAnnonce .x-panel-header .x-panel-header-text {
  color: #FFF;
}
.a-pave-hp-petiteAnnonce .paginate-show {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  background-color: #f9f9f9;
  padding: 7px;
}
.a-pave-hp-petiteAnnonce .paginate-show li {
  flex: 0 0 50%;
  margin-top: 13px;
}
.a-pave-hp-petiteAnnonce .paginate-show li a {
  padding-right: 7px;
}
.a-pave-hp-petiteAnnonce .paginate-show .pave-contenu-titre {
  font-weight: normal;
  font-size: 16px;
  color: #554942;
}
.a-pave-hp-petiteAnnonce .paginate-show .pave-contenu-descriptif {
  color: #554942;
}
.a-pave-hp-petiteAnnonce .paginate-show .pave-contenu-image {
  width: 120px;
}

.a-pave-hp-horaireSite .paginate-show thead tr th:not(:first-child)::before {
  content: "";
}

.format-carousel-standard .a-pave-hp-multiImage figcaption {
  background: rgba(239, 212, 77, 0.75);
  color: #FFF;
  min-height: 70px;
  padding: 5px;
}
.format-carousel-standard .a-pave-hp-multiImage .multiImage-titre {
  font-size: 21px;
  text-align: left;
  margin: 0.2em 0;
  font-family: "Gotham-M", arial;
}
.format-carousel-standard .a-pave-hp-multiImage .multiImage-description {
  width: 100%;
  text-align: left;
  font-family: "Gotham-M", arial;
}
.format-carousel-standard .a-pave-hp-multiImage.carousel .boutons > .next,
.format-carousel-standard .a-pave-hp-multiImage.carousel .boutons > .prev {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 20px;
  padding: inherit;
  width: 30px;
}
.format-carousel-standard .a-pave-hp-multiImage.carousel .boutons > .prev {
  left: 20px;
}
.format-carousel-standard .a-pave-hp-multiImage.carousel .boutons > .prev::before {
  margin: 0 2px 0 0;
  color: #FFF;
  content: "➤";
  transform: rotate(180deg);
  font-size: 12px;
  line-height: 30px;
  width: 30px;
}
.format-carousel-standard .a-pave-hp-multiImage.carousel .boutons > .next {
  right: 20px;
}
.format-carousel-standard .a-pave-hp-multiImage.carousel .boutons > .next::after {
  margin: 0 0 0 2px;
  color: #FFF;
  content: "➤";
  font-size: 12px;
  line-height: 30px;
  width: 30px;
}

.a-pave-hp-searchress > .a-panel-header-hp {
  display: none;
}
.a-pave-hp-searchress .x-form-item {
  margin-top: 13px;
}
.a-pave-hp-searchress .x-form-item > * {
  display: inline-block;
}

.paveagenda-popup-header {
  background-color: rgba(94, 95, 81, 0.95);
  color: #fff;
  line-height: 2em;
  font-weight: bold;
}

.a-pave-hp-nouveautes .x-grid3-body div.x-grid3-row:nth-child(n+4) {
  display: none;
}

/******************************************************/
/******************************************************/
/* $PAVÉS NOVAGRAIN */
/*PAGE PUBLIQUE*/
/************************************/
/************************************/
.publique .vue-container:not(.pageatrium):not(.admin-page-atrium) {
  padding: 1rem 2rem;
  background-color: #fff;
}
.publique .pageatrium .container-content {
  padding-top: 0;
  padding-bottom: 0;
}
.publique .pageatrium .container-content .bloc:first-child {
  margin-top: calc(var(--grid-gap) / 2);
}
.publique .pageatrium .container-content .bloc:last-child {
  margin-bottom: 0 !important;
}
.publique .header-site > .menu,
.publique .header-site .menu-toolbar .menu-icon,
.publique .header-site .menu-toolbar .home,
.publique .header-site .menu-toolbar .actions div:not(#login),
.publique .welcome-div,
.publique #topPanel {
  display: none;
}
.publique .header-site {
  position: static;
  background-color: transparent;
}
.publique .header-site .logo {
  height: 150px;
}
.publique .header-site .logo > * {
  width: 100%;
}
.publique .header-site .menu-toolbar {
  flex: 1;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
@media only screen and (max-width: 325px) {
  .publique .header-site .actions #logout {
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  .publique .header-site .header-content .logo {
    height: 70px;
  }
  .publique .header-site .header-item {
    width: auto;
  }
}
@media only screen and (min-width: 901px) {
  .publique .body-scrolled:not(.publique) .header-content div::after {
    visibility: inherit;
    opacity: 1;
  }
  .publique .body-scrolled:not(.publique) .header-site .header-content {
    height: inherit;
  }
  .publique .body-scrolled:not(.publique) .header-site .logo > * {
    height: 100%;
    margin-top: 0;
  }
}
.publique #logout::before,
.publique #login::before {
  display: inline-block;
  background: url(/css/theme/images/header/adherent-public.svg) no-repeat center/contain;
  width: 36px;
  height: 49px;
}
.publique #logout::after,
.publique #login::after {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "Espace adhérent";
  margin-left: 5px;
  font: 17px "Roboto-M", arial;
  font-weight: bold;
}
.publique .ensemble.bloc.bloc-prive {
  display: none;
}
.publique .a-pave-hp.public {
  margin: 0;
}
.publique .a-pave-hp.public .a-pave-sep {
  display: none;
}
.publique .a-pave-hp-image a {
  display: block;
}
.publique .free-html {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.publique .freehtml,
.publique .ck-content {
  padding: 0;
}
.publique .a-serv-cns .visu-panel-body .a-BanqueDocumentHTML,
.publique .a-serv-cns .visu-panel-body .a-Memos,
.publique .a-serv-cns .visu-panel-body .a-PageHTML {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 26px 31px;
  margin-top: 50px;
}
.publique #presentPanel {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 26px 31px;
}
.publique .presentation {
  flex: 1 0 49%;
  padding: 26px 31px;
  background-color: rgba(255, 255, 255, 0.8);
  font-family: "Roboto-M", arial;
  min-height: 320px;
}
.publique .presentation .intitule {
  min-width: 250px;
  text-align: center;
  margin-bottom: 13px;
  font: bold 25px "Roboto-M", arial;
}
.publique .presentation .intitule span:nth-child(2n+1) {
  color: #000;
}
.publique .presentation .intitule span:nth-child(2n) {
  color: #606201;
}
.publique .presentation .intitule::before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: url(/css/theme/images/Puce_titre_home.png) no-repeat center/contain;
  width: 50px;
  height: 50px;
  margin-right: 5px;
}
.publique .presentation .resume {
  font: normal 18px "Roboto", arial;
  color: #000;
  word-spacing: 3px;
  margin-bottom: 13px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  color: #000;
  font-style: normal;
}
.publique .presentation .lire-la-suite {
  text-align: center;
}
.publique .presentation .lire-la-suite a {
  width: inherit;
  display: inline-block;
  color: #FFF;
  background-color: #606201;
  padding: 7px 13px;
  font-size: 15px;
}
.publique .public-edito-construisons {
  color: #FFF;
  font-size: 40px;
  text-transform: uppercase;
  font-family: "Roboto-M", arial;
}
@media only screen and (max-width: 900px) {
  .publique .presentation .intitule {
    font-size: 1.6em;
  }
  .publique .presentation .resume {
    font-size: 1em;
  }
  .publique .a-pave-hp-image img {
    max-width: 90%;
  }
}
.publique .style-bhtml-publique .paginate-show li {
  color: #FFF;
  background-color: #606201;
  padding: 7px;
  margin-bottom: 5px;
}
.publique .style-bhtml-publique .paginate-show li .pave-contenu-date,
.publique .style-bhtml-publique .paginate-show li .pave-contenu-resume {
  display: none;
}
.publique .style-bhtml-publique .paginate-show li .pave-contenu-titre {
  align-self: center;
  font-size: 20px;
  text-transform: uppercase;
}
.publique .style-bhtml-publique .paginate-show li .container-type {
  background: url(/css/theme/images/icone_book_home.png) no-repeat center/contain;
  margin: 0 26px;
}

/************************************/
/************************************/
/*PAGE PUBLIQUE FIN*/
/***/
/* TYPE : Organisation */
/* debut comment style */
.a-OrganisationPanelSect > .x-panel-header {
  color: #8b8e00;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.a-Organisation-member {
  border-left: 3px solid #8b8e00;
}

.a-Organisation-memberDataTitle,
.a-Organisation-memberDataFct {
  color: #8b8e00;
  font-weight: bold;
}

.a-Organisation-memberDataDetail ul li {
  font-style: italic;
}

.a-OrganisationActLinkMembers,
.a-OrganisationSiteLinkMembers,
.a-OrganisationSiteLocalisation {
  background-color: #8b8e00;
  padding: 7px;
  color: #FFF;
  font-size: 13px;
  text-align: center;
  margin-bottom: 1em;
  margin: 10px 10px 0 0;
  display: inline-block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.a-OrganisationActLinkMembers:hover {
  background-color: #606201;
}

.a-Organisation-docs:not(:empty) {
  background-color: #f8f8f8;
  border-left: 3px solid #8b8e00;
}

/* TYPE : SuiviCompte */
.a-suivicompte .x-panel-header {
  background-color: #f9f9f9;
  padding: 0.5em 1em;
}

.a-serv-title-SuiviCompte .x-toolbar table td > .x-btn-text-icon {
  padding: 5px 10px;
  color: #fff;
  background-color: #8b8e00;
  border-radius: 5px;
}

.a-suivicompte .x-grid-panel {
  margin-top: 7em;
}

.r-grid th,
.f-grid th,
.a-grid3-hd-row td,
.x-grid3-hd-row td {
  background-color: #797D11;
  color: #fff;
}
.r-grid th:not(:first-child),
.f-grid th:not(:first-child),
.a-grid3-hd-row td:not(:first-child),
.x-grid3-hd-row td:not(:first-child) {
  border-left: 1px solid #FFF;
}

.a-suivicompte-histopanel-container .x-panel-tbar {
  padding-bottom: 2em;
}

.a-suivicompte-histopanel-gridhisto ul li button {
  background-color: #8b8e00;
  padding: 5px 10px;
  color: #fff;
}

.a-commentaire-libelle {
  font-style: italic;
  font-weight: bold;
}

.a-suivicompte .a-suivicompte-infopanel {
  margin: 0 0 15px 0;
  background-color: #606201;
  width: 250px;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
}

.a-suivicompte .x-grid-panel .x-panel-header span {
  color: #FF6800;
  letter-spacing: 0;
}

#visuPanel .a-suivicompte .titlebar .x-btn-text-icon .x-btn-center .x-btn-text {
  height: 36px;
  padding: 3px 5px 2px 33px;
  font-size: 1.2em;
}

.a-suivicompte .titlebar td {
  padding: 0 1em 0.5em 0;
}

#visuPanel .a-suivicompte .x-panel-header span {
  font-size: 1.3em;
  font-weight: bold;
  color: #2ca5c6;
  text-transform: uppercase;
}

@media only screen and (max-width: 1024px) {
  .a-suivicompte {
    padding: 0 1em;
  }
  .a-suivicompte .a-cns-panel-exploitation .col-m-50 {
    width: 48%;
    display: inline-block;
    margin: 0 1%;
    vertical-align: top;
  }
  .a-suivicompte tr.cells {
    background-color: #fafafa;
    border: solid 1px #e1e1e1;
    position: relative;
  }
  .a-suivicompte div.x-tool-export {
    position: absolute;
    top: 0.5em;
    right: 0.1em;
    padding: 0.5em;
  }
  .a-suivicompte .a-suivicompte-comcomptes {
    padding: 0 0.1em;
  }
  .a-virement {
    padding: 0 1em;
  }
  .a-virement .a-cns-panel-exploitation .col-m-50 {
    width: 100%;
    display: block;
    margin: 0;
  }
  .a-virement tr.cells {
    background-color: #fafafa;
    position: relative;
  }
  .a-virement .titlebar .x-btn-text-icon {
    margin-bottom: 10px;
  }
  .a-virement .titlebar .ytb-text {
    width: 100%;
  }
  .a-virement .a-grid3-col-numeric span {
    color: green;
    font-weight: bold;
  }
  .a-virement .a-grid3-col-numeric span::after {
    content: " €";
  }
  .a-virement .a-btn-compte {
    float: right;
  }
  .a-virement .titlebar .rbutton {
    padding: 0.3em 0;
  }
  .a-virement .a-cns-panel-exploitation .col-m-50 {
    width: 100%;
    display: block;
    margin: 0;
  }
  .a-virement tr.cells {
    background-color: #fafafa;
    position: relative;
  }
  .a-virement-grid .x-panel-tbar td {
    display: inline-block;
  }
  .a-virement-datapanel .titlebar .a-virement {
    width: 100%;
    padding-left: 0;
  }
  .a-virement-grid-bbar td {
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  .a-suivicompte .a-cns-panel-exploitation .col-m-50 {
    width: 100%;
    display: block;
    margin: 0;
  }
}
@media only screen and (max-width: 500px) {
  .petiteannonce .quarter.a-pan-col1 {
    flex: 0 0 100%;
    margin-top: 35px;
  }
  .petiteannonce .quarter.a-pan-col2,
  .petiteannonce .quarter.a-pan-col3 {
    flex: 0 0 100%;
    margin-top: 5px;
  }
}
/* virement et suivicompte */
.a-cns-panel-exploitation .x-form-item label {
  min-width: inherit;
}

/* Virement */
.a-virement-form,
.a-virement .a-virement-confirm {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.a-cns-panel-exploitation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.2em 0;
  padding: 0.5em 0;
  width: 70%;
  min-width: 300px;
  text-align: center;
  background-color: #f9f9f9;
  color: #686868;
}
.a-cns-panel-exploitation > .x-panel-bwrap > .x-panel-body {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.a-cns-panel-exploitation .x-form-field-wrap .x-form-trigger {
  background-image: url("/images/v4/sort-desc.svg");
  background-repeat: no-repeat;
  width: 30px;
  height: 25px;
  background-size: 65%;
  background-position: center center;
  border: solid 1px #B5B8C8;
  margin-left: -1px;
  margin-top: 7px;
}
.a-cns-panel-exploitation .rcombo {
  width: 90%;
  margin: auto;
}
.a-cns-panel-exploitation .x-form-field {
  background-color: #fff;
  margin-top: 7px;
  vertical-align: top;
  width: calc(100% - 30px);
}
.a-cns-panel-exploitation .x-form-field-wrap .x-form-trigger {
  background-color: #EFEFEF;
}

.a-exploit-list-user {
  border-left: 1px dashed;
  padding-left: 5px;
  padding-right: 5px;
}

#visuPanel .a-virement-datapanel .x-panel-tbar > ul {
  flex-direction: column-reverse;
}

.a-virement-grid > .x-panel-bwrap > .x-panel-body {
  width: 100%;
}
.a-virement-grid .x-panel-tbar .x-btn-text-icon {
  display: inline-block;
  float: right;
}
.a-virement-grid .x-panel-tbar table,
.a-virement-grid .x-panel-tbar tbody {
  width: 100%;
  display: block;
}
.a-virement-grid tr.cells {
  margin: 5px;
  background-color: #fafafa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.a-serv-cns .a-virement-grid .x-panel-tbar td:not(:first-child) .x-btn-text,
.a-serv-cns .a-suivicompte .x-panel-tbar td:not(:first-child) .x-btn-text {
  margin: 0;
}

.a-virement .titlebar .rbutton.x-btn-text-icon {
  float: right;
}
.a-virement .x-grid-panel .a-grid3-header {
  background: none;
  background-color: #a0aeb7;
  color: #fff;
  height: 30px;
}
.a-virement td.a-grid3-col {
  height: 35px;
  vertical-align: middle;
  padding: 0 5px;
}
.a-virement .a-grid3-scroller tr:hover {
  background-color: #f9f9f9;
}
.a-virement .a-virement-grid .a-grid3-row,
.a-virement .a-virement-grid .a-grid3-header {
  height: 35px;
}
.a-virement .a-virement-grid .a-grid3-hd {
  font-family: arial;
  font-size: 1em;
  height: 30px;
}

td.a-grid3-hd-over .a-grid3-hd-inner,
td.sort-desc .a-grid3-hd-inner,
td.sort-asc .a-grid3-hd-inner,
td.a-grid3-hd-menu-open .a-grid3-hd-inner {
  background: transparent;
}

.a-virement-grid .titlebar {
  flex: 1;
  order: 2;
}

.a-virement .title {
  text-transform: uppercase;
}

.a-virement-form input {
  height: 24px;
}

.x-tab-strip-top .x-tab-strip-inner {
  text-align: center;
}

.a-grid3 td.a-grid3-col-numeric div {
  text-align: left;
}

.x-panel-btns-ct .a-btn-form .x-btn-text,
.x-panel-btns-ct .a-btvalid .x-btn-text,
.x-panel-btns-ct .a-btn-valid .x-btn-text,
.x-panel-btns-ct .a-btn-cancel .x-btn-text {
  color: #fff;
  padding: 0.5em 1em;
  margin: 1em 0;
  display: block;
}
.x-panel-btns-ct .a-btn-form .x-btn-text,
.x-panel-btns-ct .a-btvalid .x-btn-text,
.x-panel-btns-ct .a-btn-valid .x-btn-text {
  background-color: #8b8e00;
}
.x-panel-btns-ct .x-btn-text.refuse::before,
.x-panel-btns-ct .a-bt-cancel .x-btn-text::before {
  border: solid 1px #B5B8C8;
  background-color: #EFEFEF;
  padding: 5px;
}
.x-panel-btns-ct .a-btn-cancel .x-btn-text {
  background-color: #a0aeb7;
}

.x-form-file-btn .x-btn-text {
  background-color: #8b8e00;
  color: #fff;
  padding: 0.35em 0.5em;
  display: block;
  cursor: pointer;
}

.a-btn-form .x-btn-text:hover,
.a-btvalid .x-btn-text:hover,
.a-btn-valid .x-btn-text:hover,
.a-btn-cancel .x-btn-text:hover,
.x-form-file-btn .x-btn-text:hover {
  background-color: #606201;
}

[id*=form-compteDebit],
[id*=form-compteCredit] {
  width: 95%;
}

#visuPanel .a-virement .x-panel-tbar > ul {
  padding: 0;
}

.a-virement .titlebar .x-btn-text-icon:hover {
  background-color: transparent;
}

input[id*=form-montant] {
  max-width: 60px;
}

div[id*=form-montant]::after {
  content: " €";
  font: bold 1.2em arial;
}

/* TYPE : Dashboard Services Suivi */
.a-grid3-header {
  background-color: #a0aeb7;
  color: #fff;
}

#visuPanel .a-dashboard .x-panel-header span {
  font-size: 1.2em;
  font-weight: bold;
  color: #8b8e00;
  text-transform: uppercase;
}

.a-dashboard .icon-prev span,
.a-dashboard .icon-next span {
  color: #606201;
  font-size: 1.2em;
  text-transform: uppercase;
  display: block;
  margin: 1em 0;
}
.a-dashboard .icon-prev span:hover,
.a-dashboard .icon-next span:hover {
  color: #8b8e00;
}

/* TYPE : Enquête */
.a-Enquete .x-fieldset legend {
  color: #8b8e00;
  font-size: 1.2em;
}

div.a-Enquete #enqu-answers-tab .x-accordion-hd,
#visuPanel #acs-dashboard .x-accordion-hd {
  background-color: #f9f9f9;
}

/* TYPE : Quiz */
.a-QuizPanelButton {
  display: inline-block;
  margin: 1em 0;
  cursor: pointer;
}
.a-QuizPanelButton .x-panel-body {
  background: none;
}

.a-Quiz .a-QuizPanelButton .a-QuizBtnValid button {
  color: #fff;
  font-size: 1.4em;
}

.x-progress-wrap {
  border: 1px solid #dcdcdc;
}

.x-progress-inner {
  background-color: #eaeaea;
}

.x-progress-bar {
  background-color: #00a99d;
}

.x-progress-text {
  font-size: 14px;
}

#visuPanel .a-Quiz .x-panel-header .x-panel-header-text {
  font-size: 1.2em;
  font-weight: bold;
  color: #396095;
  padding-top: 0.5em;
  display: block;
  z-index: 2;
}

/* TYPE : Sondage */
.a-Sondage .diffusion {
  margin: 0 0 15px 0;
  background-color: #606201;
  width: 85px;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
}
.a-Sondage .a-Intitule {
  font-size: 1.2em;
  font-weight: bold;
  color: #396095;
  padding-top: 0.5em;
  display: block;
}
.a-Sondage .a-progress-bar {
  background: none;
  background-color: #606201;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.a-Sondage .a-panelNbRep .x-panel-body,
.a-Sondage .a-panelRep {
  height: 15px;
  padding: 4px 10px 0 10px;
  height: 25px;
  margin: 10px 0;
}
.a-Sondage .a-panelRep .x-panel-body {
  background: none;
}
.a-Sondage .prevRess-btn div.title {
  text-align: left;
}
.a-Sondage .x-panel-btns.x-panel-btns-center td > div.a-btn-valid {
  background: none;
}
.a-Sondage .answer-btn,
.a-Sondage .answer-btnCt,
.a-Sondage .a-SondagePanelRes {
  width: 100%;
}
.a-Sondage .a-Sondage-PanelQues .a-Intitule {
  font-size: 1.2em;
  font-weight: bold;
  color: #686868;
}

#page-prev-t button,
#page-next-t button,
#page-prev-b button,
#page-next-b button {
  margin: 5px 0 5px 10px;
  padding: 5px 10px;
  background-color: #8b8e00;
  color: #FFF;
}

/* $QUESTIONNAIRE */
/* ***************************** Questionnaire ***************************** */
.visu-panel input,
.visu-panel textarea {
  border: 1px solid #ccc;
}

.rtextarea .x-form-textarea {
  border: none;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
}

.intro {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

.conclu {
  margin-top: 5px;
  margin-bottom: 10px;
  font-style: italic;
}

.quest-btn {
  margin: 0 0 15px 0;
  background-color: #8b8e00;
  width: 85px;
  padding: 7px 10px;
  font-size: 1em;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.quest-btn button {
  color: #fff;
}

.question-pair,
.question-impair {
  padding: 7px 0px 3px 10px;
}

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

div.questionnaire .x-panel .question-pair > .x-panel-bwrap > .x-panel-body {
  margin-top: 10px;
}

.rradiogroup .x-form-radio-wrap {
  height: 100%;
  padding: 3px 0px;
}

@media screen and (max-width: 425px) {
  .x-form-radio-group .x-form-radio-wrap {
    padding: 1em 0;
  }
}
/* ***************************** A RE-INTEGRER ***************************** */
/* Correction bug sur preview panel - largeur combobox */
#previewPanel .r-form .rcombo input.x-form-text {
  max-width: 250px;
}

.x-form-file-wrap {
  height: 30px;
}

#presentPanel .a-Quiz .x-panel-bwrap .x-panel-body table .cells td:nth-child(1) {
  color: #000;
  padding: 0px;
  border-radius: 0px;
}
#presentPanel .a-Quiz .a-Titre {
  font-family: Kanit;
  font-size: 15px;
}
#presentPanel .a-Quiz .a-Info {
  font: 13px arial, sans-serif;
}

.a-grid3-niv-2 .a-grid3-header {
  background-color: #a0aeb7;
  color: #fff;
}

/* ***************************** SUIVI BON  ***************************** */
.a-suivi-bon .x-panel-header {
  border-bottom: 1px solid #8b8e00;
}
.a-suivi-bon .x-panel-btns-ct .x-panel-btns-center {
  background-color: #f7f7f7;
}
.a-suivi-bon .a-btn-atrium {
  text-align: right;
  font-weight: bold;
}
.a-suivi-bon .a-btn-atrium::before {
  content: "\e800";
  font-family: "fontello";
  color: #8b8e00;
  margin-right: 0.3em;
  font-size: 1.2em;
}
.a-suivi-bon .resume {
  font-size: 12px;
}

.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;
  margin-left: 1em;
  padding-bottom: 0;
}
.a-suivi-bon-form #exploitCombo .x-form-label-left label {
  display: block;
}

.apport,
.appro,
.engagement,
.commande {
  position: relative;
  width: 100%;
  min-height: 195px;
  margin: 1em auto;
  padding: 1em 1em 35px;
  background-color: #f7f7f7;
}

/* ATTENTION A VERIFIER PARTOUT CAR LES BOUTONS "< >" DES SELECT SONT PAS ASSEZ GRAND ICI mais c'est peut etre le cas ailleurs*/
.a-suivi-bon-form .x-form-arrow-trigger {
  width: 25px;
  height: 25px;
  margin-left: -1px;
}
.a-suivi-bon-form .x-form-date-trigger {
  width: 25px;
}
.a-suivi-bon-form .rdatefield.x-form-item .x-form-field {
  margin-left: 0.2em;
}

.a-cns-panel-exploitation .x-form-field-wrap .x-form-trigger {
  height: 25px;
}

/* -- Fin du attention */
.a-dernier-bon .a-list-apport,
.a-dernier-bon .a-list-appro,
.a-dernier-bon .a-list-engagement,
.a-dernier-bon .a-list-commande {
  border: none;
}

.a-suivi-bon .detail-link {
  background-color: #8b8e00;
  color: #fff;
  padding: 0.5em 1em;
  display: block;
  position: absolute;
  right: 0.9em;
  bottom: 1em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.a-suivi-bon .detail-link:hover {
  background-color: #606201;
}
.a-suivi-bon li dt {
  color: grey;
  font-style: italic;
  padding-top: 2px;
}
.a-suivi-bon .date {
  float: right;
  color: #606201;
  font-weight: bold;
}
.a-suivi-bon .date::before {
  content: "\e80b";
  font-family: "fontello";
  margin-right: 0.3em;
  font-size: 1.2em;
}

.a-result-list-bon .rbutton {
  background-color: #8b8e00;
  padding: 0.5em 1em;
  margin: 1em 1em 1em 0;
  display: inline-block;
}
.a-result-list-bon .rbutton:hover {
  cursor: pointer;
  color: #606201;
}
.a-result-list-bon .rbutton .x-btn-text {
  color: #fff;
}

/**** PAGE DETAIL ****/
.paginate-show dt {
  color: grey;
  font-style: italic;
  padding-top: 7px;
}

.a-detail-bon .boutons {
  margin-top: 2em;
}

.a-suivi-bon .a-detail-bon dl dd {
  display: table-cell;
  padding: 0 1em 0 0;
}

/* fin page détail */
/*BOUTONS*/
.a-PetitesAnnonces .a-create-bt button,
.x-form-file-btn button,
.dateTimeZone button,
.a-QuizBtnValid button {
  color: #fff;
  background: #8b8e00;
  padding: 5px 13px;
}
.a-PetitesAnnonces .a-create-bt button:hover,
.x-form-file-btn button:hover,
.dateTimeZone button:hover,
.a-QuizBtnValid button:hover {
  background-color: rgb(104.0542253521, 106.3, 0);
}

.offre-toolbar div {
  color: #fff;
  background: #8b8e00;
  padding: 5px 13px;
  margin: 0 0.2em 0.5em;
}
.offre-toolbar div a {
  color: #fff;
  text-decoration: none;
}
.offre-toolbar div:hover {
  background-color: rgb(104.0542253521, 106.3, 0);
}

.x-window-footer .x-btn-text,
.x-panel-footer .x-btn-text,
.x-panel-btns-right .x-btn-text,
.answer-btnIcon span {
  background-color: #8b8e00;
  color: #fff;
  padding: 1em;
}
.x-window-footer .x-btn-text:hover,
.x-panel-footer .x-btn-text:hover,
.x-panel-btns-right .x-btn-text:hover,
.answer-btnIcon span:hover {
  background-color: rgb(104.0542253521, 106.3, 0);
}

.calendar.dateTimeZone button {
  background-color: inherit;
  color: inherit;
  border: 1px solid #8b8e00;
}
.calendar.dateTimeZone button:hover {
  background-color: rgb(104.0542253521, 106.3, 0);
}

/*border radius input*/
/* combo et input cns */
.x-form-field-wrap .x-form-field,
.x-form-field-wrap .x-form-field {
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}

.x-form-textarea,
.x-form-text {
  border-radius: 0.5em;
}

.x-form-field-wrap .x-form-text,
.x-form-field-wrap .x-combo-noedit {
  border-top-right-radius: 0em;
  border-bottom-right-radius: 0em;
}

.a-pan-cb-typean input.x-form-field,
.a-pan-cb-categ input.x-form-field,
.a-pan-cb-souscateg input.x-form-field,
.x-form-field-wrap .x-form-file-text,
.x-form-field-wrap .x-form-twin-triggers .x-form-clear-trigger,
.x-form-field-wrap .x-form-arrow-trigger,
.a-cns-panel-exploitation .x-form-trigger,
.x-form-field-wrap .x-form-date-trigger {
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  margin-left: -1px;
}

.a-HoraireSite .x-toolbar .x-form-field-wrap .x-form-text {
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

#searchress-input-wrapper .x-form-text,
.a-cb-terme .x-form-text {
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

/********************************************** PLAN DU SITE ********************************************/
.a-Plan {
  /* Niveau 1 */
  /* Niveau 2*/
  /* Niveau 3*/
}
.a-Plan ul.menus li a {
  font-size: 1.2em;
  color: #797d0e;
  text-decoration: none;
  font-family: tahoma;
}
.a-Plan ul.menus li a:hover {
  color: #94a652;
}
.a-Plan ul.menus li a::after {
  content: ">";
  font-family: monospace;
  padding-left: 5px;
}
.a-Plan ul.submenus li {
  font-family: tahoma;
  color: #1A191B;
  font-size: 1em;
  padding-bottom: 2px;
}
.a-Plan ul.submenus li a:after {
  content: "";
}
.a-Plan ul.services {
  margin-top: 8px;
}
.a-Plan ul.services li span.menu-item-adm a {
  font-size: 1.1em;
  color: #CA2626;
}
.a-Plan ul.services li span.menu-item-adm a:hover {
  color: #FF0000;
  text-decoration: underline;
}
.a-Plan ul.services li span.menu-item-cns a {
  font-size: 1.1em;
  color: #32357A;
}
.a-Plan ul.services li span.menu-item-cns a:hover {
  color: rgb(139, 142, 1);
}
.a-Plan ul.services li::before {
  content: "";
}
.a-Plan ul.services li span.menu-item-type a {
  font-size: 0.7em;
  color: #808080;
}

/************************************* CSS footer ************************************* */
/************************************* CSS contenu pavé L'Actu ************************************* */
.a-actu-image,
.a-actu-content {
  float: left;
}

.a-actu-sep {
  clear: left;
}

.a-actu-image {
  width: 75px;
}

.a-actu-line {
  padding: 5px 2px;
}

.a-actu-titre {
  font-size: 1.3em;
  font-weight: bold;
}

.a-actu-contacts {
  background-color: #99c5f2;
  color: #fff;
  padding: 5px;
}

.a-actu-info {
  margin: 10px;
  margin: 10px;
  text-align: justify;
}

/************************************* Template pavé page d'accueil ************************************* */
.a-tpl-resume {
  width: 100%;
}

.a-tpl-image {
  float: left;
  width: 25%;
}

.a-tpl-image img {
  max-width: 100%;
}

.a-tpl-contenu {
  float: left;
  width: 74%;
  padding-left: 5px;
  text-align: justify;
}

.a-tpl-sep {
  clear: left;
}

/* Pavé HP : recherche */
.a-cb-thematique {
  display: none;
}

.a-pave-hp-searchress .x-form {
  padding-top: 1.5em;
}
.a-pave-hp-searchress .a-searchressform .x-form-item label,
.a-pave-hp-searchress .a-searchressform .x-form-element {
  display: block;
  margin: auto;
  text-align: center;
}
.a-pave-hp-searchress .a-searchressform .x-form-element .x-form-field-wrap {
  margin: auto;
}
.a-pave-hp-searchress .a-search,
.a-pave-hp-searchress .a-searchress .a-search {
  background-color: rgba(94, 95, 81, 0.95);
}
.a-pave-hp-searchress .a-search button,
.a-pave-hp-searchress .a-searchress .a-search button {
  color: #fff;
  font-size: 1.2em;
  background-color: inherit;
  padding: 0;
  font-weight: normal;
}

.searchress-entete {
  flex-flow: row wrap;
}

.a-searchress .searchress-entete h2 {
  order: 1;
  width: 75%;
  font-size: 1.2em;
  padding-left: 0;
}

.searchress-entete > .searchress-date {
  order: 2;
  width: 20%;
}

.searchress-entete > .searchress-path {
  order: 3;
  width: 80%;
}

.searchress-resultat {
  padding: 1em;
  border: 1px outset rgba(94, 95, 81, 0.95);
  /*box-shadow: 0.2em 0.2em 0.2em rgba(94, 95, 81, 0.95);*/
  border-radius: 0.5em;
  margin-right: 0.2em;
}

.searchress-resultat {
  margin-bottom: 2em;
}

.a-searchress h2 {
  font-size: 1.2em;
}
.a-searchress .searchress-path {
  font-style: italic;
}
.a-searchress label {
  line-height: 1.8em;
}
.a-searchress .a-searchressform {
  margin-bottom: 3em;
  padding-bottom: 1em;
  padding-left: 10em;
  padding-top: 1em;
  background-color: rgb(243, 243, 243);
  background-image: url("images/common/search.svg");
  background-repeat: no-repeat;
  background-position: 0.5em center;
  background-size: contain;
}
.a-searchress .a-searchressform form {
  display: flex;
  flex-flow: row wrap;
}
.a-searchress .a-searchressform form .x-panel-body {
  flex: 0.8 1 0;
  background-color: rgb(243, 243, 243);
}
.a-searchress .a-searchressform .x-form-item {
  flex: 0.5 1 0;
  margin-bottom: 0;
}
.a-searchress .a-searchressform .x-panel-footer {
  flex: 0.2 1 0;
}
.a-searchress .a-searchressform .x-panel-footer .x-panel-btns-ct {
  padding: 0;
}
.a-searchress .a-searchressform .x-panel-footer .x-panel-btns-ct .x-panel-btns-center table {
  margin: 0;
}
.a-searchress .a-searchressform .x-panel-footer .x-panel-btns-ct table td.x-panel-btn-td {
  padding: 0;
}
.a-searchress .a-searchressform > .x-panel-bwrap {
  display: flex;
  flex-flow: row wrap;
}
.a-searchress .a-searchressform .x-form-item label {
  display: inline-block;
  float: none;
  vertical-align: top;
  padding-right: 0.5em;
}
.a-searchress .a-searchressform .x-form-element {
  display: inline-block;
  float: none;
  padding-left: 0em !important;
}
.a-searchress .a-searchressform .x-form-field {
  background-color: #fff;
}
.a-searchress .a-searchressform .a-cb-terme label {
  padding-left: 1em;
}
.a-searchress .a-searchressform .x-panel-header {
  display: none;
}

.a-cb-thematique input {
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  min-width: 172px;
}

.a-cb-thematique .x-form-trigger {
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.a-cb-terme .x-form-field-wrap input.x-form-text {
  border-radius: 0.5em;
  min-width: 200px;
}

.a-cb-thematique .x-form-text {
  vertical-align: top;
}

.a-cb-thematique .x-form-field-wrap .x-form-trigger {
  position: relative;
}

.a-pave-hp-searchress .a-search,
.a-searchress .a-search {
  border-radius: 0.3em;
  padding: 0.5em 1em;
}

/* Pavé agenda - vCalendar - PageAtrium */
.paveagenda-vcalendar [class*=paveagenda-priority] {
  opacity: 0.7;
}
.paveagenda-vcalendar .paveagenda-priority1,
.paveagenda-vcalendar .paveagenda-priority2 {
  background-color: #e0ba1b;
}
.paveagenda-vcalendar .paveagenda-priority3 {
  background-color: #94a652;
}
.paveagenda-vcalendar .paveagenda-priority4 {
  background-color: #797d0e;
}
.paveagenda-vcalendar .vc-highlight-custom-ends {
  opacity: 1;
}
.paveagenda-vcalendar .dateDuJour {
  background-color: rgba(94, 95, 81, 0.95);
}

/* Pavé HP : agenda ancien */
.calendar-mp-container {
  z-index: 2 !important;
}

.paveagenda-link {
  text-align: right;
  color: #8b8e00;
  font-size: 12px;
  text-transform: uppercase;
}
.paveagenda-link a {
  display: inline-block;
  width: auto;
}
.paveagenda-link::before {
  content: "➤ ";
  color: rgb(139, 142, 1);
  vertical-align: bottom;
}

.paveagenda-calendar .x-date-active.paveagenda-event span {
  background-color: rgba(94, 95, 81, 0.95);
}
.paveagenda-calendar .month-title .x-btn button {
  font-size: 1.3em;
}
.paveagenda-calendar .x-date-active span {
  background-color: transparent;
  color: #94a652;
}
.paveagenda-calendar .paveagenda-event span {
  background-color: #797d0e;
  color: #EEE;
}
.paveagenda-calendar .paveagenda-dispo span {
  background-color: #797d0e;
  color: #EEE;
}
.paveagenda-calendar .paveagenda-inscrit span {
  background-color: #e0ba1b;
  color: #EEE;
}
.paveagenda-calendar .calendar-today span {
  font-weight: bold;
  color: #333;
}

.a-pave-hp-agenda .paveagenda-popup-header {
  background-color: rgba(94, 95, 81, 0.95);
  padding: 3px 5px;
  color: #fff;
  line-height: 2em;
  font-weight: bold;
}
.a-pave-hp-agenda .paveagenda-popup-header .x-tool {
  background-image: url("images/common/close.png");
  background-size: contain;
  height: 2em;
  width: 2em;
}
.a-pave-hp-agenda .paveagenda-popup-header .x-tool-close-over {
  background-position: right;
}

.paveagenda-popup-session {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-direction: row;
}
.paveagenda-popup-session > a,
.paveagenda-popup-session > div {
  padding: 1em;
}
.paveagenda-popup-session .paveagenda-popup-date {
  order: 2;
  text-align: right;
  color: rgba(94, 95, 81, 0.95);
}
.paveagenda-popup-session .paveagenda-popup-titre {
  order: 1;
  font-weight: bold;
}
.paveagenda-popup-session .paveagenda-popup-resume {
  order: 3;
}
.paveagenda-popup-session .paveagenda-popup-action {
  order: 4;
  margin-top: 0;
  color: red;
}
.paveagenda-popup-session .paveagenda-popup-link {
  order: 5;
}
.paveagenda-popup-session .paveagenda-popup-lieu {
  order: 6;
}
.paveagenda-popup-session .paveagenda-popup-heure {
  order: 7;
}
.paveagenda-popup-session div.paveagenda-popup-date,
.paveagenda-popup-session div.paveagenda-popup-titre,
.paveagenda-popup-session div.paveagenda-popup-resume {
  padding-bottom: 0em;
  padding-top: 0.3em;
  width: 100%;
}
.paveagenda-popup-session .paveagenda-popup-date .different .first::before {
  content: "➤ Du ";
}
.paveagenda-popup-session a.paveagenda-popup-action,
.paveagenda-popup-session a.paveagenda-popup-link {
  flex: 1;
}
.paveagenda-popup-session div.paveagenda-popup-lieu,
.paveagenda-popup-session div.paveagenda-popup-heure {
  flex: 1 0 40%;
  color: #fff;
  font-weight: bold;
  background-color: #797d0e;
}
.paveagenda-popup-session .paveagenda-popup-heure {
  text-align: right;
}
.paveagenda-popup-session .paveagenda-popup-lieu {
  margin-left: 0;
  font-style: normal;
  background: url("images/common/map-marker.png") no-repeat 0.2em center transparent;
  line-height: 1.2em;
  padding-left: 2.5em;
  background-size: 2.2em;
}
.paveagenda-popup-session a.paveagenda-popup-link {
  padding: 0;
  background-image: url("images/common/arrow.png");
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0.3em;
  align-self: flex-end;
  background-position: right;
  flex: 1 0 60%;
  margin-bottom: 0.5em;
}
.paveagenda-popup-session a.paveagenda-popup-link span::after {
  content: "";
  color: rgb(139, 142, 1);
}

/* Espace personnel */
.a-EspacePersonnel .x-grid3-hd-btn {
  background-color: #797d11;
}
.a-EspacePersonnel .x-panel-header {
  background-color: #717171;
  color: #fff;
  font-family: arial;
  font-size: 1em;
  font-style: italic;
  margin: 0 0 30px;
  padding: 5px 10px;
  text-transform: none;
}
.a-EspacePersonnel .x-grid-panel .x-grid3-header .x-grid3-header-inner,
.a-EspacePersonnel .x-grid-panel .x-grid3-header .x-grid3-header-inner table {
  height: 30px;
}
.a-EspacePersonnel .x-grid-panel .x-grid3-header {
  background: #797d11 none repeat scroll 0 0;
  color: #ffffff;
  height: 30px;
}
.a-EspacePersonnel .x-grid-panel .x-grid3-header .x-grid3-header-inner table .x-grid3-hd-row td {
  font-size: 1em;
  font-weight: bold;
  line-height: 30px;
}
.a-EspacePersonnel td.a-grid3-hd-over .x-grid3-hd-inner,
.a-EspacePersonnel td.sort-desc .x-grid3-hd-inner,
.a-EspacePersonnel td.sort-asc .x-grid3-hd-inner,
.a-EspacePersonnel td.x-grid3-hd-menu-open .x-grid3-hd-inner {
  background: none;
  cursor: pointer;
}
.a-EspacePersonnel .x-grid-panel .x-grid3-header {
  background: none;
  background-color: #797D11;
  height: 30px;
  color: #FFFFFF;
}
.a-EspacePersonnel .x-grid3-row td {
  line-height: 20px;
  font-size: 1em;
}
.a-EspacePersonnel .sort-asc .x-grid3-sort-icon {
  background-image: url("images/common/sort-asc-w.svg");
  background-size: 100%;
  width: 10px;
  height: 10px;
}
.a-EspacePersonnel .sort-desc .x-grid3-sort-icon {
  background-image: url("images/common/sort-desc-w.svg");
  background-size: 100%;
  width: 10px;
  height: 10px;
}
.a-EspacePersonnel td.x-grid3-hd-over,
.a-EspacePersonnel td.x-grid3-hd-menu-open {
  border-left: 1px solid #A7A9AB;
  border-right: 1px solid #A7A9AB;
}
.a-EspacePersonnel .x-grid3-hd-inner {
  padding: 0;
}
.a-EspacePersonnel .x-grid3-hd-row td {
  vertical-align: top;
  padding: 0 7px;
}

/*********************** Texte html appli ******************************/
.a-serv-cns h1 {
  font-size: 1.2em;
  padding-top: 0;
  padding-bottom: 1em;
  font-family: Roboto;
}
.a-serv-cns h2 {
  color: rgb(109, 112, 1);
  font-family: Roboto;
  font-size: 1em;
}
.a-serv-cns h3 {
  font-size: 1.5em;
  color: rgb(66, 66, 66);
  font-family: Roboto;
  text-decoration: underline;
}
.a-serv-cns h4 {
  font-size: 1.25em;
  color: rgb(139, 142, 1);
  font-family: Roboto;
  text-decoration: underline;
}

/*********************** Texte html editeur Tiny ******************************/
.freehtml h1,
.freehtml .titre1 {
  font-size: 1.4em;
  padding-top: 0;
  padding-bottom: 1em;
  color: rgb(139, 142, 1);
  font-family: Roboto;
  text-decoration: underline;
  /* ajout uac*/
}

.freehtml h2,
.freehtml .titre2 {
  /* remplacement uac */
  color: #000;
  padding-left: 1%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: underline;
}

.freehtml h3,
.freehtml .titre3 {
  font-size: 13px;
  color: #000;
  font-weight: bold;
  font-family: Arial;
  padding-left: 5%;
  background-image: url("images/pictos/bullet-titre3.png");
  background-repeat: no-repeat;
  background-position: 24px;
}

.freehtml h4,
.freehtml .titre4 {
  font-size: 1.25em;
  color: rgb(139, 142, 1);
  font-family: Roboto;
  text-decoration: underline;
}

.resume {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: italic;
  color: #8B8E01;
}

.alerte {
  padding: 10px 10px 10px 70px;
  background-image: url("images/pictos/alerte.jpg");
  background-repeat: no-repeat;
  background-size: 66px;
  background-position: -1px 13px;
  font-family: Arial;
  font-size: 20px;
  display: inline-block;
}

.citation {
  font-style: normal;
  font-size: 16px;
  margin-left: 32px;
  font-family: Consolas, "Times New Roman", Verdana;
  border-left: 4px solid #CCC;
  padding-left: 8px;
}

p.image-shadow-around img,
img.image-shadow-around {
  box-shadow: 1px 1px 12px #555;
  margin: 5px;
}

p.image-shadow-bottom img,
img.image-shadow-bottom {
  box-shadow: -8px -8px 12px #aaa;
  margin: 5px;
}

.freehtml a {
  color: rgb(139, 142, 1);
  text-decoration: underline;
}

/* Style Tiny Tableau */
/*Vert*/
.freehtml .tableau-vert {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  margin: 10px 0;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.freehtml .tableau-vert th {
  font-size: 13px;
  font-weight: normal;
  padding: 8px;
  background: #BFBFBF;
  /* Couleur fond coutour Tableau */
  border-top: 2px solid #BFBFBF;
  /* Couleur trait haut Tableau */
  border-bottom: 1px solid #FFFFFF;
  /* Couleur trait Bas Tableau */
  color: #7C7C7C;
  /* Couleur Bordure contour cellules Tableau */
}
.freehtml .tableau-vert td {
  padding: 8px;
  border-bottom: 1px solid #FFFFFF;
  /* Couleur trait bas cellule */
  color: #000000;
  /*Couleur Texte */
  border-top: 1px solid #FFFFFF;
  /* Couleur trait haut cellule */
  background: #BDDAA4;
  /* Couleur fond cellule */
}
.freehtml .tableau-vert tr:nth-child(2n+1) td {
  background-color: #D7E7C2;
  /* Couleur fond ligne alterne*/
}
.freehtml .tableau-vert tbody tr:first-child td {
  background-color: #8B8E01;
  /*couleur fond ligne 1 */
  font-size: 15px;
  text-align: center;
  color: #fff;
}
.freehtml .tableau-vert tfoot tr td {
  /*information footer tableau */
  background: #e8edff;
  font-size: 16px;
  color: #99c;
  text-align: center;
}
.freehtml .tableau-vert tbody tr:hover td {
  background: #C7C7C7;
  /* Couleur fond cellule active*/
  color: #386B36;
  /* Couleur texte cellule active*/
}
.freehtml .tableau-vert a:hover {
  text-decoration: underline;
}

/*tableau vert sans freehtml*/
/* Style Tiny Tableau */
/*Vert*/
.tableau-vert {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  margin: 10px 0;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.tableau-vert th {
  font-size: 13px;
  font-weight: normal;
  padding: 8px;
  background: #BFBFBF;
  /* Couleur fond coutour Tableau */
  border-top: 2px solid #BFBFBF;
  /* Couleur trait haut Tableau */
  border-bottom: 1px solid #FFFFFF;
  /* Couleur trait Bas Tableau */
  color: #7C7C7C;
  /* Couleur Bordure contour cellules Tableau */
}
.tableau-vert td {
  padding: 8px;
  border-bottom: 1px solid #FFFFFF;
  /* Couleur trait bas cellule */
  color: #000000;
  /*Couleur Texte */
  border-top: 1px solid #FFFFFF;
  /* Couleur trait haut cellule */
  background: #BDDAA4;
  /* Couleur fond cellule */
}
.tableau-vert tr:nth-child(2n+1) td {
  background-color: #D7E7C2;
  /* Couleur fond ligne alterne*/
}
.tableau-vert tbody tr:first-child td {
  background-color: #8B8E01;
  /*couleur fond ligne 1 */
  font-size: 15px;
  text-align: center;
  color: #fff;
}
.tableau-vert tfoot tr td {
  /*information footer tableau */
  background: #e8edff;
  font-size: 16px;
  color: #99c;
  text-align: center;
}
.tableau-vert tbody tr:hover td {
  background: #C7C7C7;
  /* Couleur fond cellule active*/
  color: #386B36;
  /* Couleur texte cellule active*/
}
.tableau-vert a:hover {
  text-decoration: underline;
}

/*Jaune*/
.freehtml .tableau-jaune {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  margin: 10px 0;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.freehtml .tableau-jaune th {
  font-size: 13px;
  font-weight: normal;
  padding: 8px;
  background: #BFBFBF;
  /* Couleur fond coutour Tableau */
  border-top: 2px solid #BFBFBF;
  /* Couleur trait haut Tableau */
  border-bottom: 1px solid #FFFFFF;
  /* Couleur trait Bas Tableau */
  color: #7C7C7C;
  /* Couleur Bordure contour cellules Tableau */
}
.freehtml .tableau-jaune td {
  padding: 8px;
  border-bottom: 1px solid #FFFFFF;
  /* Couleur trait bas cellule */
  color: #000000;
  /*Couleur Texte */
  border-top: 1px solid #FFFFFF;
  /* Couleur trait haut cellule */
  background: #FFE87A;
  /* Couleur fond cellule */
}
.freehtml .tableau-jaune tr:nth-child(2n+1) td {
  background-color: #FAF0B2;
  /* Couleur fond ligne alterne*/
}
.freehtml .tableau-jaune tbody tr:first-child td {
  background-color: #E2BE51;
  /*couleur fond ligne 1 */
  font-size: 15px;
  text-align: center;
}
.freehtml .tableau-jaune tfoot tr td {
  /*information footer tableau */
  background: #e8edff;
  font-size: 16px;
  color: #99c;
  text-align: center;
}
.freehtml .tableau-jaune tbody tr:hover td {
  background: #C7C7C7;
  /* Couleur fond cellule active*/
  color: #386B36;
  /* Couleur texte cellule active*/
}
.freehtml .tableau-jaune a:hover {
  text-decoration: underline;
}

/************************************* Template pavé page d'accueil ************************************* */
.a-tpl-resume {
  width: 100%;
}

.a-tpl-image {
  float: left;
  width: 25%;
}

.a-tpl-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.a-tpl-contenu {
  float: left;
  width: 74%;
  padding-left: 5px;
  text-align: justify;
}

.a-tpl-sep {
  clear: left;
}

.encadre-gris {
  background-color: #E6E5E0;
  margin: 10px;
  padding: 10px;
  border-style: solid;
  border-color: #8B8E01;
  border-width: 1px;
}

.encadre-jaune {
  background-color: #E2BE51;
  margin: 10px;
  padding: 10px;
}

/*$VISUPANEL - VUE*/
/******************************************************/
.btn-text {
  background-color: transparent;
  border: 0;
  padding: 0;
}

.vue-container .a-service-texte > .container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 13px auto;
  margin-top: 0;
}
.vue-container .a-service-texte > .container > article {
  flex: 1 0 75%;
}
.vue-container .a-service-texte > .container > aside {
  flex: 0 0 auto;
  padding-left: 5%;
  display: flex;
  flex-direction: column;
}
.vue-container .a-service-texte > .container > aside button:hover {
  color: #8b8e00;
}
.vue-container .a-service-texte > .container > nav {
  flex: 1 0 100%;
}
.vue-container .a-service-texte > .container > nav .precedent,
.vue-container .a-service-texte > .container > nav .suivant {
  color: #606201;
  font-size: 1.2em;
  text-transform: uppercase;
  font-family: "Myriad-Pro", arial;
  font-weight: normal;
  text-decoration: none;
}
.vue-container .a-service-texte > .container > nav .precedent {
  float: left;
}
.vue-container .a-service-texte > .container > nav .precedent::before {
  content: "\f104";
  font-family: fontello;
  margin-right: 7px;
}
.vue-container .a-service-texte > .container > nav .suivant {
  float: right;
}
.vue-container .a-service-texte > .container > nav .suivant::after {
  content: "\f105";
  font-family: fontello;
  margin-left: 7px;
}
.vue-container .a-service-texte + aside {
  padding-top: 20px;
  margin-top: 40px;
  border-top: 4px solid #606201;
}
.vue-container .a-service-texte + aside > .container {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.vue-container .a-service-texte + aside > .container nav {
  flex: 1 0 100%;
}
.vue-container .a-service-texte + aside > .container nav h3 {
  padding: 0.5em 0;
  margin: 0;
  font-size: 26px;
  color: #8b8e00;
  font-family: "Roboto", arial;
  font-weight: normal;
}
.vue-container .a-service-texte + aside > .container nav p {
  margin: 5px 0;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item {
  font-family: "Gotham-M", arial;
  font-size: 0.9em;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item:not(:last-child) a {
  border-bottom: 1px solid #e4e4e4;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item > a {
  margin-bottom: 10px;
  padding-bottom: 7px;
  display: flex;
  color: #000;
  text-decoration: none;
  font-weight: normal;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item > a .image:not(.importance),
.vue-container .a-service-texte + aside > .container .ressource-liste .item > a .resume {
  display: none;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item > a .image.importance {
  max-width: 20%;
  max-height: 95px;
  overflow: hidden;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item > a .image.importance img {
  padding-right: 13px;
}
.vue-container .a-service-texte + aside > .container .paginate-links.items .prev,
.vue-container .a-service-texte + aside > .container .paginate-links.items .next {
  color: #606201;
  font-size: 1.2em;
  text-transform: uppercase;
  font-family: "Myriad-Pro", arial;
  font-weight: normal;
  cursor: pointer;
}
.vue-container .a-service-texte + aside > .container .paginate-links.items .prev.disabled,
.vue-container .a-service-texte + aside > .container .paginate-links.items .next.disabled {
  opacity: 0.5;
}
.vue-container .a-service-texte + aside > .container .paginate-links.items .prev {
  float: left;
}
.vue-container .a-service-texte + aside > .container .paginate-links.items .prev::before {
  content: "\f104";
  font-family: fontello;
  margin-right: 7px;
}
.vue-container .a-service-texte + aside > .container .paginate-links.items .next {
  float: right;
}
.vue-container .a-service-texte + aside > .container .paginate-links.items .next::after {
  content: "\f105";
  font-family: fontello;
  margin-left: 7px;
}

@media screen and (max-width: 1440px) {
  .vue-container .a-service-texte,
  .vue-container .a-service-texte + aside .container {
    margin-left: 13px;
    margin-right: 13px;
  }
}
.contact-comment {
  display: flex;
  flex-wrap: wrap;
  border-top: 3px solid #eee;
  padding-top: 13px;
}
.contact-comment .a-cnsPanelContactList {
  flex: 0 0 auto;
  margin-right: 26px;
}
.contact-comment .a-CnsPanelComment {
  flex: 1;
  margin-top: 0;
}
.contact-comment .a-CnsPanelComment h3 {
  margin-top: 0;
  color: #8b8e00;
  border-bottom: 1px solid;
  padding-bottom: 7px;
}
.contact-comment .btn-text {
  cursor: pointer;
  font-size: 18px;
  text-decoration: none;
  color: #8b8e00;
}
.contact-comment .icon-mail::before {
  vertical-align: bottom;
}
.contact-comment .contacts-list {
  margin-top: 5px;
}
.contact-comment .contacts-list > div {
  margin-bottom: 3px;
}

.phone {
  padding-left: 20px;
}

@media screen and (max-width: 1023px) {
  .vue-container .a-service-texte > .container > .titlebar {
    order: 1;
    flex: 1 0 100%;
    padding-left: 0;
    margin: 20px 0;
  }
  .vue-container .a-service-texte > .container > article {
    order: 2;
  }
  .vue-container .a-service-texte > .container > nav {
    order: 3;
  }
}
/* $RESPONSIVE DESIGN */
/******************************************************/
@media screen and (min-width: 1024px) {
  .ensemble > .a-pave-hp,
  .ensemble.bloc > .ensemble {
    margin-left: 13px;
    margin-right: 13px;
  }
}
@media only screen and (max-width: 1024px) {
  .a-Evenement tr.cells {
    background-color: #fafafa;
    border: solid 1px #e1e1e1;
    position: relative;
    margin: 0.5em 0;
  }
  .a-Evenement tr.cells td {
    width: 100%;
  }
  .a-EvtInscription {
    text-align: right;
  }
  .a-EvtInscription,
  .a-EvtAlerte {
    margin: 0.5em 0;
  }
  #go-to-head {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .header-site .header-content {
    justify-content: inherit;
    -webkit-justify-content: inherit;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 1em auto;
  }
  .header-site .header-content div::after {
    display: none;
  }
  .header-site .header-content #burger {
    position: absolute;
    left: 13px;
  }
  .header-site .header-content .logo {
    margin-left: 66px;
  }
  .header-site .header-item,
  .header-site .actions #search,
  .header-site .actions #logout {
    margin: 5px 0;
  }
  .header-site .input-wrapper.display {
    margin: 13px 5px;
  }
  .header-site input[name=search] {
    margin-top: 1em;
    padding: 0.5em;
    margin-left: 0;
  }
  .header-site .admin-link,
  #topPanel .a-link-adm {
    display: none;
  }
  .header-site .menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 350px;
  }
  #menuPanel {
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  #menuPanel > .rubriques::before {
    display: none;
  }
  .x-panel-tbar {
    margin: 1em 0;
    padding-bottom: 1em;
  }
  .a-suivicompte .x-panel-tbar .x-btn,
  .a-dashboard .x-panel-tbar .x-btn,
  .a-virement .x-panel-tbar .x-btn,
  .a-serv-ress .x-panel-tbar .x-btn {
    padding: 0.5em;
    background-color: #f9f9f9;
  }
  .a-serv-hp .welcome-div {
    display: none;
  }
  .a-serv-hp .welcome-msg {
    color: #000;
    background-color: #f9f9f9;
  }
  #menuPanel {
    position: relative;
    margin-top: 0;
    margin-bottom: 2em;
    display: none;
  }
  #menuPanel .rubriques {
    width: 100%;
    max-height: 65vh;
    overflow: auto;
    background-color: #fafafa;
    align-items: center;
  }
  #menuPanel .rubriques .rubrique {
    padding: 0;
    border-bottom: 1px solid rgb(230, 230, 230);
    width: 100%;
    text-align: left;
  }
  #menuPanel .rubriques .rubrique > .intitule {
    width: 100%;
    display: inline-block;
    padding: 7px 13px;
  }
  #menuPanel .rubriques .rubrique.open {
    border-bottom: 1px solid rgb(230, 230, 230);
  }
  #menuPanel.display {
    display: flex;
  }
  .action-mon-profil > .intitule-rubrique,
  .action-favoris > .intitule-rubrique {
    text-transform: uppercase;
  }
  .header-site .rubriques .rubrique .intitule,
  .header-site .rubriques .rubrique .intitule > * {
    font-family: "Roboto", arial;
    font-size: 14px;
    color: #3f4246;
  }
  .header-site .rubrique:hover > .intitule, .header-site .rubrique.open > .intitule, .header-site .rubrique.selected > .intitule {
    color: #FFF;
    background-color: #e6e6e6;
  }
  .service .cns-link {
    padding: 7px 0;
    color: #000;
  }
  .beautifier {
    display: none;
  }
  .footer-section > .logo-coop-agricole {
    display: none;
  }
  .footer-sections .actions {
    padding: 0 0.4em;
  }
  .rubriques .rubrique.open .intitule > *::after,
  .rubrique.open::before {
    display: none;
  }
  .rubriques .rubrique.open .intitule > *::before {
    content: "< ";
  }
  #menuPanel .sous-rubriques {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%;
    max-width: unset;
    margin-top: 0;
    border-bottom: 5px solid #8b8e00;
    border-top: solid 2px #8b8e00;
    background-color: rgb(250, 250, 250);
  }
  .sous-rubriques.display {
    border: 1px solid #d8d8d8;
  }
  .sous-rubriques-list {
    text-align: left;
  }
  .services li {
    padding: 0.5em 1em;
  }
  .sous-rubrique {
    margin: 0 0 2em;
  }
  .a-serv-hp #logoPanel {
    display: none;
  }
  .a-serv-ress > .x-panel > .x-panel-bwrap > .x-panel-body {
    flex: 0 0 100%;
    order: 3;
  }
  .a-serv-ress > .x-panel > .x-panel-bwrap > .x-panel-tbar {
    flex: 1;
    order: 2;
    margin-bottom: 0;
  }
  .titlebar {
    margin-bottom: 0;
    margin-top: 2em;
  }
  #presentPanel > .x-panel-bwrap > .x-panel-body > div {
    padding: 1em;
    flex: 0 0 100%;
  }
  #presentPanel .cells {
    flex: 1 0 100%;
    margin: 0;
  }
  #visuPanel .x-panel-tbar > ul {
    padding: 0;
  }
  /*MÉMOS*/
  .a-CnsPanelComment {
    flex: 1 0 auto;
  }
  /*PETITES ANNONCES*/
  .petiteannonce {
    padding: 5px;
    flex: 0 0 100%;
  }
  /* Enquete */
  .a-Enquete .x-panel-tbar {
    display: none;
  }
  /*PAVÉS*/
  .style-calendrier .a-pave-hp-evenement .a-panel-header-hp::before, .style-calendrier .a-pave-hp-evenement .a-panel-header-hp::after {
    border: 4px solid #FFF;
    top: -4px;
  }
  /*Suivi bons*/
  .a-suivi-bon-form .x-panel-bwrap {
    padding-top: 0.2em;
  }
  .a-suivi-bon-form #exploitCombo {
    float: none;
    margin: 0 auto 1em;
    border: none;
  }
  .a-suivi-bon-form #exploitCombo .x-form-label-left label {
    width: 80%;
    margin: 0 auto;
  }
  .a-suivi-bon-form .x-form-item {
    display: block;
    width: 80%;
    margin: 0 auto;
  }
  .a-suivi-bon-form .x-form-item.rcombo {
    margin: 0.7em auto;
  }
  .a-suivi-bon-form .x-form-arrow-trigger {
    width: 30px;
    height: 29px;
  }
  .a-exploit-tpl-extr,
  .a-exploit-tpl-person,
  .a-exploit-tpl-person-nom {
    margin: 0 auto;
  }
  .a-list-bon li,
  .a-result-list-bon li {
    margin-bottom: 1em;
  }
  /*RSS*/
  .a-FluxRss-panel .rss-flux .rss-item {
    flex: 0 0 100%;
    width: 100%;
    padding-bottom: 45px;
  }
  /*Mes comptes*/
  .a-suivicompte-containerpanel .x-panel-header {
    border-bottom: 1px solid #8b8e00;
  }
  .a-cns-panel-exploitation {
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  /*Offres Spot*/
  .links {
    flex: 0 0 100%;
    width: 100%;
    margin: 1em 0;
  }
  .a-offrespot .links > div.offre-toolbar > div {
    margin-left: 0;
  }
  /* Panel exploitation */
  .a-cns-panel-exploitation > .x-panel-bwrap > .x-panel-body {
    display: block;
  }
  .a-exploit-list-user {
    border-left: none;
    padding-left: 5px;
  }
}
@media screen and (max-width: 500px) {
  .header-site .header-content .logo {
    flex: 1 0 100%;
    height: 60px;
    margin-left: 0;
  }
  .header-site .header-content .logo > * {
    background-position: center;
  }
  .menu-icon {
    flex: 1;
  }
  .menu-toolbar {
    flex: 1 0 100%;
    padding: 0 3em;
  }
  .header-content #burger {
    position: inherit;
    left: inherit;
  }
  .style-menu-novagrain-2 .a-pave-wrapper-link {
    flex: 0 0 30%;
  }
}
@media only screen and (max-width: 400px) {
  .a-list-bon li,
  .a-result-list-bon li {
    padding-bottom: 50px;
  }
  .a-suivi-bon .date {
    float: none;
    width: 100%;
    text-align: right;
    padding-bottom: 0.5em;
  }
  .a-suivi-bon .detail-link {
    width: 135px;
    margin: 0.5em 0;
  }
  .a-suivi-bon .a-detail-bon dl dd {
    display: block;
  }
  .style-menu-novagrain-2 .a-pave-wrapper-link {
    flex: 0 0 20%;
  }
}
/*IPHONE 4*/
@media only screen and (max-width: 325px) {
  .header-site {
    position: inherit;
  }
  .header-site .header-item,
  .header-site .actions #search,
  .header-site .actions #logout {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    width: 3em;
  }
  .header-site .actions #favoris,
  .header-site .actions #logout {
    display: none;
  }
  .header-site .header-content {
    justify-content: center;
    z-index: 1;
  }
  .header-site .header-content div::before {
    font-size: 39px;
  }
  .header-site.display .menu {
    z-index: 2;
  }
  .header-content .home,
  .header-content .menu-icon,
  .header-site .actions {
    margin: 0.5em 0;
  }
  #menuPanel {
    width: 100%;
  }
  #menuPanel.display {
    display: block;
  }
  #menuPanel.display > .rubriques {
    overflow: scroll;
  }
  #menuPanel.display > .rubriques > .rubrique {
    display: block;
  }
  ul.ariane {
    font-size: 100%;
  }
}
/**/
@media screen and (max-width: 900px) {
  .a-virement-grid tr.cells {
    flex: 1 0 100%;
    width: 100%;
    margin: 5px 0 5px 0;
  }
  .a-offrespot .x-panel-body {
    flex-direction: column;
  }
  .a-offrespot .links {
    order: 1;
    margin-bottom: 1em;
  }
  .a-offrespot .a-cns-panel-exploitation {
    order: 2;
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 1024px) {
  .a-virement-grid tr.cells {
    flex: 1 0 45%;
  }
}
@media screen and (min-width: 1280px) {
  .a-virement-grid tr.cells {
    flex: 1 0 30%;
  }
}
/*HEADER COLUMN <900px*/
/************************************************/
/************************************************/
/************************************************/
@media screen and (max-width: 900px) {
  #menuPanel.open .rubrique:not(.open),
  #menuPanel.open .action:not(.open) {
    display: none;
  }
  #menuPanel > ul {
    flex-direction: column;
  }
  #favoris,
  #logout,
  #profil,
  #previsu {
    display: none;
  }
  .rubriques > .action {
    display: unset;
  }
  #menuPanel .rubrique,
  #menuPanel .action {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .rubrique.open::before {
    content: " < ";
  }
  .sous-rubriques {
    position: relative;
    display: none;
    flex: none;
  }
  .sous-rubrique {
    flex: none;
  }
  .sous-rubriques.display {
    display: flex;
  }
  .sous-rubriques-list {
    max-height: calc(100vh - 220px);
    flex: 0 0 100%;
    overflow: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
}
/*HEADER COLUMN <900px FIN*/
/************************************************/
/************************************************/
/************************************************/
/* TMP IE11 */
.avec-fleches .icon-prev,
.avec-fleches .icon-next {
  display: inherit;
}

.avec-total .page,
.avec-total .total {
  display: inherit;
}

.style-barre-plus .a-pave-hp-bhtml .pave-content-image {
  width: 100%;
}

.format-acm-cours .acm-fluctuation {
  display: inherit;
}

.format-acm-cours .acm-recolte-date {
  display: inherit;
}

.footer-site {
  font-family: "Avenir", arial;
  font-weight: 400;
  font-size: 1rem;
  padding: 2rem 0;
  background-color: #FBFBF6;
}
.footer-site a {
  color: #000;
}
.footer-site a:hover {
  text-decoration: underline;
}

.footer-content {
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 5rem;
}
@media (max-width: 1504px) {
  .footer-content {
    padding: 0 2rem;
  }
}
.footer-content > div {
  flex: 1;
}

.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer__contacts > li {
  display: flex;
  gap: 1rem;
}

.footer__contact-adresse::before {
  content: "\e901";
  display: block;
  font-family: "icomoon-novagrain";
  font-size: 34px;
}

.footer__contact-telephone::before {
  content: "\e903";
  display: block;
  font-family: "icomoon-novagrain";
  font-size: 30px;
}

.footer__contact-email::before {
  content: "\e900";
  display: block;
  font-family: "icomoon-novagrain";
  font-size: 24px;
}

.footer__links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.footer__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.footer__reseaux {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.footer__reseaux img {
  width: 45px;
}

@font-face {
  font-family: "Indie Flower";
  src: url("fonts/indie-flower/indie-flower-v21-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Avenir";
  src: url("fonts/AvenirNext/AvenirNext-Regular.eot");
  src: url("fonts/AvenirNext/AvenirNext-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNext/AvenirNext-Regular.woff2") format("woff2"), url("fonts/AvenirNext/AvenirNext-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("fonts/AvenirNext/AvenirNext-Medium.eot");
  src: url("fonts/AvenirNext/AvenirNext-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNext/AvenirNext-Medium.woff2") format("woff2"), url("fonts/AvenirNext/AvenirNext-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("fonts/AvenirNext/AvenirNext-Bold.eot");
  src: url("fonts/AvenirNext/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNext/AvenirNext-Bold.woff2") format("woff2"), url("fonts/AvenirNext/AvenirNext-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@keyframes mouse-scroll {
  0% {
    top: 10%;
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    top: 30%;
    opacity: 0;
  }
}
.scroll-msg-container {
  width: 46px;
  height: 74px;
}

.scroll-msg-inner {
  width: 42px;
  height: 70px;
  position: relative;
  border-radius: 25px;
  border: 2px solid #ffffff;
}

.scroll-msg-wheel {
  position: absolute;
  top: 10%;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  border-radius: 50%;
  background-color: #ffffff;
  animation: mouse-scroll 0.9s infinite;
}

.icon-youtube:before {
  content: "\e90a";
  color: #7c8034;
  font-family: "icomoon-novagrain";
}

.icon-instagram:before {
  content: "\e902";
  color: #7c8034;
  font-family: "icomoon-novagrain";
}

.icon-linkedin:before {
  content: "\e906";
  color: #7c8034;
  font-family: "icomoon-novagrain";
}

.icon-twitter:before {
  content: "\e907";
  color: #7c8034;
  font-family: "icomoon-novagrain";
}

/*STYLE HEADER PUBLIQUE*/
.publique .header-site {
  position: static;
  background-color: transparent;
}
.publique .menu,
.publique #topPanel {
  display: none;
}
.publique .menu-toolbar .home,
.publique .menu-toolbar #mentions,
.publique .menu-toolbar #cgu {
  display: none;
}
.publique .menu-toolbar #contacts {
  display: flex;
  align-items: center;
}
.publique .menu-toolbar #contacts::before {
  content: "\e904";
  font-family: "icomoon-novagrain";
}
.publique .menu-toolbar div::before {
  font-size: 35px;
}
.publique .menu-toolbar .actions {
  gap: 1rem;
}
.publique #login {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  color: var(--main-color, #7C8034);
  background-color: #F2F2EB;
  border-radius: 10px;
}
.publique #login::before {
  background: none;
  width: unset;
  height: unset;
  content: "\e905";
  font-size: 1.875rem;
  font-family: "icomoon-novagrain";
}
.publique #login::after {
  height: unset;
  content: "Connexion adhérent";
  margin-top: 0.5rem;
  font-family: "Gill Sans";
  font-size: clamp(1rem, 1.5dvw, 1.5rem);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
}
.publique.rub0 .logo {
  display: none;
}
.publique.rub0 #base-wrapper {
  margin-top: calc(var(--header-height) * -1);
}

/*STYLE PAGE*/
.pageatrium {
  font-family: "Gill Sans", "Roboto", arial;
  /**
  * Page Conseil d'administration
  */
  /**
  * Infographie l'appro
  */
}
.pageatrium .pave__header {
  display: flex;
}
.pageatrium .pave__header h3 {
  position: relative;
  margin: 0;
  color: #373737;
  font-family: "Gill Sans", arial;
  font-size: clamp(2rem, 3dvw, 3rem);
  font-weight: 700;
}
.pageatrium .pave__header h3::before {
  display: block;
  content: "";
  width: 90%;
  height: 1rem;
  position: absolute;
  left: 5%;
  bottom: 0.25rem;
  transform: rotate(-1.166deg);
  background-color: rgba(209, 215, 167, 0.5019607843);
}
.pageatrium .paginate-fleches .paginate-links {
  justify-content: center;
}
.pageatrium .paginate-fleches .paginate-links .prev, .pageatrium .paginate-fleches .paginate-links .next {
  padding: 0;
  color: var(--coop-p-m);
}
.pageatrium .paginate-fleches .paginate-links .prev span, .pageatrium .paginate-fleches .paginate-links .next span {
  display: none;
}
.pageatrium .paginate-fleches .paginate-links .prev::before {
  content: "\e908";
  font-family: "icomoon-novagrain";
}
.pageatrium .paginate-fleches .paginate-links .next::after {
  content: "\e909";
  font-family: "icomoon-novagrain";
}
.pageatrium .paginate-fleches .paginate-links .page-total {
  display: flex;
  gap: 0.5rem;
  color: var(--atrium-color-Black);
  font-size: 1.5rem;
}
.pageatrium .paginate-fleches .paginate-links .page-total .total::before {
  content: "/";
  display: inline-block;
  margin-right: 0.5rem;
}
.pageatrium .p-link,
.pageatrium .internal-link {
  position: relative;
  display: inline-block;
  margin-top: 1rem;
  color: var(--main4-color, #545A20);
  font-family: "Indie Flower";
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: none;
  transition: 0.25;
}
.pageatrium .p-link::after,
.pageatrium .internal-link::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 1px solid;
  rotate: -1deg;
  transition: 0.25s;
}
.pageatrium .p-link:hover::after,
.pageatrium .internal-link:hover::after {
  rotate: -2deg;
}
.pageatrium .p-video {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100dvh;
}
.pageatrium .p-video video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pageatrium .p-video__logo {
  max-width: 90%;
  margin-top: 50dvh;
  translate: 0 -50%;
}
.pageatrium .p-video__logo img {
  margin: 0;
}
.pageatrium .p-video__discover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  padding: 1rem;
  color: #FFF;
  text-align: center;
  font-family: "Gill Sans", "Roboto", arial;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
}
.pageatrium .p-section-fondVert {
  position: relative;
}
.pageatrium .p-section-fondVert > .container-content {
  padding: 0;
}
.pageatrium .p-section-fondVert .bloc-structure-container > .subcontainer:nth-child(1) {
  position: relative;
  background-color: rgba(209, 215, 167, 0.2509803922);
  border-radius: 0 0 5px 0;
}
@media (max-width: 900px) {
  .pageatrium .p-section-fondVert .bloc-structure-container > .subcontainer:nth-child(1) {
    padding-bottom: 150px;
  }
}
.pageatrium .p-section-fondVert .bloc-structure-container > .subcontainer:nth-child(1)::after {
  display: block;
  content: "";
  width: 300px;
  height: 200px;
  background: url(/css/theme/images/publique/deco_paille.svg) no-repeat left bottom;
  position: absolute;
  bottom: -0.25rem;
  left: 0;
}
.pageatrium .p-mi-chiffres {
  margin: 7% 0 14%;
}
.pageatrium .p-mi-chiffres .titre-descriptif-gauche-image .content-image {
  flex-direction: column;
}
.pageatrium .p-mi-chiffres .titre-descriptif-gauche-image .content-image img {
  min-height: 85px;
}
.pageatrium .p-mi-chiffres .titre-descriptif-gauche-image .content-image .caption {
  max-width: unset;
  min-width: unset;
  margin-top: -3rem;
  position: static;
  justify-content: center;
  text-align: center;
  font-style: normal;
  background-color: transparent;
  color: var(--coop-main-color);
}
.pageatrium .p-mi-chiffres .titre-descriptif-gauche-image .content-image__caption__titre {
  font-size: clamp(1.5rem, 3dvw, 3.5rem);
  margin: 0;
}
.pageatrium .p-mi-chiffres .titre-descriptif-gauche-image .content-image__caption__description {
  font-size: clamp(1.25rem, 1.5dvw, 1.5rem);
}
.pageatrium .p-actus article:nth-child(2) .article__titre {
  background-color: rgba(157, 163, 47, 0.1254901961);
}
.pageatrium .p-actus article:nth-child(3) .article__titre {
  background-color: rgba(212, 211, 165, 0.1254901961);
}
.pageatrium .p-actus article:hover .article__titre {
  text-decoration: underline;
  background-color: rgba(124, 128, 52, 0.2509803922);
}
.pageatrium .p-actus .article__image {
  border-radius: 0.3125rem 0rem 0.3125rem 0.3125rem;
  overflow: hidden;
}
.pageatrium .p-actus .article__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pageatrium .p-actus .article__titre {
  margin-left: -1rem;
  padding: 1.25rem 1rem 1rem;
  border-radius: 0 0.3125rem 0.3125rem 0;
  background-color: rgba(124, 128, 52, 0.1254901961);
  color: var(--atrium-color-Black);
  font-weight: 700;
  font-size: 1rem;
  transition: 0.25s;
}
@media (max-width: 900px) {
  .pageatrium .p-actus .article__titre {
    grid-template-columns: clamp(5rem, 9dvw, 9.375rem) 1fr;
    margin-top: -0.5rem;
    margin-left: 0;
    border-radius: 0 0 0.3125rem 0.3125rem;
  }
}
.pageatrium .p-actus .article__resume {
  font-weight: 300;
  font-size: 1rem;
  color: var(--atrium-color-Black);
}
.pageatrium [class*=p-metiers] .pave-menu__service {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--coop-p-m2);
  border-radius: 10px;
  transition: 0.25s;
  overflow: hidden;
}
.pageatrium [class*=p-metiers] .pave-menu__service:hover img {
  filter: drop-shadow(1px 4px 3px #ccc);
}
.pageatrium [class*=p-metiers] .pave-menu__service:hover .pave-menu__service__description p:first-child {
  background-color: var(--coop-p-m3);
}
.pageatrium [class*=p-metiers] .pave-menu__service:not(:has(.pave-menu__service__description)) {
  background: linear-gradient(180deg, #9DA32F 0%, #8C8E37 26%, #5C524F 100%);
}
.pageatrium [class*=p-metiers] .pave-menu__service:not(:has(.pave-menu__service__description)):hover img {
  filter: unset;
}
.pageatrium [class*=p-metiers] .pave-menu__service:not(:has(.pave-menu__service__description)) .pave-menu__service__titre {
  color: var(--atrium-color-White);
}
.pageatrium [class*=p-metiers] .pave-menu__service__titre {
  order: 1;
  margin: 0;
  padding: 1rem;
  color: var(--atrium-color-Black);
  font-family: "Gill Sans";
  font-size: 1.5rem;
  font-weight: 700;
  text-align: left !important;
}
.pageatrium [class*=p-metiers] .pave-menu__service__description {
  order: 2;
  display: flex;
  font-family: "Indie Flower", arial;
  font-size: clamp(1.1rem, 1.25dvw, 1.25rem);
}
.pageatrium [class*=p-metiers] .pave-menu__service__description p:first-child {
  margin: 0;
  padding: clamp(0.25rem, 1dvw, 1rem) clamp(1rem, 2dvw, 2rem);
  background-color: var(--coop-p-m2);
  color: var(--atrium-color-White);
  border-radius: 0 3px 3px 0;
  transition: 0.25s;
}
.pageatrium [class*=p-metiers] .pave-menu__service__image {
  order: 3;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 900px) {
  .pageatrium [class*=p-metiers] .pave-menu__service__image {
    margin-top: 2rem;
  }
}
.pageatrium .p-metiers-mini .pave-menu__service__titre {
  font-size: 1rem;
}
.pageatrium .p-metiers-mini .pave-menu__service__image {
  display: none;
}
.pageatrium .p-metiers-mini .pave-menu__service__description p:first-child {
  display: flex;
  align-items: center;
}
.pageatrium .p-metiers-vertical .pave-menu__service {
  flex-direction: column;
}
.pageatrium .p-metiers-vertical .pave-menu__service__titre {
  margin-top: clamp(1rem, 3dvw, 3rem);
  text-align: left;
}
@media (max-width: 901px) {
  .pageatrium .p-metiers-horizontal .pave-menu__service {
    flex-direction: column;
  }
  .pageatrium .p-metiers-horizontal .pave-menu__service__titre {
    margin-top: clamp(1rem, 3dvw, 3rem);
    text-align: left;
  }
}
@media (min-width: 901px) {
  .pageatrium .p-metiers-horizontal .pave-menu__service {
    flex: 1;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
  }
  .pageatrium .p-metiers-horizontal .pave-menu__service__titre {
    min-height: unset;
    margin: 0;
  }
  .pageatrium .p-metiers-horizontal .pave-menu__service__description {
    margin-left: auto;
  }
  .pageatrium .p-metiers-horizontal .pave-menu__service__description p:first-child {
    border-radius: 3px;
  }
  .pageatrium .p-metiers-horizontal .pave-menu__service__image {
    flex: unset;
    margin-top: -2rem;
    margin-left: auto;
  }
  .pageatrium .p-metiers-horizontal .content-image {
    margin-top: 1rem;
  }
}
.pageatrium .pave__header:has(+ div .p-equipes-bandeau) {
  max-width: 1400px;
  margin: 0 auto 2rem;
}
.pageatrium .p-equipes-bandeau {
  position: relative;
}
.pageatrium .p-equipes-bandeau::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 1rem;
  left: calc(-1 * (100lvw - 1440px) / 2);
  width: 100dvw;
  background: url(/css/theme/images/publique/fil.svg) repeat-x center/cover;
  height: 20px;
  z-index: -1;
}
@media (max-width: 1440px) {
  .pageatrium .p-equipes-bandeau::before {
    left: -1rem;
  }
}
.pageatrium .p-equipes-bandeau__blocs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  gap: 2rem;
}
.pageatrium .p-equipes-bandeau__bloc {
  padding: 1rem;
  border-radius: 5px;
  background-color: var(--coop-p-m4);
  color: var(--atrium-color-White);
  font-family: "Indie Flower", arial;
  font-size: clamp(1.1rem, 1.5dvw, 1.5rem);
}
.pageatrium .p-equipes-bandeau__bloc:nth-child(2) {
  background-color: var(--coop-p-m3);
}
.pageatrium .p-equipes-bandeau__bloc:nth-child(3) {
  background-color: var(--coop-p-m3);
}
.pageatrium .p-equipes-bandeau__bloc:nth-child(4) {
  background-color: var(--coop-p-m);
}
.pageatrium .p-gouvernance__title {
  margin-bottom: 1rem;
  text-align: center;
  color: #373737;
  font-size: 1.5rem;
  font-weight: 300;
  text-decoration: none;
  font-family: "Gill Sans", "Roboto", arial;
}
.pageatrium .p-gouvernance__title .gras {
  font-weight: bold;
}
.pageatrium .p-gouvernance-container {
  padding: clamp(1rem, 3dvw, 3rem);
  border: 1px solid var(--coop-p-m1);
  border-radius: 50px;
}
.pageatrium .p-profil {
  flex: 1;
  min-width: 220px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 600px) {
  .pageatrium .p-profil {
    flex-direction: column;
  }
}
.pageatrium .p-profil-photo {
  position: relative;
  width: max(165px, 40%);
  max-width: 300px;
}
.pageatrium .p-profil-photo img {
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 500px;
  overflow: hidden;
  border: 1px solid var(--main1-color, #D4D3A5);
  filter: drop-shadow(2px 3px 7px #ccc);
  aspect-ratio: 1/1;
}
.pageatrium .p-profil-texte {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  margin-top: 10%;
  margin-left: -2rem;
  padding: 0.75rem 1rem 0.5rem;
  gap: 0.1875rem;
  border-radius: 0.23375rem;
  background: var(--atrium-color-White);
  box-shadow: 3px 3px 3px 0px rgba(124, 128, 52, 0.1);
  z-index: 1;
}
@media (max-width: 600px) {
  .pageatrium .p-profil-texte {
    margin-top: -2rem;
    margin-left: 0;
  }
}
.pageatrium .p-profil-noms__poste {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
}
.pageatrium .p-profil-noms__noms {
  color: var(--main-color, #7C8034);
  font-size: 1rem;
  font-weight: 400;
}
.pageatrium .p-profil-noms__nom {
  color: var(--main-color, #7C8034);
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}
.pageatrium .p-direction__title {
  margin-bottom: 1rem;
  color: #373737;
  font-family: "Gill Sans";
  font-size: 1.5rem;
  font-weight: 300;
  text-decoration: none;
  text-align: center;
}
.pageatrium .p-direction-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between;
  padding: clamp(1rem, 3dvw, 3rem);
  border: 1px solid var(--coop-p-m1);
  border-radius: 50px;
}
@media (max-width: 900px) {
  .pageatrium .p-direction-container > div {
    flex: 1 0 100%;
  }
}
.pageatrium .p-direction-codir-title {
  margin-bottom: 1rem;
  text-align: center;
  color: #373737;
  font-family: "Gill Sans";
  font-size: 1.25rem;
  font-weight: 300;
}
.pageatrium .p-direction-codir-liste {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem 2rem;
  border-radius: 1.5625rem;
  background-color: #FBFBF6;
  list-style: none;
  color: var(--main-color, #7C8034);
  font-family: "Gill Sans", "Roboto", arial;
  font-size: 1rem;
  font-weight: 400;
}
.pageatrium .p-direction-codir-liste li {
  padding: 0.625rem;
  border-radius: 0.5rem;
  background-color: var(--atrium-color-White);
}
.pageatrium .p-direction-codir-liste li::before {
  display: none;
}
.pageatrium .p-direction-codir-liste .gras {
  font-weight: 600;
}
.pageatrium .p-direction-dir {
  flex: 1;
  max-width: 500px;
  margin: auto;
}
.pageatrium .p-direction-dir .p-profil:nth-child(even) {
  display: flex;
  flex-direction: row-reverse;
  margin-top: -3rem;
}
@media (max-width: 500px) {
  .pageatrium .p-direction-dir .p-profil:nth-child(even) {
    flex-direction: column;
    margin-top: 0;
  }
}
.pageatrium .p-direction-dir .p-profil:nth-child(even) .p-profil-texte {
  text-align: right;
  margin-left: 0;
  margin-right: -1.5rem;
}
.pageatrium .p-direction-dir .p-profil:not(:last-child) {
  margin-bottom: 2rem;
}
.pageatrium .p-reseaux {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.pageatrium .p-reseaux__title h4 {
  font-size: 1.25rem;
}
.pageatrium .p-reseaux__liste {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 1rem;
  margin-top: 1rem;
  font-size: 1rem;
}
.pageatrium .p-reseaux__liste a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.pageatrium .p-reseaux__liste a:hover {
  text-decoration: underline;
}
.pageatrium .p-reseaux__liste [class*=icon-] {
  font-size: 2.5rem;
}
.pageatrium .p-reseaux__nom {
  color: var(--atrium-color-Black);
}
.pageatrium .p-ca-president {
  display: flex;
  justify-content: center;
  padding: clamp(1rem, 3.75lvw, 3.75rem);
  border-radius: 6.25rem;
  border-bottom: 1px solid var(--coop-p-m1);
  background: #FBFBF6;
}
.pageatrium .p-ca-president .p-profil-photo::after {
  content: "";
  display: block;
  width: 50%;
  height: calc(50% - 3rem);
  position: absolute;
  background: url(/css/theme/images/publique/virgule.svg) no-repeat center/100%;
  bottom: -3.75rem;
  left: 93%;
}
.pageatrium .p-ca-bureau {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 2rem;
  padding: clamp(1rem, 3.75lvw, 3.75rem);
}
.pageatrium .p-ca-president .p-profil-texte,
.pageatrium .p-ca-bureau .p-profil-texte {
  position: absolute;
  margin-left: 0;
  left: 57%;
}
@media (max-width: 600px) {
  .pageatrium .p-ca-president .p-profil-texte,
  .pageatrium .p-ca-bureau .p-profil-texte {
    position: static;
    left: 0;
  }
}
.pageatrium .p-ca-admins {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem 1rem;
  padding: clamp(1rem, 3.75lvw, 3.75rem);
}
.pageatrium .p-ca-admins .p-profil {
  flex-direction: column;
}
.pageatrium .p-ca-admins .p-profil-texte {
  margin: -2rem auto 0;
}
.pageatrium .p-i-firstBig {
  font-size: clamp(1.5rem, 2.25dvw, 2.25rem);
  font-weight: bold;
  text-decoration: none;
}
.pageatrium .p-i-firstBig span:first-child {
  font-size: clamp(1.75rem, 3.25dvw, 3.25rem);
  color: var(--coop-p-m4);
}

@media (max-width: 1440px) {
  .vue-container .full-width {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
/*# sourceMappingURL=menu.css.map */