@charset "UTF-8";
:root {
  --coop-main-color: #199390;
  --coop-main-lighten-color: #54e2de;
  --coop-main-lighten-2-color: #c6dbda;
  --coop-second-color: #FFA400;
  --coop-button-bg-color: #199390;
  --coop-button-bg-hover-color: #126765;
  --coop-button-text-color: #fff;
  --coop-border-color: #199390;
}

@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon/icomoon.eot?scftwa");
  src: url("fonts/icomoon/icomoon.eot?scftwa#iefix") format("embedded-opentype"), url("fonts/icomoon/icomoon.ttf?scftwa") format("truetype"), url("fonts/icomoon/icomoon.woff?scftwa") format("woff"), url("fonts/icomoon/icomoon.svg?scftwa#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("fonts/nunito/Nunito-Regular.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("fonts/nunito/Nunito-Bold.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "Nunito";
  src: url("fonts/nunito/Nunito-ExtraLight.ttf") format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: "Nunito";
  src: url("fonts/nunito/Nunito-Light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "HoneyScript-Light";
  src: url("fonts/HoneyScript-Light.ttf") format("truetype");
}
@font-face {
  font-family: "HoneyScript-SemiBold";
  src: url("fonts/HoneyScript-SemiBold.ttf") format("truetype");
}
/* -------- ShadowStyle */
/******************************************************/
.a-CnsPanelComment .Comment {
  background-color: #f6f6f6;
  margin: 0.7em 0;
  color: #666666;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

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

.a-OrganisationSite {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  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 {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* -------- ShadowStyle FIN */
/******************************************************/
/*ALL*/
/******************************************************/
html {
  font-family: "Nunito", arial;
  font-size: 15px;
}

a {
  color: inherit;
  text-decoration: none;
}

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

.x-fieldset legend {
  font: bold 11px tahoma, arial, helvetica, sans-serif;
  color: #15428b;
}

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

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

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

/* $HEADER */
/****************************************************/
.header-site {
  position: sticky;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #FFF;
  z-index: 300;
}
.header-site .header-content {
  position: relative;
  padding: 13px;
  max-width: 100%;
  background-color: #FFF;
  overflow: hidden;
  -webkit-transition: 0.75s ease;
  -o-transition: 0.75s ease;
  transition: 0.75s ease;
  display: grid;
  grid-template-areas: "logo . menu-icon";
  grid-template-columns: 1fr 1fr 1fr;
}
.header-site .header-content::before {
  position: absolute;
  bottom: 0;
  left: 100px;
  content: "";
  display: block;
  width: 410px;
  height: 100%;
  background: url(images/common/traits.svg) no-repeat bottom;
}
.header-site .menu-toolbar {
  grid-area: menu-icon;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #199390;
}
.header-site .logo {
  grid-area: logo;
  width: 80px;
  height: 80px;
  -webkit-transition: 0.75s ease;
  -o-transition: 0.75s ease;
  transition: 0.75s ease;
}
.header-site .logo > * {
  display: block;
  height: 80px;
  width: 80px;
  background-image: url("images/common/logo_capl.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.header-site .welcome-div {
  position: absolute;
  top: 45px;
  right: 13px;
  text-align: left;
  color: #00953B;
  font-family: "Nunito";
  font-weight: 300;
}
.header-site .welcome-div #welcome {
  padding: 5px 7px;
  background-color: #F4F4F4;
}
.header-site .welcome-div #welcome:empty {
  display: none;
}

.link {
  cursor: pointer;
}

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

#login-panel {
  z-index: 300;
  background-color: #FFF;
}

/* $ICONES ACTION */
/********************************************************/
.header-item {
  display: block;
  position: relative;
  height: 25px;
  width: 37px;
}
.header-item a {
  color: #000;
  margin-top: 0;
}

.header-site .actions #burger:hover,
.header-site .actions #burger.selected {
  color: #f5a31f;
}
.header-site .actions #previsu.preview-on::before {
  color: red;
}

.header-site .home,
.header-site #mentions,
.header-site #cgu,
.header-site #contacts,
.header-site #favoris {
  display: none;
}

.header-site input[name=search] {
  margin-top: 0;
  padding: 5px;
}

.header-content div::before {
  font-size: 24px;
  font-family: "icomoon";
  color: #00953B;
}
.header-content div::after {
  display: block;
  width: 100%;
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
}
.header-content div:hover::before {
  color: #f5a31f;
}

#favoris > ul {
  background-color: rgba(255, 255, 255, 0.95);
  width: 20rem;
  text-align: left;
  margin-top: 80%;
  z-index: 1;
}
#favoris > ul > li:not(:last-child) {
  border-bottom: 1px solid #d8d8d8;
}

.list-favoris > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: auto;
}
.list-favoris > li a {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
}
.list-favoris .icon-cancel {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  cursor: pointer;
  color: #199390;
}
.list-favoris .icon-cancel ::before {
  padding: 0 7px;
}

/* $MENU */
/****************************************************/
.header-site .menu {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  background-color: #199390;
  padding: 11px 0;
}
.header-site .rubriques {
  position: inherit;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.header-site .rubriques .rubrique .intitule > * {
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
}
.header-site .rubrique:not(:last-child) {
  margin-right: 35px;
}

#menuPanel {
  max-width: 95vw;
}

.sous-rubriques-list {
  padding: 50px 3%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sous-rubriques {
  width: 90vw;
  left: 5vw;
  border-top: 11px solid transparent;
  background-clip: padding-box;
  color: #000;
  border-bottom: 3px solid #199390;
  background-color: #f7f7f7;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.header-site .services li {
  border-bottom: solid 1px rgba(25, 147, 144, 0.25);
  padding: 0.5rem 0;
}

.service.selected {
  font-weight: bold;
  border: 0;
  padding-left: 0;
}

.intitule-rubrique {
  position: relative;
  cursor: pointer;
}

.rubrique.open > .intitule-rubrique::after {
  content: "";
  display: block;
  background: url("images/common/triangle.svg") no-repeat center;
  width: 45px;
  height: 25px;
  position: absolute;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}

.sous-rubrique {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 16.6666666667%;
  margin-left: 0;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-left: 1rem solid transparent;
  text-align: left;
}

.sous-rubrique > .intitule {
  color: #FFA400;
  font-family: "HoneyScript-Light";
  font-size: 45px;
  font-weight: normal;
}

.admin-link {
  display: inline-block;
  vertical-align: top;
}

.cns-link {
  width: 90%;
  display: inline-block;
  padding: 0;
  color: #199390;
  font-weight: normal;
}
.cns-link:hover {
  font-weight: bold;
}

/* Boutons et input dans la pop-up de connexion */
#login-panel input[type=submit] {
  background-color: rgba(25, 147, 144, 0.5);
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 7px;
  margin: 1em 0;
  display: block;
  border: none;
  margin: 20px auto 0 auto;
}

#login-panel input[type=submit]:hover {
  background-color: #f5a31f;
  cursor: pointer;
}

form.login-error .input + .input::after {
  content: "Informations saisies incorrectes.";
  margin-bottom: 1em;
  color: red;
  display: block;
}

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

.beautifier {
  display: none;
}

#favoris {
  position: relative;
}

#go-to-head {
  background-image: url("/css/theme/images/common/go-to-head.svg");
}

/* $BASE-WRAPPER*/
/****************************************************/
#logoPanel {
  display: none;
}

/* $APPLIPANEL*/
/******************************************************/
#left-panel {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#mid-panel-wrapper {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
}

#mid-panel {
  margin: 0 auto;
}

#topPanel {
  margin-top: 1rem;
}

body:not(.a-serv-hp) #base-wrapper {
  max-width: 1440px;
  margin: 0 auto;
}

.bloc.ensemble:not(.bloc-pleine-page) > .ensemble {
  width: 90% !important;
  margin: 0 auto;
  display: block;
  float: none;
}

.pleine-page {
  margin: 0;
}

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

#right-panel {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

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

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

#mid-panel-wrapper .vue-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 13px auto;
}
@media screen and (max-width: 900px) {
  #mid-panel-wrapper .vue-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#mid-panel-wrapper .vue-container .a-service-texte {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 75%;
  flex: 1 0 75%;
}
#mid-panel-wrapper .vue-container .a-service-texte > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#mid-panel-wrapper .vue-container .a-service-texte > .container > article {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
#mid-panel-wrapper .vue-container .a-service-texte > .container > article .date-diffusion {
  margin-bottom: 13px;
}
#mid-panel-wrapper .vue-container .a-service-texte > .container > aside {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding-bottom: 13px;
  margin-bottom: 13px;
  border-bottom: 1px solid #CACACA;
}
#mid-panel-wrapper .vue-container .a-service-texte > .container > aside > div {
  display: inline-block;
  margin-right: 13px;
}
#mid-panel-wrapper .vue-container .a-service-texte > .container > nav {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin: 13px 0;
}
#mid-panel-wrapper .vue-container .a-service-texte > .container > nav .precedent,
#mid-panel-wrapper .vue-container .a-service-texte > .container > nav .suivant {
  color: #199390;
  font-size: 17px;
  text-transform: uppercase;
}
#mid-panel-wrapper .vue-container .a-service-texte > .container > nav .precedent {
  float: left;
}
#mid-panel-wrapper .vue-container .a-service-texte > .container > nav .precedent::before {
  content: "\f104";
  font-family: fontello;
  margin-right: 7px;
}
#mid-panel-wrapper .vue-container .a-service-texte > .container > nav .suivant {
  float: right;
}
#mid-panel-wrapper .vue-container .a-service-texte > .container > nav .suivant::after {
  content: "\f105";
  font-family: fontello;
  margin-left: 7px;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 20%;
  flex: 1 0 20%;
  padding-left: 3%;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container nav {
  margin-bottom: 26px;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container nav h3 {
  margin-bottom: 7px;
  padding-bottom: 0;
  font-size: 55px;
  color: #FFA400;
  font-family: "HoneyScript-Light", arial;
  font-weight: normal;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container nav p {
  margin: 5px 0;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container .ressource-liste .item > a {
  margin-bottom: 13px;
  padding-bottom: 13px;
  border-bottom: 1px solid #EFEFEF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container .ressource-liste .item > a .resume {
  font-weight: normal;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container .ressource-liste .item > a .image {
  max-width: 30%;
  max-height: 95px;
  overflow: hidden;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container .ressource-liste .item > a .image img {
  padding-right: 13px;
  height: 45px;
  -o-object-fit: cover;
  object-fit: cover;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container .ressource-liste .item > a .image + div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container .ressource-liste .item:hover .titre {
  color: #199390;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container .paginate-links.items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container .paginate-links.items .prev,
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container .paginate-links.items .next {
  color: #f5a31f;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container .paginate-links.items .prev.disabled,
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container .paginate-links.items .next.disabled {
  opacity: 0.5;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container .paginate-links.items .prev::before {
  content: "\f104";
  font-family: fontello;
  margin-right: 7px;
}
#mid-panel-wrapper .vue-container .a-service-texte + aside > .container .paginate-links.items .next::after {
  content: "\f105";
  font-family: fontello;
  margin-left: 7px;
}

.contact-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 4px solid #CACACA;
  margin: 13px 0;
}

@media screen and (max-width: 1440px) {
  .sous-rubrique {
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }

  .vue-container {
    padding-left: 0;
    padding-right: 0;
  }
  .vue-container .a-service-texte,
.vue-container .a-service-texte + aside .container {
    padding-left: 0;
    padding-right: 0;
  }

  .ariane,
.titre-service,
.a-link-adm,
#presentPanel > .x-panel-bwrap {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 900px) {
  .sous-rubrique {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
/*$VISUPANEL*/
/******************************************************/
#visuPanel {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 70%;
  flex: 1 0 70%;
  max-width: 100%;
}
.a-serv-hp #visuPanel {
  padding-right: 0;
  margin: 0;
}

#presentPanel {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 25%;
  flex: 1 0 25%;
}

#visuPanel .a-serv-ress > .x-panel > .x-panel-bwrap,
#visuPanel .a-BanqueDocumentHTML > .x-panel-bwrap > .x-panel-body .x-panel-bwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.a-serv-ress > .x-panel > .x-panel-bwrap > .x-panel-tbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 2em;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.a-serv-ress > .x-panel > .x-panel-bwrap > .x-panel-body {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

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

ul.ariane {
  max-width: 100%;
  text-transform: lowercase;
}

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

.a-link-adm {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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: bold;
  text-decoration: none;
}

.icon-config::before {
  font-size: 16px;
  color: #199390;
  vertical-align: middle;
}

#presentPanel > .x-panel-bwrap > .x-panel-body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#presentPanel .cells {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}
#presentPanel .f-grid td,
#presentPanel .f-grid th {
  height: auto;
}

.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 .resume {
  font-weight: normal;
  margin: 0.5em 0 0;
}
#transversePanel .paginate-container > a .resume p {
  margin: 0;
}
#transversePanel .boutons {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#transversePanel .puces {
  display: none;
}

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

.titre1-hsl .ck-content h2, .titre1-hsl .ck-content h3 {
  color: #FFA400;
  font-family: "HoneyScript-Light", arial;
  font-size: 45px;
  font-weight: normal;
}

.titre1-hs2 .ck-content h2, .titre1-hs2 .ck-content h3 {
  color: #FFA400;
  font-family: "HoneyScript-Light", arial;
  font-size: 23px;
  font-weight: normal;
}

.titre1 .ck-content h2, .titre1 .ck-content h3 {
  font: bold 32px "Nunito", arial;
  color: #199390;
}

.titre2 .ck-content h2, .titre2 .ck-content h3 {
  font: bold 20px "Nunito", arial;
  color: #125E5A;
}

.titre3 .ck-content h2, .titre3 .ck-content h3 {
  font: bold 17px "Nunito", arial;
  color: #0B302D;
}

.titre4 .ck-content h2, .titre4 .ck-content h3 {
  font: bold 15px "Nunito", arial;
  color: #0B302D;
}

.vue-container h2, .vue-container h3, .vue-container h4, .vue-container h5, .vue-container h6 {
  font-family: "Nunito", sans-serif, arial;
}

/*FREEHTML*/
.a-serv-ress .resume,
.a-serv-ress .abstract,
.a-service-texte .resume,
.a-service-texte .abstract,
.freehtml .resume,
.freehtml .abstract,
.ck-content .resume,
.ck-content .abstract {
  font: 100 15px "Nunito", arial;
}
.a-serv-ress .titre1-hsl,
.a-service-texte .titre1-hsl,
.freehtml .titre1-hsl,
.ck-content .titre1-hsl {
  color: #FFA400;
  font-family: "HoneyScript-Light", arial;
  font-size: 45px;
  font-weight: normal;
}
.a-serv-ress .titre1-hs2,
.a-service-texte .titre1-hs2,
.freehtml .titre1-hs2,
.ck-content .titre1-hs2 {
  color: #FFA400;
  font-family: "HoneyScript-Light", arial;
  font-size: 23px;
  font-weight: normal;
}
.a-serv-ress .titre1,
.a-service-texte .titre1,
.freehtml .titre1,
.ck-content .titre1 {
  font: bold 32px "Nunito", arial;
  color: #199390;
}
.a-serv-ress .titre2,
.a-service-texte .titre2,
.freehtml .titre2,
.ck-content .titre2 {
  font: bold 20px "Nunito", arial;
  color: #125E5A;
}
.a-serv-ress .titre3,
.a-service-texte .titre3,
.freehtml .titre3,
.ck-content .titre3 {
  font: bold 17px "Nunito", arial;
  color: #0B302D;
}
.a-serv-ress .titre4,
.a-service-texte .titre4,
.freehtml .titre4,
.ck-content .titre4 {
  font: bold 15px "Nunito", arial;
  color: #0B302D;
}
.a-serv-ress .thin,
.a-service-texte .thin,
.freehtml .thin,
.ck-content .thin {
  font: 100 15px "Nunito", arial;
}
.a-serv-ress .italique,
.a-service-texte .italique,
.freehtml .italique,
.ck-content .italique {
  font-style: italic;
}
.a-serv-ress .gras,
.a-service-texte .gras,
.freehtml .gras,
.ck-content .gras {
  font-weight: bold;
}
.a-serv-ress img,
.a-service-texte img,
.freehtml img,
.ck-content img {
  margin: 0.5rem;
}

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

/* TITRE DES PAGES  */
.titre-service {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 60%;
  flex: 1 0 60%;
  max-width: 100%;
  font-size: 1.2rem;
  color: #199390;
  font-weight: bold;
  font-family: "Nunito", sans-serif, arial;
  padding-top: 13px;
  padding-bottom: 13px;
  margin: 0 auto;
}

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

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

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

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

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

.a-banque-document-html-tree {
  height: 100%;
}
.a-banque-document-html-tree .x-panel-bwrap {
  height: 100%;
}
.a-banque-document-html-tree .x-panel-bwrap .x-tree-lines {
  height: 100%;
}

.a-serv-hp .container-type-pdf {
  background-image: url("/css/theme/images/common/telecharger.png");
}

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

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

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

#visuPanel .x-panel-tbar > ul.banque-toolbar {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

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

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

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

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

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

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

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

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

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

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

.titlebar button {
  line-height: 1.6em;
  padding: 0;
  font-family: "Nunito", arial;
}
.titlebar button::before {
  color: #008DD2;
  margin-right: 0.5rem;
}
.titlebar .icon-edit::before,
.titlebar .icon-print::before,
.titlebar .icon-comment::before,
.titlebar .icon-contact::before,
.titlebar .icon-mail::before,
.titlebar .icon-fav::before {
  font-family: "icomoon";
}

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

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

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

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

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

.a-webdemat fieldset legend {
  border-bottom: 1px solid #199390;
  color: #199390;
  padding: 5px;
  font-size: 16px;
}

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

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

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

@media only screen and (max-width: 900px) {
  .a-wd-typedoc, .a-wd-activities, .a-wd-rech-field {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    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;
  color: #199390;
}

.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-service-texte > .container .img-left > .image,
.a-Evenement .img-left > .image {
  max-width: none;
}

.date-diffusion,
.titlebar .print-btn {
  display: none !important;
}

.a-MemosPanelDetail {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.a-serv-ress .icon-clock::before,
.a-serv-ress .diffusion {
  vertical-align: middle;
}

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

.x-toolbar {
  padding-bottom: 13px;
  margin-bottom: 13px;
  border-bottom: 1px solid #CACACA;
}

/* bordure par défaut */
#presentPanel .x-panel-header {
  margin-bottom: 7px;
  padding-bottom: 0;
  font-size: 55px;
  color: #FFA400;
  font-family: "HoneyScript-Light", arial;
  font-weight: normal;
}
#presentPanel td .title {
  font-size: 1.154em;
  border: none;
  height: auto;
}
#presentPanel .a-Memos .cells,
#presentPanel .a-paneltransverse-grid-Memos .cells {
  border-color: #f5a31f;
}
#presentPanel .a-EvenementGrid .cells {
  margin-bottom: 13px;
  padding-bottom: 13px;
  border-bottom: 1px solid #EFEFEF;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#presentPanel .a-EvenementGrid .cells:hover td:nth-child(2) {
  color: #199390;
}
#presentPanel .a-EvenementGrid .cells td:nth-child(1) {
  max-width: 75px;
}
#presentPanel .a-EvenementGrid .cells td:nth-child(1) img {
  max-width: 100%;
}

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

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

h2.inscriptions-pres {
  color: #199390;
}

.r-grid > .inscriptions-tab th {
  background-color: #199390;
  color: white;
}

#PrecoPanel .x-panel-header,
#avertProduitsAgriPanel .x-panel-header {
  color: #199390;
  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-Avertissement > .x-panel-bwrap > .x-panel-body,
.a-Evenement > .x-panel-bwrap > .x-panel-body,
.a-Memos > .x-panel-bwrap > .x-panel-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.a-AvertissementPanelDetail {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.a-CnsPanelContact {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 0 1em 0 0;
}

.a-CnsPanelComment {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.a-NavigationPanel {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

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

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

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

.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;
  background-color: #199390;
  color: #FFF;
}

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

.r-toolbar-contact span {
  color: #199390;
  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;
  color: #199390;
}

/*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 {
  color: #199390;
  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;
}

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

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

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

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

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

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

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

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

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

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

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

/*$FLUX RSS*/
/******************************************************/
.a-FluxRss-panel .rss-flux {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.a-FluxRss-panel .rss-flux .rss-flux-title::before {
  margin-right: 1em;
}
.a-FluxRss-panel .rss-flux .rss-flux-title {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  font-size: 16px;
  background-color: #fd7217;
  color: #FFF;
  padding: 5px 1em;
  margin-bottom: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.a-FluxRss-panel .rss-flux .rss-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 45%;
  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-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;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.a-FluxRss-panel .rss-flux .rss-item-description {
  margin-top: 5px;
}
.a-FluxRss-panel .rss-flux .rss-item-link {
  background-color: #676767;
  color: #fff;
  padding: 4px 10px;
  float: right;
  margin-top: 5px;
}
.a-FluxRss-panel .rss-flux .rss-item-link:hover {
  background-color: #fd7217;
}
.a-FluxRss-panel .rss-flux .rss-item-link a {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}
.a-FluxRss-panel .rss-flux .rss-item,
.a-FluxRss-panel .rss-flux .rss-item-warn {
  color: #666;
  padding: 0.9em;
  border-bottom: solid 1px #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 {
  background-color: #199390;
  color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.a-acm .a-acm-grid-production .x-panel-header-text {
  font-weight: bold;
  font-size: 1.2em;
  color: #1498be;
}
.a-acm .a-acm-grid-production .a-PagingToolbar {
  padding: 10px 5px;
  background-color: #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;
  color: #199390;
  font-weight: bold;
  font-style: italic;
}
.a-acm .x-btn-icon button::before {
  color: #fff;
}

.a-acm-titre {
  color: #199390;
}

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

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

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

.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: #199390;
}
.userpref .link:hover {
  background-color: #147472;
}
.userpref .link a {
  color: #FFF;
}

.services-favoris .service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  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 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: 5px 0px;
  }
}
/* $PAGEATRIUM */
/******************************************************/
.pageatrium .pave__header h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 1rem;
  margin: 0 1rem 0;
  font-family: "HoneyScript-Light";
  font-size: 40px;
  font-weight: 300;
  color: #FFA400;
}
.pageatrium .pave__header h3::after {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  content: "";
  display: block;
  border-bottom: 2px solid #FFA400;
}
.pageatrium .paginate-index .page-puce {
  border-radius: 0;
  background-color: #199390;
}
.pageatrium .paginate-index .page-puce.actif {
  background-color: #54e2de;
}
.pageatrium .pave-menu__service {
  margin: auto;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.pageatrium .pave-menu__service:hover {
  color: #00953B;
  font-weight: bold;
}
.pageatrium .pave-menu__service:hover img {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.pageatrium .pave-menu__service img {
  -webkit-transition: 0.75s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: 0.75s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: 0.75s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.pageatrium .pave-menu__service__titre {
  margin: 0.5rem;
  font-size: 1rem;
}
.pageatrium .article__image {
  height: 200px;
}
.pageatrium .article__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pageatrium .article__titre {
  font-size: 1.1rem;
}

.session-footer .btn-action {
  background-color: var(--coop-button-bg-color, #aaaaaa);
  color: var(--coop-button-text-color, #fff);
}
.session-footer .btn-action:hover {
  background-color: var(--coop-button-bg-hover-color, #777);
}

/* $GESTION RESSOURCE*/
/******************************************************/
.gestionRessource .structure-article__corps .resume,
.gestionRessource .ressource-editor__body .resume {
  font: 100 15px "Nunito", arial;
}
.gestionRessource .structure-article__corps .titre1-hsl,
.gestionRessource .ressource-editor__body .titre1-hsl {
  color: #FFA400;
  font-family: "HoneyScript-Light", arial;
  font-size: 45px;
  font-weight: normal;
}
.gestionRessource .structure-article__corps h3,
.gestionRessource .ressource-editor__body h3 {
  font: bold 32px "Nunito", arial;
  color: #199390;
}
.gestionRessource .structure-article__corps h4,
.gestionRessource .ressource-editor__body h4 {
  font: bold 20px "Nunito", arial;
  color: #125E5A;
}
.gestionRessource .structure-article__corps h5,
.gestionRessource .ressource-editor__body h5 {
  font: bold 17px "Nunito", arial;
  color: #0B302D;
}
.gestionRessource .content-titre {
  color: #199390;
  font-size: 1.5rem;
}

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

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

.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 {
  margin: 0 0 14px 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 {
  font-family: "HoneyScript-Light";
  font-size: 40px;
  font-weight: 300;
  color: #FFA400;
}
.a-pave-hp .pave-contenu-titre {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  font-weight: bold;
}
.a-pave-hp .pave-contenu-date {
  font-weight: bold;
  color: #686868;
}
.a-pave-hp .pave-contenu-resume {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 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: #199390;
}

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

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

/* Pavé HTML */
.a-pave-hp-bhtml .pave-contenu-main {
  position: relative;
  padding-right: 50px;
}
.a-pave-hp-bhtml .pave-contenu-main::after {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 29px;
  background: url("images/common/fleche.svg") no-repeat center;
}
.a-pave-hp-bhtml .pave-contenu-titre {
  font-weight: normal;
  font-size: 18px;
}
.a-pave-hp-bhtml .pave-contenu-resume {
  font-size: 15px;
  font-weight: 300;
}
.a-pave-hp-bhtml .pave-contenu-resume p {
  margin: 0;
}
.a-pave-hp-bhtml .pave-contenu-date {
  display: none;
}

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

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

/*Enquete*/
.a-pave-hp-enquete .a-panel-header-hp {
  color: #f5a31f;
  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: #f5a31f;
}

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

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

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

/*EVENEMENT-AGENDA*/
/******************************************************/
.style-calendrier .a-pave-hp-evenement .a-panel-header-hp {
  padding: 0;
}
.style-calendrier .a-pave-hp-evenement .x-panel-bwrap {
  margin-top: -0.5em;
}
.style-calendrier .a-pave-hp-evenement .x-panel-header {
  text-align: left;
}
.style-calendrier .a-pave-hp-evenement .x-panel-header-text {
  padding: 0;
}
.style-calendrier .a-pave-hp-evenement .pave-contenu-date {
  background-color: #00a99d;
  color: #FFF;
}
.style-calendrier .a-pave-hp-evenement .pave-contenu-titre-resume p,
.style-calendrier .a-pave-hp-evenement .sessions {
  margin: 0;
  font-size: 13px;
}
.style-calendrier .a-pave-hp-evenement .pave-contenu-titre-resume,
.style-calendrier .a-pave-hp-evenement .paginate-show > li > ul {
  background-color: #f6f6f6;
}
.style-calendrier .a-pave-hp-evenement ul > li:nth-child(even) .pave-contenu-titre-resume,
.style-calendrier .a-pave-hp-evenement ul > li:nth-child(even) > ul {
  background-color: #e8e8e8;
}

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

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

/*Offres Spot*/
.a-offrespot .links > div.offre-toolbar > div {
  margin-left: 1em;
  padding: 1em;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.a-offrespot .r-grid th {
  background-color: #a0aeb7;
  color: #fff;
}
.a-offrespot a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.a-offres-wrapper td > span > a {
  background-color: #51c47d;
  color: #fff;
  padding: 0.3em 20%;
  border-radius: 5px;
  border-bottom: 2px solid rgba(146, 146, 146, 0.5);
}

.a-liste-offres a {
  color: #199390;
}

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

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

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

/*Horaires sites*/
.a-pave-hp-horaireSite .paginate-show {
  color: #676767;
}
.a-pave-hp-horaireSite .paginate-show thead tr th {
  background-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: #f5a31f;
  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: #199390;
}
.format-liste-verticale .a-pave-wrapper div {
  font-weight: bold;
}
.format-liste-verticale .a-pave-wrapper a::before {
  color: #199390;
}

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

/*Info perso*/
/* $PAVÉS FIN */
/******************************************************/
/******************************************************/
/******************************************************/
/* $PAVÉS CAPL */
/******************************************************/
a:hover .pave-contenu-titre {
  color: #199390;
}

nav.puces {
  display: none;
}

.a-pave-hp .boutons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.a-pave-hp .boutons .prev,
.a-pave-hp .boutons .next {
  cursor: pointer;
}

.page-puces {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-puces li:not(.show) {
  display: none;
}

.page-puce {
  position: relative;
  width: 20px;
  height: 20px;
  color: #000;
  margin: 0.5rem;
  cursor: pointer;
  -webkit-box-shadow: 0px 2px 5px #a7a5a5;
  box-shadow: 0px 2px 5px #a7a5a5;
  background-color: #199390;
}
.page-puce.actif {
  background-color: #54e2de;
  color: #FFF;
}

.pave-connexion,
.a-pave-hp-connexion {
  background-color: #F4F4F4;
  padding: 1rem;
}
.pave-connexion .form-text,
.a-pave-hp-connexion .form-text {
  display: block;
  width: 80%;
  margin: 0 auto;
}
.pave-connexion .links-wrapper a:hover,
.a-pave-hp-connexion .links-wrapper a:hover {
  text-decoration: underline;
}
.pave-connexion .input,
.a-pave-hp-connexion .input {
  margin-bottom: 0.5rem;
}
.pave-connexion .input input,
.a-pave-hp-connexion .input input {
  width: 100%;
  padding: 5px;
}
.pave-connexion #previewMdp, .pave-connexion #previewMdpBis, .pave-connexion #previewMdpPopUp,
.a-pave-hp-connexion #previewMdp,
.a-pave-hp-connexion #previewMdpBis,
.a-pave-hp-connexion #previewMdpPopUp {
  bottom: 0.75rem;
}
.pave-connexion .remember,
.a-pave-hp-connexion .remember {
  text-align: right;
  margin-bottom: 1rem;
}
.pave-connexion #remember_me,
.a-pave-hp-connexion #remember_me {
  vertical-align: middle;
}
.pave-connexion .girisbtn,
.a-pave-hp-connexion .girisbtn {
  display: block;
  margin: 0 auto;
  padding: 5px 10px;
  border: 0;
  background-color: #199390;
  color: #FFF;
  cursor: pointer;
}
.pave-connexion .girisbtn:hover, .pave-connexion .girisbtn:focus, .pave-connexion .girisbtn:active,
.a-pave-hp-connexion .girisbtn:hover,
.a-pave-hp-connexion .girisbtn:focus,
.a-pave-hp-connexion .girisbtn:active {
  background-color: #147472;
}

.multiImage-pleine-page {
  margin-bottom: 0;
}
.multiImage-pleine-page .page-puces {
  display: none;
}

.a-pave-hp-multiImage figure > img {
  width: 100%;
}

.a-pave-hp.acces-rapide-capl {
  background-color: #f2f2f2;
  padding: 2rem 0;
}
.a-pave-hp.acces-rapide-capl .a-pave-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.a-pave-hp.acces-rapide-capl .a-pave-wrapper-link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.75s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: 0.75s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: 0.75s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.a-pave-hp.acces-rapide-capl .a-pave-wrapper-link::before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-position: center;
}
.a-pave-hp.acces-rapide-capl .a-pave-wrapper-link:hover {
  color: #00953B;
  font-weight: bold;
  -webkit-transition: 0.75s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: 0.75s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: 0.75s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.a-pave-hp.acces-rapide-capl .a-pave-wrapper-link:hover::before {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: 0.75s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: 0.75s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: 0.75s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.a-pave-hp.acces-rapide-capl .a-pave-menu-80-link::before {
  background: url("/css/theme/images/acces_rapide/mes-comptes.png");
}
.a-pave-hp.acces-rapide-capl .a-pave-menu-54-link::before {
  background: url("/css/theme/images/acces_rapide/mes-factures.png");
}
.a-pave-hp.acces-rapide-capl .a-pave-menu-55-link::before {
  background: url("/css/theme/images/acces_rapide/mes-comptes.png");
}
.a-pave-hp.acces-rapide-capl .a-pave-menu-82-link::before {
  background: url("/css/theme/images/acces_rapide/mes-offres.png");
}
.a-pave-hp.acces-rapide-capl .a-pave-menu-83-link::before {
  background: url("/css/theme/images/acces_rapide/mes-scops.png");
}
.a-pave-hp.acces-rapide-capl .a-pave-menu-90-link::before {
  background: url("/css/theme/images/acces_rapide/mes-services.png");
}
.a-pave-hp.acces-rapide-capl .a-pave-menu-224-link::before {
  background: url("/css/theme/images/acces_rapide/notes-commerciales.png");
}
.a-pave-hp.acces-rapide-capl .a-pave-menu-279-link::before {
  background: url("/css/theme/images/acces_rapide/metiers.png");
}
.a-pave-hp.acces-rapide-capl .a-pave-menu-285-link::before {
  background: url("/css/theme/images/acces_rapide/publications.png");
}

.style-barre-plus .paginate-show .pave-content-image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.style-barre-plus .paginate-show .pave-content-image .pave-contenu-image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  height: 200px;
}
.style-barre-plus .paginate-show .pave-content-image .pave-contenu-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
.style-barre-plus .paginate-show .pave-content-image .pave-contenu-titre {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  font-size: 18px;
  font-weight: normal;
}
.style-barre-plus .paginate-show .pave-content-image .pave-contenu-resume {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.style-barre-plus .paginate-show .pave-content-image .pave-contenu-resume p {
  margin: 0;
}
.style-barre-plus .paginate-show li {
  border: 0;
}
.style-barre-plus .paginate-show > li a::after {
  font-size: 1.5rem;
  font-weight: bold;
}

/* $FOOTER */
/******************************************************/
.footer, .footer-site {
  background-color: #199390;
  padding: 1rem;
  color: #FFF;
}
.footer .container, .footer-site .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer .items, .footer-site .items {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  max-width: 100%;
  margin: 0 auto;
}
.footer .items ul, .footer-site .items ul {
  max-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer .items ul li, .footer-site .items ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
}
.footer .items ul li a, .footer-site .items ul li a {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.footer .logo img, .footer-site .logo img {
  max-height: 85px;
}
.footer img, .footer-site img {
  max-width: 100px;
  max-height: 45px;
}
.footer .titre, .footer-site .titre {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  margin-bottom: 2rem;
}
.footer .titre a, .footer-site .titre a {
  font-weight: normal;
}
.footer a, .footer-site a {
  color: #FFF;
}
.footer .colonne, .footer-site .colonne {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.footer .extraThin, .footer-site .extraThin {
  margin-bottom: 0.5rem;
}
.footer .extraThin a, .footer-site .extraThin a {
  font-weight: 100;
}
@media screen and (max-width: 900px) {
  .footer .titre, .footer-site .titre {
    margin-bottom: 0.75rem;
  }
  .footer img, .footer-site img {
    max-height: 25px;
  }
}
@media screen and (max-width: 480px) {
  .footer .container, .footer-site .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer .items, .footer-site .items {
    margin-bottom: 1rem;
  }
  .footer .items ul, .footer-site .items ul {
    text-align: center;
    width: 100%;
  }
}

/* $MENTIONS CGU CONTACT */
/******************************************************/
#acs-Mentions, #acs-Cgu, #acs-Contact {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: inherit;
}

/* $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: #199390;
}
.siteplan .menu-item-cns:hover {
  color: #0f5654;
}

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

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

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

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

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

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

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

/* 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;
  background-color: #199390;
  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 {
  background-color: #199390;
  padding: 5px 10px;
  color: #fff;
}

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

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

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

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

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

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

@media only screen and (max-width: 1024px) {
  .a-suivicompte {
    padding: 0 1em;
  }
  .a-suivicompte .a-cns-panel-exploitation .col-m-50 {
    width: 48%;
    display: inline-block;
    margin: 0 1%;
    vertical-align: top;
  }
  .a-suivicompte tr.cells {
    background-color: #fafafa;
    border: solid 1px #e1e1e1;
    position: relative;
  }
  .a-suivicompte div.x-tool-export {
    position: absolute;
    top: 0.5em;
    right: 0.1em;
    padding: 0.5em;
  }
  .a-suivicompte .a-suivicompte-comcomptes {
    padding: 0 0.1em;
  }

  .a-virement {
    padding: 0 1em;
  }
  .a-virement .a-cns-panel-exploitation .col-m-50 {
    width: 100%;
    display: block;
    margin: 0;
  }
  .a-virement tr.cells {
    background-color: #fafafa;
    position: relative;
  }
  .a-virement .titlebar .x-btn-text-icon {
    margin-bottom: 10px;
  }
  .a-virement .titlebar .ytb-text {
    width: 100%;
  }
  .a-virement .a-grid3-col-numeric span {
    color: green;
    font-weight: bold;
  }
  .a-virement .a-grid3-col-numeric span::after {
    content: " €";
  }

  .a-virement .a-btn-compte {
    float: right;
  }

  .a-virement .titlebar .rbutton {
    padding: 0.3em 0;
  }

  .a-virement .a-cns-panel-exploitation .col-m-50 {
    width: 100%;
    display: block;
    margin: 0;
  }

  .a-virement tr.cells {
    background-color: #fafafa;
    position: relative;
  }

  .a-virement-grid .x-panel-tbar td {
    display: inline-block;
  }

  .a-virement-datapanel .titlebar .a-virement {
    width: 100%;
    padding-left: 0;
  }

  .a-virement-grid-bbar td {
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  .a-suivicompte .a-cns-panel-exploitation .col-m-50 {
    width: 100%;
    display: block;
    margin: 0;
  }
}
@media only screen and (max-width: 500px) {
  .petiteannonce .quarter.a-pan-col1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-top: 35px;
  }
  .petiteannonce .quarter.a-pan-col2,
.petiteannonce .quarter.a-pan-col3 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 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 {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  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 {
  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;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.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 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  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: #199390;
}
.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: #199390;
  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: #f5a31f;
}

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

.a-virement-form form > .x-form-item {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.a-virement-form form > .x-form-item label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  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: bold 1.2em arial;
}

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

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

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

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

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: 1.2em;
  font-weight: bold;
  color: #396095;
  padding-top: 0.5em;
  display: block;
  z-index: 2;
}

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

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

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

.rtextarea .x-form-textarea {
  border: none;
  -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
  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: #199390;
  width: 85px;
  padding: 7px 10px;
  font-size: 1em;
  font-weight: bold;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.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-header {
  border-bottom: 1px solid #199390;
}
.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: #199390;
  margin-right: 0.3em;
  font-size: 1.2em;
}

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

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

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

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

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

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

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

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

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

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

/* fin page détail */
/*BOUTONS*/
.a-PetitesAnnonces .a-create-bt button,
.x-form-file-btn button,
.dateTimeZone button,
.a-QuizBtnValid button {
  color: #fff;
  background: #199390;
  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: #147472;
}

.offre-toolbar div {
  color: #fff;
  background: #199390;
  padding: 5px 13px;
  margin: 0 0.2em 0.5em;
}
.offre-toolbar div a {
  color: #fff;
  text-decoration: none;
}
.offre-toolbar div:hover {
  background-color: #147472;
}

.x-window-footer .x-btn-text,
.x-panel-footer .x-btn-text,
.x-panel-btns-right .x-btn-text,
.answer-btnIcon span {
  background-color: #199390;
  color: #fff;
  padding: 1em;
}
.x-window-footer .x-btn-text:hover,
.x-panel-footer .x-btn-text:hover,
.x-panel-btns-right .x-btn-text:hover,
.answer-btnIcon span:hover {
  background-color: #147472;
}

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

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

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

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

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

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

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

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

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

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

.loader-last {
  display: block;
}
.loader-last .loader {
  margin-bottom: 13px;
  margin-right: 0;
}

@-webkit-keyframes loader-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes loader-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    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;
  }

  .questionnaire .rfileuploadfield .x-form-item-label + .x-form-element {
    width: 95%;
  }
  .questionnaire .rfileuploadfield .x-form-item-label + .x-form-element .x-form-file-btn {
    right: -10px;
  }
}
@media screen and (min-width: 901px) {
  .body-scrolled .header-site {
    min-height: 50px;
  }
  .body-scrolled .header-site::after {
    top: 15px;
    font-size: 60px;
    -webkit-transition: 0.75s ease;
    -o-transition: 0.75s ease;
    transition: 0.75s ease;
  }
  .body-scrolled .header-site .logo,
.body-scrolled .header-site .logo > * {
    width: 60px;
    height: 60px;
    -webkit-transition: 0.75s ease;
    -o-transition: 0.75s ease;
    transition: 0.75s ease;
  }
  .body-scrolled .header-content {
    -webkit-transition: 0.75s ease;
    -o-transition: 0.75s ease;
    transition: 0.75s ease;
  }
}
@media only screen and (max-width: 900px) {
  #mid-panel {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #visuPanel {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }

  #presentPanel,
#mid-panel-wrapper .vue-container .a-service-texte,
#mid-panel-wrapper .vue-container .a-service-texte + aside {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding: 0;
    margin: 0;
  }

  .header-site {
    position: relative;
    min-height: 100px;
  }
  .header-site::after {
    display: none;
  }
  .header-site .header-content {
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: unset;
    height: 85px;
  }
  .header-site .header-content::before {
    display: none;
  }
  .header-site .header-content #burger::before {
    font-family: "uac-header";
  }
  .header-site .header-item,
.header-site .actions #search,
.header-site .actions #logout {
    margin: 0.5em 0 0.5em 0;
    height: auto;
    min-width: inherit;
  }

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

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

  .header-site .menu {
    position: static;
    padding: 0;
    background-color: #FFF;
  }

  .header-site .welcome-div {
    top: 55px;
  }

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

  .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 {
    position: relative;
    margin-top: 0;
    margin-bottom: 2em;
    display: none;
  }
  #menuPanel .rubriques {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background-color: #fafafa;
    overflow: auto;
  }
  @supports (-webkit-overflow-scrolling: touch) {
    #menuPanel .rubriques {
      max-height: calc(100vh - 200px);
    }
  }
  #menuPanel .rubriques .rubrique {
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    text-align: left;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  #menuPanel .rubriques .rubrique > .intitule {
    display: inline-block;
    padding: 1em 2em 0.5em 1em;
  }
  #menuPanel .rubriques .rubrique.open {
    border-bottom: 1px solid #e6e6e6;
  }

  #menuPanel.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .action-mon-profil > .intitule-rubrique,
.action-favoris > .intitule-rubrique {
    text-transform: uppercase;
  }

  .header-site .rubriques .rubrique .intitule > * {
    color: #199390;
    font-weight: 600;
    border-bottom: 0;
  }

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

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

  .rubriques .rubrique.open .intitule > *::before {
    content: "< ";
  }

  #menuPanel .sous-rubriques {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: unset;
    left: 0;
    margin-top: 0;
    border: 0;
    background-color: #fafafa;
    padding: 15px 30px;
    border-top: 1px solid #ddd;
  }

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

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

  .services li {
    padding: 0.5em 1em;
  }

  .sous-rubrique {
    border-left: 0;
    border-right: 0;
    border-bottom: 3rem solid transparent;
  }

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

  .a-serv-ress > .x-panel > .x-panel-bwrap > .x-panel-tbar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 0;
  }

  .titlebar {
    margin-bottom: 0;
    margin-top: 2em;
  }

  #presentPanel > .x-panel-bwrap > .x-panel-body > div {
    padding: 1em;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  #presentPanel .cells {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin: 0;
  }

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

  /*MÉMOS*/
  .a-CnsPanelComment {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  /*PETITES ANNONCES*/
  .petiteannonce {
    padding: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }

  /* Enquete */
  .a-Enquete .x-panel-tbar {
    display: none;
  }

  /*PAVÉS*/
  .style-calendrier .a-pave-hp-evenement .a-panel-header-hp::before, .style-calendrier .a-pave-hp-evenement .a-panel-header-hp::after {
    border: 4px solid #FFF;
    top: -4px;
  }

  /*Suivi bons*/
  .a-suivi-bon-form .x-panel-bwrap {
    padding-top: 0.2em;
  }
  .a-suivi-bon-form #exploitCombo {
    float: none;
    margin: 0 auto 1em;
    border: none;
  }
  .a-suivi-bon-form #exploitCombo .x-form-label-left label {
    width: 80%;
    margin: 0 auto;
  }
  .a-suivi-bon-form .x-form-item {
    display: block;
    width: 80%;
    margin: 0 auto;
  }
  .a-suivi-bon-form .x-form-item.rcombo {
    margin: 0.7em auto;
  }
  .a-suivi-bon-form .x-form-arrow-trigger {
    width: 30px;
    height: 29px;
  }

  .a-exploit-tpl-extr,
.a-exploit-tpl-person,
.a-exploit-tpl-person-nom {
    margin: 0 auto;
  }

  .a-list-bon li,
.a-result-list-bon li {
    margin-bottom: 1em;
  }

  /*RSS*/
  .a-FluxRss-panel .rss-flux .rss-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    padding-bottom: 45px;
  }

  /*Mes comptes*/
  .a-suivicompte-containerpanel .x-panel-header {
    border-bottom: 1px solid #199390;
  }

  .a-cns-panel-exploitation {
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  /*Offres Spot*/
  .links {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 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;
    border-right: none;
    padding-left: 5px;
  }
}
@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;
  }
}
/*IPHONE 4*/
@media only screen and (max-width: 325px) {
  html {
    font-size: 15px;
  }

  .header-site {
    position: inherit;
  }
  .header-site .logo {
    visibility: hidden;
  }
  .header-site .header-item,
.header-site .actions #search,
.header-site .actions #logout {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    width: 3em;
    height: 3em;
  }
  .header-site .actions #favoris,
.header-site .actions #logout {
    display: none;
  }

  .header-site .header-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
  }
  .header-site .header-content div::before {
    font-size: 39px;
  }

  .header-site .menu {
    position: absolute;
    top: 5em;
    width: 100%;
    max-height: 85vh;
  }

  .header-site.display .menu {
    z-index: 2;
  }

  .header-content .home,
.header-content .menu-icon,
.header-site .actions {
    margin: 0.5em 0;
  }

  #menuPanel {
    width: 100%;
  }

  #menuPanel.display {
    display: block;
  }

  #menuPanel.display > .rubriques {
    overflow: scroll;
  }
  #menuPanel.display > .rubriques > .rubrique {
    display: block;
  }

  ul.ariane {
    font-size: 100%;
  }
}
/**/
@media screen and (max-width: 900px) {
  .a-virement-grid tr.cells {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    margin: 5px 0 5px 0;
  }

  .a-offrespot .x-panel-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .a-offrespot .links {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 1em;
  }
  .a-offrespot .a-cns-panel-exploitation {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 1024px) {
  .a-virement-grid tr.cells {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 45%;
    flex: 1 0 45%;
  }
}
@media screen and (min-width: 1280px) {
  .a-virement-grid tr.cells {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
  }
}
/*HEADER COLUMN <900px*/
/************************************************/
/************************************************/
/************************************************/
@media screen and (max-width: 900px) {
  #menuPanel.open .rubrique:not(.open), #menuPanel.open .action:not(.open) {
    display: none;
  }

  #menuPanel > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #favoris,
#logout,
#profil,
#previsu {
    display: none;
  }

  .rubriques > .action {
    display: unset;
  }

  #menuPanel .rubrique, #menuPanel .action {
    padding-top: 1em;
    padding-bottom: 1em;
  }

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

  .sous-rubriques {
    position: relative;
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .sous-rubrique {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .sous-rubriques.display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .sous-rubriques-list {
    max-height: calc(100vh - 220px);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    overflow: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
  }
}
/*HEADER COLUMN <900px FIN*/
/************************************************/
/************************************************/
/************************************************/
/*# sourceMappingURL=menu.css.map */