@charset "UTF-8";
@font-face {
  font-family: "FontAwesome";
  src: url("fonts/fontawesome-webfont.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI";
  src: url("fonts/segoeui.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Segoe UI";
  src: url("fonts/segoeuib.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.invisible {
  display: none;
}

html {
  background: white;
  font-size: 62.5%;
  height: 100%;
  width: 100%;
  position: fixed;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}

body {
  background: white;
  overflow: auto;
  height: 100%;
  font-size: 1.5rem;
}

body, ul {
  margin: 0;
  padding: 0;
}

body, ul, html, a, h1, h2, h3, p, span, em, strong, font {
  font-family: "Segoe UI" !important;
}

li {
  list-style: none;
}

img {
  object-fit: cover;
  object-position: center;
  border: none;
}

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

.img.skeleton, .link.skeleton {
  background-color: #efefef !important;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.skeleton.active {
  position: relative;
  background-color: #efefef !important;
  overflow: hidden;
  color: transparent !important;
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 6px;
}

.bckcontainer .img.skeleton, .bckcontainer .link.skeleton, .bck-container .skeleton.active {
  background-color: #f9f9f9 !important;
}

h1.skeleton.active, h2.skeleton.active, h3.skeleton.active, h4.skeleton.active,
span.skeleton.active, p.skeleton.active, span.skeleton.active, strong.skeleton.active, a:not(.link).skeleton.active {
  display: inline-block;
  padding: 0;
  width: auto;
  height: auto;
}

.skeleton.active::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translate3d(-100%, 0px, 0px);
  background: linear-gradient(90deg, transparent, #fff, transparent);
  animation-name: skeleton;
  animation-duration: 1.5s;
  animation-iteration-count: 5;
  z-index: 0;
  margin: 0px;
}

@keyframes skeleton {
  100% {
    transform: translate3d(100%, 0px, 0px);
  }
}
.sstitle {
  text-align: center;
  clear: both;
  font-size: 3.75rem;
  /* padding-top:50px;
  padding-bottom: 25px; */
  margin-top: 50px;
  margin-bottom: 40px;
  -margin: 0px;
  font-weight: bold;
  display: block;
}

.sstitle::after, .mod-banners .cntli h2::after {
  content: "";
  display: block;
  background-color: #b158a5;
  height: 3px;
  width: 60px;
  position: relative;
  clear: both;
  text-align: center;
  margin: 12.5px auto;
}

.ytb, img:not([width]):not([height]) {
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  position: relative;
  /*background-color:#efefef;*/
}

iframe {
  width: 100%;
  min-height: 100%;
  border: none;
  display: block;
  z-index: 1;
  position: relative;
  border-radius: 6px;
}

.ytb::after {
  position: absolute;
  top: calc(50% - 90px);
  left: calc(50% - 15px);
  cursor: pointer;
  font-size: 40px;
  font-family: "FontAwesome";
  content: "\f144";
  display: block;
  color: white;
}

.img[data-src*=".pdf"]::after {
  position: absolute;
  top: calc(50% - 90px);
  left: calc(50% - 15px);
  cursor: pointer;
  font-size: 40px;
  font-family: "FontAwesome";
  content: "\f1c1";
  display: block;
  color: white;
}

#header, #content, #footer, #credits {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.avis {
  float: left;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
  position: relative;
  text-align: center;
}

.avis p {
  margin: 0;
}

.custmd.avis {
  padding-bottom: 50px;
  background: #f3edd4;
}

.avis strong {
  margin-bottom: 30px;
  display: block;
  font-weight: normal;
}

.avis ul li {
  display: inline-block;
  margin: 0 15px;
}

.avis option[value="1"]::after {
  content: "\f119";
  font-family: "FontAwesome";
  font-size: 50px;
  cursor: pointer;
  color: black;
  transition: color 0.3s;
}

.avis option[value="1"]:hover::after {
  color: red !important;
}

.avis option[value="2"]::after {
  content: "\f11a";
  font-family: "FontAwesome";
  font-size: 50px;
  cursor: pointer;
  color: black;
  transition: color 0.3s;
}

.avis option[value="2"]:hover::after {
  color: orange !important;
}

.avis option[value="3"]::after {
  content: "\f118";
  font-family: "FontAwesome";
  font-size: 50px;
  cursor: pointer;
  color: black;
  transition: color 0.3s;
}

.avis option[value="3"]:hover::after {
  color: green !important;
}

#footer {
  background: #b158a5;
  z-index: 2;
  height: auto;
  min-height: 400px;
}

#footer .sstitle::after {
  background-color: white !important;
}

#bottomleft {
  width: 65%;
  float: left;
  height: 100%;
  color: white;
}

#bottomright {
  width: 35%;
  float: right;
  height: 100%;
  background: #994c8f;
  color: white;
  border-radius: 6px;
}

#footer a {
  word-break: break-all;
}

#footer #bottomleft .custmd {
  float: left;
  width: 44%;
  padding: 3%;
  padding-top: 0;
}

#footer .sstitle {
  font-size: 2.5rem;
}

.xlargecontainer {
  max-width: 98%;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
}

.largecontainer {
  max-width: 90%;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
}

.container {
  max-width: 70%;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
}

.rel {
  position: relative;
}

.noovrl {
  overflow: visible !important;
}

input::-ms-clear {
  display: none;
}

.bckcontainer {
  background: #efefef;
  overflow: hidden;
}

.wbb img {
  height: 35px !important;
  width: auto !important;
}

/*HEAD*/
.flashinfo {
  padding: 20px 0;
  background: #f3edd4;
  height: 57.5px;
  overflow: hidden;
}

.flashinfo .mod-articlesnews__item {
  min-height: 91px;
  height: auto;
  margin-bottom: 0px;
  float: left;
  width: 100%;
  padding: 0 12.5px;
}

.flashinfo .ima {
  float: left;
  width: 50px;
}

.flashinfo .txta {
  float: right;
  width: calc(100% - 65px);
}

.flashinfo .mod-articlesnews__item .imm {
  float: left;
  width: 50px;
  border-radius: 50px;
  height: 50px;
  margin-right: 10px;
}

.flashinfo a:hover span {
  text-decoration: underline;
}

.flashinfo .slick-list {
  padding: 0 5px;
}

.flashinfo p, .flashinfo h3 {
  margin: 0 !important;
  white-space: nowrap;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.flashinfo img, .flashinfo i {
  float: left;
  width: 50px !important;
  height: 50px !important;
  object-position: center;
  object-fit: cover;
  margin-right: 0px;
  border-radius: 50px;
}

#head {
  height: 117.5px;
  border-bottom: 2px solid #efefef;
}

#socials {
  float: left;
  width: 40%;
  height: 100%;
  text-align: left;
}

#socials ul li {
  display: inline-block;
  padding: 47px 15px;
  padding-bottom: 52px;
}

.licontact, .liconnect, .lidark {
  display: none !important;
}

#logo {
  width: 20%;
  height: 100%;
  float: left;
  text-align: center;
}

#logo span {
  display: inline-block;
  clear: both;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: white;
  padding: 2.5px 20px;
  color: white;
  background: #994c8f;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -125px;
  width: 210px;
  font-weight: 500;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#logo img {
  position: relative;
  left: -7.5px;
  opacity: 1 !important;
}

#logo a {
  padding-top: 17px;
  display: block;
  padding-bottom: 5px;
}

#links {
  width: 40%;
  height: 100%;
  float: right;
  text-align: right;
}

#links ul li {
  display: inline-block;
  padding: 47px 15px;
  padding-bottom: 52px;
}

#links li.search {
  background: #f9f9f9;
  cursor: pointer;
  padding-left: 32.5px;
  padding-right: 32.5px;
  font-weight: bold;
  text-align: left;
}

.item-142 a::before {
  content: "\f053";
  font-family: "FontAwesome";
  margin-right: 5px;
}

.item-142 a {
  font-weight: 900 !important;
}

#links .search.activate, #links .search:hover {
  background: #efefef;
}

#links li.search i {
  margin-right: 5px;
}

#links i::before, #socials a i::before {
  font-size: 1.9rem;
}

#links li.search.activate i.fa-search:before {
  content: "\f00d" !important;
}

#links a {
  font-weight: bold;
}

.newsflash-title a:hover {
  text-decoration: underline;
}

#links a:hover {
  text-decoration: underline;
}

/*SUBHEAD*/
#subhead {
  height: 65px;
  background: white;
  width: 100%;
  z-index: 9;
}

#subhead.fxd {
  position: fixed;
  top: 0;
}

#subhead.fxd .buttonsearch {
  display: block;
}

#content.fxd {
  padding-top: 65px;
}

/*MENU*/
#menu {
  height: 65px;
  text-align: center;
  position: relative;
}

#menu li {
  display: inline-block;
}

#menu a {
  padding-top: 17px;
  padding-bottom: 26px;
  padding-left: 20px;
  padding-right: 20px;
  border-top: 4px solid transparent;
  color: black;
  font-weight: bold;
  text-decoration: none;
  font-family: "Segoe UI";
  display: inline-block;
  transition: border-top-color 0.3s;
}

#menu a:hover {
  border-top-color: #b158a5;
}

#menu .current a, .itemid-111 #menu .item-113 a {
  border-top-color: black;
}

.buttonenunclic:hover, .docs .doc a:hover, .totop:hover {
  background: #b158a5 !important;
  color: white;
}

.share a:hover, .actions a:hover, #socials a:hover {
  color: #b158a5 !important;
}

.slick-dots li button:hover {
  color: #b158a5 !important;
  background: #b158a5 !important;
}

.limoon {
  cursor: pointer;
}

.limoon a i::before {
  font-size: 1.9rem !important;
}

.dark .limoon a i::before {
  content: "\f185";
}

#menu ul {
  width: max-content;
  margin: 0 auto;
}

/*ACCES RAPIDES*/
.accesrapides {
  margin-bottom: 48px !important;
  text-align: center;
}

.accesrapides li {
  float: none !important;
  display: inline-block !important;
  height: 155px !important;
  width: auto !important;
  text-align: center;
}

.accesrapides li img {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  border-radius: 128px;
  background: #efefef;
  overflow: hidden;
  display: block;
  position: relative;
  z-index: 1;
}

.accesrapides li .circle {
  height: 100px !important;
  width: 100px !important;
  margin: 0 auto;
  border-radius: 128px;
  background: #efefef;
  overflow: hidden;
  display: block;
  position: relative;
  z-index: 1;
}

.accesrapides li a {
  text-align: center;
  display: inline-block;
}

.accesrapides li a span {
  padding: 15px 0;
  display: inline-block;
  font-weight: 500;
}

.que-faire-a-chalons .reco .descr span {
  display: block;
  margin-bottom: 7.5px;
}

.que-faire-a-chalons .reco .descr .tag span {
  margin-bottom: 0px;
}

.accesrapides .quali #widget, .enunclic .quali #widget {
  height: 100px;
  width: 100px;
  border-radius: 128px;
  position: relative;
  z-index: 1;
}

.accesrapides .quali img, .enunclic .quali img {
  height: 50px;
  width: 50px;
  margin: 0 auto;
  margin-top: 0px;
  position: relative;
  top: 12px;
  margin-bottom: 25px;
}

.accesrapides .quali h3, .enunclic .quali h3 {
  display: none;
}

.accesrapides .quali h1, .enunclic .quali h1 {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 500;
  position: relative;
  top: -2.5px;
  color: #f9f9f9;
}

.accesrapides .quali div, .enunclic .quali div {
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

/*AGENDA*/
body .agenda {
  padding: 0 1.5%;
}

body .agenda li {
  height: 500px;
}

body .agenda .fa {
  margin-right: 5px;
}

body .agenda li:first-child h3 {
  font-size: 2.5rem !important;
}

body .agenda .descr {
  position: absolute;
  bottom: 0;
  background: white;
  width: 80%;
  right: 0;
  padding: 20px;
  z-index: 2;
}

body .agenda img {
  width: 100%;
}

body .agenda li {
  position: relative;
  overflow: hidden;
}

body .agenda li:first-child {
  width: 48.5%;
  height: 100%;
  float: left;
}

body .agenda li:nth-child(2) {
  width: 48.5%;
  height: 47.25%;
  float: right;
  margin-bottom: 2%;
}

body .agenda li:nth-child(3) {
  width: 48.5%;
  height: 47.25%;
  float: right;
}

body .agenda li:nth-child(2) a.link {
  float: right !important;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

body .agenda li:nth-child(3) a.link {
  float: left !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

body .agenda li:nth-child(2) .descr {
  float: left !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

body .agenda li:nth-child(3) .descr {
  float: right !important;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

body .agenda li:not(:first-child) .descr {
  float: left;
  width: calc(52.5% - 40px);
  position: relative;
  padding: 20px;
  height: calc(100% - 40px);
  overflow: hidden;
}

body .agenda li:not(:first-child) a.link {
  width: 47.5%;
  height: 100%;
  float: left;
}

body .agenda li:not(:first-child) .descr a.link {
  width: auto;
  height: auto;
}

span.datelieu {
  margin-top: 10px;
  display: block;
}

.full-article table {
  scrollbar-width: thin;
}

.full-article table::-webkit-scrollbar, .full-article tbody::-webkit-scrollbar {
  background: transparent;
  height: 7px;
}

.full-article table::-webkit-scrollbar-thumb, .full-article tbody::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  width: 2em;
  height: 7px;
}

#resa iframe {
  scrollbar-width: thin;
}

#resa iframe::-webkit-scrollbar {
  background: transparent;
  width: 7px;
}

#resa iframe::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  width: 7px;
  height: 2em;
}

ul.sscategs {
  display: block;
  overflow: hidden;
  margin-bottom: 0px;
  padding-bottom: 50px;
  top: 30px;
  position: relative;
  max-width: 85%;
  margin: 0 auto;
}

ul.sscategs li {
  margin-bottom: 15px;
  background-position: top center;
  background-size: cover;
  -box-shadow: 0 1px 2px hsla(0deg, 0%, 0%, 0.25);
  border-radius: 4px;
  float: left;
  margin-right: 15px;
}

ul.sscategs li a {
  height: 2.5rem;
  line-height: 25px;
  width: auto;
  display: inline-block;
  padding: 5px 10px;
  background-color: #efefef;
  color: #000;
  border-radius: 4px;
}

ul.sscategs li a:hover span {
  text-decoration: underline;
}

ul.sscategs li a span em {
  margin-right: 5px;
}

ul.sscategs li.activate > a {
  background-color: #000;
}

ul.sscategs li.activate > a span {
  color: rgb(232, 230, 227);
}

ul.sscategs .childsscategs a[data-parent="0"] {
  display: none;
}

ul.sscategs .childsscategs .childsscategs .childsscategs {
  width: 100%;
  display: none;
  margin-top: 5px;
}

ul.sscategs .childsscategs .childsscategs .childsscategs li {
  width: 100%;
  margin: 0;
}

ul.sscategs .childsscategs .childsscategs .childsscategs li a {
  width: calc(100% - 20px);
  text-align: left;
  margin-bottom: 5px;
}

ul.sscategs a.haschilds {
  width: calc(100% - 55px) !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

div.date {
  width: 75px;
  height: 75px;
  border-radius: 75px;
  position: relative;
  display: inline-block;
  background: #994c8f;
  text-align: center;
}

div.dated {
  position: relative;
  left: 7.5px;
}

div.datef {
  background: #efefef;
  position: relative;
  left: -7.5px;
}

span.numdate {
  display: block;
  color: white;
  font-size: 33px;
  padding-top: 2px;
  clear: both;
  font-weight: 500;
}

span.mdate {
  color: white;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  clear: both;
  letter-spacing: 3px;
}

div.datef .numdate, div.datef .mdate {
  color: black;
}

/*single event*/
.ronds {
  position: absolute;
  margin-top: 0;
  text-align: center;
  width: 100%;
  margin-top: 367.5px;
  z-index: 3;
  left: 0%;
}

.ronds .samedate .numdate {
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 31px;
  height: 31px;
  position: relative;
  top: 5px;
}

.ronds .samedate .numdate::after {
  content: "-";
  font-size: 1.9rem;
  font-weight: 500;
  color: grey;
  position: absolute;
  left: 45%;
  top: 15px;
}

.ronds .samedate .mdate {
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: 0px;
}

.inscr.date.resa {
  background: green !important;
}

#clsbckgrndresa span {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  top: 6px;
  position: relative;
  display: block;
}

#clsbckgrndresa2 span {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  top: 11px;
  position: relative;
  display: block;
}

.inscr.date.resa.butoir {
  pointer-events: none;
  background: #fff !important;
  color: black !important;
}

.inscr.date.resa.nodeb {
  pointer-events: none;
  background: #fff !important;
  color: black !important;
}

.inscr.date.resa.free {
  pointer-events: none;
  background: #fff !important;
  color: black !important;
}

.inscr.date.resa.wait em::before {
  color: black !important;
  content: "\f017" !important;
}

.inscr.date.resa.nodeb em::before {
  content: "\f272" !important;
  color: black !important;
}

.inscr.date.resa.free em::before {
  content: "\f073" !important;
  color: black !important;
}

.inscr.date.resa.butoir em::before {
  color: black !important;
  content: "\f273" !important;
}

.inscr.date.resa.nodisp {
  pointer-events: none;
  background: red !important;
  padding: 17px 40px !important;
}

.inscr.date.resa.nodisp em::before {
  content: "\f057" !important;
}

.inscr.date.resa.wait {
  background: #CDDC39 !important;
  color: black !important;
  padding: 17px 40px !important;
}

.depublished {
  filter: grayscale(100%);
}

.date.resa {
  padding: 7.5px;
  border-radius: 4px;
  margin-bottom: 30px !important;
  width: auto;
  cursor: pointer;
  clear: both;
  display: inline-block;
  -border-bottom: 2px solid #dedede;
}

.inscr, .inscr em::before {
  color: #fff !important;
}

.inscr.date.resa span.nbplaces {
  -border-left: 1px solid #efefef;
  text-align: center;
  position: relative;
  top: 0px;
  color: white;
}

.inscr.resa .nbplaces {
  display: block;
  width: 100%;
  text-align: left !important;
}

.inscr.resa:hover {
  text-decoration: underline;
}

.full-article.hasdate .page-header {
  padding-top: 40px;
}

.texte {
  width: 100% !important;
  padding: 0px !important;
}

#bckgrndresa {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: none;
}

#bckgrndresa2 {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: none;
}

#clsbckgrndresa {
  box-shadow: 0 2px 4px hsla(0deg, 0%, 0%, 0.25);
  position: fixed;
  top: 50px;
  left: calc(50% + 415px);
  width: 50px;
  height: 50px;
  z-index: 10000000000000002000000;
  cursor: pointer;
  border-radius: 50px;
  background: red;
  text-align: center;
}

#clsbckgrndresa2 {
  box-shadow: 0 2px 4px hsla(0deg, 0%, 0%, 0.25);
  position: fixed;
  top: 50px;
  left: calc(50% + 415px);
  width: 50px;
  height: 50px;
  z-index: 10000000000000002000000;
  cursor: pointer;
  border-radius: 50px;
  background: red;
  text-align: center;
}

#resa {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top: 50%;
  width: 800px;
  height: 80%;
  top: 10%;
  z-index: 9999999;
  overflow: hidden;
  background: #fff;
  padding: 0px;
  border-radius: 6px;
}

#resa iframe {
  padding: 0 20px !important;
  width: calc(100% - 40px) !important;
}

/*WEBTV*/
.vidd {
  position: relative;
}

.vidd::before {
  content: "\f04b";
  font-family: "FontAwesome";
  font-size: 3.75rem;
  color: white;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
}

.full-blog .vidd::before {
  margin-top: -90px;
}

/*DEFAULT LIST*/
.dfltlist {
  height: 400px;
  text-align: center;
  padding-bottom: 50px;
}

.reco .dfltlist {
  padding-bottom: 70px;
}

.dfltlist li {
  width: 30%;
  margin: 0%;
  display: inline-block;
  height: 400px;
  overflow: hidden;
  position: relative;
}

.dfltlist a {
  color: black;
  border-radius: 6px;
  display: inline-block;
}

.dfltlist li a.link {
  height: 90%;
  width: 100%;
  overflow: hidden;
  display: block;
}

.dfltlist li img {
  width: 100%;
  height: 100%;
}

.dfltlist .descr {
  background: white;
  padding: 20px;
  width: calc(100% - 150px);
  position: absolute;
  min-height: 150px;
  bottom: 0px;
  right: 0px;
  text-align: left;
  z-index: 2;
  border-radius: 6px;
}

.dfltlist .descr h3 {
  color: black;
  clear: both;
  font-size: 1.9rem;
  margin: 10px 0;
  font-weight: bold;
}

/*DANS CHALONS*/
.carto p {
  margin: 0;
}

.carto a {
  overflow: hidden;
  display: block;
}

.carto iframe {
  pointer-events: none;
}

.buttoncarto {
  position: absolute;
  top: 404px;
  background: #f3edd4;
  width: 40px;
  height: 30px;
  z-index: 99;
  left: 50%;
  margin-left: -20px;
  cursor: pointer;
  line-height: 30px;
  text-align: center;
}

.buttoncarto::after {
  content: "\f0d7";
  font-family: "FontAwesome";
  font-size: 1.9rem;
  color: black;
}

.fxd .buttoncarto {
  display: block !important;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.fxd .buttoncarto.activating {
  display: none !important;
}

.fxd .sommaire.hascarto.activating {
  transform: translate3d(0px, 0px, 0px);
  height: 100%;
}

/*SEARCH*/
.bcksearch {
  position: absolute;
  right: 339px;
  width: calc(100% - 632px);
  height: 117.5px;
  background: #efefef;
  z-index: 99999999;
  display: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

input[name=valsearch] {
  float: left;
  width: calc(100% - 20px);
  height: 117.5px;
  border: 0;
  color: black;
  font-size: 2rem;
  background: no-repeat;
  outline: none;
  padding: 0 10px;
  font-weight: 500;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.ressearch .scl {
  padding: 10px 25px;
}

.ressearch h3 {
  text-align: left;
  padding: 15px 30px;
  margin: 0;
  margin-bottom: 0px;
  padding-bottom: 0;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.ressearch h3::after {
  content: "";
  height: 2px;
  background: #000;
  width: 100%;
  display: block;
}

.ressearch i.fa {
  padding-right: 0.6rem;
}

.ressearch {
  background: #efefef;
  z-index: 99999;
  color: black;
  position: relative;
  height: 0px;
  max-height: calc(100vh - 190px);
  margin-top: 117.5px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: rgba(0, 0, 0, 0.2);
  scrollbar-width: thin;
  transition: height 0.2s;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 0px solid #efefef;
  box-shadow: 0px 95px 95px rgba(0, 0, 0, 0.25);
  width: calc(100% + 73px);
}

.ressearch::-webkit-scrollbar-thumb {
  background: #999;
  width: 7px;
  height: 7px;
  cursor: pointer;
}

.ressearch::-webkit-scrollbar {
  background: #ccc;
  width: 7px;
  height: 7px;
  cursor: pointer;
}

/*DOCS*/
.docs .doc {
  margin-right: 15px;
  margin-bottom: 15px;
  display: inline-block;
}

.docs .doc a {
  padding: 7.5px 10px !important;
  width: auto !important;
  background-color: white !important;
  color: black !important;
  border-radius: 6px;
}

.docs .doc .circle {
  background: none !important;
}

.docss ul {
  padding-bottom: 48px;
  margin: 0 auto;
}

/*GALERIE*/
.galls, .docss {
  background: white;
  position: relative;
  z-index: 3;
  -padding-bottom: 70px;
}

.galleries:first-child {
  margin: 0 auto;
  padding-bottom: 0px;
  text-align: center;
}

.gallerie {
  display: inline-block;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  height: 600px;
}

.gallerie::after {
  content: "\f00e";
  font-family: "FontAwesome";
  font-size: 2.9rem;
  color: white;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
}

.fancybox-lock .fancybox-overlay {
  background: rgba(0, 0, 0, 0.8);
}

/*CONTACT*/
dd {
  margin: 0;
}

.com-contact__form .control-label {
  text-align: left !important;
}

#jform_consentbox-lbl {
  display: none;
}

.com-contact__form input, .com-contact__form textarea {
  width: 99%;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  border-radius: 6px;
}

.com-contact__form fieldset {
  padding: 25px;
  margin: 25px;
  border-radius: 6px;
}

.com-contact__form.form-control-feedback {
  color: red;
}

.com-contact__form .has-danger {
  outline: 1px solid red;
  border-radius: 6px;
}

.com-contact__form .has-success {
  outline: 1px solid green;
  border-radius: 6px;
}

.com-contact__position {
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 1.75rem;
}

.view-contact .catimg {
  float: left;
  width: 60%;
  height: 100vh;
}

.view-contact .catimg img {
  height: 100%;
}

.contact-category .com-content-category__table ul {
  text-align: center;
}

.contact-category .com-content-category__table ul li {
  text-align: center;
  display: block;
  margin: 15px;
  width: calc(20% - 30px);
  position: relative;
  height: 300px;
  float: left;
}

.contact-category .com-content-category__table ul li img {
  border-radius: 6px;
  width: 200px;
  height: 200px;
}

#jform_consentbox {
  padding: 0;
  margin: 0;
  border: none;
}

.com-contact__form button[type=submit] {
  cursor: pointer;
  background: green;
  color: white;
  padding: 15px;
  display: block;
  width: 200px;
  border-radius: 6px;
  border: none;
  text-transform: uppercase;
  font-size: 1.75rem;
  font-weight: bold;
  margin: 10px auto;
  margin-bottom: 50px;
}

.full-contact .com-contact {
  text-align: center;
  width: 40%;
  margin-top: 50px;
  float: right;
}

.filter-search-lbl {
  display: none;
}

.contact-category {
  text-align: center;
}

.com-content-category__table {
  text-align: center;
  display: inline-block;
  margin: 15px;
}

/*ACCES RAPIDES*/
._access-scrollbar::-webkit-scrollbar-track, .mat-autocomplete-panel::-webkit-scrollbar-track, .mat-tab-body-content::-webkit-scrollbar-track, .mat-select-panel:not([class*=mat-elevation-z])::-webkit-scrollbar-track, .mat-menu-panel::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

._access-scrollbar::-webkit-scrollbar, .mat-autocomplete-panel::-webkit-scrollbar, .mat-tab-body-content::-webkit-scrollbar, .mat-select-panel:not([class*=mat-elevation-z])::-webkit-scrollbar, .mat-menu-panel::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

._access-scrollbar::-webkit-scrollbar-thumb, .mat-autocomplete-panel::-webkit-scrollbar-thumb, .mat-tab-body-content::-webkit-scrollbar-thumb, .mat-select-panel:not([class*=mat-elevation-z])::-webkit-scrollbar-thumb, .mat-menu-panel::-webkit-scrollbar-thumb {
  background-color: #999999;
}

._access-icon {
  position: fixed;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 0;
  transition-duration: 0.5s;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  transform: scale(1);
}

._access-icon:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.9);
  transform: scale(1.1);
}

.circular._access-icon {
  border-radius: 50%;
  border: 0.5px solid white;
}

.access_read_guide_bar {
  box-sizing: border-box;
  background: #000000;
  width: 100% !important;
  min-width: 100% !important;
  position: fixed !important;
  height: 12px !important;
  border: solid 3px #20ff69;
  border-radius: 5px;
  top: 15px;
  z-index: 2147483647;
}

.access-high-contrast * {
  background-color: #000 !important;
  background-image: none !important;
  border-color: #fff !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #fff !important;
  text-indent: 0 !important;
  text-shadow: none !important;
}

._access-menu {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: fixed;
  width: 25vw;
  height: auto;
  transition-duration: 0.5s;
  z-index: 99991;
  opacity: 1;
  background-color: #fff;
  color: #000;
  border-radius: 3px;
  border: solid 1px #f1f0f1;
  font-family: RobotoDraft, Roboto, sans-serif, Arial;
  min-width: 300px;
  box-shadow: 0px 0px 1px #aaa;
  max-height: 100vh;
}

._access-menu.close {
  z-index: -1;
  width: 0;
  opacity: 0;
  background-color: transparent;
}

._access-menu.bottom {
  bottom: 0;
}

._access-menu.top {
  top: 0;
}

._access-menu.left {
  left: 0;
}

._access-menu.close.left {
  left: -25vw;
}

._access-menu.right {
  right: 0;
}

._access-menu.close.right {
  right: -25vw;
}

._access-menu ._text-center {
  text-align: center;
}

._access-menu h3 {
  font-size: 24px !important;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: initial !important;
  word-spacing: initial !important;
}

._access-menu ._menu-close-btn {
  left: 5px;
  color: #d63c3c;
  transition: 0.3s ease;
  transform: rotate(0deg);
}

._access-menu ._menu-reset-btn:hover, ._access-menu ._menu-close-btn:hover {
  transform: rotate(180deg);
}

._access-menu ._menu-reset-btn {
  right: 5px;
  color: #4054b2;
  transition: 0.3s ease;
  transform: rotate(0deg);
}

._access-menu ._menu-btn {
  position: absolute;
  top: 5px;
  cursor: pointer;
  font-size: 24px !important;
  font-weight: bold;
}

._access-menu ul {
  padding: 0;
  position: relative;
  font-size: 18px !important;
  margin: 0;
  overflow: auto;
  max-height: calc(100vh - 77px);
}

html._access_cursor * {
  cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOS4xODhweCIgaGVpZ2h0PSI0My42MjVweCIgdmlld0JveD0iMCAwIDI5LjE4OCA0My42MjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjE4OCA0My42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0Q5REFEOSIgc3Ryb2tlLXdpZHRoPSIxLjE0MDYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyLjgsNC41NDkgMjYuODQ3LDE5LjkwMiAxNi45NjQsMjIuNzAxIDI0LjIzOSwzNy43NDkgMTguMjc4LDQyLjAxNyA5Ljc0MSwzMC43MjQgMS4xMzgsMzUuODA5ICIvPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyMTI2MjciIGQ9Ik0yOS4xNzUsMjEuMTU1YzAuMDcxLTAuNjEzLTAuMTY1LTEuMjUzLTAuNjM1LTEuNTczTDIuMTY1LDAuMjU4Yy0wLjQyNC0wLjMyLTAuOTg4LTAuMzQ2LTEuNDM1LTAuMDUzQzAuMjgyLDAuNDk3LDAsMS4wMywwLDEuNjE3djM0LjE3MWMwLDAuNjEzLDAuMzA2LDEuMTQ2LDAuNzc2LDEuNDM5YzAuNDcxLDAuMjY3LDEuMDU5LDAuMjEzLDEuNDgyLTAuMTZsNy40ODItNi4zNDRsNi44NDcsMTIuMTU1YzAuMjU5LDAuNDgsMC43MjksMC43NDYsMS4yLDAuNzQ2YzAuMjM1LDAsMC40OTQtMC4wOCwwLjcwNi0wLjIxM2w2Ljk4OC00LjU4NWMwLjMyOS0wLjIxMywwLjU2NS0wLjU4NiwwLjY1OS0xLjAxM2MwLjA5NC0wLjQyNiwwLjAyNC0wLjg4LTAuMTg4LTEuMjI2bC02LjM3Ni0xMS4zODJsOC42MTEtMi43NDVDMjguNzA1LDIyLjI3NCwyOS4xMDUsMjEuNzY4LDI5LjE3NSwyMS4xNTV6IE0xNi45NjQsMjIuNzAxYy0wLjQyNCwwLjEzMy0wLjc3NiwwLjUwNi0wLjk0MSwwLjk2Yy0wLjE2NSwwLjQ4LTAuMTE4LDEuMDEzLDAuMTE4LDEuNDM5bDYuNTg4LDExLjc4MWwtNC41NDEsMi45ODVsLTYuODk0LTEyLjMxNWMtMC4yMTItMC4zNzMtMC41NDEtMC42NC0wLjk0MS0wLjcyYy0wLjA5NC0wLjAyNy0wLjE2NS0wLjAyNy0wLjI1OS0wLjAyN2MtMC4zMDYsMC0wLjU4OCwwLjEwNy0wLjg0NywwLjMyTDIuOCwzMi41OVY0LjU0OWwyMS41OTksMTUuODA2TDE2Ljk2NCwyMi43MDF6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==), auto !important;
}

._access-menu ul li {
  list-style-type: none;
  cursor: pointer;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border: solid 1px #f1f0f1;
  padding: 10px 0 10px 30px;
  margin: 5px;
  border-radius: 4px;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  font-size: 18px !important;
  line-height: 18px !important;
  text-indent: 5px;
  background: #f9f9f9;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: initial !important;
  word-spacing: initial !important;
}

._access-menu ul.before-collapse li {
  opacity: 0.05;
}

._access-menu ul li.active, ._access-menu ul li.active:hover {
  color: #fff;
  background-color: #000;
}

._access-menu ul li:hover {
  color: rgba(0, 0, 0, 0.8);
  background-color: #eaeaea;
}

._access-menu ul li.not-supported {
  display: none;
}

._access-menu ul li:before {
  content: " ";
  font-family: Material Icons;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px !important;
  width: 30px;
  height: 30px;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  left: 8px;
  position: absolute;
  color: rgba(0, 0, 0, 0.6);
  direction: ltr;
}

._access-menu ul li svg path {
  fill: rgba(0, 0, 0, 0.6);
}

._access-menu ul li:hover svg path {
  fill: rgba(0, 0, 0, 0.8);
}

._access-menu ul li.active svg path {
  fill: #fff;
}

._access-menu ul li:hover:before {
  color: rgba(0, 0, 0, 0.8);
}

._access-menu ul li.active:before {
  color: #fff;
}

._access-menu ul li[data-access-action=increaseText]:before {
  content: "zoom_in";
}

._access-menu ul li[data-access-action=decreaseText]:before {
  content: "zoom_out";
}

._access-menu ul li[data-access-action=increaseTextSpacing]:before {
  content: "unfold_more";
  transform: rotate(90deg) translate(-7px, 2px);
}

._access-menu ul li[data-access-action=decreaseTextSpacing]:before {
  content: "unfold_less";
  transform: rotate(90deg) translate(-7px, 2px);
}

._access-menu ul li[data-access-action=invertColors]:before {
  content: "invert_colors";
}

._access-menu ul li[data-access-action=grayHues]:before {
  content: "format_color_reset";
}

._access-menu ul li[data-access-action=underlineLinks]:before {
  content: "format_underlined";
}

._access-menu ul li[data-access-action=bigCursor]:before {
  /*content: 'touch_app';*/
}

._access-menu ul li[data-access-action=readingGuide]:before {
  content: "border_horizontal";
}

._access-menu ul li[data-access-action=textToSpeech]:before {
  content: "record_voice_over";
}

._access-menu ul li[data-access-action=speechToText]:before {
  content: "mic";
}

.title-header {
  text-align: center;
}

.full-article .title-header {
  margin-top: 25px;
}

.full-article table, .full-article tbody {
  vertical-align: middle;
  max-width: 800px;
  width: 100% !important;
  display: table-row-group;
  -display: table-caption;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  overflow-y: hidden;
  border: none;
  border-radius: 6px;
  height: auto !important;
}

.full-article table p {
  margin: 5px 0 !important;
}

.full-article table th, .full-article table tr, .full-article table td {
  width: auto !important;
  vertical-align: middle;
}

.smallfixcontainer {
  max-width: 80%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.srr {
  text-align: center;
  display: block;
  float: left;
  width: 100%;
  clear: both;
  margin: 15px 0;
  border-top: 1px dashed #000;
  padding: 15px 0;
  padding-bottom: 0;
}

.srr a {
  display: inline-block;
  background: black;
  color: white;
  text-align: center;
  padding: 10px 15px;
  border-radius: 6px;
  text-transform: uppercase;
}

body.recherche .full-blog a.h3 {
  display: block;
  width: 100%;
  text-align: left;
  pointer-events: none;
}

body.recherche .full-blog h3 {
  padding: 10px 15px;
  width: auto;
  display: inline-block;
  margin: 0 auto;
  float: none;
  background: #dedede;
  border-radius: 6px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 3% 1.5%;
  font-size: 1.5rem;
}

body.recherche .full-blog .blog-items {
  position: relative;
}

body.recherche .full-blog h3::before {
  content: "";
  background: #dedede;
  height: 2px;
  width: 97%;
  display: block;
  position: absolute;
  left: 1.5%;
  margin-top: 10px;
  z-index: -1;
}

/*ALL*/
.gals {
  background: white;
  position: relative;
  z-index: 3;
  padding-bottom: 70px;
}

.swal2-container.swal2-center > .swal2-popup {
  font-size: 1.5rem !important;
}

.suggests {
  position: absolute;
  margin-top: 0px;
  height: 300px;
  overflow: hidden;
  background: none;
  width: 100%;
  text-align: center;
  pointer-events: none;
}

.placehold {
  font-size: 20px;
  color: grey;
  position: absolute;
  line-height: 95px;
  cursor: pointer;
  padding: 0 10px;
}

.ssresults {
  height: 85px;
  overflow: hidden;
  width: max-content;
  min-width: 100%;
}

.result {
  padding: 0px !important;
  margin: 10px !important;
  text-align: left;
  display: block;
  float: left;
  width: auto;
  height: 85px;
  max-width: 260px;
  overflow: hidden;
}

.result a {
  display: block;
  width: 100%;
  height: 65px;
  border-radius: 65px;
}

.result img {
  border-radius: 55px;
  width: 55px;
  height: 55px;
  object-fit: cover;
}

.result span.frst {
  background-color: #ccc;
  float: left;
  width: 55px;
  padding: 0px !important;
  cursor: pointer;
  display: block;
  height: 55px;
  border-radius: 55px;
  overflow: hidden;
  position: relative;
  margin-top: 5px;
}

.result span.lst {
  float: right;
  width: calc(100% - 75px);
  padding: 12.5px 10px !important;
  cursor: pointer;
  display: block;
  height: calc(100% - 35px);
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}

.result span.frst::before {
  font-family: "FontAwesome";
  position: absolute;
  left: 25px;
  top: 22px;
  font-size: 1.9rem;
  color: white;
  font-weight: normal;
}

.rescarto .result span.frst::before {
  content: "\f277";
}

.resmuni .result span.frst::before {
  content: "\f007";
}

.resespcit .result span.frst::before {
  content: "\f19c";
}

.resinfo .result span.frst::before {
  content: "\f08e";
}

.resagenda .result span.frst::before {
  content: "\f073";
}

.result .word {
  background: #b158a5 !important;
  color: white !important;
}

.result p {
  margin: 5px 0px;
  font-weight: 400;
}

.result em {
  font-weight: 400;
  font-style: italic;
}

.result strong, .result em {
  white-space: nowrap;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.result a:focus, .result a:hover, #links .result a:hover {
  background: #dedede;
  color: black !important;
}

pre {
  padding: 15px;
  border: 2px solid #444;
  background: #333;
  border-radius: 6px;
  max-width: 48%;
  clear: both;
  margin: 0;
}

pre code {
  display: none;
  position: relative;
  cursor: pointer;
  font-family: "Segoe UI";
}

pre code:first-child {
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  text-transform: uppercase;
}

pre code:not(:first-child) {
  padding-top: 15px;
}

pre br {
  display: none;
}

pre code:first-child::after {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 2rem;
  position: absolute;
  right: 0px;
  margin-top: -5px;
}

pre.active code:first-child::after {
  content: "\f106";
}

.accesrapidescat {
  min-height: 100px;
  position: relative;
  margin-top: -10px;
}

.accesrapidescat li.tit {
  display: inline-block;
  margin-right: 10px;
  padding-right: 20px;
  border-right: 1px solid #999;
  text-transform: uppercase;
  -color: #b158a5 !important;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.accesrapidescat a {
  display: inline-block;
  margin: 0 10px;
}

.accesrapidescat .circ {
  overflow: hidden;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  display: inline-block;
  top: 27.5px;
  position: relative;
  margin-right: 10px;
}

.accesrapidescat a:hover img, .contact-category a:hover img {
  transform: scale(1.15);
}

.accesrapidescat a:hover span {
  text-decoration: underline;
}

.contact-category .circ {
  overflow: hidden;
  border-radius: 6px;
  height: 200px;
  width: 200px;
  margin: 0 auto;
  background: #f9f9f9;
}

.accesrapidescat img, .contact-category img {
  transition: transform 0.3s;
  position: relative;
  z-index: 1;
}

dl {
  margin: 0;
}

#bottomright .custmd {
  height: auto;
  padding: 6%;
  padding-top: 0;
  min-height: 500px;
}

#partenaires img {
  height: 50px;
  width: auto;
}

.hr {
  clear: both !important;
  color: black;
  height: 2px;
  width: 97%;
  margin: 1.5% 1.5%;
  display: block;
  float: left;
  background-color: #dedede;
  text-align: center;
  margin-bottom: calc(25px + 1.5%);
  margin-top: calc(25px + 1.5%);
}

.hr::before {
  content: "Tous les articles";
  position: relative;
  top: -10px;
  color: black;
  background-color: #fff;
  padding: 10px 15px;
  text-transform: uppercase;
  border-radius: 6px;
}

.hr2::before {
  content: "Tous les évènements" !important;
}

/*
.hr::after{
    content:'\f105';
    font-family: 'FontAwesome';
}*/
.com-content-category-blog__children a::before {
  content: "\f105";
  font-family: "FontAwesome";
}

.item-content .article-info-term {
  display: none;
}

.plus::before {
  content: "" !important;
}

.catt .item-content a.plus {
  content: "+ parcourir";
  font-size: 1.25rem;
  background: #b158a5;
  padding: 8px 12px;
  font-weight: bold;
  display: inline-block;
  clear: both;
  text-transform: uppercase;
  margin-top: 15px;
  border-radius: 6px;
  color: white;
  transition: background 0.3s, color 0.3s;
}

.catt .item-content a.plus:hover {
  background: #b158a5 !important;
  color: white !important;
}

.childsscat .catt .item-content a.plus {
  float: left;
}

.com-content-article__body hr {
  margin: 15px 0;
}

.com-content-article__body ol, .com-content-article__body span, .com-content-article__body strong, .com-content-article__body p, .com-content-article__body li, .com-content-article__body table, .com-content-article__body table tr, .com-content-article__body table td {
  background-color: transparent !important;
  color: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
  text-indent: initial !important;
  text-align: initial !important;
  line-height: 1.73 !important;
  margin: auto !important;
}

.totop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  z-index: 99999;
  width: 45px;
  height: 45px;
  border-radius: 50px;
  line-height: 45px;
  text-align: center;
  background: black;
  color: white;
  transform: translate3d(0px, 500px, 0px);
  transition: transform 0.3s ease-in-out;
}

.totop.fxd {
  transform: translate3d(0px, 0%, 0px);
}

.totop i {
  font-size: 1.9rem !important;
}

br {
  content: "";
  margin: 2em;
  display: block;
  font-size: 24%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  br {
    display: none;
  }
}
blockquote {
  padding: 12.5px 25px;
  background: #f3edd4;
  margin: 0;
  border-right: 3px solid black;
  border-radius: 6px;
}

.full-article ul {
  margin: 2rem 0;
}

.full-article li {
  list-style: inside;
  margin-bottom: 0.6rem;
}

.descr a br {
  margin: 0px !important;
}

a.blc {
  display: block !important;
  width: 100% !important;
}

.tag {
  border-left: 7px solid black;
}

.tag.vide, .tag .vide {
  border-color: #9b0000 !important;
}

.tag.vide:hover, .tag .vide:hover {
  background: #9b0000 !important;
  color: white !important;
}

.tag.docu, .tag .docu {
  border-color: #555 !important;
}

.tag.docu:hover, .tag .docu:hover {
  background: #555 !important;
  color: white !important;
}

.tag.muni, .tag .muni {
  border-color: rgb(0, 65, 149) !important;
}

.tag.muni:hover, .tag .muni:hover {
  background: rgb(0, 65, 149) !important;
  color: white !important;
}

.tag.cult, .tag .cult {
  border-color: rgb(89, 24, 163) !important;
}

.tag.cult:hover, .tag .cult:hover {
  background: rgb(89, 24, 163) !important;
  color: white !important;
}

.tag.econ, .tag .econ {
  border-color: rgb(71, 52, 28) !important;
}

.tag.econ:hover, .tag .econ:hover {
  background: rgb(71, 52, 28) !important;
  color: white !important;
}

.tag.educ, .tag .educ {
  border-color: rgb(22, 120, 165) !important;
}

.tag.educ:hover, .tag .educ:hover {
  background: rgb(22, 120, 165) !important;
  color: white !important;
}

.tag.soli, .tag .soli {
  border-color: rgb(184, 107, 194) !important;
}

.tag.soli:hover, .tag .soli:hover {
  background: rgb(184, 107, 194) !important;
  color: white !important;
}

.tag.envi, .tag .envi {
  border-color: rgb(53, 116, 56) !important;
}

.tag.envi:hover, .tag .envi:hover {
  background: rgb(53, 116, 56) !important;
  color: white !important;
}

.tag.mair, .tag .mair {
  border-color: rgb(99, 115, 145) !important;
}

.tag.mair:hover, .tag .mair:hover {
  background: rgb(99, 115, 145) !important;
  color: white !important;
}

.tag.spor, .tag .spor {
  border-color: rgb(177, 111, 26) !important;
}

.tag.spor:hover, .tag .spor:hover {
  background: rgb(177, 111, 26) !important;
  color: white !important;
}

.lk {
  text-align: center;
  width: 100%;
}

.lk a {
  display: inline-block;
  width: auto;
  padding: 12.5px 17.5px;
  background-color: #000;
  color: white;
  text-transform: uppercase;
  margin-bottom: 70px;
  transition: background-color 0.3s;
  border-radius: 4px;
  font-weight: bold;
}

.lk a:hover {
  background-color: #b158a5;
  color: black;
}

.buttonsearch {
  display: none;
  position: absolute;
  margin-top: -70px;
  right: 70px;
  z-index: 999;
  width: 70px;
  height: 68px;
  background-color: #f9f9f9;
  color: black;
  cursor: pointer;
  text-align: center;
}

.buttonsearch i {
  font-size: 17px !important;
  margin-top: 24px;
  opacity: 0.5;
}

.buttonenunclic {
  position: absolute;
  margin-top: -70px;
  right: 0px;
  z-index: 999;
  width: 70px;
  height: 68px;
  background-color: #000;
  color: white;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.3s;
}

.buttonenunclic:hover {
  background-color: black;
}

.buttonenunclic .enun, .buttonenunclic .clic {
  position: relative;
  top: 1px;
}

.clsenunclic {
  border-radius: 60px;
  height: 60px;
  width: 60px;
  background: red;
  border-radius: 60px;
  cursor: pointer;
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: 99999999999;
}

.clsenunclic span {
  color: white;
  font-size: 2.5rem;
  line-height: 57px;
  display: inline-block;
}

.enun {
  display: block;
  font-weight: 500;
  margin-top: 13px;
  letter-spacing: 2.5px;
}

.clic {
  display: block;
  font-weight: 500;
}

.enunclic.md {
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  color: white;
  background-color: #994c8f !important;
  overflow: auto;
}

.enunclic li {
  width: auto !important;
}

.enunclic a {
  border: none !important;
}

.enunclic .circle {
  width: 100px !important;
  height: 100px !important;
  background: white;
  border-radius: 100px;
  margin: 10px auto !important;
  overflow: hidden;
}

.enunclic.md ul {
  width: 100% !important;
}

.enunclic.md li {
  width: 150px !important;
  height: 200px !important;
}

.enunclic.md li span {
  color: white;
  display: block;
}

.mod-articles-category-title a.link {
  display: inline-block;
}

.mod-articles-category-title a.link::after, .descr a::after, .item-content a::after {
  content: "\f178";
  color: black;
  font-size: 2rem;
  font-family: "FontAwesome";
  display: block;
  position: absolute;
  right: -25px;
  bottom: 25px;
  pointer-events: none;
  transition: transform 0.3s;
  transform: translate3d(0px, 0px, 0px);
}

.mod-articles-category-title a.link:hover::after, .descr a:hover::after, .item-content a:hover::after {
  transform: translate3d(-50px, 0px, 0px) !important;
}

/*Article*/
select[name=user_rating] {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  border: none;
  background: none;
  color: transparent;
  overflow: hidden;
  outline: none;
  box-shadow: none !important;
  height: 65px;
  scrollbar-width: none;
}

select[name=user_rating] option {
  cursor: pointer;
  display: inline-block;
  outline: none;
  overflow: hidden;
  border: none;
  height: 65px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  background: none;
  box-shadow: none !important;
  color: transparent;
}

.catimg {
  overflow: hidden;
  border-radius: 6px;
}

.full-article, .full-blog {
  position: relative;
  width: 80%;
  background: white;
  z-index: 2;
  margin: 0 auto;
  margin-top: -200px;
  padding: 35px 40px;
  overflow: hidden;
  max-width: 1660px;
  border-radius: 6px;
}

.full-article img, .full-article iframe {
  max-width: 100%;
  width: 100% !important;
  height: auto;
  border-radius: 6px;
  min-height: 400px;
}

.full-article table img {
  max-width: 100%;
  width: auto !important;
  height: auto;
  border-radius: 6px;
  min-height: 100% !important;
}

.full-article .page-header {
  text-align: center;
  width: 100%;
}

.full-blog .page-header {
  text-align: center;
  width: 100%;
}

.article-info-term {
  display: none !important;
}

.title {
  clear: both;
  font-size: 3.75rem;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0px;
  line-height: 1.09;
  -margin-top: 25px;
}

img.bann {
  width: 100%;
  min-width: 100%;
  display: block;
  height: 600px;
  border-radius: 6px;
  z-index: 1;
  position: relative;
}

.imban {
  border-radius: 6px;
}

.com-content-article__body {
  line-height: 1.73;
  float: left;
  width: 75%;
  padding: 50px 0;
}

.cntli a:not(.button), .com-content-category-blog div.page-header p a, .com-content-article__body a, #footer a, .adr a {
  color: white !important;
  font-weight: bold;
  border-radius: 6px;
  background-color: black;
  margin: 2.5px;
  padding: 4px 8px;
  display: inline-block;
  transition: color 0.3s, background-color 0.3s;
}

.com-content-article__body a::after, .adr a::after, #footer a::after {
  content: "\f08e";
  font-family: "FontAwesome";
  display: inline-block;
  margin-left: 5px;
}

.com-content-article__body a:hover, .adr a:hover {
  background-color: #b158a5;
  color: white !important;
}

.com-content-article__plus {
  line-height: 1.73;
  float: left;
  width: 75%;
}

.com-content-article__body h2::after {
  content: "";
  display: block;
  background: #000;
  width: 100%;
  height: 3px;
  margin: 10px 0;
  float: left;
  margin-bottom: 0;
}

.com-content-article__body h2 {
  position: relative;
  font-weight: bold;
  display: inline-block;
  font-size: 2.5rem;
  line-height: 1.125;
}

body .com-content-article__body h3 {
  color: #b158a5 !important;
}

.sommaire {
  width: 15%;
  position: absolute;
  top: 0px;
  z-index: 2;
  right: 0;
  background: #f9f9f9;
  padding: 30px 50px;
  height: 100%;
  /* transform:translate3d(100%,0px,0px);
  transition:transform 0.2s; */
}

.fxd .sommaire {
  position: fixed;
  top: 65px;
}

.sommaire.hascarto {
  transition: transform 0.2s;
}

.fxd .sommaire.hascarto {
  transform: translate3d(0px, -404px, 0px);
  height: calc(100% + 404px);
}

.sommaire .adr {
  position: absolute;
  bottom: 0px;
  z-index: 99;
  background: #f3edd4;
  padding: 15px 50px;
  width: 33.33%;
  min-height: 70px;
  padding-right: 25px;
}

h3 {
  font-size: 1.9rem;
}

.adr a:hover {
  text-decoration: underline;
}

.sommaire iframe {
  position: relative;
  left: 0px;
  width: 100%;
  top: 0px;
  border: 0;
  height: 100%;
}

.sommaire .cntadr {
  position: relative;
  left: -50px;
  width: calc(100% + 100px);
  top: -30px;
  border: 0;
  height: 404px;
}

/* 
.loaded .sommaire{
transform:translate3d(0px,0px,0px)
} */
.sommaire strong {
  font-size: 1.5rem;
  margin-bottom: 15px;
  display: block;
  clear: both;
  word-break: break-word;
}

.sommaire .adr strong {
  margin-bottom: 5px;
  display: block;
  width: 100%;
  color: black;
}

.sommaire li {
  cursor: pointer;
}

.sommaire li:hover {
  text-decoration: underline;
}

.sommaire li h4 {
  margin: 15px 0;
  font-weight: normal;
  white-space: nowrap;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sommaire li h4::before {
  content: "";
  display: inline-block;
  background: black;
  width: 10px;
  height: 10px;
  border-radius: 2.5px;
  margin-right: 10px;
}

.sommaire li.activate h4 {
  font-weight: bold;
}

.share li, .actions li {
  display: inline-block;
  margin-right: 15px;
}

/*BLOG*/
.parcourir {
  padding: 5px;
  color: white;
  background: #0b60ab;
  line-height: 40px;
  font-size: 13px;
  padding-top: 2.5px;
  letter-spacing: 1px;
}

.com-content-category-blog__children.cat-children,
.com-content-category-blog__items.blog-items {
  overflow: hidden;
}

.com-content-category-blog__item {
  float: left;
  width: 30.333%;
  overflow: hidden;
  height: 350px;
  margin: 1.5%;
  position: relative;
  border-radius: 6px;
}

.numcolumns5 .com-content-category-blog__item {
  width: 17%;
}

.numcolumns4 .com-content-category-blog__item {
  width: 22%;
}

.numcolumns2 .com-content-category-blog__item {
  width: 47%;
}

.numcolumns1 .com-content-category-blog__item {
  width: 97%;
  height: 500px;
}

.com-content-category-blog__item .itm {
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
  z-index: 2;
  position: relative;
}

.com-content-category-blog__item .title-header {
  line-height: 1;
  overflow: hidden;
}

.com-content-category-blog__item .title-header .page-header {
  text-align: left !important;
  line-height: 1.125;
  margin-top: 0px;
  margin-bottom: 0px;
}

.com-content-category-blog__children .title-header h3 {
  margin: 0;
}

.com-content-category-blog__children .title-header h3 a {
  font-weight: normal;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  padding-bottom: 12.5px;
  padding-top: 10px;
  border-top: 1px solid #dedede;
  margin: 0;
  float: left;
  font-size: 1.5rem;
}

.com-content-category-blog__children.chld0 .title-header h3 a {
  border-top: 0px solid transparent;
}

.com-content-category-blog__children .title-header h3 a:hover {
  text-decoration: underline;
}

.blog-item .item-content {
  position: absolute;
  margin: 0px;
  bottom: 0;
  right: 0;
  background: white;
  padding: 25px 30px;
  width: 70%;
  min-height: 100px;
  height: auto;
  z-index: 2;
  border-top-left-radius: 6px;
}

.blog-item.catt .item-content {
  background: #f9f9f9;
}

.blog-item .item-content .tagss {
  text-align: left;
  margin-bottom: 10px;
}

.blog-item .item-content .tag a {
  margin: 0px;
}

.blog-item .item-content h3 {
  font-weight: bold;
  font-size: 1.9rem;
  margin-top: 0;
  margin-bottom: 0px;
}

.com-content-category-blog__item img {
  width: 100%;
  height: auto;
}

.page-header li {
  display: inline-block;
}

.item-content dl {
  margin: 0;
}

body .tag a, body .tags a, body a.tag {
  font-size: 1.25rem;
  padding: 7.5px 12.5px;
  margin-right: 5px;
  background: #efefef;
  color: black;
  margin-bottom: 10px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Segoe UI";
  border-radius: 6px;
  transition: color 0.3s, background 0.3s;
}

body .tag a:hover, body .tags a:hover, body a.tag:hover {
  border-left-color: #000;
}

body .tag a:hover, body .tags a:hover, body a.tag:hover {
  background: #b158a5 !important;
  color: white !important;
}

.dark .mod-banners .cntli, .dark .bckblue, .dark #bottomright {
  background-color: #592b53;
  color: white !important;
}

.dark #footer {
  background: #994c8f;
}

i.fa.plus {
  background: #dedede;
  color: black;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  cursor: pointer;
  height: 35px;
  display: block;
  width: 35px;
  padding: 0;
  margin: 0;
  float: right;
  line-height: 33px !important;
}

.mod-banners .imgli {
  float: left;
  overflow: hidden;
  background-color: #f9f9f9;
  position: relative;
}

.mod-banners .imgli::before {
  content: "\f08e";
  font-family: "FontAwesome";
  font-size: 100px;
  color: #dedede;
  opacity: 0.5;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-top: -33px;
  margin-left: -33px;
  pointer-events: none;
}

.mod-banners .banners {
  height: 100%;
}

.mod-banners .slick-dots {
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center;
}

.mod-banners .cntli div {
  height: auto !important;
  width: auto !important;
}

.mod-banners .slick-dots li {
  margin: 0 7.5px;
}

.mod-banners .cntli {
  padding: 50px;
  background: #994c8f;
  color: white;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: rgba(0, 0, 0, 0.2);
  scrollbar-width: thin;
  /*background-image:url('/templates/ccas/images/backbann.webp');
  background-size:auto 155%;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 12.5% 50%;*/
}

.mod-banners a.button {
  background: black;
  color: white;
  padding: 12.5px 10px;
  border-radius: 6px;
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 125px;
  text-transform: uppercase;
  margin-top: 38px;
  clear: both;
  position: relative;
  font-weight: bold;
}

#footer a:hover, .mod-banners a:hover {
  background: #b158a5 !important;
  color: black !important;
}

.full-blog .cntli {
  background-size: auto 145%;
  background-position: 17.5% 50%;
}

.mod-banners .cntli em {
  font-style: normal;
}

.mod-banners .cntli::-webkit-scrollbar {
  background: rgba(0, 0, 0, 0);
  width: 7px;
}

.mod-banners .cntli::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  width: 7px;
  height: 2em;
}

.mod-banners .cntli h2 {
  text-align: center;
  font-size: 3.75rem !important;
  font-weight: bold;
  color: white !important;
  margin-top: 0px;
}

.mod-banners {
  height: 500px;
  overflow: hidden;
  float: left;
  margin: 0 2%;
  border-radius: 6px;
  width: 96%;
}

.full-blog .mod-banners {
  height: 500px;
  overflow: hidden;
  float: left;
  margin: 50px 1.5%;
  margin-bottom: 25px;
  border-radius: 6px;
  width: 97%;
}

body .tag a span, body .tags a span, body a.tag span {
  white-space: nowrap;
  display: initial;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

body .tag.prix a {
  background: #f3edd4;
  color: black;
}

.mod-articles-category-title .tag a, .dfltlist a.tag {
  margin: 0;
  margin-bottom: 5px;
  margin-right: 10px;
  border-radius: 4px;
  overflow: hidden;
}

.reco {
  position: relative;
  z-index: 3;
}

.scrollcontainmv {
  overflow-y: auto;
  overflow-x: hidden;
  /*scroll-snap-type:mandatory;
  scroll-snap-points-y: repeat(300px);
  -scroll-padding: 50%;
  scroll-snap-type: y mandatory;*/
}

.scrollcontainpv {
  overflow-y: auto;
  overflow-x: hidden;
  /*scroll-snap-type:proximity;
  scroll-snap-points-y: repeat(300px);
  -scroll-padding: 50%;
  scroll-snap-type: y proximity;*/
}

.scrollcontainmh {
  cursor: grab;
  overflow-y: hidden;
  overflow-x: auto;
  /*scroll-snap-type:mandatory;
  scroll-snap-points-x: repeat(300px);
  -scroll-padding: 50%;
  scroll-snap-type: x mandatory;*/
}

.scrollcontainph, .scrollcontainph2, .scrollcontainph3, .scrollcontainph4, .scrollcontainph5, .scrollcontainph6,
.scrollcontainph9, .scrollcontainph10, .scrollcontainph11, .scrollcontainph12, .scrollcontainph13 {
  cursor: grab;
  overflow-y: hidden;
  overflow-x: auto;
  /*-scroll-padding: 50%;
  scroll-snap-type:proximity;
  scroll-snap-points-x: repeat(300px);
  scroll-snap-type: x proximity;*/
  scrollbar-color: rgba(0, 0, 0, 0.2);
  scrollbar-width: none;
  position: relative;
  -ms-overflow-style: none;
  -ms-overflow-x: hidden;
}

.scrollcontainph::-webkit-scrollbar, .scrollcontainph2::-webkit-scrollbar, .scrollcontainph3::-webkit-scrollbar, .scrollcontainph4::-webkit-scrollbar, .scrollcontainph5::-webkit-scrollbar, .scrollcontainph6::-webkit-scrollbar,
.scrollcontainph9::-webkit-scrollbar, .scrollcontainph10::-webkit-scrollbar, .scrollcontainph11::-webkit-scrollbar, .scrollcontainph12::-webkit-scrollbar, .scrollcontainph13::-webkit-scrollbar {
  background: transparent;
  width: 5px;
  height: 5px;
  cursor: pointer;
}

.scrollcontainph::-webkit-scrollbar-thumb, .scrollcontainph2::-webkit-scrollbar-thumb, .scrollcontainph3::-webkit-scrollbar-thum, .scrollcontainph4::-webkit-scrollbar-thumb, .scrollcontainph5::-webkit-scrollbar-thumb, .scrollcontainph6::-webkit-scrollbar-thumb,
.scrollcontainph9::-webkit-scrollbar-thumb, .scrollcontainph10::-webkit-scrollbar-thumb, .scrollcontainph11::-webkit-scrollbar-thum, .scrollcontainph12::-webkit-scrollbar-thumb, .scrollcontainph13::-webkit-scrollbar-thumb {
  background: transparent;
  width: 5px;
  height: 5px;
  cursor: pointer;
}

.scrollcontainph ul, .scrollcontainph2 ul, .scrollcontainph3 ul, .scrollcontainph4 ul, .scrollcontainph5 ul, .scrollcontainph6 ul,
.scrollcontainph9 ul, .scrollcontainph10 ul, .scrollcontainph11 ul, .scrollcontainph12 ul, .scrollcontainph13 ul {
  margin: 0 auto;
  width: max-content !important;
}

/*
.scrollcontainph li,.scrollcontainph2 li{
    scroll-snap-align:start;
}
.scrollcontainmh li{
    scroll-snap-align:start;
}

.scrollcontainpv li{
    scroll-snap-align:start;
}
.scrollcontainmv li{
    scroll-snap-align:start;
}*/
#chatbot {
  display: none !important;
  position: fixed;
  z-index: 9999;
  bottom: 0;
  right: 0;
  width: 320px;
  overflow: hidden;
  transform: translate3d(0px, 85%, 0px);
}

#chatbot.open {
  transform: translate3d(0px, 0%, 0px);
}

#chatbot.open #cntcht {
  display: none;
}

#cntcht {
  height: 15%;
  width: 100%;
  background: black;
  position: absolute;
  top: 0;
  left: 0;
}

#wndw {
  margin-top: 15%;
}

.buttonmenu {
  display: none;
  cursor: pointer;
  padding: 46px 15px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 35px;
  width: 15px;
  position: absolute;
  z-index: 2;
}

.buttonmenu:hover {
  background: #f9f9f9;
}

.buttonmenu .barre {
  background: black;
  height: 3px;
  border-radius: 8px;
  width: 190%;
  margin-bottom: 7.5px;
  position: relative;
  left: -5px;
  opacity: 0.7;
}

.buttonmenu .barre2 {
  width: 100%;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  border-radius: 6px;
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-prev {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  left: 0px;
  height: 48px;
  width: 24px;
  cursor: pointer;
  background: #000;
  opacity: 0.75;
  border: none;
  z-index: 4;
  color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.slick-prev::after {
  content: "\f104";
  display: block;
  color: white;
  font-size: 2rem;
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -5px;
}

.slick-prev:hover, .slick-next:hover {
  opacity: 1;
}

.slick-next {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  right: 0px;
  height: 48px;
  width: 24px;
  cursor: pointer;
  background: #000;
  opacity: 0.75;
  border: none;
  z-index: 4;
  color: transparent;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.slick-next::after {
  content: "\f105";
  display: block;
  color: white;
  font-size: 2rem;
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -2.5px;
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  min-width: 100% !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    -visibility: hidden;
}
*/
.slick-slide {
  -display: none;
  float: left;
  position: relative;
  height: 100%;
  /* width:100% !important; */
  min-height: 1px;
  overflow: hidden;
}

.slides > li, .slick-slide > div, .slick-slide li,.slides > div {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

/*
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    -display: block;
}
.slick-slide.slick-loading img
{
    -display: none;
}
.slick-slide.dragging img
{
    -pointer-events: none;
}
.slick-initialized .slick-slide
{
    -display: block;
}
.slick-loading .slick-slide
{
    -visibility: hidden;
}
.slick-vertical .slick-slide
{
    -display: block;

    -height: auto;

    -border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    -display: none;
}*/
.slick-dots li {
  display: inline-block;
  margin-right: 15px;
  width: auto !important;
  max-width: 15px;
}

.slick-dots button {
  -webkit-appearance: none;
  background: none;
  border: none;
  border-radius: 0 !important;
  width: 15px;
  height: 4px;
  background-color: #ccc;
  color: #ccc;
  cursor: pointer;
}

.slick-dots .slick-active button {
  background: black;
  color: black;
}

/*PROGRESSBAR*/
#instantclick-bar {
  background: #b158a5;
  height: 6px;
}

.fa-clock-o {
  margin-right: 5px;
}

/*COOKIE LAW*/
/*.cc_b_cp{display:none !important}*/
.cc_cp_container {
  max-height: 79vh !important;
  overflow-y: auto !important;
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent {
  opacity: 0;
}

.dark.cc_dialog button.cc_b_ok, .dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
  background-color: green !important;
}

.dark.cc_dialog button.cc_b_cp, .dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li a, .cc_cp_head_lang_selector select, .cc_cp_head_lang_selector select option {
  color: black !important;
}

.cc_dialog.headline {
  padding: 35px !important;
  right: 0px !important;
  top: auto !important;
  bottom: 0px !important;
  left: auto !important;
  max-width: auto !important;
  min-width: 320px !important;
  position: fixed !important;
  z-index: 9999999999 !important;
}

.cc_dialog .cc_dialog_text, .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content .cc_cp_m_content_entry p {
  font-size: 1.5rem !important;
}

.cc_dialog_headline, .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content .cc_cp_m_content_entry h1 {
  font-size: 2rem !important;
  line-height: 24px !important;
}

@media (max-width: 360px) {
  .cc_dialog.headline {
    padding: 20px !important;
    max-width: calc(100% - 40px) !important;
    min-width: calc(100% - 40px) !important;
  }
}
/*OLED*/
html.oled, .olde body, .oled #subhead, .oled .tag a, .oled .tags a, .oled a.tag,
.oled .bckblue, .oled .grandprojets .tag {
  background-color: #000;
  color: #dedede !important;
}

.oled .slick-prev,
.oled .slick-next,
.oled .full-article, .oled .full-blog, .oled .enunclic .circle {
  background-color: #000;
}

.oled .slick-dots button {
  background: #0c0c0c;
  color: black;
}

.oled .slick-dots .slick-active button {
  background: #dedede;
  color: #dedede;
}

.oled #head {
  border-bottom: 2px solid #1c1c1c;
}

.oled #menu a:hover {
  border-top-color: #dedede;
}

.oled img {
  opacity: 0.75;
}

.introjs-overlay {
  position: absolute;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 999999;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.introjs-showElement {
  z-index: 9999999 !important;
}

tr.introjs-showElement > td {
  z-index: 9999999 !important;
  position: relative;
}

tr.introjs-showElement > th {
  z-index: 9999999 !important;
  position: relative;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: #fff;
  opacity: 0;
}

.introjs-relativePosition {
  position: relative;
}

.introjs-helperLayer {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.introjs-helperLayer * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.introjs-helperLayer :before {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.introjs-helperLayer :after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.introjs-tooltipReferenceLayer {
  font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer * {
  font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;
}

.introjs-helperNumberLayer {
  font-family: "Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;
  color: #9e9e9e;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.introjs-arrow {
  border: 5px solid transparent;
  content: "";
  position: absolute;
}

.introjs-arrow.top {
  top: -10px;
  left: 10px;
  border-bottom-color: #fff;
}

.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: #fff;
}

.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #fff;
}

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: #fff;
}

.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: #fff;
}

.introjs-arrow.bottom {
  bottom: -10px;
  left: 10px;
  border-top-color: #fff;
}

.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: #fff;
}

.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: #fff;
}

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: #fff;
}

.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: #fff;
}

.introjs-tooltip {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  background-color: #fff;
  min-width: 250px;
  max-width: 300px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3);
  box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3);
  -webkit-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}

.introjs-tooltiptext {
  padding: 20px;
}

.introjs-tooltip-title {
  font-size: 18px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  float: left;
  line-height: 32px;
}

.introjs-tooltip-header {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}

.introjs-tooltip-header:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.introjs-tooltipbuttons {
  border-top: 1px solid #e0e0e0;
  padding: 10px;
  text-align: right;
  white-space: nowrap;
}

.introjs-tooltipbuttons:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.introjs-button {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.5rem 1rem;
  border: 1px solid #bdbdbd;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font-size: 14px;
  color: #424242;
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  background-color: #f4f4f4;
  border-radius: 0.2em;
  zoom: 1;
}

.introjs-button:hover {
  outline: 0;
  text-decoration: none;
  border-color: #9e9e9e;
  background-color: #e0e0e0;
  color: #212121;
}

.introjs-button:focus {
  outline: 0;
  text-decoration: none;
  background-color: #eee;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.5);
  border: 1px solid #616161;
  color: #212121;
}

.introjs-button:active {
  outline: 0;
  text-decoration: none;
  background-color: #e0e0e0;
  border-color: #9e9e9e;
  color: #212121;
}

.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #616161;
  float: right;
  font-size: 2rem;
  cursor: pointer;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  padding: 7px 10px;
}

.introjs-skipbutton:focus, .introjs-skipbutton:hover {
  color: #212121;
  outline: 0;
  text-decoration: none;
}

.introjs-prevbutton {
  float: left;
}

.introjs-nextbutton {
  float: right;
}

.introjs-disabled {
  color: #9e9e9e;
  border-color: #bdbdbd;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}

.introjs-disabled:focus, .introjs-disabled:hover {
  color: #9e9e9e;
  border-color: #bdbdbd;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}

.introjs-hidden {
  display: none;
}

.introjs-bullets {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.introjs-bullets ul {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  clear: both;
  margin: 0 auto 0;
  padding: 0;
  display: inline-block;
}

.introjs-bullets ul li {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}

.introjs-bullets ul li a {
  -webkit-transition: width 0.1s ease-in;
  -o-transition: width 0.1s ease-in;
  transition: width 0.1s ease-in;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}

.introjs-bullets ul li a:focus, .introjs-bullets ul li a:hover {
  width: 15px;
  background: #999;
  text-decoration: none;
  outline: 0;
}

.introjs-bullets ul li a.active {
  width: 15px;
  background: #999;
}

.introjs-progress {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px;
  border-radius: 4px;
  background-color: #e0e0e0;
}

.introjs-progressbar {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

.introjs-fixedTooltip {
  position: fixed;
}

.introjs-hint {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  background: 0 0;
  width: 20px;
  height: 15px;
  cursor: pointer;
}

.introjs-hint:focus {
  border: 0;
  outline: 0;
}

.introjs-hint:hover > .introjs-hint-pulse {
  background-color: rgba(60, 60, 60, 0.57);
}

.introjs-hidehint {
  display: none;
}

.introjs-fixedhint {
  position: fixed;
}

@-webkit-keyframes introjspulse {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px transparent;
    box-shadow: 0 0 0 10px transparent;
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
  }
}
@keyframes introjspulse {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px transparent;
    box-shadow: 0 0 0 10px transparent;
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
  }
}
.introjs-hint-pulse {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 15px;
  height: 15px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-animation: introjspulse 2s infinite;
  animation: introjspulse 2s infinite;
}

.introjs-hint-no-anim .introjs-hint-pulse {
  -webkit-animation: none;
  animation: none;
}

.introjs-hint-dot {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background: 0 0;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -18px;
  left: -18px;
  z-index: 1;
  opacity: 0;
}

.nxt .slick-next {
  display: block !important;
}

.prv .slick-prev {
  display: block !important;
}

.sclparent {
  position: relative;
}

/*ARCHIVES*/
.archive .imban, .archives .catimg {
  position: relative;
}

.archives .catimg::before, .archive .imban::before {
  content: "ANCIEN ARTICLE";
  font-weight: bold;
  font-size: 100px;
  color: red;
  position: absolute;
  top: 0%;
  left: 1.5%;
  z-index: 2;
  pointer-events: none;
  opacity: 0.5;
}

.archives .catimg::before {
  content: "ANCIENS ARTICLES";
}

.com-content-archive__items .blog-item img, .archive img {
  -webkit-filter: grayscale(100%); /* Webkit */
  -webkit-filter: grayscale(1); /* Webkit */
  filter: grayscale(100%); /* W3C */
  filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
  filter: gray; /* IE6-9 */
}

.custmd.galleries {
  padding-bottom: 70px;
  background: #f9f9f9;
  overflow: hidden;
}

/*DARK*/
.dark #resa {
  background: #252525 !important;
}

html.dark, .dark body, .dark body .agenda .link.skeleton img, .dark .fildumau .link.skeleton img, .dark .webtv .link.skeleton img {
  background: #252525;
  color: #efefef;
}

.dark a, .dark .sommaire .adr strong {
  color: #efefef;
}

.dark #logo, .dark .bcksearch {
  border-color: #2f2f2f;
}

.dark .ressearch h3::after {
  background: #ccc;
}

.dark .ressearch {
  border: none !important;
}

.dark .limoon a i::before {
  content: "\f185";
}

.dark .limoon {
  border-color: #2f2f2f;
}

.dark .docs .doc a {
  color: white !important;
}

.dark .gals {
  background: #252525 !important;
}

.dark ._access-menu h3 {
  color: black !important;
}

.dark .com-content-article__body h2::after {
  background: #efefef;
}

.dark .carto img {
  background: #2f2f2f !important;
}

.tag.arch, .dark .tag.arch, .dark .result a:hover, .dark #links .result a:hover {
  background: black !important;
  color: white !important;
}

.dark body.recherche .full-blog h3::before, .dark body.recherche .full-blog h3 {
  background: #333;
}

.dark .lds-dual-ring:after, .dark .loadsearch:after {
  border: 5px solid #ccc;
  border-color: #ccc transparent #ccc transparent;
}

.dark .mod-banners .imgli {
  background-color: #2f2f2f;
}

.dark .contact-category .circ,
.dark .blog-item.catt .item-content {
  background: #2f2f2f !important;
}

.dark .tag {
  border-color: #dedede;
}

.dark .hr {
  background-color: #333;
  color: white;
}

.dark .hr::before {
  background-color: #252525;
  color: white;
}

.dark .buttoncarto {
  background: black !important;
}

.dark .buttoncarto::after {
  color: white !important;
}

.dark .com-content-category-blog__children .title-header h3 a {
  border-color: #444;
}

.dark .custmd.galleries {
  background: #2f2f2f;
  color: #efefef;
}

.dark .img.skeleton, .dark .link.skeleton {
  background-color: #2f2f2f !important;
}

.dark .skeleton.active {
  background-color: #252525 !important;
}

.dark .bckcontainer .img.skeleton, .dark .bckcontainer .link.skeleton, .dark .bck-container .skeleton.active {
  background-color: #2f2f2f !important;
}

.oled span.datef, .dark span.datef {
  background-color: #000 !important;
}

.dark .skeleton.active::after {
  background: linear-gradient(90deg, transparent, #292929, transparent);
}

.dark .docs .doc a {
  background-color: black !important;
  transition: color 0.3s, background 0.3s;
}

.dark .docs .doc a:hover {
  background-color: #b158a5 !important;
  color: black !important;
}

.dark .sommaire, .dark .galls, .dark .docss {
  background: #2f2f2f;
}

.dark .md.enunclic {
  background-color: #994c8f !important;
}

.dark .md.enunclic .circle {
  background: #2f2f2f;
}

.dark .swal2-container.swal2-center > .swal2-popup {
  background: #2f2f2f;
}

.dark .buttonmenu {
  background: transparent;
}

.dark .buttonmenu:hover {
  background: #2f2f2f;
}

.dark .buttonmenu .barre {
  background-color: #efefef;
}

.dark .buttonsearch {
  background-color: #2f2f2f;
  color: #fff;
}

.dark #menu a, .dark .descr a::after, .dark .dfltlist a, .dark .free .descr .date em::before, .dark .free .descr span.date, .dark .item-content a::after, .dark .mod-articles-category-title a::after, .dark .slick-next::after, .dark .slick-prev::after, .dark .sommaire li h2::before, .dark h1, .dark h2, .dark h3, .dark span.datef .mdate, .dark span.datef .numdate, html.dark .cc_dialog .cc_dialog_headline {
  color: #efefef !important;
}

.dark span.datef .numdate, .dark span.datef .mdate, .dark #content h1, .dark #content h2, .dark #content h3, .dark .dfltlist a, .dark #menu a, .dark .mod-articles-category-title a::after, .dark .descr a::after, .dark .item-content a::after {
  color: #efefef !important;
}

.dark .bcksearch {
  background: none !important;
}

.dark #links li.search {
  background: #2f2f2f !important;
}

.dark #head {
  border-bottom: 2px solid #2f2f2f;
}

.dark #subhead, .dark .mod-articles-category-title {
  background: #252525 !important;
  color: #efefef;
}

.dark body .tag a, .dark body .tags a, .dark body a.tag {
  background: #2f2f2f;
  color: #efefef;
}

.dark .accesrapides li img, .dark .accesrapides li .circle {
  background-color: #2f2f2f;
}

.dark .img.skeleton, .dark .link.skeleton {
  background-color: #333 !important;
}

.dark .slick-prev, .dark .slick-next {
  background: #000 !important;
}

.dark .slick-prev::after, .dark .slick-next::after, .dark .sommaire li h2::before {
  color: #efefef !important;
}

/*
.dark .slick-dots button{
    background: #2f2f2f;
    color: #2f2f2f;
}
.dark .slick-dots .slick-active button{
    background: #efefef;
    color: #efefef;
}*/
.dark input[name=valsearch], .dark .ressearch {
  background: #2f2f2f;
  color: #efefef;
}

.dark #menu a:hover {
  border-top-color: #efefef;
}

.dark img {
  opacity: 0.9;
}

.dark .full-article, .dark .full-blog {
  background: #252525;
  color: #efefef;
}

.dark .blog-item .item-content, .dark .dfltlist .descr {
  background: #252525 !important;
  color: #efefef;
}

.dark .custmd.avis {
  background: #171717;
}

.dark .avis option[value="1"]::after, .dark .avis option[value="2"]::after, .dark .avis option[value="3"]::after {
  color: #efefef;
}

.dark blockquote {
  background: #2f2f2f !important;
  color: #efefef;
}

.dark .bckcontainer .img.skeleton, .dark .bckcontainer .link.skeleton, .dark .bck-container .skeleton.active {
  background-color: #252525 !important;
}

.dark .sommaire .adr {
  background: #252525;
  color: #efefef;
}

:focus-visible {
  box-shadow: inset 0px -1px 0px 4px #999 !important;
  border-radius: 6px !important;
  outline: none;
}

.dark :focus-visible, .dark .fcs {
  box-shadow: inset 0px -1px 0px 4px #efefef !important;
  border-radius: 6px !important;
  outline: none;
}

.bckloader {
  display: block;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 100000000000000020000;
}

.dark .bckloader {
  background: #252525;
}

.lds-dual-ring, .loadsearch {
  display: inline-block;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100000000000000010000000000000;
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
}

.lds-dual-ring:after, .loadsearch::after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin-left: 4px;
  margin-top: 2px;
  border-radius: 50%;
  border: 5px solid #000;
  border-color: #000 transparent #000 transparent;
  animation: lds-dual-ringg 1.2s linear infinite;
}

.full-blog .lds-dual-ring {
  position: relative !important;
  top: 0px !important;
  float: left;
}

.loadsearch {
  position: absolute !important;
}

@keyframes lds-dual-ringg {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.bckblue {
  background: #994c8f;
  color: white !important;
  background-image: url(/templates/ccas/images/backbann.webp);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 0% 50%;
}

.enunclic a img, .mod-banners .imgli a img, .gallerie a img, .itm a img, .accesrapides a img, body .agenda a img, .dfltlist a img, .carto a img, .sliderccas:first-child a.img img, .sliderccas:nth-child(2) a.img img, .sliderccas:last-child a.img img {
  transition: transform 0.3s ease;
  transform: scale(1);
  position: relative;
  z-index: 1;
}

.enunclic a:hover img, .mod-banners .imgli a:hover img, .gallerie a:hover img, .itm a:hover img, .accesrapides a:hover img, body .agenda a:hover img, .dfltlist a:hover img, .carto a:hover img, .sliderccas:first-child a.img:hover img, .sliderccas:nth-child(2) a.img:hover img, .sliderccas:last-child a.img:hover img {
  transform: scale(1.15);
}

.dark .bckbckmodsearch {
  background-image: url(/templates/ccas/images/backbann.webp);
}

/*SLIDER*/
.sliderccas li {
  position: relative;
}

.sliderccas:first-child {
  float: left;
  width: 67.5%;
  height: 500px;
  margin-bottom: 0px;
}

.sliderccas:first-child.compact {
  width: 38.125%;
}

.sliderccas:first-child.compact.hasbani.noavant {
  width: 58.125%;
}

.sliderccas:first-child.seul {
  width: 100%;
  margin: 0;
}

.sliderccas:first-child.seul h2 {
  font-size: 2.5rem;
}

.sliderccas:first-child.seul .mod-articles-category-title {
  padding: 25px 35px;
  right: calc(9% - 35px);
  border-top-right-radius: 6px;
  width: 82%;
  max-width: 1660px;
}

.sliderccas:first-child.seul .slick-dots {
  top: 10px;
  right: calc(9% - 35px);
}

.sliderccas:first-child .mod-articles-category-title {
  position: absolute;
  margin: 0px;
  bottom: 0;
  right: 0;
  background: white;
  padding: 25px 25px;
  width: 70%;
  min-height: 100px;
  height: auto;
  z-index: 2;
  border-top-left-radius: 6px;
}

.sliderccas:first-child h2 {
  color: black;
  font-weight: bold;
  font-size: 2.5rem;
  padding: 0;
  margin: 0;
}

.sliderccas:first-child a.img {
  display: block;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.sliderccas:first-child .slick-dots {
  top: 0px;
  position: absolute;
  right: 0px;
}

.sliderccas:nth-child(2) {
  float: left;
  width: 34.77%;
  height: 500px;
  margin-left: 2.5%;
  margin-right: 0%;
}

.sliderccas:nth-child(2) .mod-articles-category-title {
  position: absolute;
  margin: 0px;
  bottom: 0;
  right: 0;
  background: white;
  padding: 25px 35px;
  width: 70%;
  min-height: 100px;
  height: auto;
  z-index: 2;
  border-top-left-radius: 6px;
}

.sliderccas:nth-child(2) h2 {
  color: black;
  font-weight: bold;
  font-size: 2.5rem;
  padding: 0;
  margin: 0;
}

.sliderccas:nth-child(2) a.img {
  cursor: pointer;
  display: block;
  height: 100%;
  width: 100%;
}

.sliderccas:nth-child(2) .slick-dots {
  top: 10px;
  position: absolute;
  right: 0px;
}

.sliderccas:last-child li {
  position: relative;
}

.sliderccas:last-child {
  float: left;
  width: 60%;
  height: 500px;
  margin: 0;
  margin-left: 1.5%;
}

.sliderccas:last-child.vide {
  width: 49.25%;
}

.sliderccas:last-child.vide.hasbann {
  width: 39.25%;
}

.sliderccas.alone {
  float: left;
  width: 30%;
  height: 500px;
  margin: 0;
  margin-left: 2.5%;
}

.sliderccas.alone.hasbann:not(.noacts), .sliderccas.plustwo.hasbann:not(.pub, .noacts) {
  width: 22%;
}

.sliderccas.alone.hasbann.pub.enavant {
  width: 34.75%;
}

.sliderccas.alone li {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
}

.sliderccas.alone.hastwo:not(.noactu, .pub) li, .sliderccas.plustwo.hasbann:not(.noactu, .pub) li {
  height: 48%;
  width: 100%;
  overflow: hidden;
  margin-bottom: 5%;
  border-radius: 6px;
}

.sliderccas:last-child.notalone li {
  height: 48%;
  overflow: hidden;
  border-radius: 6px;
  width: 48%;
  float: right;
  margin-left: 2%;
  margin-bottom: 2%;
}

.sliderccas:last-child.notalone.plustwo li:first-child {
  width: 98%;
}

.sliderccas.noavant.nobann {
  width: 100% !important;
  margin: 0;
}

.sliderccas:last-child .mod-articles-category-title {
  position: absolute;
  margin: 0px;
  bottom: 0;
  right: 0;
  background: white;
  padding: 25px 20px;
  width: 70%;
  height: auto;
  z-index: 2;
  border-top-left-radius: 6px;
}

.sliderccas:last-child.alone .mod-articles-category-title {
  height: auto;
  border-top-left-radius: 6px;
}

.sliderccas:last-child:not(.vide, .nobann.noavant) h2 {
  color: black;
  font-weight: bold;
  font-size: 1.9rem;
  padding: 0;
  margin: 0;
}

.sliderccas.noactu {
  width: 67.5% !important;
  margin: 0px !important;
}

.sliderccas.vide.noactu {
  width: 100% !important;
  margin: 0px !important;
}

.sliderccas:last-child a.img {
  cursor: pointer;
  display: block;
  height: 100%;
  width: 100%;
}

.sliderccas.onlyavant {
  width: 98% !important;
  margin: 0px !important;
}

/*
a.img::before{
background-color: #354bcf;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: translate(2rem,2rem);
width: 100%;
}*/
.sliderccas:first-child a.img iframe, .sliderccas:nth-child(2) a.img iframe, .sliderccas:last-child a.img iframe {
  transition: transform 0.2s ease;
  transform: scale(1.5);
  pointer-events: none;
}

.sliderccas:first-child a.img:hover iframe, .sliderccas:nth-child(2) a.img:hover iframe, .sliderccas:last-child a.img:hover iframe {
  transform: scale(1.65);
}

/*CONTENT*/
.ccas .gallerie a::after {
  display: none !important;
}

/*PUBLICATIONS*/
.ccas .fildumau {
  height: 500px;
  padding: 0 2%;
  width: 47%;
  float: left;
}

.ccas .fildumau li .descr {
  position: absolute;
  bottom: 0;
  background: white;
  width: 80%;
  right: 0;
  padding: 20px;
  z-index: 2;
}

.ccas .fildumau li {
  position: relative;
  overflow: hidden;
  width: 100% !important;
  height: 100% !important;
}

.ccas .fildumau li:first-child h3 {
  font-size: 2.5rem !important;
}

.ccas .publications {
  height: 500px;
  float: right;
  width: 46%;
  margin-right: 2%;
}

.ccas .publications li:first-child, .ccas .publications li:nth-child(2) {
  margin-bottom: 2.25%;
}

.ccas .publications li {
  width: 48% !important;
  margin-right: 2%;
  height: 48.75% !important;
  float: right;
}

.ccas .publications li img {
  float: right;
  width: 100%;
}

.ccas .publications li .descr {
  width: 80%;
  position: absolute;
  bottom: 0;
  padding: 20px;
  z-index: 2;
}

.ccas .dfltlist.fildumau, .ccas .dfltlist.webtv, .ccas .dfltlist.agenda {
  height: 500px;
  padding: 0 2%;
  padding-bottom: 50px;
}

.ccas .webtv .descr {
  position: absolute;
  bottom: 0;
  background: white;
  width: 80%;
  right: 0;
  padding: 20px;
  z-index: 2;
}

.ccas .webtv li {
  position: relative;
  overflow: hidden;
}

.ccas .webtv li:first-child {
  width: 49%;
  height: 100%;
  float: left;
}

.ccas .webtv li:first-child h3 {
  font-size: 2.5rem !important;
}

.ccas .webtv li:not(:first-child) {
  width: 48%;
  margin-bottom: 1.5%;
  height: 30.25%;
  float: right;
}

.ccas .webtv li:not(:first-child) a.link {
  height: 100% !important;
  width: 37.5% !important;
  float: left;
}

.ccas .webtv li:not(:first-child) h3 {
  font-size: 1.9rem;
  white-space: nowrap;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ccas .webtv li:not(:first-child) img {
  float: left;
  width: 100%;
}

.ccas .webtv li:not(:first-child) .descr {
  float: right;
  width: calc(62.5% - 40px) !important;
  position: relative;
  padding: 19px;
}

.accueil.ccas .gallerie::after {
  content: none !important;
}

.accueil.ccas .buttonenunclic {
  display: none !important;
}

.oled span.datef .numdate, .oled span.datef .mdate, .oled .slick-next::after, .oled .slick-prev::after, .oled .sliderccas h2, .oled body, .oled #menu a, .oled .dfltlist .descr h3, .oled .dfltlist a {
  color: #dedede !important;
}

.oled .sliderccas img, .oled .contentccas img, .oled .ytb, .oled iframe, .oled .bckcontainer, .oled .galls, .oled .sommaire, .oled blockquote, .oled .adr, .oled .blog-item .item-content, .oled .buttonsearch, .oled .enunclic.md {
  background-color: #0c0c0c;
}

.oled .sliderccas:first-child .mod-articles-category-title,
.oled .sliderccas:nth-child(2) .mod-articles-category-title,
.oled .sliderccas:last-child .mod-articles-category-title,
.oled .agenda .descr,
.oled .dfltlist .descr,
.oled .publications li:first-child .descr,
.oled #links li.search,
.oled .ccas .fildumau li .descr,
.oled .img.skeleton, .oled .link.skeleton, .oled #footer, .oled .custmd.avis,
.oled .accesrapides li img, .oled .accesrapides li .circle {
  background-color: #0c0c0c !important;
  color: #dedede !important;
}

.dark .sliderccas img, .dark .contentccas img, .dark .ytb, .dark iframe, .dark .bckcontainer {
  background-color: #2f2f2f;
}

/*EVENTS STYLE*/
.date.resa {
  font-weight: bold;
}

.descr span.date {
  font-weight: bold;
  color: green !important;
}

.descr span.date em::before {
  font-weight: bold !important;
  color: green !important;
}

.nodeb .descr span.date {
  color: #999 !important;
}

.free .descr span.date {
  color: #000 !important;
}

.nodeb .descr .date em::before {
  color: #999 !important;
  content: "\f272" !important;
}

.free .descr .date em::before {
  color: #000 !important;
  content: "\f073" !important;
}

.butoir .descr .date {
  color: #999 !important;
}

.butoir .descr .date em::before {
  color: #999 !important;
  content: "\f273" !important;
}

.nodisp .descr .date {
  color: red !important;
}

.nodisp .descr .date em::before {
  color: red !important;
  content: "\f273" !important;
}

.wait .descr .date {
  color: #CDDC39 !important;
}

.wait .descr .date em::before {
  color: #CDDC39 !important;
  content: "\f017" !important;
}

#newsletter {
  float: left;
  margin-bottom: 20px;
  padding: 50px 0;
  width: 100%;
  text-align: center;
}

#newsletter input[type=email] {
  padding: 10px;
  width: 200px;
  border-radius: 6px;
  border: none;
  background: #efefef;
}

#newsletter input[type=button] {
  padding: 10px;
  border: none;
  color: white;
  cursor: pointer;
  border-radius: 6px;
  background: #b158a5;
}

iframe[src*="reservations.chalons"] {
  background: none !important;
  background-color: transparent !important;
}

a.accessible {
  display: none;
}

.algnrgt .cntli {
  float: right;
}

.algnrgt .imgli {
  float: left;
}

/*instantclick*/
#instantclick {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 2147483647;
  transition: opacity 0.25s 0.1s;
}

.instantclick-bar {
  background: #29d;
  width: 100%;
  margin-left: -100%;
  height: 2px;
  transition: all 0.25s;
}

/*cc*/
.cc_css_reboot {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

.cc_css_reboot *, .cc_css_reboot *::before, .cc_css_reboot *::after {
  box-sizing: border-box;
}

.cc_css_reboot a, .cc_css_reboot li, .cc_css_reboot p, .cc_css_reboot h1, .cc_css_reboot h2, .cc_css_reboot h3, .cc_css_reboot h4, .cc_css_reboot h5, .cc_css_reboot h6, .cc_css_reboot input, .cc_css_reboot button, .cc_css_reboot select {
  border-style: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}

@-ms-viewport {
  .cc_css_reboot {
    width: device-width;
  }
}
.cc_css_reboot article, .cc_css_reboot aside, .cc_css_reboot figcaption, .cc_css_reboot figure, .cc_css_reboot footer, .cc_css_reboot header, .cc_css_reboot hgroup, .cc_css_reboot main, .cc_css_reboot nav, .cc_css_reboot section {
  display: block;
}

.cc_css_reboot [tabindex="-1"]:focus {
  outline: 0 !important;
}

.cc_css_reboot hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.cc_css_reboot h1, .cc_css_reboot h2, .cc_css_reboot h3, .cc_css_reboot h4, .cc_css_reboot h5, .cc_css_reboot h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #000;
}

.cc_css_reboot p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.cc_css_reboot abbr[title], .cc_css_reboot abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

.cc_css_reboot address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

.cc_css_reboot div {
  display: block;
}

.cc_css_reboot ol, .cc_css_reboot ul, .cc_css_reboot dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

.cc_css_reboot ol ol, .cc_css_reboot ul ul, .cc_css_reboot ol ul, .cc_css_reboot ul ol {
  margin-bottom: 0;
}

.cc_css_reboot b, .cc_css_reboot strong {
  font-weight: bolder;
}

.cc_css_reboot small {
  font-size: 80%;
}

.cc_css_reboot sub, .cc_css_reboot sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

.cc_css_reboot sub {
  bottom: -0.25em;
}

.cc_css_reboot sup {
  top: -0.5em;
}

.cc_css_reboot a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.cc_css_reboot a:hover {
  color: #0056b3;
  text-decoration: underline;
}

.cc_css_reboot a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

.cc_css_reboot a:not([href]):not([tabindex]):hover, .cc_css_reboot a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

.cc_css_reboot a:not([href]):not([tabindex]):focus {
  outline: 0;
}

.cc_css_reboot img {
  vertical-align: middle;
  border-style: none;
}

.cc_css_reboot svg:not(:root) {
  overflow: hidden;
}

.cc_css_reboot table {
  border-collapse: collapse;
}

.cc_css_reboot caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

.cc_css_reboot th {
  text-align: inherit;
}

.cc_css_reboot label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.cc_css_reboot button {
  border-radius: 2px;
  padding: 0.5rem 1rem;
  outline: none;
  background: #dcdae5;
  color: #111;
  cursor: pointer;
  border: none;
  transition: all ease 0.3s;
}

.cc_css_reboot button:focus {
  outline: none;
}

.cc_css_reboot select {
  border-style: none;
}

.cc_css_reboot input, .cc_css_reboot button, .cc_css_reboot select, .cc_css_reboot optgroup, .cc_css_reboot textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.cc_css_reboot button, .cc_css_reboot input {
  overflow: visible;
}

.cc_css_reboot button, .cc_css_reboot select {
  text-transform: none;
}

.cc_css_reboot button, .cc_css_reboot html [type=button], .cc_css_reboot [type=reset], .cc_css_reboot [type=submit] {
  -webkit-appearance: button;
}

.cc_css_reboot button::-moz-focus-inner, .cc_css_reboot [type=button]::-moz-focus-inner, .cc_css_reboot [type=reset]::-moz-focus-inner, .cc_css_reboot [type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

.cc_css_reboot input[type=radio], .cc_css_reboot input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

.cc_css_reboot input[type=date], .cc_css_reboot input[type=time], .cc_css_reboot input[type=datetime-local], .cc_css_reboot input[type=month] {
  -webkit-appearance: listbox;
}

.cc_css_reboot textarea {
  overflow: auto;
  resize: vertical;
}

.cc_css_reboot fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.cc_css_reboot legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

.cc_css_reboot progress {
  vertical-align: baseline;
}

.cc_css_reboot [type=number]::-webkit-inner-spin-button, .cc_css_reboot [type=number]::-webkit-outer-spin-button {
  height: auto;
}

.cc_css_reboot [type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

.cc_css_reboot [type=search]::-webkit-search-cancel-button, .cc_css_reboot [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.cc_css_reboot ::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

.cc_css_reboot [hidden] {
  display: none !important;
}

.cc_overlay_lock {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999999999;
}

.cc_overlay_lock.hidden {
  display: none;
}

.cc_dialog {
  background-color: #f2f2f2;
  color: #111;
  z-index: 99999999999;
  font-size: 16px;
  padding: 3rem;
}

.cc_dialog.hidden {
  display: none;
}

.cc_dialog.headline {
  right: 0;
  top: 0;
  bottom: auto;
  left: 0;
  max-width: 100%;
  position: relative;
}

.cc_dialog.simple {
  right: 0;
  top: auto;
  bottom: 0;
  left: auto;
  max-width: 50%;
  position: fixed;
}

.cc_dialog.interstitial {
  right: 3vw;
  top: 3vh;
  left: 3vw;
  max-width: 100%;
  position: fixed;
}

.cc_dialog.standalone {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cc_dialog .cc_dialog_headline {
  font-size: 24px;
  font-weight: 600;
}

.cc_dialog .cc_dialog_text {
  font-size: 16px;
}

.cc_dialog button {
  font-weight: bold;
  font-size: 14px;
}

.cc_dialog button.cc_b_ok {
  background-color: green;
  color: #fff;
}

.cc_dialog button.cc_b_ok:active, .cc_dialog button.cc_b_ok:focus {
  background: #136d13;
}

.cc_dialog button.cc_b_cp {
  background-color: #eaeaea;
  color: #111;
  margin-left: 0.25rem !important;
}

.cc_dialog button.cc_b_cp:active, .cc_dialog button.cc_b_cp:focus {
  background: #f2f2f2;
}

.cookie-consent-preferences-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999999999;
  top: 0;
  left: 0;
  display: none;
}

.cookie-consent-preferences-overlay.visible {
  display: block;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog {
  position: absolute;
  margin: 30px auto;
  width: 750px;
  max-width: 90%;
  height: auto;
  left: 0;
  right: 0;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container {
  width: 100%;
  display: flex;
  background: #fff;
  flex-direction: column;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container > div {
  width: 100%;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head {
  background: #fff;
  color: #111;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_title {
  display: flex;
  padding-left: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_title h2, .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_title p {
  margin: 0;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_title p {
  font-size: 16px;
  line-height: 1.5;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_title h2 {
  font-size: 20px;
  font-weight: 600;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector {
  display: flex;
  align-items: center;
  padding-right: 15px;
  min-height: 80px;
  justify-content: center;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background: #292929;
  color: #f5f5f5;
  border-bottom: none;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu {
  font-family: Arial, sans-serif !important;
  width: 150px;
  margin: 0;
  padding: 0;
  background: #e6e6e6;
  min-width: 150px;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li {
  margin: 0;
  padding: 0;
  float: left;
  display: block;
  width: 100%;
  color: #666;
  background: #e6e6e6;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  transition: all ease 0.1s;
  box-sizing: content-box;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li[active=true] {
  background: #292929;
  color: #f5f5f5;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li a {
  text-decoration: none;
  color: #666;
  display: block;
  padding: 10px 5px 10px 10px;
  font-weight: 700;
  font-size: 12px;
  line-height: 19px;
  position: relative;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content {
  background: #292929 !important;
  color: #f5f5f5;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content .cc_cp_m_content_entry {
  width: 100%;
  display: none;
  padding: 25px;
  box-sizing: border-box;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content .cc_cp_m_content_entry[active=true] {
  display: block;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content .cc_cp_m_content_entry h1 {
  font-size: 24px;
  font-weight: 600;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content .cc_cp_m_content_entry p {
  font-size: 16px;
  line-height: 1.5;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer {
  background: #f2f2f2;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: 1px solid #ccc;
  justify-content: space-between;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_powered_by {
  padding: 20px 10px;
  font-size: 14px;
  color: #333;
  display: block !important;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_powered_by a {
  color: #999;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
  margin-right: 10px;
  opacity: 0.9;
  transition: all ease 0.3s;
  font-size: 14px;
  font-weight: bold;
  height: auto;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button:hover {
  opacity: 1;
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent {
  position: absolute;
  margin: 2px 0 0 16px;
  cursor: pointer;
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent + label {
  position: relative;
  padding: 4px 0 0 50px;
  line-height: 2em;
  cursor: pointer;
  display: inline;
  font-size: 14px;
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent + label:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 40px;
  height: 24px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent + label:after {
  content: "";
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: 24px;
  height: 24px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent + label:hover:after {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent:checked + label:after {
  margin-left: 16px;
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent:checked + label:before {
  background: #55D069;
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent-sm {
  position: absolute;
  margin: 5px 0 0 10px;
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent-sm + label {
  position: relative;
  padding: 0 0 0 32px;
  line-height: 1.3em;
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent-sm + label:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  background: #fff;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 25px;
  height: 15px;
  border-radius: 10px;
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent-sm + label:after {
  content: "";
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  background: #fff;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 15px;
  height: 15px;
  border-radius: 10px;
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent-sm + label:hover:after {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent-sm:checked + label:after {
  margin-left: 10px;
}

.cookie-consent-preferences-overlay input[type=checkbox].checkbox_cookie_consent-sm:checked + label:before {
  background: #55D069;
}

@media screen and (max-width: 600px) {
  .cookie-consent-preferences-overlay {
    overflow-y: scroll;
  }
  .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head {
    flex-direction: column;
  }
  .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_title {
    align-items: center;
    padding: 15px 0 0 0;
  }
  .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector {
    padding: 15px 0;
    min-height: 20px;
  }
  .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content {
    flex-direction: column;
  }
  .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu {
    width: 100%;
  }
  .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li {
    border-right: 0;
  }
}
.dark .cc_dialog {
  background-color: #111;
  color: #fff;
}

.dark .cc_dialog .cc_dialog_headline {
  color: #fff;
}

.dark .cc_dialog .cc_dialog_text {
  color: #fff;
}

.dark .cc_dialog button.cc_b_ok {
  color: #000;
  background-color: #ff0;
}

.dark .cc_dialog button.cc_b_ok:focus {
  box-shadow: 0 0 0 2px #3dd000;
}

.dark .cc_dialog button.cc_b_cp {
  background-color: #eaeaea;
  color: #111;
}

.dark .cc_dialog button.cc_b_cp:focus {
  box-shadow: 0 0 0 2px #3dd000;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container {
  background: #212121;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head {
  background: #212121;
  color: #fff;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head h2 {
  color: #fff;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head p {
  color: #fff;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector select {
  color: #212121;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector select:active, .dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector select:focus {
  border: 2px solid #ff0;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content {
  background: #292929 !important;
  color: #f5f5f5;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu {
  color: #666;
  background: #e6e6e6;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li {
  border-right-color: #ccc;
  border-bottom-color: #ccc;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li[active=true] {
  background: #292929 !important;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li[active=true] a {
  color: #f5f5f5 !important;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li a {
  color: #666;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li a:focus {
  box-shadow: 0 0 0 2px #292929;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content {
  background: #292929 !important;
  color: #f5f5f5;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content h1 {
  color: #fff;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content p {
  color: #fff;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content a {
  color: #cce5ff;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content a:focus {
  box-shadow: 0 0 0 2px #ff0;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer {
  background: #212121;
  border-top-color: #111;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_powered_by {
  color: #fff;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_powered_by a:focus {
  box-shadow: 0 0 0 2px #ff0;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
  background: #ff0;
  color: #000;
}

.dark .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button:focus {
  box-shadow: 0 0 0 2px #3dd000;
}

.cc_dialog {
  background-color: #f2f2f2;
  color: #111;
}

html.cc_dialog .cc_dialog_headline {
  color: #111;
}

.cc_dialog .cc_dialog_text {
  color: #111;
}

.cc_dialog button.cc_b_ok {
  color: #fff;
  background-color: green;
}

.cc_dialog button.cc_b_ok:focus {
  box-shadow: 0 0 0 2px #ff8d00;
}

.cc_dialog button.cc_b_cp {
  background-color: #eaeaea;
  color: #111;
}

.cc_dialog button.cc_b_cp:focus {
  box-shadow: 0 0 0 2px #ff8d00;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container {
  background: #fff;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head {
  background: #fff;
  color: #111;
  border-bottom: 1px solid #ccc;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head h2 {
  color: #111;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head p {
  color: #111;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector select {
  color: #111;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head .cc_cp_head_lang_selector select:focus {
  box-shadow: 0 0 0 2px green;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content {
  background: #fbfbfb !important;
  color: #111;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu {
  color: #666;
  background: #e6e6e6;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li {
  border-right-color: #ccc;
  border-bottom-color: #ccc;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li[active=true] {
  background: #fbfbfb !important;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li[active=true] a {
  color: #111 !important;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li a {
  color: #666;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li a:focus {
  box-shadow: 0 0 0 2px #fbfbfb;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content {
  background: #fbfbfb !important;
  color: #111;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content h1 {
  color: #111;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content p {
  color: #111;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content a {
  color: #007bff;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content a:focus {
  box-shadow: 0 0 0 2px green;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer {
  background: #f2f2f2;
  border-top-color: #ccc;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_powered_by {
  color: #111;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_powered_by a:focus {
  box-shadow: 0 0 0 2px green;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
  background: green;
  color: #fff;
}

.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button:focus {
  box-shadow: 0 0 0 2px #ff8d00;
}

.cc_dialog .cc_dialog_headline {
  color: black !important;
}

html.dark .cc_dialog .cc_dialog_headline {
  color: #efefef !important;
}

/*swal*/
.swal2-popup.swal2-toast {
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: 1fr 99fr 1fr;
  padding: 1em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.075), 1px 2px 4px rgba(0, 0, 0, 0.075), 1px 3px 8px rgba(0, 0, 0, 0.075), 2px 4px 16px rgba(0, 0, 0, 0.075);
  pointer-events: all;
}

.swal2-popup.swal2-toast > * {
  grid-column: 2;
}

.swal2-popup.swal2-toast .swal2-title {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}

.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center;
}

.swal2-popup.swal2-toast .swal2-input {
  height: 2em;
  margin: 0.5em;
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}

.swal2-popup.swal2-toast .swal2-close {
  grid-column: 3/3;
  grid-row: 1/99;
  align-self: center;
  width: 0.8em;
  height: 0.8em;
  margin: 0;
  font-size: 2em;
}

.swal2-popup.swal2-toast .swal2-html-container {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0;
}

.swal2-popup.swal2-toast .swal2-loader {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: 0.25em;
}

.swal2-popup.swal2-toast .swal2-icon {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 0.5em 0 0;
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: 700;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-actions {
  justify-content: flex-start;
  height: auto;
  margin: 0;
  margin-top: 0.5em;
  padding: 0 0.5em;
}

.swal2-popup.swal2-toast .swal2-styled {
  margin: 0.25em 0.5em;
  padding: 0.4em 0.6em;
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
  animation: swal2-toast-animate-success-line-tip 0.75s;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
  animation: swal2-toast-animate-success-line-long 0.75s;
}

.swal2-popup.swal2-toast.swal2-show {
  -webkit-animation: swal2-toast-show 0.5s;
  animation: swal2-toast-show 0.5s;
}

.swal2-popup.swal2-toast.swal2-hide {
  -webkit-animation: swal2-toast-hide 0.1s forwards;
  animation: swal2-toast-hide 0.1s forwards;
}

.swal2-container {
  display: grid;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";
  grid-template-rows: minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto);
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  height: 100%;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}

.swal2-container.swal2-backdrop-hide {
  background: 0 0 !important;
}

.swal2-container.swal2-bottom-start, .swal2-container.swal2-center-start, .swal2-container.swal2-top-start {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.swal2-container.swal2-bottom, .swal2-container.swal2-center, .swal2-container.swal2-top {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.swal2-container.swal2-bottom-end, .swal2-container.swal2-center-end, .swal2-container.swal2-top-end {
  grid-template-columns: auto auto minmax(0, 1fr);
}

.swal2-container.swal2-top-start > .swal2-popup {
  align-self: start;
}

.swal2-container.swal2-top > .swal2-popup {
  grid-column: 2;
  align-self: start;
  justify-self: center;
}

.swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup {
  grid-column: 3;
  align-self: start;
  justify-self: end;
}

.swal2-container.swal2-center-left > .swal2-popup, .swal2-container.swal2-center-start > .swal2-popup {
  grid-row: 2;
  align-self: center;
}

.swal2-container.swal2-center > .swal2-popup {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center;
}

.swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup {
  grid-column: 3;
  grid-row: 2;
  align-self: center;
  justify-self: end;
}

.swal2-container.swal2-bottom-left > .swal2-popup, .swal2-container.swal2-bottom-start > .swal2-popup {
  grid-column: 1;
  grid-row: 3;
  align-self: end;
}

.swal2-container.swal2-bottom > .swal2-popup {
  grid-column: 2;
  grid-row: 3;
  justify-self: center;
  align-self: end;
}

.swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup {
  grid-column: 3;
  grid-row: 3;
  align-self: end;
  justify-self: end;
}

.swal2-container.swal2-grow-fullscreen > .swal2-popup, .swal2-container.swal2-grow-row > .swal2-popup {
  grid-column: 1/4;
  width: 100%;
}

.swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
  grid-row: 1/4;
  align-self: stretch;
}

.swal2-container.swal2-no-transition {
  transition: none !important;
}

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 100%);
  width: 32em;
  max-width: 100%;
  padding: 0 0 1.25em;
  border: none;
  border-radius: 5px;
  background: #fff;
  color: #545454;
  font-family: inherit;
  font-size: 1rem;
}

.swal2-popup:focus {
  outline: 0;
}

.swal2-popup.swal2-loading {
  overflow-y: hidden;
}

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0.8em 1em 0;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}

.swal2-actions {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 1.25em auto 0;
  padding: 0;
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.swal2-loader {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}

.swal2-styled {
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  transition: box-shadow 0.1s;
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500;
}

.swal2-styled:not([disabled]) {
  cursor: pointer;
}

.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #7066e0;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5);
}

.swal2-styled.swal2-deny {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #dc3741;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-deny:focus {
  box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5);
}

.swal2-styled.swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #6e7881;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-cancel:focus {
  box-shadow: 0 0 0 3px rgba(110, 120, 129, 0.5);
}

.swal2-styled.swal2-default-outline:focus {
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-styled:focus {
  outline: 0;
}

.swal2-styled::-moz-focus-inner {
  border: 0;
}

.swal2-footer {
  justify-content: center;
  margin: 1em 0 0;
  padding: 1em 1em 0;
  border-top: 1px solid #eee;
  color: inherit;
  font-size: 1em;
}

.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: auto !important;
  height: 0.25em;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.swal2-timer-progress-bar {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2);
}

.swal2-image {
  max-width: 100%;
  margin: 2em auto 1em;
}

.swal2-close {
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: -1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s, box-shadow 0.1s;
  border: none;
  border-radius: 5px;
  background: 0 0;
  color: #ccc;
  font-family: serif;
  font-family: monospace;
  font-size: 2.5em;
  cursor: pointer;
  justify-self: end;
}

.swal2-close:hover {
  transform: none;
  background: 0 0;
  color: #f27474;
}

.swal2-close:focus {
  outline: 0;
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-close::-moz-focus-inner {
  border: 0;
}

.swal2-html-container {
  z-index: 1;
  justify-content: center;
  margin: 1em 1.6em 0.3em;
  padding: 0;
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
}

.swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea {
  margin: 1em 2em 3px;
}

.swal2-file, .swal2-input, .swal2-textarea {
  box-sizing: border-box;
  width: auto;
  transition: border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: inherit;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  color: inherit;
  font-size: 1.125em;
}

.swal2-file.swal2-inputerror, .swal2-input.swal2-inputerror, .swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}

.swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-file::-moz-placeholder, .swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder {
  color: #ccc;
}

.swal2-file:-ms-input-placeholder, .swal2-input:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
  color: #ccc;
}

.swal2-file::placeholder, .swal2-input::placeholder, .swal2-textarea::placeholder {
  color: #ccc;
}

.swal2-range {
  margin: 1em 2em 3px;
  background: #fff;
}

.swal2-range input {
  width: 80%;
}

.swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}

.swal2-range input, .swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}

.swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}

.swal2-file {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  background: inherit;
  font-size: 1.125em;
}

.swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: inherit;
  color: inherit;
  font-size: 1.125em;
}

.swal2-checkbox, .swal2-radio {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}

.swal2-checkbox label, .swal2-radio label {
  margin: 0 0.6em;
  font-size: 1.125em;
}

.swal2-checkbox input, .swal2-radio input {
  flex-shrink: 0;
  margin: 0 0.4em;
}

.swal2-input-label {
  display: flex;
  justify-content: center;
  margin: 1em auto 0;
}

.swal2-validation-message {
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666;
  font-size: 1em;
  font-weight: 300;
}

.swal2-validation-message::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto 0.6em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}

.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474;
}

.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-error.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  -webkit-animation: swal2-animate-error-x-mark 0.5s;
  animation: swal2-animate-error-x-mark 0.5s;
}

.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}

.swal2-icon.swal2-warning.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-i-mark 0.5s;
  animation: swal2-animate-i-mark 0.5s;
}

.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}

.swal2-icon.swal2-info.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-i-mark 0.8s;
  animation: swal2-animate-i-mark 0.8s;
}

.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}

.swal2-icon.swal2-question.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-question-mark 0.8s;
  animation: swal2-animate-question-mark 0.8s;
}

.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}

.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}

.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-animate-success-line-tip 0.75s;
  animation: swal2-animate-success-line-tip 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-animate-success-line-long 0.75s;
  animation: swal2-animate-success-line-long 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  background: inherit;
  font-weight: 600;
}

.swal2-progress-steps li {
  display: inline-block;
  position: relative;
}

.swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}

.swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #2778c4;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  -webkit-animation: swal2-show 0.3s;
  animation: swal2-show 0.3s;
}

.swal2-hide {
  -webkit-animation: swal2-hide 0.15s forwards;
  animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0;
}

.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}

@-webkit-keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0);
  }
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0);
  }
}
@-webkit-keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@-webkit-keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@-webkit-keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@-webkit-keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@-webkit-keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@-webkit-keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}

body.swal2-height-auto {
  height: auto !important;
}

body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none;
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all;
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  width: 360px;
  max-width: 100%;
  background-color: transparent;
  pointer-events: none;
}

body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}

body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}

body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}

/*accessibility*/
._access-scrollbar::-webkit-scrollbar-track, .mat-autocomplete-panel::-webkit-scrollbar-track, .mat-tab-body-content::-webkit-scrollbar-track, .mat-select-panel:not([class*=mat-elevation-z])::-webkit-scrollbar-track, .mat-menu-panel::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

._access-scrollbar::-webkit-scrollbar, .mat-autocomplete-panel::-webkit-scrollbar, .mat-tab-body-content::-webkit-scrollbar, .mat-select-panel:not([class*=mat-elevation-z])::-webkit-scrollbar, .mat-menu-panel::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

._access-scrollbar::-webkit-scrollbar-thumb, .mat-autocomplete-panel::-webkit-scrollbar-thumb, .mat-tab-body-content::-webkit-scrollbar-thumb, .mat-select-panel:not([class*=mat-elevation-z])::-webkit-scrollbar-thumb, .mat-menu-panel::-webkit-scrollbar-thumb {
  background-color: #999999;
}

._access-icon {
  position: fixed;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 0;
  transition-duration: 0.5s;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  transform: scale(1);
}

._access-icon:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.9);
  transform: scale(1.1);
}

.circular._access-icon {
  border-radius: 50%;
  border: 0.5px solid white;
}

.access_read_guide_bar {
  box-sizing: border-box;
  background: #000000;
  width: 100% !important;
  min-width: 100% !important;
  position: fixed !important;
  height: 12px !important;
  border: solid 3px #20ff69;
  border-radius: 5px;
  top: 15px;
  z-index: 2147483647;
}

.access-high-contrast * {
  background-color: #000 !important;
  background-image: none !important;
  border-color: #fff !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #fff !important;
  text-indent: 0 !important;
  text-shadow: none !important;
}

._access-menu {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: fixed;
  width: 25vw;
  height: auto;
  transition-duration: 0.5s;
  z-index: 99991;
  opacity: 1;
  background-color: #fff;
  color: #000;
  border-radius: 3px;
  border: solid 1px #f1f0f1;
  font-family: RobotoDraft, Roboto, sans-serif, Arial;
  min-width: 300px;
  box-shadow: 0px 0px 1px #aaa;
  max-height: 100vh;
}

._access-menu.close {
  z-index: -1;
  width: 0;
  opacity: 0;
  background-color: transparent;
}

._access-menu.bottom {
  bottom: 0;
}

._access-menu.top {
  top: 0;
}

._access-menu.left {
  left: 0;
}

._access-menu.close.left {
  left: -25vw;
}

._access-menu.right {
  right: 0;
}

._access-menu.close.right {
  right: -25vw;
}

._access-menu ._text-center {
  text-align: center;
}

._access-menu h3 {
  font-size: 24px !important;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: initial !important;
  word-spacing: initial !important;
}

._access-menu ._menu-close-btn {
  left: 5px;
  color: #d63c3c;
  transition: 0.3s ease;
  transform: rotate(0deg);
}

._access-menu ._menu-reset-btn:hover, ._access-menu ._menu-close-btn:hover {
  transform: rotate(180deg);
}

._access-menu ._menu-reset-btn {
  right: 5px;
  color: #4054b2;
  transition: 0.3s ease;
  transform: rotate(0deg);
}

._access-menu ._menu-btn {
  position: absolute;
  top: 5px;
  cursor: pointer;
  font-size: 24px !important;
  font-weight: bold;
}

._access-menu ul {
  padding: 0;
  position: relative;
  font-size: 18px !important;
  margin: 0;
  overflow: auto;
  max-height: calc(100vh - 77px);
}

html._access_cursor * {
  cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOS4xODhweCIgaGVpZ2h0PSI0My42MjVweCIgdmlld0JveD0iMCAwIDI5LjE4OCA0My42MjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjE4OCA0My42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0Q5REFEOSIgc3Ryb2tlLXdpZHRoPSIxLjE0MDYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyLjgsNC41NDkgMjYuODQ3LDE5LjkwMiAxNi45NjQsMjIuNzAxIDI0LjIzOSwzNy43NDkgMTguMjc4LDQyLjAxNyA5Ljc0MSwzMC43MjQgMS4xMzgsMzUuODA5ICIvPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyMTI2MjciIGQ9Ik0yOS4xNzUsMjEuMTU1YzAuMDcxLTAuNjEzLTAuMTY1LTEuMjUzLTAuNjM1LTEuNTczTDIuMTY1LDAuMjU4Yy0wLjQyNC0wLjMyLTAuOTg4LTAuMzQ2LTEuNDM1LTAuMDUzQzAuMjgyLDAuNDk3LDAsMS4wMywwLDEuNjE3djM0LjE3MWMwLDAuNjEzLDAuMzA2LDEuMTQ2LDAuNzc2LDEuNDM5YzAuNDcxLDAuMjY3LDEuMDU5LDAuMjEzLDEuNDgyLTAuMTZsNy40ODItNi4zNDRsNi44NDcsMTIuMTU1YzAuMjU5LDAuNDgsMC43MjksMC43NDYsMS4yLDAuNzQ2YzAuMjM1LDAsMC40OTQtMC4wOCwwLjcwNi0wLjIxM2w2Ljk4OC00LjU4NWMwLjMyOS0wLjIxMywwLjU2NS0wLjU4NiwwLjY1OS0xLjAxM2MwLjA5NC0wLjQyNiwwLjAyNC0wLjg4LTAuMTg4LTEuMjI2bC02LjM3Ni0xMS4zODJsOC42MTEtMi43NDVDMjguNzA1LDIyLjI3NCwyOS4xMDUsMjEuNzY4LDI5LjE3NSwyMS4xNTV6IE0xNi45NjQsMjIuNzAxYy0wLjQyNCwwLjEzMy0wLjc3NiwwLjUwNi0wLjk0MSwwLjk2Yy0wLjE2NSwwLjQ4LTAuMTE4LDEuMDEzLDAuMTE4LDEuNDM5bDYuNTg4LDExLjc4MWwtNC41NDEsMi45ODVsLTYuODk0LTEyLjMxNWMtMC4yMTItMC4zNzMtMC41NDEtMC42NC0wLjk0MS0wLjcyYy0wLjA5NC0wLjAyNy0wLjE2NS0wLjAyNy0wLjI1OS0wLjAyN2MtMC4zMDYsMC0wLjU4OCwwLjEwNy0wLjg0NywwLjMyTDIuOCwzMi41OVY0LjU0OWwyMS41OTksMTUuODA2TDE2Ljk2NCwyMi43MDF6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==), auto !important;
}

._access-menu ul li {
  list-style-type: none;
  cursor: pointer;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border: solid 1px #f1f0f1;
  padding: 10px 0 10px 30px;
  margin: 5px;
  border-radius: 4px;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  font-size: 18px !important;
  line-height: 18px !important;
  text-indent: 5px;
  background: #f9f9f9;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: initial !important;
  word-spacing: initial !important;
}

._access-menu ul.before-collapse li {
  opacity: 0.05;
}

._access-menu ul li.active, ._access-menu ul li.active:hover {
  color: #fff;
  background-color: #000;
}

._access-menu ul li:hover {
  color: rgba(0, 0, 0, 0.8);
  background-color: #eaeaea;
}

._access-menu ul li.not-supported {
  display: none;
}

._access-menu ul li:before {
  content: " ";
  font-family: Material Icons;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px !important;
  width: 30px;
  height: 30px;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  left: 8px;
  position: absolute;
  color: rgba(0, 0, 0, 0.6);
  direction: ltr;
}

._access-menu ul li svg path {
  fill: rgba(0, 0, 0, 0.6);
}

._access-menu ul li:hover svg path {
  fill: rgba(0, 0, 0, 0.8);
}

._access-menu ul li.active svg path {
  fill: #fff;
}

._access-menu ul li:hover:before {
  color: rgba(0, 0, 0, 0.8);
}

._access-menu ul li.active:before {
  color: #fff;
}

._access-menu ul li[data-access-action=increaseText]:before {
  content: "zoom_in";
}

._access-menu ul li[data-access-action=decreaseText]:before {
  content: "zoom_out";
}

._access-menu ul li[data-access-action=increaseTextSpacing]:before {
  content: "unfold_more";
  transform: rotate(90deg) translate(-7px, 2px);
}

._access-menu ul li[data-access-action=decreaseTextSpacing]:before {
  content: "unfold_less";
  transform: rotate(90deg) translate(-7px, 2px);
}

._access-menu ul li[data-access-action=invertColors]:before {
  content: "invert_colors";
}

._access-menu ul li[data-access-action=grayHues]:before {
  content: "format_color_reset";
}

._access-menu ul li[data-access-action=underlineLinks]:before {
  content: "format_underlined";
}

._access-menu ul li[data-access-action=bigCursor]:before {
  /*content: 'touch_app';*/
}

._access-menu ul li[data-access-action=readingGuide]:before {
  content: "border_horizontal";
}

._access-menu ul li[data-access-action=textToSpeech]:before {
  content: "record_voice_over";
}

._access-menu ul li[data-access-action=speechToText]:before {
  content: "mic";
}

.dark .free .descr .date em::before {
  color: #efefef !important;
}

.dark .free .descr span.date {
  color: #efefef !important;
}

.sliderccas a.img {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1 !important;
}

@media (hover: none) and (pointer: coarse) {
  .enunclic a img, .mod-banners .imgli a img, .gallerie a img, .itm a img, .accesrapides a img, body .agenda a img, .dfltlist a img, .carto a img, .sliderccas:first-child a.img img, .sliderccas:nth-child(2) a.img img, .sliderccas:last-child a.img img {
    transform: none !important;
  }
}

@keyframes lds-dual-ring {
  0% {
    opacity:1;
    transform: scale(1);
  }
  100% {
     opacity:0;
     transform: scale(3);
  }
}	

.isspeeching{}

.tospeeching{
  display:block;
  width: 50px;
  height: 50px;
  font-size: 40px;
  line-height: 45px;
  text-indent: 5px;
  background-color: rgb(64, 84, 178);
  color: rgb(255, 255, 255);
  bottom: 50px;
  left: 0px;
  z-index: 99;
  opacity: 1;
  position:fixed;
  animation: lds-dual-ring 1.25s linear infinite;
}


.full-article table td{
  padding:15px
}

.full-article .article-info{
  margin:2rem 0
}

.flashinfo .slick-list,.flashinfo .slick-track,.flashinfo .slick-slide{
  height:100% !important
}

.docss .doc{
  position:relative;
  min-width:280px;
  height:350px !important;
  overflow:hidden
}

.docss .doc object,.docss .doc iframe,.docs .doc img{
  transition: transform 0.3s ease;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  pointer-events: none;
}

.docss .doc span{
  position: absolute;
  bottom: 0px;
  display: block;
  width: 100%;
  background: white;
  z-index: 3;
  font-weight:bold;
}
.docss .circle{
  top:95px
}

.docss .circle i{
  color:white;
}

.docs .doc a {
  padding: 0px !important;
  width: 100% !important;
  background-color: #ccc !important;
  color: black !important;
  border-radius: 6px;
  height: 100% !important;
  display: block;
  position: relative;
  opacity: 0.75;
  z-index: 2;
  overflow: hidden;
}

.docs .doc a:hover object,.docs .doc a:hover iframe{
  transform: scale(1.15);
}

.docs .doc img{
  border-radius:0px !important
}

.full-article canvas{
  border:none !important;
  border-radius:6px;
  overflow:hidden;
}

.dark .full-article canvas{
  background:black !important
}

.dark .docss .doc span{
  background:black;
  color:white !important
}

.galls.video{
  background: black;
  padding-bottom: 60px;
}

.galls.video h2{
  color:white
}

.galls.video li::after{display:none !important}

.galls.video .gals{
  background:black !important;
  background-color:black !important;
}

img[src*="https://i1.ytimg.com"]{
  transform:scale(1.25) !important;
  object-position: top;
}

a:hover img[src*="https://i1.ytimg.com"]{
  transform:scale(1.5) !important;
  object-position: top;
}

.view-article .bann img[src*="https://i1.ytimg.com"]{
transform: scale(1.8) !important;
}

.result span.frst::before{
  left: 20px !important;
  top:18px !important;
}