@charset "UTF-8";
/*FONTS*/
/******************************************************/
@font-face {
  font-family: "icomoon-capseine";
  src: url("/css/theme/fonts/icomoon/icomoon-capseine.woff") format("woff"), url("/css/theme/fonts/icomoon/icomoon-capseine.ttf") format("truetype"), url("/css/theme/fonts/icomoon/icomoon-capseine.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Regular.ttf");
  font-weight: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Black.ttf");
  font-weight: 900;
}
@font-face {
  font-family: "DINOffc";
  src: url("fonts/DINOffc/DINOffc.ttf");
  font-weight: normal;
}
:root {
  --coop-main-color: #bc003f;
  --coop-main-lighten-color: #cf1553;
  --coop-main-lighten-2-color: #ffe3ec;
  --coop-second-color: #ff5700;
  --coop-button-bg-color: #bc003f;
  --coop-button-bg-hover-color: #cf1553;
  --coop-button-text-color: #fff;
  --coop-border-color: #bc003f;
}

html,
body {
  font-family: "Montserrat", arial;
  font-size: 16px;
}

/*$MESSAGE COMMUNICATION*/
/******************************************************/
.message_header_site,
.message_header_service {
  width: 100%;
  font-size: 60%;
  padding: 0 1rem 1rem;
  background-color: #bc003f;
  color: #fff;
}

/* -------- ShadowStyle */
/******************************************************/
.a-CnsPanelComment .Comment {
  background-color: #f6f6f6;
  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);
}

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

/* -------- ShadowStyle FIN */
/******************************************************/
/*ALL*/
/******************************************************/
a {
  color: inherit;
  text-decoration: none;
}

h1 {
  margin-top: 1em;
  margin-bottom: 0.25em;
}

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

button {
  font-family: "Montserrat", arial;
  font-weight: normal;
}

#buttonValid > button,
#buttonCancel > button {
  background-color: #f6f6f6;
  padding: 1em;
  border: 1px solid #cacaca;
}

/* $MODALS */
/****************************************************/
.modal-mask .btn-action {
  background-color: #bc003f;
}
.modal-mask .btn-action:hover {
  background-color: #980033;
}

.window-header {
  background-color: #bc003f;
  color: #FFF;
}
.window-header h1,
.window-header h2,
.window-header h3,
.window-header h4 {
  font-family: "Roboto", arial;
  font-size: 18px;
  font-weight: 300;
}
.window-header .icon-cancel::before {
  color: #FFF !important;
}

#login-panel {
  width: 350px;
  max-width: 90%;
  padding: 1rem 2rem;
}
#login-panel .login-panel_username,
#login-panel .login-panel_password {
  display: flex;
  flex-direction: column;
}
#login-panel .login-panel_username label,
#login-panel .login-panel_password label {
  margin-bottom: 0.25rem;
}
#login-panel .remember-block {
  display: flex;
  align-items: center;
}
#login-panel .remember-block label {
  margin-left: 0.25rem;
  font-size: 14px;
}
#login-panel input[type=submit] {
  width: 100%;
  border-radius: 0;
  margin: 1rem auto;
  background-color: #bc003f;
  color: #FFF;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
#login-panel input[type=submit]:hover {
  background-color: #89002e;
}
#login-panel .link.password {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-weight: normal;
  font-size: 11px;
  text-align: right;
}
#login-panel .link.password:hover {
  text-decoration: underline;
}

/* $HEADER */
/****************************************************/
@media screen and (max-width: 1439px) {
  main:not(.page-accueil) .header-site .logo a {
    top: 6px;
    height: 104px;
  }
  main:not(.page-accueil) .header-site #menuPanel {
    max-width: calc(100% - 195px);
  }
  main:not(.page-accueil) .welcome-div {
    left: 225px;
  }
}
.header-site {
  position: sticky;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  filter: drop-shadow(0px 0px 6px #aaa);
}
.header-site .logo {
  position: relative;
  flex: 0 0 265px;
  z-index: 1;
}
.header-site .logo a {
  display: block;
  position: absolute;
  top: 16px;
  left: 0;
  width: 100%;
  height: 144px;
  max-width: 265px;
  background-image: url("/css/theme/images/logo/easycoop.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.header-site .logo-bis {
  display: flex;
  max-height: 30px;
  overflow: hidden;
}
.header-site .actions {
  justify-content: flex-end;
  align-items: center;
  margin: 0.5rem 0;
}

.header-content {
  position: relative;
  max-width: 100%;
  flex-wrap: wrap;
  padding: 0.75rem 0;
  background-color: #addc2a;
}
.header-content .home,
.header-content .menu-icon {
  margin: 0.5rem 0;
}

.menu-toolbar {
  align-items: center;
  margin-left: auto;
  padding-right: 1.25rem;
}

.header-site #menuPanel {
  max-width: calc(100% - 265px - 220px);
}
@media screen and (max-width: 1439px) {
  .header-site #menuPanel {
    max-width: calc(100% - 265px);
    margin: 0 0 0 auto;
  }
}
.header-site .menu {
  flex: 0 0 100%;
  width: 100%;
  background-color: #ededeb;
}
.header-site .menu .rubriques {
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.header-site .menu .rubriques .rubrique > *,
.header-site .menu .rubriques .action > * {
  padding: 2rem;
}
@media screen and (max-width: 1439px) {
  .header-site .menu .rubriques .rubrique > *,
.header-site .menu .rubriques .action > * {
    padding: 1rem;
  }
}
.header-site .menu .rubriques .rubrique.open .intitule-rubrique,
.header-site .menu .rubriques .action.open .intitule-rubrique {
  color: #bc003f;
  border-color: #bc003f;
}
.header-site .menu .rubriques .rubrique > .intitule,
.header-site .menu .rubriques .action > .intitule {
  display: inline-block;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
}
.header-site .menu .rubrique:hover .sous-rubriques {
  transition-delay: 0s;
}

.link {
  cursor: pointer;
}

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

.home {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.postiche {
  width: 100px;
}
.postiche img {
  display: block;
  width: 100%;
}

/* $ICONES ACTION */
/********************************************************/
.header-item {
  display: block;
  position: relative;
  margin: 0 0.75rem;
}

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

header .actions #burger:hover,
header .actions #burger.selected {
  color: #ff5700;
}
header .actions #previsu.preview-on::before {
  color: #BCB7A9;
}

.preview-on::before {
  color: #FFF;
}

@media screen and (min-width: 1440px) {
  .header-site #search {
    position: absolute;
    top: 50%;
    left: 3px;
    z-index: 1;
    translate: 0 -50%;
  }
  .header-site #search::before {
    color: #000;
  }
  .header-site .input-wrapper {
    display: block;
  }
}
.header-site .search-wrapper {
  display: block;
}
@media (min-width: 901px) {
  .header-site .search-wrapper {
    position: absolute;
    top: calc(100% + 22px);
    right: 40px;
    align-items: center;
  }
}
.header-site .search-wrapper .error {
  position: absolute;
  top: 105%;
  left: 0.5rem;
}
.header-site input[name=search] {
  width: 210px;
  margin-top: 0;
  padding: 0.5rem;
  margin-left: 10px;
  padding-left: 40px;
  border: 0;
  box-shadow: 0 0 3px #ccc;
}
.header-site input[name=search]:focus {
  box-shadow: 0 0 5px #aaa;
}
.header-site input[name=search]::-moz-placeholder {
  font-size: 14px;
}
.header-site input[name=search]:-ms-input-placeholder {
  font-size: 14px;
}
.header-site input[name=search]::placeholder {
  font-size: 14px;
}

#search::after {
  text-align: left;
}

.header-content .header-item::before {
  font-family: "icomoon-capseine";
  font-size: 1.25rem;
  color: #FFF;
}

#favoris > ul {
  right: 0;
  left: inherit;
  width: 20em;
  margin-top: 95%;
  text-align: left;
  box-shadow: 0 0 3px #ccc;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 1;
}
#favoris > ul > li:not(:last-child) {
  border-bottom: 1px solid #d8d8d8;
}

.list-favoris > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: auto;
}
.list-favoris > li a {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
}
.list-favoris .icon-cancel {
  order: 2;
  cursor: pointer;
  color: #bc003f;
}
.list-favoris .icon-cancel ::before {
  padding: 0 7px;
}

/* $MENU */
/****************************************************/
.intitule-rubrique {
  position: relative;
  font-size: 16px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

.sous-rubriques-list {
  overflow: visible;
}

.sous-rubriques {
  top: 100%;
  padding: 1.5rem 2rem;
  border: 2px solid #DDD;
  background-color: #fff;
  text-align: left;
}
.sous-rubriques .beautifier {
  display: none;
}
.sous-rubriques .intitule {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 17px;
  text-transform: uppercase;
}
.sous-rubriques .service {
  display: flex;
  align-items: center;
}
.sous-rubriques .cns-link {
  flex: 0 0 auto;
  max-width: 100%;
  padding: 7px 14px 7px 0;
  font-weight: normal;
  font-size: 16px;
}
.sous-rubriques .cns-link::before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
  font-family: "icomoon-capseine";
  content: "쀂";
  width: 14px;
  height: 8px;
  overflow: hidden;
  font-size: 8px;
  color: #bc003f;
}
.sous-rubriques .cns-link:hover {
  color: #bc003f;
}
.sous-rubriques .admin-link {
  flex: 0 0 20px;
  font-size: 16px;
  margin-left: -20px;
}

.sous-rubrique:first-child {
  margin-left: 0;
}

.service.selected {
  border-left: 0;
  padding-left: 0;
}
.service.selected .cns-link {
  color: #bc003f;
}

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

#favoris {
  position: relative;
}

#go-to-head {
  background-image: url("/images/v4/go-to-head-gris-02.png");
}

/* $ACCUEIL*/
/****************************************************/
.a-serv-hp #mid-panel,
.a-serv-hp #visuPanel {
  max-width: 100%;
}

.bloc > .ensemble {
  display: block;
  float: none;
  max-width: 1440px;
  margin: 0 auto;
  overflow: auto;
}

.bloc-separateur-100 > .ensemble {
  max-width: 100%;
}

.bloc-separateur-salarie-titre::before {
  content: attr(data-title);
  display: block;
  padding-left: 1rem;
  color: #ff5700;
  font-weight: bold;
  font-size: 31px;
  margin-left: 60px;
}
.bloc-separateur-salarie-titre::after {
  content: "espace";
  position: absolute;
  color: #ff5700;
  font-size: 16px;
  height: 31px;
  display: flex;
  top: 0;
  align-items: flex-end;
  padding-left: 1rem;
}

.separateur-adherent-degrade {
  margin-bottom: 0.75rem;
}
.separateur-adherent-degrade::before {
  content: "";
  display: block;
  width: 100%;
  height: 21px;
  background: #ffffff;
  background: linear-gradient(to right, white 0%, #ff5500 60%, #bc013f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#bc013f", GradientType=1);
}

.bloc-separateur-adherent-titre::before {
  content: attr(data-title);
  display: block;
  padding-left: 1rem;
  color: #bc003f;
  font-weight: bold;
  font-size: 31px;
  margin-left: 60px;
}
.bloc-separateur-adherent-titre .separateur-adherent-titre::before {
  content: "espace";
  position: absolute;
  color: #bc003f;
  font-size: 16px;
  height: 31px;
  display: flex;
  margin-top: -36px;
  align-items: flex-end;
  padding-left: 1rem;
  left: 0;
}

/* $PAGE ATRIUM*/
/****************************************************/
.page-accueil .pageatrium {
  max-width: 100%;
}
.page-accueil .footer-site {
  margin-top: 0;
}

.pageatrium {
  background-color: #ededeb;
}
.pageatrium .page-puce {
  cursor: pointer;
}
.pageatrium .subcontainer .container-content {
  height: 100%;
  margin-left: var(--grid-gap);
  margin-right: var(--grid-gap);
  padding-top: 0;
  padding-bottom: 0;
  background-color: #fff;
}
.pageatrium .subcontainer h3 {
  padding: 0.5rem;
  background-color: #b0afa2;
  color: #fff;
  border-radius: 5px;
}
.pageatrium .structure-container:last-child {
  margin-bottom: 0;
}
.pageatrium .container-marges-perso .container-content {
  padding: 0 min(5%, 40px) 20px;
}
.pageatrium .container-marges-perso .container-content .bloc {
  margin: 0 !important;
}
.pageatrium .pave-margeBas-x2 {
  margin-bottom: var(--grid-gap);
}
.pageatrium .motscles_ressource {
  display: none;
}
.pageatrium .article__titre {
  transition: 0.25s;
}
.pageatrium .article__date {
  font-size: 0.85rem;
}
.pageatrium .article__link {
  color: #bc003f;
  font-style: normal;
  font-weight: 300;
  font-size: 0.85rem;
}
.pageatrium .article__link::before {
  content: ">> ";
}
.pageatrium .article__link::after {
  display: none;
}
.pageatrium .a-pave-link a {
  display: inline-block;
  margin-left: auto;
  padding: 0.5rem;
  border-radius: 5px;
  background-color: #bc003f;
  color: #fff;
}
.pageatrium .pave__footer {
  margin-top: 1rem;
}
.pageatrium .imagegauche-date-titre-resume .article {
  gap: 0.25rem 2rem;
  transition: 0.25s;
}
@media (min-width: 901px) {
  .pageatrium .imagegauche-date-titre-resume .article {
    grid-template-areas: "grid__image grid__date" "grid__image grid__titre" "grid__image grid__resume" "grid__image grid__link";
  }
}
.pageatrium .imagegauche-date-titre-resume .article:hover {
  box-shadow: #ccc 0px 25px 20px -20px;
}
.pageatrium .imagegauche-date-titre-resume .article__link {
  text-align: left;
}
.pageatrium .pave-mi-banniere {
  border-bottom: 12px solid #bc003f;
}
.pageatrium .pave-mi-banniere .titre-descriptif-bas-gauche-image .content-image .caption {
  height: auto;
  max-height: 100%;
  padding: 2.5rem 5%;
  text-shadow: 0 0 20px #777;
  font-style: normal;
  background-color: transparent;
}
.pageatrium .pave-mi-banniere .content-image {
  height: 40vh;
  max-height: 300px;
  overflow: hidden;
}
.pageatrium .pave-mi-banniere .content-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pageatrium .pave-mi-banniere a .content-image__caption::after, .pageatrium .pave-mi-banniere div .content-image__caption::after {
  content: "Découvrir";
  display: inline-block;
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  background-color: #bc003f;
  color: #fff;
  border-radius: 5px;
  font-size: 0.9rem;
}
.pageatrium .pave-mi-banniere .content-image__caption__titre {
  margin: 0;
  font-size: min(9vw, 3rem);
  font-weight: 900;
  text-transform: uppercase;
}
.pageatrium .pave-mi-banniere .content-image__caption__description {
  font-size: min(7vw, 2.5rem);
}
.pageatrium .menu-vertical-images .pave-menu__service {
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.5rem;
}
.pageatrium .menu-vertical-images .pave-menu__service__titre {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
.pageatrium .article-une-gauche-image-titre-date .pave__content__withdefault {
  gap: 2rem;
}
.pageatrium .article-une-gauche-image-titre-date .pave__content__withdefault .ressource-default .article {
  grid-template-columns: 1fr;
  grid-template-areas: "grid__image" "grid__date" "grid__titre" "grid__link";
}
.pageatrium .article-une-gauche-image-titre-date .paginate .article {
  grid-gap: 0.25rem 1.5rem;
  grid-template-areas: "grid__image grid__date" "grid__image grid__titre" "grid__image grid__link";
  grid-template-rows: auto 1fr min(0.25fr, 1rem);
}
.pageatrium .article-une-gauche-image-titre-date .paginate .article .article__image {
  height: 100px;
}
.pageatrium .article-une-gauche-image-titre-date .paginate .article .article__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pageatrium .article-une-gauche-image-titre-date .paginate .article__link {
  text-align: left;
  align-self: flex-end;
}
.pageatrium .article-une-gauche-image-titre-date .article__titre {
  margin: 0;
  align-self: flex-start;
}
.pageatrium .article-une-gauche-image-titre-date .paginate-links {
  display: none;
}
.pageatrium .pave-separateur-1::after {
  content: "";
  display: block;
  height: 20px;
  margin: 20px -20px 0;
  background: #ededeb;
}
.pageatrium .pave-separateur-2 {
  margin: 0 -20px;
}
.pageatrium .pave-separateur-2 .slide__image img {
  width: 100%;
}
.pageatrium .subcontainer > .container-content > .bloc:not([style*="display:"]) + .bloc:not([style*="display:"]) + .bloc > .bloc > .pave-separateur-2 {
  margin-top: -20px;
}
.pageatrium .pave-retrait-marge {
  margin: 0 calc(var(--grid-gap) * -1) 0;
}
.pageatrium .pave-cadre-bleu .pave__header + * {
  border: 2px solid #4dbcd7;
  border-radius: 5px;
}
.pageatrium .pave-menu__service__titre {
  transition: 0.25s;
}
.pageatrium .pave-menu__service__titre:hover {
  color: #bc003f;
}
.pageatrium .titre-image-resume-date .grid {
  gap: 0;
}
.pageatrium .titre-image-resume-date .article__titre {
  margin: 0 0 1rem 0;
  font-weight: normal;
  font-size: 0.83em;
}
.pageatrium .titre-image-resume-date .article__date {
  display: none;
}

.motscles_pavethematique li {
  border: 1px solid #00aca5;
  color: #00aca5;
  background-color: #fff;
  font-weight: normal;
}
.motscles_pavethematique li.selected {
  color: #fff;
  background-color: #00aca5;
}

/* $BASE-WRAPPER*/
/****************************************************/
#base-wrapper {
  padding-top: 0;
  margin-top: 0;
}

#logoPanel {
  display: none;
}

.welcome-div {
  display: flex;
  align-items: center;
  margin-left: 0.5rem;
}

#welcome:empty {
  display: none;
}

#welcome:not(:empty):before {
  content: "Bonjour ";
}

#welcome {
  display: inline-block;
  color: #FFF;
  font-size: 15px;
}
#welcome::before {
  font-family: inherit;
  font-size: inherit;
}

#logoPanel {
  display: none;
}

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

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

#mid-panel {
  max-width: 1440px;
  margin: 0 auto;
}

#topPanel {
  z-index: 1;
}
#topPanel.service-ressource {
  max-width: 1440px;
  margin: 1rem auto;
}
#topPanel.service-ressource > .ariane,
#topPanel.service-ressource > .titre-service,
#topPanel.service-ressource > .a-link-adm {
  flex-grow: 1;
  margin: 0;
  padding-right: 0;
}

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

#right-panel {
  order: 2;
}

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

.page-gestionressource-admin-edit #mid-panel-wrapper .vue-container {
  max-width: 100%;
}

.pageatrium .article__motscles {
  font-size: 0.8rem;
}

.vue-container {
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  .vue-container {
    flex-wrap: wrap;
  }
}
.vue-container .a-service-texte {
  flex: 1 0 65%;
}
.vue-container .a-service-texte > .container {
  display: flex;
  flex-direction: column;
}
.vue-container .a-service-texte > .container > article {
  order: 2;
  margin-bottom: 13px;
}
.vue-container .a-service-texte > .container > aside {
  order: 1;
  margin-bottom: 13px;
  text-align: right;
}
@media screen and (max-width: 900px) {
  .vue-container .a-service-texte > .container > aside {
    margin-top: 0;
  }
}
.vue-container .a-service-texte > .container > aside > div {
  display: inline-block;
  margin-right: 13px;
}
@media screen and (max-width: 900px) {
  .vue-container .a-service-texte > .container > aside > div.edit-btn, .vue-container .a-service-texte > .container > aside > div.print-btn, .vue-container .a-service-texte > .container > aside > div.react-btn,
.vue-container .a-service-texte > .container > aside > div li.editRess-btn-ct,
.vue-container .a-service-texte > .container > aside > div li.react-bt,
.vue-container .a-service-texte > .container > aside > div li.print-btnCt {
    display: none;
  }
}
.vue-container .a-service-texte > .container > aside > div button,
.vue-container .a-service-texte > .container > aside > div button::before {
  color: #c8c0af;
}
.vue-container .a-service-texte > .container > aside > div:hover button,
.vue-container .a-service-texte > .container > aside > div:hover button::before {
  color: #a99c82;
}
.vue-container .a-service-texte > .container > nav {
  order: 3;
  margin: 13px 0;
  display: flex;
  justify-content: space-between;
}
.vue-container .a-service-texte > .container > nav .precedent,
.vue-container .a-service-texte > .container > nav .suivant {
  color: #c1c1c1;
  font-size: 22px;
  font-weight: normal;
  text-transform: uppercase;
  border: 2px solid #c1c1c1;
  padding: 1rem 1.5rem;
}
@media screen and (max-width: 900px) {
  .vue-container .a-service-texte > .container > nav .precedent,
.vue-container .a-service-texte > .container > nav .suivant {
    font-size: 1em;
  }
}
.vue-container .a-service-texte > .container > nav .precedent::before {
  content: "\f104";
  font-family: fontello;
  margin-right: 0.75rem;
}
.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: 0.75rem;
}
.vue-container .a-service-texte + aside {
  flex: 1 0 35%;
  max-width: 100%;
  overflow: hidden;
  padding-left: 2%;
  margin-top: -50px;
}
@media screen and (max-width: 900px) {
  .vue-container .a-service-texte + aside {
    flex: 1 0 100%;
    margin-top: 0;
    padding-left: 0;
  }
}
.vue-container .a-service-texte + aside > .container {
  display: flex;
  flex-wrap: wrap;
}
.vue-container .a-service-texte + aside > .container nav {
  margin-bottom: 26px;
}
.vue-container .a-service-texte + aside > .container nav h3 {
  display: flex;
  align-items: baseline;
  margin-top: 0;
  margin-bottom: 7px;
  padding: 14px 21px;
  font-size: 22px;
  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 > a {
  margin-bottom: 13px;
  display: flex;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item > a .titre {
  font-size: 15px;
  font-weight: normal;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item > a .resume {
  font-weight: 300;
  font-size: 13px;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item > a .resume img {
  display: none;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item > a .image {
  max-width: 35%;
  max-height: 95px;
  overflow: hidden;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item > a .image img {
  width: 113px;
  height: 90px;
  padding-right: 13px;
  -o-object-fit: cover;
  object-fit: cover;
}
.vue-container .a-service-texte + aside > .container .ressource-liste .item > a .image + div {
  flex: 1;
}
.vue-container .a-service-texte + aside > .container .paginate-links.items {
  display: flex;
  justify-content: center;
}
.vue-container .a-service-texte + aside > .container .paginate-links.items .prev,
.vue-container .a-service-texte + aside > .container .paginate-links.items .next {
  color: #ff5700;
  font-size: 18px;
  text-transform: uppercase;
  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 span,
.vue-container .a-service-texte + aside > .container .paginate-links.items .next span {
  display: none;
}
.vue-container .a-service-texte + aside > .container .paginate-links.items .prev {
  padding-right: 1rem;
  margin-right: 7px;
}
.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 {
  padding-left: 1rem;
  margin-left: 7px;
}
.vue-container .a-service-texte + aside > .container .paginate-links.items .next::after {
  content: "\f105";
  font-family: fontello;
  margin-left: 7px;
}

/*$GR*/
/******************************************************/
.template-classic .gestionRessource__detail__main {
  flex-basis: 70%;
}

.gestionRessource .gestionRessource__recents h2 {
  padding: 1rem 2rem;
  border-radius: 5px;
  font-size: 1.15rem;
}
.gestionRessource .gestionRessource__recents__article {
  align-items: flex-start;
}
.gestionRessource .gestionRessource__recents__article__infos__titre {
  margin-top: 0;
}
.gestionRessource .gestionRessource__recents__article__img .content-image {
  width: 113px;
  height: 90px;
}
.gestionRessource .gestionRessource__recents__article__img .content-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.gestionRessource .gestionRessource__recents__article__infos__date {
  display: none;
}
.gestionRessource .telechargement {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.gestionRessource .telechargement > a,
.gestionRessource .telechargement > .telechargement__bouton {
  display: flex;
  align-items: stretch;
  border: 0;
  background-color: #bc003f;
  border-radius: 5px;
  overflow: hidden;
}
.gestionRessource .telechargement > a:hover,
.gestionRessource .telechargement > .telechargement__bouton:hover {
  background-color: #cf1553;
}
.gestionRessource .telechargement > a .a-image-wrapper,
.gestionRessource .telechargement > .telechargement__bouton .a-image-wrapper {
  width: 24px;
  height: 24px;
  margin: 0.5rem;
  background-image: url(/css/theme/images/picto/telechargement.svg);
  background-position: center;
}
.gestionRessource .telechargement .titre {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  color: #fff;
  background-color: #c1c1c1;
  z-index: 1;
  pointer-events: none;
}

.gestionRessource__grid__article__image .content-image > img {
  width: 100%;
}

#acs-Mentions {
  flex-direction: column;
}

.a-service-texte + aside .page-puces {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.a-service-texte + aside .page-puces li {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #c1c1c1;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.a-service-texte + aside .page-puces li::before {
  content: attr(data-index);
  font-size: 10px;
  color: #FFF;
}
.a-service-texte + aside .page-puces li:not(:last-child) {
  margin-right: 0.5rem;
}

.memos-list,
.transversalite {
  flex: 1 0 100%;
}

.memos-list h3::before {
  content: "섄";
  font-family: "icomoon-capseine";
  display: inline-block;
  margin-right: 1rem;
}

.avertissements-list .paginate-links,
.memos-list .paginate-links {
  display: flex;
  justify-content: center;
  align-items: center;
}
.avertissements-list .prev,
.memos-list .prev {
  padding-right: 1em;
}
.avertissements-list .next,
.memos-list .next {
  padding-left: 1em;
}

.transversalite h3 {
  background-color: #FFF;
}
.transversalite h3::before {
  content: "섅";
  font-family: "icomoon-capseine";
  display: inline-block;
  margin-right: 1rem;
}

.a-service-texte > .container .img-left .date-diffusion,
.a-Evenement .img-left .date-diffusion,
.a-service-texte > .container .img-middle .date-diffusion,
.a-Evenement .img-middle .date-diffusion {
  margin-bottom: 0.3rem;
  color: #c8c0af;
  font-size: 14px;
}
.a-service-texte > .container .img-left .date-diffusion::before,
.a-Evenement .img-left .date-diffusion::before,
.a-service-texte > .container .img-middle .date-diffusion::before,
.a-Evenement .img-middle .date-diffusion::before {
  display: none;
}
.a-service-texte > .container .img-left .resume,
.a-service-texte > .container .img-left .abstract,
.a-Evenement .img-left .resume,
.a-Evenement .img-left .abstract,
.a-service-texte > .container .img-middle .resume,
.a-service-texte > .container .img-middle .abstract,
.a-Evenement .img-middle .resume,
.a-Evenement .img-middle .abstract {
  padding: 1.5rem;
  font-size: 15px;
  background-color: #f2f2f2;
}
.a-service-texte > .container .img-left > .image,
.a-Evenement .img-left > .image,
.a-service-texte > .container .img-middle > .image,
.a-Evenement .img-middle > .image {
  margin-right: 0;
  margin-bottom: 0;
  background-color: #f2f2f2;
}
@media screen and (max-width: 900px) {
  .a-service-texte > .container .img-left > .image,
.a-Evenement .img-left > .image,
.a-service-texte > .container .img-middle > .image,
.a-Evenement .img-middle > .image {
    margin-bottom: 0.5rem;
  }
}
.a-service-texte > .container .img-left .description,
.a-Evenement .img-left .description,
.a-service-texte > .container .img-middle .description,
.a-Evenement .img-middle .description {
  font-size: 16px;
}

.a-service-texte > .container .img-middle > .image,
.a-Evenement .img-middle > .image {
  margin-top: 0;
  padding-bottom: 1.5rem;
}

.a-service-texte > .container .img-middle .resume,
.a-service-texte > .container .img-middle .abstract,
.a-Evenement .img-middle .resume,
.a-Evenement .img-middle .abstract {
  max-width: 100%;
}

.a-EvenementPanelGen {
  width: 100%;
}
.a-EvenementPanelGen .x-panel-body {
  display: flex;
  flex-direction: column;
}

.contact-comment {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1440px) {
  .vue-container.pageatrium {
    padding-left: 0;
    padding-right: 0;
  }
  .vue-container .a-service-texte,
.vue-container .a-service-texte + aside .container {
    margin-left: 13px;
    margin-right: 13px;
  }
}
@media screen and (max-width: 900px) {
  .container-bloc2-order1 .subcontainer:nth-child(2) {
    order: -1;
  }

  .vue-container .subcontainer .container-content {
    margin-left: 0;
    margin-right: 0;
  }
  .vue-container .a-service-texte,
.vue-container .a-service-texte + aside .container {
    margin-left: 0px;
    margin-right: 0px;
  }

  .service-ressource#topPanel {
    margin-bottom: 0;
  }
}
/*$NEWSLETTERS VUE*/
/******************************************************/
.newsletters > div {
  flex: 1 0 100%;
}
.newsletters .header-site {
  text-align: left;
  margin-bottom: 0.75rem;
}
.newsletters .btn-picto {
  font-size: 1rem;
  margin-right: 18px;
  color: #6b6b6b;
}
.newsletters .btn-picto:hover {
  color: #000;
}
.newsletters .tabs-component-panels {
  border-color: #bc003f;
}

/*$VISUPANEL*/
/******************************************************/
#visuPanel {
  flex: 1 0 65%;
}

#presentPanel {
  flex: 1 0 30%;
  padding-left: 2%;
  margin-top: -50px;
}
@media screen and (max-width: 900px) {
  #presentPanel {
    margin-top: 2rem;
    padding-left: 0;
  }
}

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

.a-serv-ress > .x-panel > .x-panel-bwrap > .x-panel-tbar {
  display: flex;
  flex: 1 0 100%;
  justify-content: flex-end;
  order: 1;
  text-align: right;
}

.a-serv-ress > .x-panel > .x-panel-bwrap > .x-panel-body {
  order: 2;
  flex: 1 0 100%;
}

.x-panel-tbar > ul {
  width: 100%;
}
.x-panel-tbar > ul li {
  display: inline-block;
  margin-right: 1rem;
}

ul.ariane {
  text-transform: none;
}

.ariane a {
  color: #000;
  font-weight: normal;
}

.ariane-service a {
  color: #c8c0af;
}

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

.a-link-adm {
  margin-top: 1em;
  margin-bottom: 1em;
}

.a-link-adm a,
.a-link-cns a,
.a-admin-page-accueil-back-link a {
  color: #000;
  font-weight: normal;
  text-decoration: none;
}

.a-adminpageaccueil-portlet .x-tool {
  padding: 3px 10px;
  font-size: 14px;
}
.a-adminpageaccueil-portlet .x-tool::before {
  display: block;
  margin: 0;
}

#presentPanel > .x-panel-bwrap > .x-panel-body {
  flex-direction: column;
}
#presentPanel .cells {
  flex: 1 0 100%;
}
#presentPanel td,
#presentPanel th {
  height: auto;
  font-size: 15px;
  font-weight: normal;
}
#presentPanel td:nth-child(3) {
  font-weight: 300;
  font-size: 13px;
}

.with-transversalite #compovisuPanel {
  margin-bottom: 1.5em;
}

#transversePanel .paginate-container > a {
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
}
#transversePanel .paginate-container > a .titre {
  font-size: 15px;
  font-weight: normal;
}
#transversePanel .paginate-container > a .resume {
  font-weight: 300;
  font-size: 13px;
  margin: 0.5em 0 0;
}
#transversePanel .paginate-container > a .resume p {
  margin: 0;
}
#transversePanel .boutons {
  display: flex;
  justify-content: center;
}
#transversePanel .boutons .prev {
  margin-right: 1rem;
  font-size: 18px;
}
#transversePanel .boutons .next {
  margin-left: 1rem;
  font-size: 18px;
}
#transversePanel .boutons .page-puces {
  display: flex;
  justify-content: center;
  align-items: center;
}
#transversePanel .boutons .page-puces li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #c1c1c1;
  border-radius: 50%;
  cursor: pointer;
}
#transversePanel .boutons .page-puces li:not(:last-child) {
  margin-right: 0.5rem;
}
#transversePanel .boutons .page-puces li::before {
  content: attr(data-index);
  font-size: 10px;
  color: #FFF;
}
#transversePanel .puces {
  display: none;
}

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

.ressource-body .ressource-bloc .tabs-component-tabs {
  border: 0;
}

.gestionRessource__recents h2 h2 {
  display: flex;
  align-items: baseline;
  margin-top: 0;
  margin-bottom: 7px;
  padding: 14px 21px;
  font-size: 22px;
  font-weight: normal;
}
.gestionRessource__recents h2 h2::before {
  content: "섄";
  font-family: "icomoon-capseine";
  display: inline-block;
  margin-right: 1rem;
}
.gestionRessource__recents__article__image, .gestionRessource__grid__article__image {
  width: 100%;
}
.gestionRessource__recents__article__infos__titre,
.gestionRessource__recents__article__infos h2, .gestionRessource__recents__article__texte__titre,
.gestionRessource__recents__article__texte h2, .gestionRessource__grid__article__infos__titre,
.gestionRessource__grid__article__infos h2, .gestionRessource__grid__article__texte__titre,
.gestionRessource__grid__article__texte h2 {
  font-size: 15px;
}
.gestionRessource__recents__article__infos__date, .gestionRessource__recents__article__texte__date, .gestionRessource__grid__article__infos__date, .gestionRessource__grid__article__texte__date {
  font-size: 14px;
  color: #c8c0af;
}
.gestionRessource__recents__article__infos__resume, .gestionRessource__recents__article__texte__resume, .gestionRessource__grid__article__infos__resume, .gestionRessource__grid__article__texte__resume {
  font-weight: 300;
  font-size: 13px;
}
.gestionRessource nav button {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: normal;
  border: 1px solid #c1c1c1;
  padding: 0.75rem 1rem;
  color: #000;
  background-color: transparent;
  border-radius: 0;
  margin-bottom: 0;
}
.gestionRessource nav button::before {
  margin-right: 0.5rem;
}
.gestionRessource nav button:hover {
  background-color: #f2f2f2;
}
.gestionRessource__detail__back {
  margin-bottom: 1rem;
}
.gestionRessource .edit-ressource {
  background-color: #addc2a;
  border-radius: 5px;
}
.gestionRessource .edit-ressource:hover {
  background-color: #94ba28;
}

.gestionRessource__detail__main > div:last-child {
  border-top: 2px solid #eee;
}
.gestionRessource__detail__main .motscles_ressource {
  align-items: flex-end;
}
.gestionRessource__detail__main .motscles_ressource span {
  font-size: 14px;
  text-transform: uppercase;
}
.gestionRessource__detail__main img {
  width: 100%;
}

.content-date {
  color: #c8c0af;
  font-size: 14px;
}

.content-text.resume {
  padding: 1.5rem;
  font-size: 1.1rem;
  background-color: #f2f2f2;
}
.content-text.resume p {
  margin: 0;
}

.btn-ressource {
  display: inline-block;
  background-color: #bc003f;
  padding: 0.5rem;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
  font-family: "Montserrat", arial;
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
  border: 2px solid #bc003f;
  transition: 0.25s;
}
.btn-ressource:hover {
  background-color: #fff;
  color: #bc003f;
}

.page-gestionRessourceAdmin .ressource-editor__body .btn-action.icon-save {
  background-color: #d9d9d9;
  color: #000;
}
.page-gestionRessourceAdmin .ressource-editor__body .btn-action.icon-save:hover {
  background-color: #cf1553;
  color: #fff;
}

/*BLOC SESSION DANS GR*/
.session-consult .session-header .session-date,
.session-consult .session-header .session-horaires {
  color: #fff;
}

.session-periode {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: #08b6b9;
  padding: 0.5rem;
}

.template-classic .disposition_25 .session-date,
.template-classic .disposition_25 .session-horaires {
  font-size: 0.85rem;
}

.session-consult {
  padding: 0;
  display: flex;
  flex-direction: column;
}

.session-header h3 {
  padding: 0 0.5rem;
}

.session-body {
  padding: 0 0.5rem;
}

.session-footer {
  margin: 0.5rem 0;
  /* display: flex; */
}

.session-consult .session-footer button {
  width: auto;
  margin: auto;
  display: block;
  background-color: #addc2a;
  color: #fff;
}
.session-consult .session-footer button:hover {
  background-color: #8db51e;
}

/*BLOC SESSION DANS GR FIN*/
.fond-taupe {
  padding: 1.5rem;
  background-color: #ABA58C;
  color: #fff;
}
.fond-taupe .freehtml ul li::before {
  color: #fff;
}

.fond-vert {
  padding: 1.5rem;
  background-color: #addc2a;
}
.fond-vert .freehtml ul li::before {
  color: #fff;
}

.fond-bleu {
  padding: 1.5rem;
  background-color: #16B4B7;
  color: #fff;
}
.fond-bleu .freehtml ul li::before {
  color: #fff;
}

.fond-cerise {
  padding: 1.5rem;
  background-color: #BC1541;
  color: #fff;
}
.fond-cerise .freehtml ul li::before {
  color: #fff;
}

.bouton-questionnaire .btn-vue.questionnaire {
  font-size: 0rem;
  background-color: #5e5e5e;
  border-radius: 0;
}
.bouton-questionnaire .btn-vue.questionnaire::before {
  font-size: 1.1rem;
  content: "Remplir le questionnaire";
  display: block;
}

.gr-image-bandeau {
  width: 100%;
  height: 200px;
  max-height: 40vh;
  overflow: hidden;
}
.gr-image-bandeau img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.tui-image-editor-button.apply.active label {
  font-weight: bold !important;
}

.description img,
.ck-content img,
.freehtml img {
  margin: 1em;
}
.description .titre2,
.description h2,
.ck-content .titre2,
.ck-content h2,
.freehtml .titre2,
.freehtml h2 {
  font-size: 22px;
}
.description .titre-fond,
.description h3,
.ck-content .titre-fond,
.ck-content h3,
.freehtml .titre-fond,
.freehtml h3 {
  display: block;
  max-width: -moz-max-content;
  max-width: max-content;
  font-size: 22px;
  font-weight: normal;
  padding: 0.5rem 0.75rem;
  border-radius: 5px;
  background-color: #08B6B9;
  color: #fff;
}
.description .titre-encadre,
.description h4,
.ck-content .titre-encadre,
.ck-content h4,
.freehtml .titre-encadre,
.freehtml h4 {
  display: block;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 0.5rem 0.75rem;
  font-size: 22px;
  font-weight: normal;
  border: 2px solid #08B6B9;
  border-radius: 5px;
  color: #000;
}
.description .titre-feuille,
.description h5,
.ck-content .titre-feuille,
.ck-content h5,
.freehtml .titre-feuille,
.freehtml h5 {
  position: relative;
  padding-left: 0.5rem;
  font-size: 22px;
  font-weight: normal;
}
.description .titre-feuille::before,
.description h5::before,
.ck-content .titre-feuille::before,
.ck-content h5::before,
.freehtml .titre-feuille::before,
.freehtml h5::before {
  content: "쀂";
  font-family: "icomoon-capseine";
  display: inline-block;
  position: absolute;
  top: -0.8rem;
  left: 0;
  opacity: 0.7;
  z-index: -1;
  font-size: 50px;
  color: #08B6B9;
}
.description a,
.ck-content a,
.freehtml a {
  text-decoration: underline;
  font-weight: medium;
  color: #08B6B9;
}
.description a:hover,
.ck-content a:hover,
.freehtml a:hover {
  text-decoration: none;
}
.description .titre3,
.ck-content .titre3,
.freehtml .titre3 {
  font-size: 20px;
  font-weight: normal;
}
.description .titre4,
.ck-content .titre4,
.freehtml .titre4 {
  font-size: 18px;
  font-weight: normal;
}
.description ul,
.ck-content ul,
.freehtml ul {
  padding: 0;
  list-style: none;
}
.description ul li::before,
.ck-content ul li::before,
.freehtml ul li::before {
  content: "쀂";
  font-family: "icomoon-capseine";
  font-size: 10px;
  display: inline-block;
  margin-right: 0.5rem;
  color: #addc2a;
}
.description .liste,
.ck-content .liste,
.freehtml .liste {
  display: block;
  margin: 0 0 1em;
}
.description .liste::before,
.ck-content .liste::before,
.freehtml .liste::before {
  content: "쀂";
  font-family: "icomoon-capseine";
  font-size: 10px;
  display: inline-block;
  margin-right: 0.5rem;
  color: #08B6B9;
}

.description table,
.freehtml table,
.inscriptions table {
  border-collapse: collapse;
}
.description table th,
.description table thead td,
.description table thead th,
.freehtml table th,
.freehtml table thead td,
.freehtml table thead th,
.inscriptions table th,
.inscriptions table thead td,
.inscriptions table thead th {
  padding: 0.5rem 1rem;
  background-color: #c1c1c1;
  color: #FFF;
  font-size: 18px;
}
.description table tbody td,
.freehtml table tbody td,
.inscriptions table tbody td {
  padding: 0.5rem 1rem;
  border: 1px solid #e2e2e2;
  font-size: 16px;
}

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

/* TITRE DES PAGES  */
.titre-service {
  font-size: 1.5rem;
  font-weight: 900;
  color: #444;
  padding-top: 13px;
  margin: 0 auto;
}

.titlebar .title {
  background-color: #bc003f;
  color: #fff;
  padding: 0.3em;
  font-weight: bold;
  font-size: 1rem;
}

.icon-config a:hover {
  color: #bc003f;
}
.icon-config::before {
  font-family: "icomoon-capseine", "fontello";
  width: auto;
  color: #bc003f;
  font-size: 21px;
  vertical-align: middle;
}
.icon-config a {
  font-size: 16px;
  font-weight: 300;
}

.titlebar .icon-edit::before,
.titlebar .icon-print::before,
.titlebar .icon-mail::before,
.titlebar .icon-comment::before {
  font-family: "icomoon-capseine", "fontello";
  width: auto;
}

/* $Banque de documents */
/*********************************************************/
.a-banque-lastdocs {
  display: none;
}

.icon-download::before {
  content: "윁";
  font-family: "icomoon-capseine";
  font-weight: normal;
}

.a-banque-arb-detail div.a-image-wrapper {
  display: none;
}

#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: 1rem;
  color: #fff;
  text-transform: uppercase;
}

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

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

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

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

.lastdocs .row .options ul li {
  font-size: 1rem;
  font-weight: normal;
}

.a-gen-arbo .name,
.a-gen-arbo .date {
  font-weight: normal;
  font-size: 1rem;
}

.lastdocs .row .options a,
.lastdocs .row .options ul li {
  font-size: 15px;
  font-weight: normal;
}
.lastdocs .row .options a:hover,
.lastdocs .row .options ul li:hover {
  text-decoration: underline;
}

/**/
.msg-maintenance {
  padding-top: 50px;
}

/*Fil d'ariane*/
.a-banque-fil-ariane span {
  color: #bc003f;
}

#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-ct,
.x-tree-node,
.x-tree-node-el {
  margin-bottom: 7px;
}

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

.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: inherit;
}

#visuPanel .docs,
.lastdocs .row {
  min-height: auto;
}

.lastdocs .row .options {
  padding: 0;
  min-width: 25%;
}

.a-gen-arbo .a-btn-atrium .x-btn-text {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
}

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

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

.titlebar button {
  display: flex;
  gap: 0.5rem;
  line-height: 1.6em;
  padding: 0;
}
.titlebar button::before {
  font-weight: bold;
}

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

div.lastdocsdetail .transverse-element {
  border-bottom: 1px solid #f6f6f6;
}

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

/* $WEB DEMAT */
.a-webdemat fieldset {
  border: none;
}

.a-webdemat fieldset legend {
  padding: 5px;
  font-size: 16px;
}

.a-webdemat-global-search-panem .x-fieldset-body {
  display: flex;
  flex-wrap: wrap;
}

.a-wd-typedoc,
.a-wd-activities {
  flex: 0 0 30%;
}

.a-wd-rech-field {
  flex: 0 0 40%;
}

@media only screen and (max-width: 900px) {
  .a-wd-typedoc,
.a-wd-activities,
.a-wd-rech-field {
    flex: 0 0 100%;
  }
}
.a-webdemat .x-form-item label {
  min-width: 120px;
}

.a-webdemat-global-search-panem .rcombo > label {
  min-width: 100px;
}

.a-webdemat .rcheckboxgroup .x-form-item-label,
.a-webdemat .acsFieldsFactoryInfoTextField .x-form-item-label,
.a-webdemat .x-panel-body > label,
.a-webdemat .x-panel-header-text {
  font-weight: bold;
}

.a-webdemat .rangefield .x-form-item {
  margin-left: 0;
}

.a-webdemat .daterange div.rdatefield + div.rdatefield label,
.a-webdemat .numberrange div.rnumberfield + div.rnumberfield label {
  min-width: 50px;
  text-align: center;
}

.a-webdemat .help {
  float: none;
}

/*$Mémos, Avertissements, Événements*/
/******************************************************/
.a-MemosPanelDetail {
  flex: 1 0 100%;
}

.a-serv-ress .titlebar button,
.a-serv-ress .titlebar button::before {
  color: #c8c0af;
}
.a-serv-ress .titlebar:hover button,
.a-serv-ress .titlebar:hover button::before {
  color: #a99c82;
}
.a-serv-ress .abstract {
  font-weight: bold;
  color: #686868;
}
.a-serv-ress .info::before {
  display: none;
}

div.prevRess-btn,
div.nextRess-btn {
  font-size: 22px;
  border: 2px solid #c1c1c1;
  padding: 1rem 1.5rem;
}
div.prevRess-btn .title,
div.nextRess-btn .title {
  font-size: 22px;
  text-transform: uppercase;
}

.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 {
  padding: 0;
}
#presentPanel .x-panel-header-text {
  display: flex;
  align-items: baseline;
  margin-bottom: 7px;
  padding: 20px 25px;
  font-size: 22px;
  font-weight: normal;
}
#presentPanel .x-panel-header-text::before {
  content: "섄";
  font-family: "icomoon-capseine";
  display: inline-block;
  margin-right: 1rem;
}
#presentPanel table h1,
#presentPanel table h2,
#presentPanel table h3,
#presentPanel table h4,
#presentPanel table h5,
#presentPanel table h6 {
  margin: 0;
}
#presentPanel table tr {
  border-bottom: 0;
}
#presentPanel td .title {
  border: none;
  height: auto;
}

#presentPanel .a-EvenementGrid .cells td.image-empty,
#presentPanel .cells td:nth-child(1) {
  flex: 0 0 auto;
  max-width: 35%;
  max-height: 95px;
  overflow: hidden;
  background-position: left;
}

#presentPanel .cells.f-grid3-row-selected {
  display: none;
}

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

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

#PrecoPanel .x-panel-header,
#avertProduitsAgriPanel .x-panel-header {
  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;
}

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

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

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

.a-CnsPanelComment {
  flex: 4 0 100%;
}

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

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

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

.a-CnsPanelComment div.CommentHeader {
  font-size: 16px;
  color: #9b9b9b;
  text-transform: inherit;
  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;
  color: #FFF;
}

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

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

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

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

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

/*VUE*/
.a-CnsPanelComment {
  margin-top: 13px;
}
.a-CnsPanelComment h3 {
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 16px;
  color: #a5acb4;
  text-transform: uppercase;
}

.a-cnsPanelContactList {
  margin-top: 13px;
  margin-right: 26px;
}
.a-cnsPanelContactList button {
  margin-bottom: 7px;
  font-size: 16px;
  color: #a5acb4;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}
.a-cnsPanelContactList button::before {
  font-size: 17px;
  margin-left: 0;
  margin-right: 7px;
}
.a-cnsPanelContactList .contacts-list {
  color: #b1b1b1;
  font-style: italic;
}
.a-cnsPanelContactList .contacts-list .a-main-contact {
  margin-bottom: 7px;
}

.phone {
  padding-left: 18px;
  color: #b1b1b1;
}

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

.theme-ress > h3 {
  color: #808080;
}

.search-ress {
  margin-bottom: 5px;
}

/*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 {
  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-PetitesAnnonces .a-create-bt button:hover,
.a-PetitesAnnonces .a-mail-bt button:hover {
  background-color: #ff5700;
}
.a-PetitesAnnonces .quarter.a-pan-col4 {
  background-color: #bc003f;
  color: #fff;
}
.a-PetitesAnnonces .icon-prev,
.a-PetitesAnnonces .icon-next {
  margin-top: 1em;
  color: #ff5700;
  font-size: 1rem;
  text-transform: uppercase;
}
.a-PetitesAnnonces .x-small-editor.paging {
  border-top: 4px solid #ff5700;
}
.a-PetitesAnnonces .a-mail-bt {
  background-color: #bc003f;
  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 #bc003f;
}

.pan-annonce .pan-description,
.pan-annonce .pan-contact {
  border-right: 2px solid #bc003f;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}
.pan-annonce .pan-entete .pan-titre {
  color: #bc003f;
}
.pan-annonce .pan-description,
.pan-annonce .pan-contact {
  border-right: 2px solid #bc003f;
  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: #bc003f;
}

.a-back-bt button {
  background-color: #bc003f;
  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;
}
.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;
  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: 16px;
}
.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 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 #f6f6f6;
}

/*$ACM*/
/******************************************************/
.a-acm .x-panel-tbar > .titlebar {
  margin-bottom: 1.5em;
}
.a-acm .acmContainer .paginate-container {
  border-bottom: 1px solid #f6f6f6;
  margin-bottom: 5px;
}
.a-acm .x-panel-tbar > ul.titlebar {
  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.1rem;
}
.a-acm .a-acm-grid-production .a-PagingToolbar {
  padding: 10px 5px;
  background-color: #f6f6f6;
  border: 1px solid #d8d8d8;
}
.a-acm .a-acm-grid-production .icon-prev,
.a-acm .a-acm-grid-production .icon-next {
  color: inherit;
  font-size: 11px;
}
.a-acm .prev,
.a-acm .next {
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
}
.a-acm .x-btn-icon button::before {
  color: #fff;
}

/*$MON COMPTE*/
/******************************************************/
#visuPanel .a-MonProfil .x-panel-tbar > ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
}

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

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

.favoris-panel .x-toolbar .ytb-text {
  padding: 0;
}

.userpref .link {
  background-color: #bc003f;
}
.userpref .link:hover {
  background-color: #980033;
}
.userpref .link a {
  color: #FFF;
}

.services-favoris .service {
  display: flex;
  justify-content: space-between;
}

/*$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;
  }
}
/*MORTE SAISON*/
.morte-saison,
.morte-saison-admin {
  font-size: 1rem;
  font-weight: 300;
}
.morte-saison h2,
.morte-saison-admin h2 {
  font-weight: normal;
}
.morte-saison input[type^=file],
.morte-saison-admin input[type^=file] {
  padding: 0;
}
.morte-saison .recuperation h2,
.morte-saison-admin .recuperation h2 {
  font-weight: 300;
  color: #bc003f;
}
.morte-saison .voir-nouveautes,
.morte-saison .dispo-seulement,
.morte-saison .prix,
.morte-saison .conditionnement,
.morte-saison-admin .voir-nouveautes,
.morte-saison-admin .dispo-seulement,
.morte-saison-admin .prix,
.morte-saison-admin .conditionnement {
  color: #bc003f;
}
.morte-saison .offre a,
.morte-saison-admin .offre a {
  font-weight: 300;
}
.morte-saison .offre .ref,
.morte-saison-admin .offre .ref {
  margin: 1rem;
  font-weight: 300;
}
.morte-saison .offre .titre,
.morte-saison-admin .offre .titre {
  font-size: 22px;
  color: #bc003f;
}
.morte-saison .offre .resume,
.morte-saison-admin .offre .resume {
  font-size: 15px;
}
.morte-saison .offre .commandes a,
.morte-saison-admin .offre .commandes a {
  color: #bc003f;
}
.morte-saison .offre .infos ::before,
.morte-saison .offre .recuperation ::before,
.morte-saison .offre .offre-footer ::before,
.morte-saison-admin .offre .infos ::before,
.morte-saison-admin .offre .recuperation ::before,
.morte-saison-admin .offre .offre-footer ::before {
  color: #bc003f;
}
.morte-saison .total-commande,
.morte-saison-admin .total-commande {
  border-color: #bc003f;
  color: #bc003f;
}
.morte-saison .icon-prev::before,
.morte-saison-admin .icon-prev::before {
  color: #bc003f;
}
.morte-saison .btn-vue,
.morte-saison-admin .btn-vue {
  padding: 4px 11px;
  background-color: #f2f2f2;
  border: 1px solid #c8c8c8;
  background-color: #eee;
  color: #bc003f;
  text-align: center;
  cursor: pointer;
}
.morte-saison .btn-vue:hover,
.morte-saison-admin .btn-vue:hover {
  background-color: #ddd;
}
.morte-saison .ms-content h1,
.morte-saison .ms-content h2,
.morte-saison-admin .ms-content h1,
.morte-saison-admin .ms-content h2 {
  color: #bc003f;
}
.morte-saison .ms-content .total-commande,
.morte-saison-admin .ms-content .total-commande {
  font-weight: 500;
  color: #c32126;
}

/*$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 {
  color: #fff;
  padding: 0.3em 20%;
  border-radius: 5px;
  border-bottom: 2px solid rgba(146, 146, 146, 0.5);
}

.offre-toolbar div {
  color: #fff;
}
.offre-toolbar div a {
  color: #fff;
  text-decoration: none;
}

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

/* $PAVÉS */
/******************************************************/
/******************************************************/
/******************************************************/
.titre-lignes-simples .x-panel-header-text::before,
.titre-lignes-simples .x-panel-header-text::after {
  border-bottom: 1px solid #bc003f;
}

.avec-puces-index .page-puces > .show::after {
  font-size: 12px;
}

.a-pave-hp {
  margin-bottom: 1em;
}

.x-panel-header {
  padding: 0 0 0.5rem 0;
}

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

.style-standard .x-panel-header-text {
  display: block;
  font-size: 1.1em;
}
.style-standard .paginate-show > li {
  padding: 0em;
}
.style-standard .paginate-container > ul > li {
  border: 0;
}
.style-standard .paginate-container > ul > li > a {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
}

.a-pave-hp-bhtml .paginate-page li,
.a-pave-hp-uniperso .paginate-page li {
  min-height: 65px;
}
.a-pave-hp-bhtml .paginate-page li > a,
.a-pave-hp-uniperso .paginate-page li > a {
  padding: 0 0 14px 0;
  margin: 0;
}

.a-pave-hp-enquete ul > li > a {
  padding: 0.5em 0;
}

.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 {
  display: block;
  padding: 14px;
  font-size: 22px;
}
.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: #bc003f;
}

.puces .puce {
  background-color: #FFF;
  border: 3px solid #bc003f;
}
.puces .puce.actif {
  background-color: #bc003f;
}

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

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

.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: #bc003f;
}
.titre-lignes-simples .x-panel-header-text::before,
.titre-lignes-simples .x-panel-header-text::after {
  border-bottom: 1px solid #bc003f;
}

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

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

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

.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: #bc003f;
  right: 0;
}

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

/*EVENEMENT-AGENDA*/
/******************************************************/
.style-calendrier .a-pave-hp-evenement .a-panel-header-hp {
  padding-top: 0;
}
.style-calendrier .a-pave-hp-evenement .x-panel-header {
  background-color: #bc003f;
  border-radius: 5px;
}
.style-calendrier .a-pave-hp-evenement .x-panel-header::before {
  background: url("/css/theme/images/picto/calendar.svg") no-repeat center/contain;
  position: absolute;
  width: 2rem;
  content: " ";
  height: 2rem;
  left: 0;
  margin-left: 1rem;
  margin-top: 0.5rem;
}
.style-calendrier .a-pave-hp-evenement .pave-contenu-resume {
  display: none;
}
.style-calendrier .a-pave-hp-evenement .x-panel-header-text {
  color: #FFF;
  text-align: left;
  font-weight: normal;
  padding-left: 3rem;
}
.style-calendrier .a-pave-hp-evenement .pave-contenu-date {
  align-self: flex-start;
  background-color: #bc003f;
  color: #FFF;
  border-radius: 5px;
  min-height: 75px;
  min-width: 75px;
}
.style-calendrier .a-pave-hp-evenement .pave-contenu-date .jour,
.style-calendrier .a-pave-hp-evenement .pave-contenu-date .mois {
  font-size: 0.9rem;
  font-weight: bold;
}
.style-calendrier .a-pave-hp-evenement .pave-contenu-date .annee {
  font-weight: 300;
  font-size: 0.8rem;
}
.style-calendrier .a-pave-hp-evenement .sessions {
  background-color: #FFF;
  font-size: 15px;
  font-weight: 300;
}
.style-calendrier .a-pave-hp-evenement .sessions .session {
  padding: 0;
  border: 0;
}
.style-calendrier .a-pave-hp-evenement .sessions .session:not(:last-child) {
  margin-bottom: 0.5rem;
}
.style-calendrier .a-pave-hp-evenement .pave-contenu-titre-resume,
.style-calendrier .a-pave-hp-evenement .paginate-show > li > ul {
  background-color: #FFF;
}
.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,
.style-calendrier .a-pave-hp-evenement .paginate-show li:nth-child(even) .sessions {
  background-color: #FFF;
}

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

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

/*Horaires sites*/
.a-pave-hp-horaireSite .paginate-show {
  color: #676767;
}
.a-pave-hp-horaireSite .paginate-show thead tr th {
  background-color: #eaeaea;
  border-top: 1px solid #676767;
}

/*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: #ff5700;
  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: #bc003f;
}
.format-liste-verticale .a-pave-wrapper div {
  font-weight: bold;
}
.format-liste-verticale .a-pave-wrapper a::before {
  color: #bc003f;
}

/*style menu vertical FIN*/
/*style menu icones*/
.format-menu-icones .a-pave-wrapper a {
  flex: 1;
  padding: 0.5em;
  color: #fff;
  background-color: #bc003f;
  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: #bc003f;
}

/*Info perso*/
/*EASYCOOP*/
/*MEMO*/
.sans-pagination .puces {
  display: none;
}

@media screen and (min-width: 901px) {
  .par-2 .paginate-show > li {
    max-width: 50%;
  }

  .par-3 .paginate-show > li {
    max-width: 33.33%;
  }

  .par-4 .paginate-show > li {
    max-width: 25%;
  }
}
.style-memo-colonne .paginate-show {
  display: flex;
  gap: 1rem;
}
.style-memo-colonne .paginate-show > li {
  flex: 1 0 0%;
}
.style-memo-colonne .pave-content,
.style-memo-colonne .pave-content-image {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
}
.style-memo-colonne .pave-contenu-image {
  order: 1;
  flex: 0 0 100%;
  margin-top: 0;
  height: 185px;
  overflow: hidden;
}
.style-memo-colonne .pave-contenu-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom;
  object-position: bottom;
}
.style-memo-colonne .pave-contenu-titre {
  order: 2;
  flex: 0 0 100%;
  font-size: 18px;
  font-weight: bold;
}
.style-memo-colonne .pave-contenu-date {
  display: none;
}
.style-memo-colonne .pave-contenu-resume {
  order: 3;
  flex: 0 0 100%;
  font-size: 15px;
  font-weight: 300;
}

.a-pave-hp-gestionressource .pave-contenu-image {
  height: 185px;
  overflow: hidden;
}
.a-pave-hp-gestionressource .pave-contenu-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom;
  object-position: bottom;
}

.style-menu-picto {
  padding: 0.5rem 0;
  background-color: #f2f2f2;
}
.style-menu-picto .a-pave-wrapper {
  display: flex;
  justify-content: center;
  max-width: 1440px;
  margin: 0 auto;
}
.style-menu-picto .a-pave-wrapper-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 1rem;
  text-align: center;
}
.style-menu-picto .a-pave-wrapper-link::before {
  content: "";
  display: block;
  width: 100%;
  max-width: 80px;
  height: 117px;
}
.style-menu-picto .a-pave-menu-160-link:hover::before {
  background-image: url("/css/theme/images/acces_rapide/camion-h.svg");
}
.style-menu-picto .a-pave-menu-160-link::before {
  background: url("/css/theme/images/acces_rapide/camion.svg") no-repeat center/contain;
}
.style-menu-picto .a-pave-menu-121-link:hover::before {
  background-image: url("/css/theme/images/acces_rapide/smag-h.png");
}
.style-menu-picto .a-pave-menu-121-link::before {
  background: url("/css/theme/images/acces_rapide/smag.png") no-repeat center/contain;
}
.style-menu-picto .a-pave-menu-131-link:hover::before {
  background-image: url("/css/theme/images/acces_rapide/euro-h.svg");
}
.style-menu-picto .a-pave-menu-131-link::before {
  background: url("/css/theme/images/acces_rapide/euro.svg") no-repeat center/contain;
}
.style-menu-picto .a-pave-menu-194-link:hover::before {
  background-image: url("/css/theme/images/acces_rapide/loupe-h.svg");
}
.style-menu-picto .a-pave-menu-194-link::before {
  background: url("/css/theme/images/acces_rapide/loupe.svg") no-repeat center/contain;
}
.style-menu-picto .a-pave-menu-136-link:hover::before {
  background-image: url("/css/theme/images/acces_rapide/graph-h.svg");
}
.style-menu-picto .a-pave-menu-136-link::before {
  background: url("/css/theme/images/acces_rapide/graph.svg") no-repeat center/contain;
}
.style-menu-picto .a-pave-menu-164-link:hover::before {
  background-image: url("/css/theme/images/acces_rapide/calculette-h.svg");
}
.style-menu-picto .a-pave-menu-164-link::before {
  background: url("/css/theme/images/acces_rapide/calculette.svg") no-repeat center/contain;
}
.style-menu-picto .a-pave-menu-195-link:hover::before {
  background-image: url("/css/theme/images/acces_rapide/farmstar-h.png");
}
.style-menu-picto .a-pave-menu-195-link::before {
  background: url("/css/theme/images/acces_rapide/farmstar.png") no-repeat center/contain;
}
.style-menu-picto .a-pave-menu-277-link:hover::before {
  background-image: url("/css/theme/images/acces_rapide/meteo-h.png");
}
.style-menu-picto .a-pave-menu-277-link::before {
  background: url("/css/theme/images/acces_rapide/meteo.png") no-repeat center/contain;
}
.style-menu-picto .a-pave-menu-270-link:hover::before,
.style-menu-picto .a-pave-menu-285-link:hover::before {
  background-image: url("/css/theme/images/acces_rapide/bouton_aladin_t.png");
}
.style-menu-picto .a-pave-menu-270-link::before,
.style-menu-picto .a-pave-menu-285-link::before {
  background: url("/css/theme/images/acces_rapide/bouton_aladin_b.png") no-repeat center/contain;
}

.a-pave-hp-bhtml .x-panel-header-text,
.a-pave-hp-uniperso .x-panel-header-text {
  color: #FFF;
  background-color: #bc003f;
  border-radius: 5px;
}
.a-pave-hp-bhtml .x-panel-header-text::before,
.a-pave-hp-uniperso .x-panel-header-text::before {
  content: "윁";
  font-family: "icomoon-capseine";
  font-weight: normal;
  display: inline-block;
  margin-right: 1rem;
}
.a-pave-hp-bhtml .paginate-container,
.a-pave-hp-uniperso .paginate-container {
  padding-left: 14px;
}
.a-pave-hp-bhtml .pave-contenu-titre,
.a-pave-hp-uniperso .pave-contenu-titre {
  font-size: 14px;
  font-weight: normal;
}
.a-pave-hp-bhtml .pave-contenu-titre:hover,
.a-pave-hp-uniperso .pave-contenu-titre:hover {
  text-decoration: underline;
}
.a-pave-hp-bhtml .container-type,
.a-pave-hp-bhtml .pave-contenu-date,
.a-pave-hp-bhtml .pave-contenu-resume,
.a-pave-hp-bhtml .puces,
.a-pave-hp-uniperso .container-type,
.a-pave-hp-uniperso .pave-contenu-date,
.a-pave-hp-uniperso .pave-contenu-resume,
.a-pave-hp-uniperso .puces {
  display: none;
}

.style-bleu .x-panel-header-text,
.style-bleu .a-pave-hp-bhtml .x-panel-header-text,
.style-bleu .a-pave-hp-uniperso .x-panel-header-text {
  color: #FFF;
  background-color: #4dbdd7;
  border-radius: 5px;
}

.style-vert .x-panel-header-text,
.style-vert .a-pave-hp-bhtml .x-panel-header-text,
.style-vert .a-pave-hp-uniperso .x-panel-header-text {
  color: #FFF;
  background-color: #bc003f;
  border-radius: 5px;
}

.style-marron .x-panel-header-text,
.style-marron .a-pave-hp-bhtml .x-panel-header-text,
.style-marron .a-pave-hp-uniperso .x-panel-header-text {
  color: #FFF;
  background-color: #deae64;
  border-radius: 5px;
}

.style-vert2 .x-panel-header-text,
.style-vert2 .a-pave-hp-bhtml .x-panel-header-text,
.style-vert2 .a-pave-hp-uniperso .x-panel-header-text {
  color: #FFF;
  background-color: #78ccab;
  border-radius: 5px;
}

.style-bleu2 .x-panel-header-text,
.style-bleu2 .a-pave-hp-bhtml .x-panel-header-text,
.style-bleu2 .a-pave-hp-uniperso .x-panel-header-text {
  color: #FFF;
  background-color: #70c2ce;
  border-radius: 5px;
}

.style-gris .x-panel-header-text,
.style-gris .a-pave-hp-bhtml .x-panel-header-text,
.style-gris .a-pave-hp-uniperso .x-panel-header-text {
  color: #FFF;
  background-color: #7886a3;
  border-radius: 5px;
}

.style-violet .x-panel-header-text,
.style-violet .a-pave-hp-bhtml .x-panel-header-text,
.style-violet .a-pave-hp-uniperso .x-panel-header-text {
  color: #FFF;
  background-color: #b59db7;
  border-radius: 5px;
}

.a-pave-hp-bhtml .paginate-page li,
.a-pave-hp-uniperso .paginate-page li {
  min-height: auto;
}

.a-pave-hp-petiteAnnonce .x-panel-header-text {
  color: #FFF;
  background-color: #bc003f;
}
.a-pave-hp-petiteAnnonce .x-panel-header-text::before {
  content: "윀";
  font-family: "icomoon-capseine";
  font-weight: normal;
  display: inline-block;
  margin-right: 1rem;
  font-size: 1.5rem;
}
.a-pave-hp-petiteAnnonce .pave-contenu-titre-descriptif {
  margin-bottom: 1rem;
}
.a-pave-hp-petiteAnnonce .pave-contenu-titre {
  font-size: 18px;
  font-weight: bold;
}
.a-pave-hp-petiteAnnonce .pave-contenu-titre:hover {
  text-decoration: underline;
}
.a-pave-hp-petiteAnnonce .pave-contenu-descriptif {
  font-size: 15px;
  font-weight: 300;
}

.a-pave-hp-multiImage.carousel .prev {
  width: 60px;
  background: url("/css/theme/images/common/nav-gauche.svg") no-repeat left center/contain;
  cursor: pointer;
}
.a-pave-hp-multiImage.carousel .prev::before {
  margin-left: 7px;
  color: #FFF;
}
.a-pave-hp-multiImage.carousel .next {
  width: 60px;
  background: url("/css/theme/images/common/nav-droite.svg") no-repeat left center/contain;
  cursor: pointer;
}
.a-pave-hp-multiImage.carousel .next::after {
  margin-left: 14px;
  color: #FFF;
}

.a-pave-hp-contenu-html .freehtml p:first-child {
  margin-top: 0;
}

.bloc-bloc-authent .a-pave-hp.pos-none {
  padding-right: 0;
}

#login-form {
  position: relative;
  padding: 1rem 2rem;
  background-color: #f6f6f6;
  overflow: visible;
}
#login-form h2 {
  font-size: 18px;
  color: #00aca5;
}
#login-form .form-container {
  position: relative;
}
#login-form #previewMdp {
  position: static;
  margin-left: -2rem;
}
#login-form #previewMdp::before {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background: url(/css/theme/images/picto/previsu-bleu.svg) no-repeat center/contain;
}
#login-form .container-login label {
  font-size: 14px;
  color: #00aca5;
}
#login-form .container-login .user,
#login-form .container-login .password {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#login-form .container-login .form-control {
  padding: 7px;
  max-width: calc(100% - 60px);
}
#login-form .container-login input[type=submit] {
  display: block;
  margin-left: 1.75rem;
  padding: 0.5rem 1rem;
  font-weight: bold;
  font-family: "Montserrat", arial;
  background-color: #00aca5;
  color: #FFF;
  cursor: pointer;
  border: 0;
  transition: 0.25s ease;
}
#login-form .container-login input[type=submit]:hover {
  background-color: #4dbcd7;
}
#login-form .form-group {
  display: flex;
  align-items: center;
}
#login-form .user {
  margin-bottom: 0.5rem;
}
#login-form .link.password {
  display: block;
  max-width: 198px;
  font-size: 12px;
  text-align: right;
  margin: 1rem;
}
#login-form .form-container.remember {
  display: none;
}
#login-form .link.inscription {
  color: #00aca5;
  font-weight: bold;
  text-decoration: underline;
}
#login-form .remember {
  width: 54%;
  margin: 1rem auto;
}
#login-form .remember label {
  margin-left: 0.5rem;
}

#login-form .popup-container .popup-button {
  display: inline-block;
  cursor: pointer;
  color: #fff;
  background: #c1083a;
  padding: 5px;
  border-radius: 50%;
}
#login-form .popup-container .popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s;
}
#login-form .popup-container .popup .popup-inner {
  width: 600px;
  max-width: 50vw;
  box-sizing: border-box;
  padding: 20px;
  background: #fff;
  color: #444;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 150%;
  transition: 0.25s;
}
#login-form .popup-container .popup .popup-inner .popup-content {
  max-height: 70vh;
  overflow: auto;
}
#login-form .popup-container .popup .popup-inner .popup-content img {
  display: block;
  margin: auto;
  box-shadow: 0 0 7px #ccc;
}
#login-form .popup-container .popup .popup-inner .popup-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
#login-form .popup-container .popup .popup-inner .popup-title h4 {
  margin: 0;
  color: #444;
  font-size: 1.1rem;
}
#login-form .popup-container .popup .popup-inner .popup-title .popup-close-btn {
  cursor: pointer;
  display: block;
  padding: 0 0.5rem;
  font-size: 1rem;
  color: #444;
}
#login-form .popup-container .popup .transparent-label {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: pointer;
}
#login-form .popup-container > input {
  display: none;
}
#login-form .popup-container > input:checked + .popup {
  opacity: 1;
  visibility: visible;
}
#login-form .popup-container > input:checked + .popup .popup-inner {
  top: 50%;
}

#auth-form .logo {
  display: none;
}

#login-wrapper .carousel-logos,
#login-wrapper h1,
#login-wrapper .site-internet {
  display: none;
}

[class*=style-encadre-] {
  margin: 0 0.5rem;
  padding: 0 0.5rem 0.5rem 0.5rem;
  border-radius: 5px;
}
[class*=style-encadre-] .x-panel-header {
  padding: 0;
}
[class*=style-encadre-] .x-panel-header-text {
  padding-left: 0;
  padding-right: 0;
}
[class*=style-encadre-] .pave-contenu-date {
  display: none;
}
[class*=style-encadre-] .pave-contenu-resume {
  font-size: 15px;
}

.a-pave-hp.style-encadre-bleu {
  border: 2px solid #4dbdd7;
}

.a-pave-hp.style-encadre-bleu2 {
  border: 2px solid #70c2ce;
}

.a-pave-hp.style-encadre-vert {
  border: 2px solid #bc003f;
}

.a-pave-hp.style-encadre-vert2 {
  border: 2px solid #78ccab;
}

.a-pave-hp.style-encadre-marron {
  border: 2px solid #deae64;
}

.a-pave-hp.style-encadre-gris {
  border: 2px solid #7886a3;
}

.a-pave-hp.style-encadre-violet {
  border: 2px solid #b59db7;
}

.style-multi-picto .paginate-container {
  background-color: #f2f2f2;
  padding: 0.5rem;
}
.style-multi-picto .paginate-show {
  justify-content: center;
}
.style-multi-picto .paginate-show li {
  flex: 0 0 auto;
  max-width: 15%;
  margin: 0 4%;
  text-align: center;
}
.style-multi-picto img {
  box-shadow: none;
  max-width: 80px;
  margin: 0 auto;
}
.style-multi-picto figcaption {
  position: static;
  background: transparent;
  padding-bottom: 0;
}
.style-multi-picto .multiImage-titre {
  font-size: 1rem;
  margin-bottom: 0;
}
.style-multi-picto .a-pave-hp-multiImage:not(.carousel) figure > img {
  height: 80px;
}

.a-pave-hp-bhtml .container-type {
  display: none;
}

/* $PAVÉS FIN */
/******************************************************/
/******************************************************/
/******************************************************/
/* $FOOTER */
/******************************************************/
.footer,
.footer-site {
  background-color: #bc003f;
  color: #FFF;
}
.footer .footer-top,
.footer-site .footer-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1rem 2rem;
}
.footer .footer-top .logo-easycoop,
.footer-site .footer-top .logo-easycoop {
  display: flex;
  align-items: center;
  flex: 1 0 0%;
}
.footer .footer-top .logo-easycoop img,
.footer-site .footer-top .logo-easycoop img {
  width: 100%;
  max-width: 140px;
}
.footer .footer-top .logo-coopagri,
.footer-site .footer-top .logo-coopagri {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1 0 0%;
  text-align: right;
}
.footer .footer-top .logo-coopagri img,
.footer-site .footer-top .logo-coopagri img {
  height: 90%;
  max-width: 260px;
  max-height: 85px;
}
.footer .footer-mid,
.footer-site .footer-mid {
  display: flex;
  justify-content: center;
  max-width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  .footer .footer-mid,
.footer-site .footer-mid {
    max-width: 90%;
  }
}
.footer .footer-mid .interne_link,
.footer-site .footer-mid .interne_link {
  flex: 1 0 0%;
  margin: 0 3%;
  text-align: center;
}
.footer .footer-mid a,
.footer-site .footer-mid a {
  color: #FFF;
  font-weight: normal;
}
.footer .reseaux-sociaux,
.footer-site .reseaux-sociaux {
  flex: 1 0 0%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .reseaux-sociaux div,
.footer-site .reseaux-sociaux div {
  margin: 0 1rem;
}
.footer .linkedin a::before,
.footer-site .linkedin a::before {
  content: "섁";
  font-family: "icomoon-capseine";
  display: inline-block;
  font-size: 35px;
}
.footer .youtube a::before,
.footer-site .youtube a::before {
  content: "섂";
  font-family: "icomoon-capseine";
  display: inline-block;
  font-size: 35px;
}
.footer .twitter a::before,
.footer-site .twitter a::before {
  content: "섀";
  font-family: "icomoon-capseine";
  display: inline-block;
  font-size: 35px;
}
.footer .viadeo a::before,
.footer-site .viadeo a::before {
  content: "섃";
  font-family: "icomoon-capseine";
  display: inline-block;
  font-size: 35px;
}
.footer .footer-bot,
.footer-site .footer-bot {
  font-size: 10px;
  text-align: center;
  margin-top: 1rem;
  padding: 0.5rem 0;
  background: url("/css/theme/images/common/footer.jpg") no-repeat center bottom/cover;
}
@media (max-width: 900px) {
  .footer .footer-top .logo-easycoop,
.footer .footer-top .logo-coopagri,
.footer-site .footer-top .logo-easycoop,
.footer-site .footer-top .logo-coopagri {
    width: 25%;
  }
  .footer .footer-top .logo-easycoop img,
.footer .footer-top .logo-coopagri img,
.footer-site .footer-top .logo-easycoop img,
.footer-site .footer-top .logo-coopagri img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 560px) {
  .footer .logo-coopagri,
.footer-site .logo-coopagri {
    display: none;
  }
  .footer .footer-mid,
.footer-site .footer-mid {
    flex-direction: column;
    text-align: center;
  }
  .footer .footer-mid a,
.footer-site .footer-mid a {
    margin: 0.5rem 0;
  }
}

/* $SITEPLAN */
/******************************************************/
.siteplan .menus > li {
  margin-left: 0;
}
.siteplan ul {
  padding: 0;
}
.siteplan .submenus {
  border-left: 1px solid #ccc;
  margin-left: 26px;
}
.siteplan .menu-item-adm {
  color: darkred;
}
.siteplan .menu-item-cns {
  color: #bc003f;
}
.siteplan .menu-item-cns:hover {
  color: #750027;
}

/***/
/* TYPE : Organisation */
/* debut comment style */
.a-OrganisationPanelSect > .x-panel-header {
  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-memberDataTitle,
.a-Organisation-memberDataFct {
  font-weight: bold;
}

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

.a-OrganisationActLinkMembers,
.a-OrganisationSiteLinkMembers,
.a-OrganisationSiteLocalisation {
  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-Organisation-docs:not(:empty) {
  background-color: #f8f8f8;
}

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

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

.a-suivicompte .r-grid th {
  background-color: #a0aeb7;
  color: #fff;
}

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

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

.a-suivicompte-histopanel-gridhisto .x-panel-tbar {
  display: none;
}

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

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

.a-suivicompte .x-grid-panel .x-panel-header span {
  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: 1rem;
}

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

#visuPanel .a-suivicompte .x-panel-header span {
  font-size: 1.3em;
  font-weight: bold;
  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 .rcombo {
  width: 90%;
  margin: auto;
}
.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 {
  display: flex;
  flex-direction: column-reverse;
}
#visuPanel .a-virement-datapanel .x-panel-tbar > ul li {
  margin: 0;
}

.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: #f6f6f6;
}
.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: #bc003f;
}
.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: #bc003f;
  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: #ff5700;
}

.x-form-file {
  cursor: pointer;
}

.a-virement-form form > .x-form-item {
  margin-bottom: 10px;
  display: flex;
}
.a-virement-form form > .x-form-item label {
  flex: 0 0 20%;
}
.a-virement-form .rcombo .x-form-element {
  width: 70%;
}

[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-weight: bold;
  font-size: 1.2em;
}

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

#visuPanel .a-dashboard .x-panel-header span {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}

.a-dashboard .icon-prev span,
.a-dashboard .icon-next span {
  font-size: 1rem;
  text-transform: uppercase;
  display: block;
  margin: 1em 0;
}
.a-dashboard .icon-prev span:hover,
.a-dashboard .icon-next span:hover {
  color: #bc003f;
}
.a-dashboard .x-panel-header {
  padding: 0.5rem;
}
.a-dashboard .x-tool-export {
  width: 1.25rem;
  height: 1.25rem;
}
.a-dashboard .x-tool-export::before {
  content: " ";
  width: 1.25rem;
  height: 1.25rem;
  background: url(/css/theme/images/picto/excel.svg) no-repeat center;
}

/* TYPE : Enquête */
.a-Enquete .x-fieldset legend {
  font-size: 1rem;
}

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

/* 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: 1rem;
  font-weight: bold;
  padding-top: 0.5em;
  display: block;
  z-index: 2;
}

/* TYPE : Sondage */
.a-Sondage .diffusion {
  margin: 0 0 15px 0;
  width: 85px;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
}
.a-Sondage .a-Intitule {
  font-size: 1rem;
  font-weight: bold;
  padding-top: 0.5em;
  display: block;
}
.a-Sondage .a-progress-bar {
  background: none;
  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: 1rem;
  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: #bc003f;
  color: #FFF;
}

/* $QUESTIONNAIRE */
/* ***************************** Questionnaire ***************************** */
.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: #bc003f;
  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 ***************************** */
.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-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: #bc003f;
  margin-right: 0.3em;
  font-size: 1rem;
}

.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: 1rem;
  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 {
  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 li dt {
  color: grey;
  font-style: italic;
  padding-top: 2px;
}
.a-suivi-bon .date {
  float: right;
  font-weight: bold;
}
.a-suivi-bon .date::before {
  content: "\e80b";
  font-family: "fontello";
  margin-right: 0.3em;
  font-size: 1rem;
}

.a-result-list-bon .rbutton {
  padding: 0.5em 1em;
  margin: 1em 1em 1em 0;
  display: inline-block;
}
.a-result-list-bon .rbutton:hover {
  cursor: pointer;
}
.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*/
.btn-vue,
.btn-action {
  background-color: #bc003f;
  color: #fff;
}
.btn-vue:hover,
.btn-action:hover {
  background-color: #cf1553;
}
.btn-vue.cancel,
.btn-action.cancel {
  background-color: #aaa;
}
.btn-vue.questionnaire,
.btn-action.questionnaire {
  font-size: 1.1rem;
}

#mid-panel-wrapper .vue-container .a-service-texte > .container > nav .precedent,
#mid-panel-wrapper .vue-container .a-service-texte > .container > nav .suivant,
div.prevRess-btn .title,
div.prevRess-btn::before,
div.nextRess-btn .title,
div.nextRess-btn::before {
  color: #bc003f;
}

.a-PetitesAnnonces .a-create-bt button,
.x-form-file-btn button,
.dateTimeZone button,
.a-QuizBtnValid button {
  color: #fff;
  background: #bc003f;
  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: #980033;
}

.x-window-footer .x-btn-text,
.x-panel-footer .x-btn-text,
.x-panel-btns-right .x-btn-text,
.answer-btnIcon span {
  background-color: #bc003f;
  color: #fff;
  padding: 0.5rem 1rem;
}
.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: #980033;
}

.calendar.dateTimeZone button {
  background-color: inherit;
  color: inherit;
  border: 1px solid #bc003f;
}
.calendar.dateTimeZone button:hover {
  background-color: #980033;
}

/*CHECKBOX*/
.modal-liste-diffusion label .checkbox-etat::before {
  border-color: #bc003f;
}
.modal-liste-diffusion label .checkbox-etat::after {
  color: #bc003f;
}

/* ****************** Loader ****************** */
.loader {
  background: none;
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  transform: rotateZ(45deg);
}

.loader .loader-item {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
}

.loader .loader-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  transform-origin: 100% 100%;
}

.loader .loader-2 {
  transform: scale(1.1) rotateZ(90deg);
}

.loader .loader-3 {
  transform: scale(1.1) rotateZ(180deg);
}

.loader .loader-4 {
  transform: scale(1.1) rotateZ(270deg);
}

.loader .loader-2::before {
  animation-delay: 0.3s;
}

.loader .loader-3::before {
  animation-delay: 0.6s;
}

.loader .loader-4::before {
  animation-delay: 0.9s;
}

.loader-last {
  display: block;
}
.loader-last .loader {
  margin-bottom: 13px;
  margin-right: 0;
}
@keyframes loader-foldCubeAngle {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
/* $RESPONSIVE DESIGN */
/******************************************************/
@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 screen and (min-width: 901px) and (max-width: 1440px) {
  .header-content,
#menuPanel {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 900px) {
  #base-wrapper.hide {
    display: block;
  }

  .header-site .logo {
    flex: 0 0 100px;
  }

  main:not(.page-accueil) .header-site .logo a,
.header-site .logo a {
    height: 50px;
    top: 5px;
  }

  .menu-toolbar {
    flex: 1 0 0%;
    justify-content: flex-end;
  }

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

  #visuPanel {
    flex: 1 0 100%;
  }

  #presentPanel {
    flex: 1 0 100%;
  }

  .a-service-texte > .container .img-left,
.a-Evenement .img-left {
    flex-direction: column;
  }
  .a-service-texte > .container .img-left > .image,
.a-Evenement .img-left > .image {
    max-width: 100%;
  }
  .a-service-texte > .container .img-left > .image img,
.a-Evenement .img-left > .image img {
    width: 100%;
  }

  .header-site .input-wrapper.display {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    box-shadow: 0 0 3px #787878;
    z-index: 999;
  }

  .header-site input[name=search] {
    width: 100%;
    padding: 1.5rem 1rem;
    margin-left: 0;
  }

  .header-site .admin-link,
#topPanel .a-link-adm {
    display: none;
  }

  .header-site {
    position: relative;
  }
  .header-site .menu {
    display: none;
  }
  .header-site.display .menu {
    display: block;
    flex: 1 0 75%;
  }

  #menuPanel {
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }

  .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: #f6f6f6;
  }

  #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 > * {
    color: #bc003f;
    font-weight: 600;
    border-bottom: 0;
    text-transform: inherit;
    cursor: pointer;
  }

  .action-logout .intitule-rubrique > * {
    color: #FFF;
    font-weight: bold;
  }

  .rubriques .rubrique .intitule > *::after,
.action-favoris .intitule-rubrique::after {
    content: ">";
    float: right;
  }

  .rubriques .rubrique.open .intitule > *::after,
.rubrique.open::before {
    display: none;
  }

  .rubriques .rubrique.open .intitule > *::before {
    content: "<";
    margin-right: 1rem;
  }

  #menuPanel .sous-rubriques {
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    height: calc(100vh - 150px);
    padding: 1rem 2rem;
    border: 0;
  }

  .sous-rubriques.display {
    border: 1px solid #d8d8d8;
  }

  .sous-rubriques-list {
    text-align: left;
  }

  .services li {
    padding: 0 1rem;
  }

  .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: 1;
  }

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

  .a-banque-fil-ariane .icon-root-path::after {
    display: none;
  }

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

  /*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;
  }

  .a-cns-panel-exploitation {
    width: auto;
  }

  .a-pave-hp-connexion #login-form {
    padding: 0.5rem;
    margin: 1rem 0;
  }

  #mid-panel-wrapper .vue-container .a-service-texte > .container > nav .precedent,
#mid-panel-wrapper .vue-container .a-service-texte > .container > nav .suivant {
    padding: 10px 14px;
  }

  /*PAVE LOGIN*/
  .a-pave-hp-connexion #login-form {
    padding: 40px;
    background-size: cover;
    background-position: 20% 100%;
  }
}
@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;
  }

  /*RECHERCHE*/
  .a-RechercheLuceneGrid .cells {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #DDD;
  }
  .a-RechercheLuceneGrid .r-grid3-cell {
    flex-direction: column;
    margin-bottom: 7px;
  }
}
@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;
  }
}
/**/
@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%;
  }
}
@media (max-width: 900px) {
  #login-form .popup-container .popup .popup-inner {
    max-width: 90vw;
    width: 90vw;
  }
}
/*HEADER COLUMN <900px*/
/************************************************/
/************************************************/
/************************************************/
@media screen and (max-width: 900px) {
  #menuPanel.open .rubrique:not(.open),
#menuPanel.open .action:not(.open) {
    display: none;
  }

  main:not(.page-accueil) .header-site #menuPanel,
.header-site #menuPanel {
    max-width: 100%;
  }
  main:not(.page-accueil) .header-site #menuPanel > ul,
.header-site #menuPanel > ul {
    flex-direction: column;
  }

  .menu-toolbar {
    padding-left: 100px;
    padding-right: 0;
  }

  .home,
#favoris,
#profil {
    display: none;
  }

  .action-logout {
    width: 100%;
    text-align: center;
  }
  .action-logout a {
    display: block;
    pointer-events: auto;
  }

  .rubriques > .action {
    display: block;
  }
  .rubriques > .action.action-accueil, .rubriques > .action.action-favoris {
    display: none;
  }

  #menuPanel .rubrique,
#menuPanel .action {
    width: 100%;
  }

  .rubrique.open::before {
    content: " < ";
  }

  .sous-rubriques {
    position: static;
    display: none;
    flex: none;
  }

  .sous-rubrique {
    flex: none;
  }

  .sous-rubriques.display {
    display: flex;
  }

  .sous-rubriques-list {
    max-height: 100%;
    flex: 0 0 100%;
    overflow: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .intitule-rubrique::after {
    display: none;
  }

  #menuPanel .rubriques {
    background-color: #ff5700;
  }

  #menuPanel .sous-rubriques {
    background-color: #ff6f24;
  }

  .header-site .rubriques .rubrique .intitule,
.header-site .rubriques .rubrique .intitule > span,
.header-site .rubriques .rubrique .intitule > a {
    color: #FFF;
  }

  .rubrique .cns-link {
    color: #FFF;
  }
}
/*HEADER COLUMN <900px FIN*/
/************************************************/
/************************************************/
/************************************************/
/*# sourceMappingURL=menu.css.map */