body, p {
  color: #000;
}

.bg-primary {
  background-color: #ffff00 !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

.bg-gradient {
  background: linear-gradient(90deg, rgb(41, 40, 90) 0%, rgb(108, 53, 133) 100%) !important;
}

.bg-light {
  background-color: #F5F5F5 !important;
}

.text-primary {
  color: #ffff00 !important;
}

.text-secondary {
  color: #6c757d !important;
}

.text-info {
  color: #0d6efd !important;
}

.link-underline-primary {
  text-decoration-color: #ffff00 !important;
}

.btn-primary {
  background-color: #ffff00 !important;
  border-color: #ffff00 !important;
}

.btn-outline-info {
  border-color: #0d6efd !important;
  color: #0d6efd !important;
}

.btn-outline-info:hover {
  background-color: #0d6efd !important;
  color: white !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Arial Black", "Arial Bold", sans-serif;
}

.font7 {
  font-size: 0.7rem;
}

.font8 {
  font-size: 0.8rem;
}

.mt-6 {
  margin-top: 4rem !important;
}

.upScale {
  cursor: pointer;
  transform: scale(1);
  transition: transform 0.5s;
}

.upScale:hover {
  transform: scale(1.05);
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  display: flex;
  background-color: #fefefe;
  margin: auto;
  width: 75% !important;
  padding: 20px;
  border: 1px solid #888;
}

@media (min-width: 768px) {
  .modal-content {
    width: 35% !important;
  }
}
/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  right: 10px;
  position: absolute;
  top: 0px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.card-category-label {
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(255, 255, 255, 0.7);
  padding: 5px;
  border-radius: 3px;
}

#offerMobileTitle {
  font-size: 3rem;
}

@media (min-width: 768px) {
  #offerMobileTitle {
    font-size: 3rem;
  }
}
#ambassadeur span {
  position: relative;
  padding-bottom: 2px;
  display: inline-block;
}

#ambassadeur span::after {
  content: "";
  position: absolute;
  bottom: 35px;
  left: 50%;
  width: 60%;
  height: 5px;
  background: yellow;
  z-index: -1;
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  #ambassadeur span::after {
    bottom: 5px;
    width: 100%;
  }
}
#title-offerEnergie span {
  position: relative;
  padding-bottom: 2px;
  display: inline-block;
  z-index: 1;
}

#title-offerEnergie span::after {
  content: "";
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  height: 5px;
  background: white;
  z-index: -1;
}

@media (min-width: 768px) {
  #title-offerEnergie span {
    position: relative;
    padding-bottom: 2px;
    display: inline-block;
    z-index: 1;
  }
  #title-offerEnergie span::after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 5px;
    background: white;
    z-index: -1;
  }
}
#title {
  font-size: 28px;
  font-weight: 700;
  color: #000;
}

#title:before {
  content: "";
  position: absolute;
  top: -50%;
  left: -40px;
  width: 101px;
  height: 101px;
  background-image: url("../imagesFront/shape/Rectangle_26_1.webp");
  z-index: -1;
}

#title:after {
  content: "";
  position: absolute;
  top: -251%;
  right: -50px;
  width: 110px;
  height: 98px;
  background-image: url("../imagesFront/shape/Mode_Isolation_1.webp");
  z-index: 1;
  scale: 0.5;
}

#title--pro {
  font-size: 28px;
  font-weight: 700;
  color: #000;
}

#title--pro:before {
  content: "";
  position: absolute;
  top: -50%;
  left: -40px;
  width: 101px;
  height: 101px;
  background-image: url("../imagesFront/shape/Rectangle_26_1.webp");
  z-index: -1;
}

#title--pro:after {
  content: "";
  position: absolute;
  top: -251%;
  right: -50px;
  width: 110px;
  height: 98px;
  background-image: url("../imagesFront/shape/Mode_Isolation_1--pro.webp");
  z-index: 1;
  scale: 0.5;
}

.btn-position {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
}

@media (min-width: 768px) {
  #title {
    font-size: 38px;
    font-weight: 700;
    color: #000;
  }
  #title:before {
    content: "";
    position: absolute;
    top: -50%;
    left: -40px;
    width: 178px;
    height: 178px;
    background-image: url("/imagesFront/shape/Rectangle_26.webp");
    z-index: -1;
  }
  #title:after {
    content: "";
    position: absolute;
    top: -90px;
    right: -110px;
    width: 221px;
    height: 229px;
    background-image: url(/imagesFront/shape/Mode_Isolation.webp);
    z-index: 1;
    scale: 1 !important;
  }
}
.consommation-wrapper::before, .facture-wrapper::before {
  font-family: "FontAwesome";
  position: absolute;
  top: 25px;
  left: 25px;
}

.facture-wrapper::before {
  content: "\f570";
}

@media (min-width: 768px) {
  .facture-wrapper::before {
    content: "\f570";
  }
}
.consommation-wrapper::before {
  content: "\f1ec";
}

@media (min-width: 768px) {
  .consommation-wrapper::before {
    content: "\f1ec";
  }
}
input[type=submit] {
  background-color: purple;
  border: none;
}

#estimation form {
  border-radius: 30px;
}

#estimation label {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

#simulationText:before {
  content: "";
  position: absolute;
  top: -50%;
  left: -80px;
  width: 110px;
  height: 98px;
  background-image: url(/imagesFront/shape/Mode_Isolation_1.webp);
  transform: rotate(270deg);
  z-index: 1;
  scale: 0.5;
}

@media (min-width: 768px) {
  #simulationText:before {
    scale: 1;
    top: -180%;
    left: -140px;
    width: 221px;
    height: 229px;
    background-image: url(/imagesFront/shape/Mode_Isolation.webp);
  }
}
#simulationText--pro:before {
  content: "";
  position: absolute;
  top: -50%;
  left: -80px;
  width: 110px;
  height: 98px;
  background-image: url(../imagesFront/shape/Mode_Isolation_1--pro.webp);
  transform: rotate(270deg);
  z-index: 1;
  scale: 0.5;
}

@media (min-width: 768px) {
  #simulationText--pro:before {
    scale: 1;
    top: -180%;
    left: -140px;
    width: 221px;
    height: 229px;
    background-image: url(/imagesFront/shape/Mode_Isolation.webp);
  }
}
.whiskey-cards {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.whiskey-cards::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  height: 5px;
}

.whiskey-cards::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5) linear-gradient(90deg, #000, #0073e6, #003ab9, #635bff);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  border-radius: 16px;
  opacity: 0.5;
}

.whiskey-cards:hover::-webkit-scrollbar-thumb {
  opacity: 1;
}

.whiskey-card h3 {
  padding-top: 0;
  line-height: 1.35;
}

.whiskey-card .whiskey-card--content img {
  max-width: 100%;
}

.whiskey-card h3 a,
.whiskey-card .whiskey-card--link a {
  color: #ffffff;
}

.whiskey-card .whiskey-card--link a svg {
  --arrowSpacing: 5px;
  --arrowHoverTransition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
  --arrowHoverOffset: translateX(3px);
  --arrowTipTransform: none;
  --arrowLineOpacity: 0;
  position: relative;
  top: 1px;
  margin-left: var(--arrowSpacing);
  stroke-width: 2px;
  fill: none;
  stroke: currentColor;
}

#offer-title {
  position: relative;
  font-weight: 700;
  color: #000;
}

#offer-title:before {
  content: "";
  position: absolute;
  top: -15%;
  left: -24px;
  width: 101px;
  height: 101px;
  background-image: url("/imagesFront/shape/Rectangle_26_1.webp");
  z-index: -1;
}

#offer-title:after {
  content: "";
  position: absolute;
  top: -50%;
  right: -30px;
  width: 110px;
  height: 98px;
  background-image: url("/imagesFront/shape/Mode_Isolation_1.webp");
  z-index: 1;
}

@media (min-width: 768px) {
  #offer-title {
    position: relative;
    font-weight: 700;
    color: #000;
  }
  #offer-title:before {
    content: "";
    position: absolute;
    top: -30%;
    left: -40px;
    width: 178px;
    height: 178px;
    background-image: url("/imagesFront/shape/Rectangle_26.webp");
    z-index: -1;
  }
  #offer-title:after {
    content: "";
    position: absolute;
    top: -100%;
    left: 260px;
    width: 221px;
    height: 229px;
    background-image: url(/imagesFront/shape/Mode_Isolation.webp);
    z-index: 1;
  }
}
#containerNewsLetter {
  margin-top: -260px;
}

@media (min-width: 768px) {
  #containerNewsLetter {
    margin-top: -160px;
  }
}
#newsLetter-btn {
  margin-top: -36px;
}

@media (min-width: 768px) {
  #newsLetter-btn {
    margin-top: -8px;
  }
}
@media (min-width: 768px) {
  #newsLetter {
    margin-top: -20px;
  }
}
.containerBanner {
  position: relative;
  text-align: center;
}

.text {
  position: absolute;
  top: 40%;
  font-size: 1.2rem;
}

@media (min-width: 768px) {
  .text {
    top: 50%;
    left: 77%;
    transform: translate(-50%, -50%);
    text-align: end;
  }
}
.line-height-1 {
  line-height: 1;
}

.serviceImg {
  width: 73px;
  height: 90px;
}

#fournisseurElec {
  letter-spacing: -0.8px;
}

#fixed-image-icon {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  background: white;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  right: 10px;
  bottom: 70px;
  width: 50px;
  height: 50px;
}

@media (min-width: 768px) {
  #fixed-image-icon {
    right: 20px;
    bottom: 90px;
    width: 60px;
    height: 60px;
  }
}
.bg-Vague {
  background-image: url("/images/footer.webp");
}

.bg-Vague--pro {
  background-image: url("/images/footer--pro.webp");
}

@media (max-width: 768px) {
  .bg-Vague {
    background-image: none;
    background-color: yellow;
  }
  .bg-Vague--pro {
    background-image: none;
    background-color: #2F3498 !important;
  }
}
.color-link {
  color: #1d7eb5 !important;
  border-color: #1d7eb5 !important;
}

.logo-switch {
  height: 85px;
}

.icone-reseau {
  width: 45px;
}

.size-icone-title {
  width: 75px;
}

.icone-pos-top-left {
  top: 0;
  left: -17px;
}

.bottom-left {
  bottom: 65px;
  right: 91%;
}

.bottom-right {
  top: -21px;
  left: -35px;
}

.top-right {
  left: 83%;
  bottom: 95%;
}

.bottom-center {
  bottom: 75%;
  right: 0%;
}

.rotate-270 {
  transform: rotate(270deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-10 {
  transform: rotate(10deg);
}

.rotate-0 {
  transform: rotate(0deg) !important;
}

.icon-small {
  width: 65px;
}

.icon-medium {
  width: 150px;
  height: 150px;
}

.icon-large {
  width: 180px;
  height: 180px;
}

.img-90 {
  width: 90px;
}

.icon-main-left {
  left: 4%;
}

#title-page-ce {
  background-color: rgba(0, 0, 0, 0.5);
  top: 30%;
  width: 80%;
}

#title-page-ce h1 {
  font-size: 1.2rem;
}

.custom-height {
  height: 50px;
}

.custom-underline {
  text-decoration-thickness: 0.2em !important;
}

.custom-header {
  height: 75px;
}

.bg-light-grey {
  background-color: #f5f5f5;
}

@media (min-width: 768px) {
  .bottom-right {
    top: -26px;
    left: -37px;
  }
  .size-icone-title {
    width: 87px;
  }
}
@media (min-width: 992px) {
  #title-page-ce {
    width: 50% !important;
  }
  #title-page-ce h1 {
    font-size: 2.5rem;
  }
  .bottom-right {
    top: auto;
    left: auto;
    bottom: 70px;
    right: 92%;
  }
  .custom-icone-title {
    bottom: 124px;
    right: 92%;
  }
  .size-icone-title {
    width: 100px;
  }
}
@media (min-width: 1200px) {
  .bottom-right {
    bottom: 72px;
    left: -62px;
  }
  .bottom-center {
    bottom: 83px;
    right: 6%;
  }
  .custom-icone-title {
    bottom: 95px;
    right: 89.5%;
  }
  .size-icone-title {
    width: 120px;
  }
}
@media (min-width: 1400px) {
  .bottom-right {
    bottom: 67px;
    right: 91%;
  }
  .bottom-center {
    bottom: 65px;
  }
  .bottom-center {
    right: 18%;
  }
}
.icon-switch-size {
  height: 65px;
}

.fs-7 {
  font-size: 0.75rem;
}

.icon-cercle-position {
  top: -30px;
  left: 79%;
}

.icon-quote-position {
  top: -35px;
  left: 80%;
}

video {
  width: 80%;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.54);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.54);
}

#galeryManny {
  height: 241px;
}

.whiskey-cards {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 48px 48px 0 48px;
  width: 98%;
}

.whiskey-card {
  min-width: 244px;
  margin: 8px;
  transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.whiskey-card:hover {
  transform: scale(1.04) translateY(-16px);
}

@media (min-width: 576px) {
  .icon-cercle-position {
    left: 84%;
  }
  .icon-quote-position {
    left: 75%;
  }
}
@media (min-width: 768px) {
  .col-md-2-4 {
    flex: 0 0 auto;
    width: 20%;
  }
  #imageManny {
    width: 50vw;
  }
  .icon-cercle-position {
    width: 120px !important;
    top: -50px;
    left: 80%;
  }
  .icon-quote-position {
    left: 69%;
  }
}
@media (min-width: 992px) {
  .carousel-item .col-lg-2 {
    display: block;
  }
  .icon-cercle-position {
    left: 84%;
  }
  .icon-quote-position {
    left: 64%;
  }
}
@media (min-width: 1200px) {
  .icon-cercle-position {
    left: 84%;
  }
  .icon-quote-position {
    left: 62%;
  }
}
@media (min-width: 1400px) {
  .icon-cercle-position {
    left: 72%;
  }
  .icon-quote-position {
    left: 60%;
  }
  video {
    width: 50%;
  }
}
.icone-texte-borne {
  z-index: -2;
  top: -19px;
  left: 24px;
  width: 75px;
}

.rounded-custom {
  border-radius: 0 0 30px 30px;
}

.icon-annexe-borne {
  width: 60px;
  transform: rotate(342deg);
  top: 11px;
  left: calc(95% - 60px);
}

.icon-borne-cercle {
  z-index: -1;
  width: 80px;
  top: 72%;
  left: -28px;
}

.icon-borne-hand {
  transform: rotate(0);
  top: 0px;
  max-width: none;
  left: calc(109% - 350px);
  width: 350px;
}

@media (min-width: 768px) {
  .icon-borne-hand {
    top: 23%;
    left: calc(101% - 250px);
    position: absolute !important;
    width: 250px;
  }
}
@media (min-width: 992px) {
  .img-transition {
    left: -28px;
    width: 100px;
    height: 100px;
  }
  .icon-borne-hand {
    top: 20%;
    left: calc(100% - 300px);
    width: 300px;
  }
}
@media (min-width: 1500px) {
  .icon-borne-hand {
    top: 20%;
    left: calc(100% - 330px);
    width: 330px;
  }
}
#logoKiwatch {
  width: 50%;
}

.icon-video {
  bottom: 79%;
  right: 81%;
  width: 75px;
}

article.box-video img.icon-video:nth-of-type(2) {
  bottom: 11%;
  right: -8%;
}

.box-video {
  width: min-content;
  height: min-content;
}

.video-kiwatch {
  width: 300px;
  height: 200px;
}

.article-cam-size {
  width: 100%;
}

.icon-cam {
  width: 200px;
}

.icon-article-kiwatch {
  width: 50px;
}

.article-box {
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.74);
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.74);
}

.icon-cam-illu {
  width: 80px;
  z-index: -2;
}

.ki-home {
  right: -11px;
  bottom: 6px;
}

.ki-moov {
  left: -20px;
  bottom: 10px;
}

.end-box-cam {
  top: -60px;
}

.icon-mobile {
  width: 31px;
  font-size: 25px;
}

@media (min-width: 768px) {
  #logoKiwatch {
    width: 85%;
    max-width: 220px;
  }
  .video-kiwatch {
    width: 550px;
    height: 375px;
  }
  .icon-video {
    bottom: 84%;
    right: 86%;
    width: 100px;
  }
  article.box-video img.icon-video:nth-of-type(2) {
    bottom: 5%;
    right: -7%;
  }
  .title-video {
    width: 75%;
  }
  .ki-home {
    right: 15px;
    bottom: 11px;
  }
  .ki-moov {
    left: 14px;
    bottom: 13px;
  }
  .final-section-cam {
    width: 80%;
  }
  article.bg-primary.px-5 p.w-75 {
    width: 60% !important;
  }
}
@media (min-width: 1200px) {
  .article-cam-size {
    width: 75%;
  }
  .box-cam-size {
    width: 75%;
  }
  .ki-moov {
    left: 10px;
    bottom: 13px;
  }
}
#logoReims {
  width: 120px;
}

#descriptionReims {
  width: 75%;
}

@media (min-width: 768px) {
  #logoReims {
    width: 200px;
  }
  #descriptionReims {
    width: 75%;
  }
}
.icon-description {
  width: 80px;
}

#box-banner-img {
  height: 190px;
}

#box-banner-img img {
  height: 190px;
}

@media (min-width: 768px) {
  #box-banner-img {
    height: auto;
  }
  #box-banner-img img {
    height: auto;
    width: 100%;
  }
}
#titleThermostat:after {
  content: "";
  position: absolute;
  top: -110%;
  right: -30px;
  width: 110px;
  height: 98px;
  background-image: url(/imagesFront/shape/Mode_Isolation_1.webp);
  z-index: 1;
}

@media (min-width: 768px) {
  #titleThermostat:after {
    content: "";
    position: absolute;
    top: -140px;
    right: 240px;
    width: 221px;
    height: 229px;
    background-image: url(/imagesFront/shape/Mode_Isolation.webp);
    z-index: 2;
  }
}
#titleAide:after {
  content: "";
  position: absolute;
  top: -270%;
  right: -10px;
  width: 110px;
  height: 98px;
  background-image: url(/imagesFront/shape/Mode_Isolation_1.webp);
  z-index: 1;
}

@media (min-width: 768px) {
  #titleAide:after {
    content: "";
    position: absolute;
    top: -140px;
    right: 270px;
    width: 221px;
    height: 229px;
    background-image: url(/imagesFront/shape/Mode_Isolation.webp);
    z-index: 2;
  }
}
#thermostatPrice:after {
  content: "";
  display: none;
  position: absolute;
  top: -270%;
  right: 30px;
  width: 110px;
  height: 98px;
  background-image: url(/imagesFront/shape/Ellipse-87.webp);
  z-index: 1;
}

@media (min-width: 768px) {
  #thermostatPrice:after {
    content: "";
    position: absolute;
    top: 230px;
    right: -70px;
    width: 161px;
    height: 165px;
    background-image: url(/imagesFront/shape/Ellipse-87.webp);
    z-index: -1;
  }
}
.icon-borne-cercle {
  z-index: -1;
  width: 80px;
  top: 82%;
  left: -10px;
}

.icone-enrgy {
  width: 75px;
}

#iconCard {
  z-index: -1;
  width: 80px;
  bottom: -4px;
  right: -21px;
}

@media (min-width: 768px) {
  .icon-borne-cercle {
    top: 72%;
    left: -20px;
  }
}
@media (min-width: 992px) {
  .icon-borne-cercle {
    top: 82%;
    left: -19px;
  }
}
@media (min-width: 1400px) {
  .icon-borne-cercle {
    top: 86%;
  }
}
#icon-cookie {
  top: -15px;
  width: 100px;
  left: -15px;
}

.download-box {
  border: 3px solid #FFFF00;
  width: min-content;
}

.img-condition {
  width: 50px;
  height: 50px;
}

@media (min-width: 768px) {
  .img-condition {
    width: 80px;
    height: 80px;
  }
}
.illu-mention-call {
  top: -48px;
  left: -59px;
  width: 80px;
  transform: rotate(280deg);
}

.illu-mention-elec {
  top: -25px;
  right: -29px;
  width: 80px;
  z-index: 1;
}

.illu-mention-google {
  top: -15px;
  left: -15px;
  width: 100px;
}

.illu-fournisseur {
  top: 30px;
  left: 0px;
  width: 100px;
}

.icon-menu-aside {
  height: 20px;
}

.icon-title {
  height: 25px;
}

.fs-6-5 {
  font-size: 14px;
}

.sectionFaq {
  width: 85%;
}

.accordion {
  width: 100%;
}

.accordion-custom {
  width: 85%;
}

#guide, #offre, #demenage, #comparer, #fournisseur, #paiements, #tarifs, #energie, #compteurs {
  height: 10px;
}

.icon-boutiques {
  height: 60px;
}

#bandrole {
  height: 200px;
}

.bg-custom {
  background-color: #64257e;
  width: 250px;
}

.illu-boutique {
  top: -55px;
  left: 58%;
  width: 95px;
}

.icon-map {
  width: 250px;
}

.buttonPhone {
  width: min-content;
  background-color: #93C024;
}

.inputBoutique {
  accent-color: #ffff00;
}

@media (min-width: 768px) {
  #bandrole {
    height: auto;
  }
  .icon-home {
    width: 150px;
    height: 132px;
    margin: auto 0;
  }
  .illu-boutique {
    top: 32px;
  }
  .icon-map {
    width: 350px;
  }
}
.carouselSize {
  width: 75%;
}

@media (min-width: 992px) {
  .icon-home {
    width: initial;
    height: initial;
  }
}
.boxYoutube {
  bottom: 6px;
  border-radius: 0 0 10px 10px;
  height: 123px;
}

#youtube, .report {
  border-radius: 10px 10px 0 0;
}

@media (min-width: 576px) {
  #youtube {
    height: 300px;
  }
  .boxYoutube {
    height: 100px;
  }
}
@media (min-width: 768px) {
  #youtube {
    height: 450px;
  }
  .boxYoutube {
    height: 80px;
  }
  #boxArticleCustom {
    height: 307px;
  }
}
@media (min-width: 992px) {
  #youtube {
    height: 192px;
  }
  .boxYoutube {
    height: 123px;
  }
  #boxArticleCustom {
    height: 424px;
  }
}
@media (min-width: 1200px) {
  #youtube {
    height: 233px;
  }
  .boxYoutube {
    height: 100px;
  }
  #boxArticleCustom {
    height: 511px;
  }
}
@media (min-width: 1400px) {
  #youtube {
    height: 271px;
  }
  #boxArticleCustom {
    height: 598px;
  }
}
#iconTemoin {
  width: 80px;
}

.boxTemoignage {
  border-radius: 50%;
}

.boxTemoignage img {
  border-radius: 50%;
  width: 120px;
  left: 34%;
  top: 46px;
}

.custom-shadow {
  -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.5);
}

.img-ecosysteme-title,
.img-ecosysteme-section {
  width: 80px;
  z-index: 0;
}

.img-ecosysteme-title {
  top: -8px;
  left: 5%;
}

.img-ecosysteme-section {
  top: 33px;
  left: -8px;
}

@media (min-width: 768px) {
  .img-ecosysteme-title {
    top: -14px;
    width: 100px;
    left: -4px;
  }
}
.ecogesteTitle h3 {
  width: min-content;
}

.ecogesteTitle {
  height: 134px;
}

.imgSubTitle {
  width: 120px;
}

.icon-contact {
  width: 100px;
}

.icon-top-contact {
  top: -25px;
  left: -38px;
}

.icon-bottom-contact {
  bottom: -38px;
  right: -25px;
}

.size-icone-contact {
  width: 100px;
}

.button-custon-form {
  width: 100%;
}

@media (min-width: 768px) {
  .button-custon-form {
    width: 300px;
  }
  .divButton div {
    display: flex;
    justify-content: end;
  }
}
.icon-custom-partner {
  width: 80px;
  top: -53px;
  right: -45px;
}

#partnerTitle {
  width: min-content;
}

#thermostat .list-item {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  position: relative;
  counter-increment: item;
}

#thermostat .circle {
  position: relative; /* already present */
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: yellow;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  font-weight: bold;
}

#thermostat .circle::before {
  content: counter(item);
  position: absolute;
  color: #000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#thermostat .textThermostat {
  margin-left: 10px;
  font-weight: bold;
}

#thermostat ul.list::after {
  content: "";
  position: absolute;
  top: 30px;
  bottom: 50px;
  left: 12px;
  border-left: 5px solid yellow;
  height: 270px;
  font-weight: bold;
}

@media (min-width: 768px) {
  #thermostat ul.list::after {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 50px;
    left: 46px;
    border-left: 5px solid yellow;
    height: 270px;
    font-weight: bold;
  }
}
#thermostat ul.list {
  counter-reset: item;
  position: relative;
}

#thermostat .list > li:last-child::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 20px;
  width: 2px;
  background-color: white;
}

.cke_notification .cke_notification_warning {
  display: none !important;
}

.cke_notifications_area {
  display: none !important;
}



/*# sourceMappingURL=appFront.css.map */