/* Fonts*/
@font-face {
  font-family: "georgiaItalic";
  src: url("../../assets/fonts/georgiaitalic.woff2") format("woff2"), url("../../assets/fonts/georgiaitalic.woff") format("woff"), url("../../assets/fonts/georgiaitalic.ttf") format("truetype"), url("../../assets/fonts/georgiaitalic.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "georgia";
  src: url("../../assets/fonts/Georgia.woff2") format("woff2"), url("../../assets/fonts/Georgia.woff") format("woff"), url("../../assets/fonts/Georgia.ttf") format("truetype"), url("../../assets/fonts/Georgia.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversLTPro-65Bold";
  src: url("../../assets/fonts/UniversLTPro-65Bold.woff2") format("woff2"), url("../../assets/fonts/UniversLTPro-65Bold.woff") format("woff"), url("../../assets/fonts/UniversLTPro-65Bold.ttf") format("truetype"), url("../../assets/fonts/UniversLTPro-65Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversLTPro-55Roman";
  src: url("../../assets/fonts/UniversLTPro-55Roman.woff2") format("woff2"), url("../../assets/fonts/UniversLTPro-55Roman.woff") format("woff"), url("../../assets/fonts/UniversLTPro-55Roman.ttf") format("truetype"), url("../../assets/fonts/UniversLTPro-55Roman.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversLTPro-45Light";
  src: url("../../assets/fonts/UniversLTPro-45Light.woff2") format("woff2"), url("../../assets/fonts/UniversLTPro-45Light.woff") format("woff"), url("../../assets/fonts/UniversLTPro-45Light.ttf") format("truetype"), url("../../assets/fonts/UniversLTPro-45Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversLTPro-75Black";
  src: url("../../assets/fonts/UniversLTPro-75Black.woff2") format("woff2"), url("../../assets/fonts/UniversLTPro-75Black.woff") format("woff"), url("../../assets/fonts/UniversLTPro-75Black.ttf") format("truetype"), url("../../assets/fonts/UniversLTPro-75Black.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversBlackItalic";
  src: url("../../assets/fonts/Univers-Black-Italic.woff2") format("woff2"), url("../../assets/fonts/Univers-Black-Italic.woff") format("woff"), url("../../assets/fonts/Univers-Black-Italic.ttf") format("truetype"), url("../../assets/fonts/Univers-Black-Italic.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversBlack";
  src: url("../../assets/fonts/Univers-Black.woff2") format("woff2"), url("../../assets/fonts/Univers-Black.woff") format("woff"), url("../../assets/fonts/Univers-Black.ttf") format("truetype"), url("../../assets/fonts/Univers-Black.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversLightItalic";
  src: url("../../assets/fonts/Univers-Light-Italic.woff2") format("woff2"), url("../../assets/fonts/Univers-Light-Italic.woff") format("woff"), url("../../assets/fonts/Univers-Light-Italic.ttf") format("truetype"), url("../../assets/fonts/Univers-Light-Italic.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversLight";
  src: url("../../assets/fonts/Univers-Light-Normal.woff2") format("woff2"), url("../../assets/fonts/Univers-Light-Normal.woff") format("woff"), url("../../assets/fonts/Univers-Light-Normal.ttf") format("truetype"), url("../../assets/fonts/Univers-Light-Normal.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversBold";
  src: url("../../assets/fonts/UniversLTStd-Bold.woff2") format("woff2"), url("../../assets/fonts/UniversLTStd-Bold.woff") format("woff"), url("../../assets/fonts/UniversLTStd-Bold.ttf") format("truetype"), url("../../assets/fonts/UniversLTStd-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversBoldOblique";
  src: url("../../assets/fonts/UniversLTStd-BoldObl.woff2") format("woff2"), url("../../assets/fonts/UniversLTStd-BoldObl.woff") format("woff"), url("../../assets/fonts/UniversLTStd-BoldObl.ttf") format("truetype"), url("../../assets/fonts/UniversLTStd-BoldObl.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniversOblique";
  src: url("../../assets/fonts/UniversLTStd-Obl.woff2") format("woff2"), url("../../assets/fonts/UniversLTStd-Obl.woff") format("woff"), url("../../assets/fonts/UniversLTStd-Obl.ttf") format("truetype"), url("../../assets/fonts/UniversLTStd-Obl.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Univers";
  src: url("../../assets/fonts/UniversLTStd.woff2") format("woff2"), url("../../assets/fonts/UniversLTStd.woff") format("woff"), url("../../assets/fonts/UniversLTStd.ttf") format("truetype"), url("../../assets/fonts/UniversLTStd.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RoobertEnel-Regular";
  src: url("../../assets/fonts/enel_roobert/RoobertENEL-Regular.woff2") format("woff2"), url("../../assets/fonts/enel_roobert/RoobertENEL-Regular.woff") format("woff"), url("../../assets/fonts/enel_roobert/RoobertENEL-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RoobertEnel-Light";
  src: url("../../assets/fonts/enel_roobert/RoobertENEL-Light.woff2") format("woff2"), url("../../assets/fonts/enel_roobert/RoobertENEL-Light.woff") format("woff"), url("../../assets/fonts/enel_roobert/RoobertENEL-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RoobertEnel-Bold";
  src: url("../../assets/fonts/enel_roobert/RoobertENEL-Bold.woff2") format("woff2"), url("../../assets/fonts/enel_roobert/RoobertENEL-Bold.woff") format("woff"), url("../../assets/fonts/enel_roobert/RoobertENEL-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}

table tr td {
  padding: 5px;
}

.check_container {
  display: flex;
  align-items: flex-start;
}
.check_container input {
  margin-top: 0px;
  width: 80px !important;
  height: 50px !important;
}
.check_container label {
  margin-left: 10px;
}

.show-mobile {
  display: none;
}
@media screen and (max-width: 576px) {
  .show-mobile {
    display: block;
  }
  .show-mobile.subscribe-mobile {
    max-width: 270px;
    width: 100%;
    margin: 30px auto 0;
    background: #0555FA;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-radius: 5px;
  }
}

.swal2-styled.swal2-confirm {
  background: #e90657 !important;
  border-left-color: #e90657 !important;
  border-right-color: #e90657 !important;
  outline: none !important;
}

.swal2-title {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #0f141a !important;
  font-size: 30px !important;
}

.swal2-content,
.swal2-html-container {
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}

.swal2-styled.swal2-confirm {
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}

.CookieDeclaration {
  display: none;
}

#CybotCookiebotDialog a,
#CybotCookiebotDialog div,
#CybotCookiebotDialogBodyContentControls,
#CybotCookiebotDialogBodyContentTitle {
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}

.beta-offers {
  width: calc(50% - 122px);
}
@media screen and (max-width: 576px) {
  .beta-offers {
    width: 90%;
    margin: 0 auto;
    margin-top: 24px;
  }
}
@media screen and (max-width: 786px) {
  .beta-offers {
    width: 90%;
    margin: 0 auto;
    margin-top: 24px;
  }
}
.beta-offers .owl-offers {
  position: relative;
}
.beta-offers .owl-offers .owl-stage {
  display: flex;
}
.beta-offers .owl-offers .owl-item {
  display: flex;
  flex: 1 0 auto;
}
.beta-offers .owl-offers .owl-dots {
  display: none;
}
.beta-offers .owl-offers .beta-cards-offer {
  width: 100%;
  display: inline-block;
}
.beta-offers .owl-offers .beta-cards-offer a {
  width: 100%;
  text-decoration: none;
}
.beta-offers .owl-offers .beta-cards-offer a .beta-cardGlobal {
  width: 100%;
  display: inline-flex;
  flex-wrap: nowrap;
  height: 100%;
}
.beta-offers .owl-offers .beta-cards-offer a .beta-cardGlobal .beta-offerCard {
  width: 100%;
  position: relative;
  background: #edf3ff;
  margin-top: 55px;
  border: 1px solid #c2c8d2;
  border-left: none;
}
.beta-offers .owl-offers .beta-cards-offer a .beta-cardGlobal .beta-offerCard .beta-imageBloc {
  width: 100%;
  height: 179px;
}
.beta-offers .owl-offers .beta-cards-offer a .beta-cardGlobal .beta-offerCard .beta-imageBloc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.beta-offers .owl-offers .beta-cards-offer a .beta-cardGlobal .beta-offerCard .beta-contentBloc {
  margin-top: 32px;
  margin-bottom: 40px;
  padding: 0 30px;
}
.beta-offers .owl-offers .beta-cards-offer a .beta-cardGlobal .beta-offerCard .beta-contentBloc h2 {
  font-size: 25px;
  color: #0555fa;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
}
.beta-offers .owl-offers .beta-cards-offer a .beta-cardGlobal .beta-offerCard .beta-contentBloc h3 {
  font-size: 17px;
  color: #0555fa;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
}
.beta-offers .owl-offers .beta-cards-offer a .beta-cardGlobal .beta-offerCard .beta-contentBloc p {
  margin-top: 37px;
  font-size: 15px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #0f141a;
  margin-bottom: 0;
  padding-bottom: 0;
}
.beta-offers .owl-offers .beta-cards-offer a .beta-cardGlobal .beta-offerCard .beta-contentBloc span {
  font-size: 12px;
  color: #667790;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  line-height: 12px;
  margin-top: 0;
}
.beta-offers .owl-offers .beta-cards-offer a .beta-cardGlobal .beta-offerCard .beta-contentBloc .beta-btn-show {
  font-size: 15px;
  color: #fff;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  width: 180px;
  height: 56px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
  background: #ff5a0f;
  text-decoration: none;
}
.beta-offers .owl-offers .beta-cards-offer a .beta-cardGlobal .beta-offerCard .beta-badge {
  position: absolute;
  top: -55px;
  left: 50%;
  transform: translateX(-50%);
}
.beta-offers .owl-offers .beta-cards-offer a .beta-cardGlobal .beta-offerCard .beta-badge img {
  width: auto;
}
.beta-offers .owl-offers .owl-nav .owl-prev {
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translate(0, -50%);
  background: #667790;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.beta-offers .owl-offers .owl-nav .owl-prev.disabled {
  display: none;
}
.beta-offers .owl-offers .owl-nav .owl-next {
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translate(0, -50%);
  background: #667790;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.beta-offers .owl-offers .owl-nav .owl-next.disabled {
  display: none;
}
.cookie-bar {
  z-index: 9;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 10px;
  max-width: 714px;
  margin: 0 auto;
  padding: 15px;
  background: #fff;
  border: 1px solid #0555FA;
  border-radius: 5px;
  transition: 0.3s ease-in-out;
  display: none;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .cookie-bar {
    margin: 0 20px;
  }
}
@media screen and (max-width: 576px) {
  .cookie-bar {
    margin: 0 20px;
    flex-wrap: wrap;
  }
}
.cookie-bar--active {
  display: flex;
  opacity: 1;
  align-items: center;
  justify-content: space-around;
}
.cookie-bar p {
  color: #667790;
  text-align: left;
  font-size: 13px;
  width: calc(100% - 200px);
  display: inline-block;
  padding: 0;
  margin: 0;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 576px) {
  .cookie-bar p {
    width: 100%;
  }
}
.cookie-bar p a {
  text-decoration: none;
  color: #667790;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
.cookie-bar .iAgree {
  font-size: 15px;
  color: #0555FA;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  text-decoration: none;
  position: relative;
}
.cookie-bar .iAgree:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -5px;
  width: 100%;
  height: 1px;
  background: #0555FA;
}

.promoBar .alert {
  padding: 0;
  margin: 0;
  background-color: #FDE5EE;
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 576px) {
  .promoBar .alert {
    padding: 8px;
    height: auto;
  }
}
.promoBar .alert p {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 13px;
  color: #667790;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 576px) {
  .promoBar .alert p {
    text-align: left;
  }
}
.promoBar .alert p span {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #E90657;
}
.promoBar .alert .close {
  position: relative;
  float: none;
  padding: 0;
  display: inline-block;
  color: #E90657;
  text-shadow: none;
  opacity: 1;
  line-height: normal;
  font-size: 10px;
  margin-left: 50px;
}
@media screen and (max-width: 576px) {
  .promoBar .alert .close {
    margin-left: 0;
  }
}

.header {
  height: 122px;
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 800px) and (max-height: 470px) {
  .header.is-active-background:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 122px;
    background: #eff2f7;
    z-index: 10;
  }
}
@media screen and (max-width: 576px) {
  .header {
    height: 93px;
  }
}
.header .logo-wrapper {
  width: 40%;
}
.header .items-wrapper {
  width: calc(60% - 122px);
}
.header .logo {
  margin-left: 50px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1200px) {
  .header .logo {
    margin-left: 0;
    padding-left: 20px;
  }
}
.header .logo img {
  height: 41px;
}
@media screen and (max-width: 576px) {
  .header .logo img {
    height: 25px;
  }
}
@media screen and (max-width: 576px) {
  .header .logo {
    height: 100%;
    align-items: center;
    display: flex;
  }
}
.header .subscribe-mobile {
  display: none;
}
@media screen and (max-width: 992px) {
  .header .subscribe-mobile {
    display: block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #E90657;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: 0 10px 0 auto;
  }
}
.header .global {
  display: flex;
  justify-content: start;
  align-items: baseline;
}
@media screen and (max-width: 992px) {
  .header .global {
    display: none;
  }
}
.header .global .itemsMenu {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
}
.header .global .itemsMenu .faq,
.header .global .itemsMenu .client,
.header .global .itemsMenu .espaceClient,
.header .global .itemsMenu .devenirClient {
  display: inline-block;
}
.header .global .itemsMenu .faq p,
.header .global .itemsMenu .client p,
.header .global .itemsMenu .espaceClient p,
.header .global .itemsMenu .devenirClient p {
  display: inline-block;
}
.header .global .itemsMenu .faq img,
.header .global .itemsMenu .client img,
.header .global .itemsMenu .espaceClient img,
.header .global .itemsMenu .devenirClient img {
  display: inline-block;
}
.header .global .itemsMenu .client {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.header .global .itemsMenu .faq {
  text-decoration: none;
  margin-right: 0px;
  display: flex;
  align-items: center;
  margin-right: 40px;
}
@media screen and (max-width: 992px) {
  .header .global .itemsMenu .faq {
    margin-right: 30px;
  }
}
.header .global .itemsMenu .faq img {
  width: 29px;
}
.header .global .itemsMenu .faq p {
  color: #0f141a;
  font-size: 15px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  margin-bottom: 0;
  margin-left: 5px;
}
.header .global .itemsMenu .espaceClient {
  text-decoration: none;
  margin-right: 55px;
}
@media screen and (max-width: 992px) {
  .header .global .itemsMenu .espaceClient {
    margin-right: 20px;
  }
}
.header .global .itemsMenu .espaceClient p {
  color: #0F141A;
  font-size: 15px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  margin-bottom: 0;
}
.header .global .itemsMenu .devenirClient {
  background: #E90657;
  border-radius: 5px;
  padding: 17px;
  text-decoration: none;
  margin-right: 80px;
  display: flex;
}
.header .global .itemsMenu .devenirClient p {
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  padding-left: 20px;
}
.header .global .itemsMenu .devenirClient img {
  padding-left: 15px;
}
.header .menuGlobal {
  z-index: 10;
}
.header .menuGlobal .menuToggle {
  background: #EFF2F7;
  position: absolute;
  top: 0;
  right: 0;
  width: 122px;
  height: 122px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 99;
}
@media screen and (max-width: 576px) {
  .header .menuGlobal .menuToggle {
    width: 93px;
    height: 93px;
  }
}
.header .menuGlobal .menuToggle button {
  outline: none;
}
.header .menuGlobal .menuToggle button .hamburger-inner, .header .menuGlobal .menuToggle button .hamburger-inner:after, .header .menuGlobal .menuToggle button .hamburger-inner:before {
  height: 1px;
  width: 38px;
}
.header .menuGlobal .menuToggle button p {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 8px;
  color: #0F141A;
  letter-spacing: 2px;
  margin-top: 11px;
}
.header .menuGlobal .menuToggle .menuShown {
  display: block;
  transition: 0.3s ease-in-out;
}
.header .menuGlobal .menuToggle .menuHidden {
  display: none;
  transition: 0.3s ease-in-out;
}
.header .menuGlobal .menuToggle.is-bg {
  background: #fff;
}
.header .menuGlobal .menuToggle.is-bg .menuShown {
  display: none !important;
}
.header .menuGlobal .menuToggle.is-bg .menuHidden {
  display: block !important;
}

.nav_back_global {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  padding-top: 31px;
  padding-bottom: 63px;
  width: 0;
  height: 380px;
  background: #EFF2F7;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  z-index: 9;
  /* OLD STYLE
  @media screen and (max-width: 576px){
      height: 360px;
  }
  */
}
@media screen and (max-width: 800px) and (max-height: 470px) {
  .nav_back_global {
    overflow: scroll;
    height: 100vh !important;
    padding-top: 100px;
  }
}
@media screen and (max-width: 800px) {
  .nav_back_global {
    height: 580px;
  }
}
@media screen and (max-width: 576px) {
  .nav_back_global {
    height: 100vh;
    display: block;
    padding-top: 130px;
  }
}
@media screen and (max-width: 320px) {
  .nav_back_global {
    height: 100vh;
    display: block;
    padding-top: 90px;
  }
}
@media screen and (max-width: 576px) {
  .nav_back_global .menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    max-height: calc(100vh - 280px);
  }
}
@media screen and (max-width: 360px) {
  .nav_back_global .menu .leftMenu {
    margin-top: 35px !important;
  }
  .nav_back_global .menu .leftMenu li {
    margin-bottom: 10px !important;
  }
  .nav_back_global .menu .leftMenu li a {
    font-size: 22px !important;
  }
}
.nav_back_global .logoMenu {
  display: inline-block;
  padding-left: 62px;
  opacity: 0;
}
@media screen and (max-width: 1024px) {
  .nav_back_global .logoMenu {
    display: block;
  }
}
@media screen and (max-width: 992px) {
  .nav_back_global .logoMenu {
    display: block;
    flex: 0 0 100%;
  }
}
@media screen and (max-width: 576px) {
  .nav_back_global .logoMenu {
    padding-left: 20px;
  }
}
.nav_back_global .logoMenu img {
  width: 193px;
}
@media screen and (max-width: 576px) {
  .nav_back_global .logoMenu img {
    width: auto;
    height: 25px;
  }
}
.nav_back_global .menu .topMenu {
  display: none;
}
@media screen and (max-width: 800px) {
  .nav_back_global .menu .topMenu {
    display: block;
    margin-left: 60px;
    margin-top: 0px;
  }
  .nav_back_global .menu .topMenu .client {
    display: block;
  }
  .nav_back_global .menu .topMenu .espaceClient {
    text-decoration: none;
    display: flex;
    align-items: center;
    opacity: 0;
  }
  .nav_back_global .menu .topMenu .espaceClient p {
    color: #0F141A;
    font-size: 15px;
    font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
    margin: 0 0 0 10px;
  }
  .nav_back_global .menu .topMenu .devenirClient {
    background: #E90657;
    border-radius: 5px;
    padding: 17px;
    text-decoration: none;
    display: block;
    margin-top: 30px;
    opacity: 0;
    width: 165px;
  }
  .nav_back_global .menu .topMenu .devenirClient p {
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
    color: #fff;
    margin-right: 20px;
    display: inline-block;
  }
  .nav_back_global .menu .topMenu .devenirClient img {
    display: inline-block;
  }
}
.nav_back_global .menu ul.leftMenu {
  display: inline-block;
  margin-left: 130px;
  margin-top: 80px;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .nav_back_global .menu ul.leftMenu {
    margin-left: 60px;
  }
}
@media screen and (max-width: 576px) {
  .nav_back_global .menu ul.leftMenu {
    display: block;
    margin-top: 40px;
  }
}
.nav_back_global .menu ul.leftMenu li {
  list-style: none;
  opacity: 0;
  transition: 0.3s ease-in-out;
  margin-bottom: 18px;
}
.nav_back_global .menu ul.leftMenu li a {
  font-size: 27px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  text-decoration: none;
}
@media screen and (max-width: 576px) {
  .nav_back_global .menu ul.leftMenu li a {
    font-size: 25px;
  }
}
.nav_back_global .menu ul.rightMenu {
  display: inline-block;
  margin-left: 200px;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .nav_back_global .menu ul.rightMenu {
    margin-left: 100px;
  }
}
@media screen and (max-width: 576px) {
  .nav_back_global .menu ul.rightMenu {
    display: block;
    margin-left: 60px;
    margin-top: 20px;
  }
}
.nav_back_global .menu ul.rightMenu li {
  list-style: none;
  opacity: 0;
  transition: 0.3s ease-in-out;
  margin-bottom: 10px;
}
.nav_back_global .menu ul.rightMenu li a {
  font-size: 16px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  text-decoration: none;
}

@keyframes animate-arrow {
  0% {
    left: 0px;
  }
  50% {
    left: 10px;
  }
  100% {
    left: 0px;
  }
}
#main {
  overflow: hidden;
}
#main .more-offers {
  position: absolute;
  top: 55px;
  bottom: 0;
  right: 15px;
  width: 122px;
  z-index: 9;
}
@media screen and (min-width: 1200px) {
  #main .more-offers.two-offers {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  #main .more-offers.two-offers {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  #main .more-offers.two-offers {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  #main .more-offers.two-offers {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  #main .more-offers.plus-offers {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  #main .more-offers.plus-offers {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  #main .more-offers.plus-offers {
    display: none;
  }
}
#main .more-offers .offer-arrow {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  animation: animate-arrow 1s infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}
#main .more-offers .offer-arrow img {
  width: 5px;
}
#main.page_wrapper_class {
  max-width: 2000px;
  margin: 0 auto;
  padding-bottom: 158px;
}
#main.page_wrapper_class .fixed-top {
  max-width: 2000px;
  margin: 0 auto;
}
#main.active404 .temoignages,
#main.active404 .clients {
  display: none;
}
#main .offersBloc {
  position: relative;
  margin-top: 161px;
}
#main .offersBloc.marge-without-bar {
  margin-top: 122px;
}
@media screen and (max-width: 576px) {
  #main .offersBloc.marge-without-bar {
    margin-top: 93px;
  }
}
@media screen and (max-width: 576px) {
  #main .offersBloc {
    margin-top: 149px;
  }
}
#main .offersBloc .container-fluid .blueBloc {
  width: 50%;
  background: #0555FA;
}
@media screen and (max-width: 1024px) {
  #main .offersBloc .container-fluid .blueBloc {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #main .offersBloc .container-fluid .blueBloc {
    width: 100%;
  }
}
#main .offersBloc .container-fluid .offersBlocs {
  width: calc(50% - 122px);
}
@media screen and (max-width: 1024px) {
  #main .offersBloc .container-fluid .offersBlocs {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  #main .offersBloc .container-fluid .offersBlocs {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
}
#main .offersBloc .container-fluid .offresPro {
  height: 100%;
  padding: 40px;
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (max-width: 576px) {
  #main .offersBloc .container-fluid .offresPro {
    position: relative;
    padding: 14px 25px;
  }
}
@media screen and (max-width: 576px) {
  #main .offersBloc .container-fluid .offresPro .content-wrapper {
    display: none;
  }
}
#main .offersBloc .container-fluid .offresPro h1 {
  font-size: 24px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #ffffff;
}
#main .offersBloc .container-fluid .offresPro h1 span {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  font-size: 53px;
}
@media screen and (max-width: 576px) {
  #main .offersBloc .container-fluid .offresPro h1 {
    display: none;
  }
}
#main .offersBloc .container-fluid .offresPro h1.showOnlyMobile {
  display: none;
  font-size: 16px;
  line-height: 26px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
#main .offersBloc .container-fluid .offresPro h1.showOnlyMobile span {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  font-size: 20px;
}
@media screen and (max-width: 576px) {
  #main .offersBloc .container-fluid .offresPro h1.showOnlyMobile {
    display: block;
  }
}
#main .offersBloc .container-fluid .offresPro img.arrowBloc {
  display: none;
}
@media screen and (max-width: 576px) {
  #main .offersBloc .container-fluid .offresPro img.arrowBloc {
    display: block;
    position: absolute;
    right: 40px;
    top: 35px;
    transition: 0.3s ease-in-out;
    cursor: pointer;
  }
  #main .offersBloc .container-fluid .offresPro img.arrowBloc.active-toggle {
    transform: rotate(180deg);
  }
}
#main .offersBloc .container-fluid .offresPro .offresType {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}
#main .offersBloc .container-fluid .offresPro .offresType .typeItem {
  flex: 0 0 50%;
}
@media screen and (max-width: 576px) {
  #main .offersBloc .container-fluid .offresPro .offresType .typeItem {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 576px) {
  #main .offersBloc .container-fluid .offresPro .offresType .typeItem:hover .content {
    background: #fff;
  }
  #main .offersBloc .container-fluid .offresPro .offresType .typeItem:hover .content h3 {
    color: #0555FA;
  }
  #main .offersBloc .container-fluid .offresPro .offresType .typeItem:hover .content img.icon1 {
    opacity: 0;
  }
  #main .offersBloc .container-fluid .offresPro .offresType .typeItem:hover .icons {
    opacity: 1 !important;
  }
}
#main .offersBloc .container-fluid .offresPro .offresType .typeItem .linkCategorie {
  text-decoration: none;
}
#main .offersBloc .container-fluid .offresPro .offresType .typeItem .content {
  border: 1px solid #ffffff;
  background: transparent;
  transition: 0.3s ease-in-out;
  width: 195px;
  min-height: 86px;
  height: 85px;
  padding: 0 20px;
  border-radius: 5px;
  margin: 10px 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 576px) {
  #main .offersBloc .container-fluid .offresPro .offresType .typeItem .content {
    width: 100%;
  }
}
#main .offersBloc .container-fluid .offresPro .offresType .typeItem .content h3 {
  font-size: 15px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #ffffff;
  display: inline-block;
  width: 110px;
  padding: 0;
  margin: 0;
}
#main .offersBloc .container-fluid .offresPro .offresType .typeItem .content img.icon1 {
  display: inline-block;
  opacity: 1;
}
#main .offersBloc .container-fluid .offresPro .offresType .typeItem .content .icons {
  position: absolute;
  right: 20px;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#main .offersBloc .container-fluid .offresPro .linkOffres {
  font-size: 15px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  text-decoration: none;
  position: relative;
  color: #fff;
}
#main .offersBloc .container-fluid .offresPro .linkOffres:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -10px;
  width: 100%;
  height: 2px;
  background: #fff;
}
#main .offersBloc .container-fluid .offresPro .subscribeOffer {
  margin-top: 60px;
  background: #fff;
  display: block;
  width: 270px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-radius: 5px;
  text-decoration: none;
  color: #0555fa;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  padding-left: 50px;
}
#main .offersBloc .container-fluid .wrapperCards {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  /*touch-action: auto !important;*/
}
@media screen and (max-width: 1024px) {
  #main .offersBloc .container-fluid .wrapperCards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    touch-action: auto !important;
  }
}
@media screen and (max-width: 768px) {
  #main .offersBloc .container-fluid .wrapperCards {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 576px) {
  #main .offersBloc .container-fluid .wrapperCards {
    margin-top: 24px;
    display: block;
  }
}
#main .offersBloc .container-fluid .wrapperCards.scrollWrapper {
  overflow-x: scroll;
}
#main .offersBloc .container-fluid .wrapperCards a {
  text-decoration: none;
}
#main .offersBloc .container-fluid .wrapperCards a .cardGlobal {
  display: inline-flex;
  flex-wrap: nowrap;
  height: 100%;
}
#main .offersBloc .container-fluid .cardOfferBloc {
  flex: 0 0 50%;
}
@media screen and (max-width: 1200px) {
  #main .offersBloc .container-fluid .cardOfferBloc {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 1024px) {
  #main .offersBloc .container-fluid .cardOfferBloc {
    /*
    flex: 0 0 45%;
    margin: 0 auto;
    */
    display: flex;
    flex: 0 0 100%;
    max-width: 320px;
    width: 100%;
    margin: 0 20px 20px;
  }
}
@media screen and (max-width: 576px) {
  #main .offersBloc .container-fluid .cardOfferBloc {
    display: flex;
    flex: 0 0 100%;
    max-width: 320px;
    width: 100%;
    margin: 0 auto 20px;
  }
}
#main .offersBloc .container-fluid .offerCard {
  position: relative;
  background: #EDF3FF;
  margin-top: 55px;
  border: 1px solid #C2C8D2;
  border-left: none;
}
#main .offersBloc .container-fluid .offerCard .imageBloc {
  width: 100%;
  height: 180px;
}
#main .offersBloc .container-fluid .offerCard .imageBloc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#main .offersBloc .container-fluid .offerCard .contentBloc {
  margin-top: 32px;
  margin-bottom: 110px;
  padding: 0 30px;
}
#main .offersBloc .container-fluid .offerCard .contentBloc h2 {
  font-size: 25px;
  color: #0555FA;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
}
#main .offersBloc .container-fluid .offerCard .contentBloc h3 {
  font-size: 17px;
  color: #0555FA;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
}
#main .offersBloc .container-fluid .offerCard .contentBloc p {
  margin-top: 37px;
  font-size: 15px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  #main .offersBloc .container-fluid .offerCard .contentBloc p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
@media screen and (max-width: 576px) {
  #main .offersBloc .container-fluid .offerCard .contentBloc p {
    display: none;
  }
}
#main .offersBloc .container-fluid .offerCard .contentBloc span,
#main .offersBloc .container-fluid .offerCard .contentBloc span p {
  font-size: 12px;
  color: #667790;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  line-height: 12px;
  margin-top: 0;
}
#main .offersBloc .container-fluid .offerCard .btn-show {
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  max-width: 180px;
  width: 100%;
  height: 56px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
  background: #FF5A0F;
  text-decoration: none;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
}
#main .offersBloc .container-fluid .offerCard .btn-show.green {
  background: #55BE5A;
}
#main .offersBloc .container-fluid .offerCard .badge {
  position: absolute;
  top: -55px;
  left: 50%;
  transform: translateX(-50%);
}
#main .offersBloc .scrollFixed {
  position: absolute;
  right: 0;
  top: 0;
  width: 122px;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #main .offersBloc .scrollFixed {
    display: none;
  }
}
#main .offersBloc .scrollFixed h5 {
  transform: rotate(-90deg);
  display: block;
  color: #C2C8D2;
  font-size: 17px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
#main .offersBloc .scrollFixed img {
  display: block;
  margin: 70px auto 20px;
}
#main .whyEndesa {
  margin: 120px 0;
}
#main .whyEndesa .why-endesa-desktop {
  display: block;
}
@media screen and (max-width: 576px) {
  #main .whyEndesa .why-endesa-desktop {
    display: none;
  }
}
#main .whyEndesa .why-endesa-mobile {
  display: none;
}
@media screen and (max-width: 576px) {
  #main .whyEndesa .why-endesa-mobile {
    display: block;
  }
  #main .whyEndesa .why-endesa-mobile .contentApropos {
    text-align: center;
  }
  #main .whyEndesa .why-endesa-mobile .contentApropos img {
    width: 50px;
    margin: 0 auto;
  }
}
#main .whyEndesa .why-endesa-mobile .owl-nav .owl-prev {
  position: absolute;
  left: 25%;
  bottom: -10%;
  transform: translate(0%, -50%);
}
#main .whyEndesa .why-endesa-mobile .owl-nav .owl-prev:focus {
  outline: none;
}
#main .whyEndesa .why-endesa-mobile .owl-nav .owl-next {
  position: absolute;
  right: 25%;
  bottom: -10%;
  transform: translate(0%, -50%);
}
#main .whyEndesa .why-endesa-mobile .owl-nav .owl-next:focus {
  outline: none;
}
#main .whyEndesa .contentApropos {
  margin-bottom: 60px;
}
#main .whyEndesa .contentApropos h3 {
  margin-top: 30px;
  font-size: 22px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
}
#main .whyEndesa .contentApropos p {
  font-size: 18px;
  color: #0F141A;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
#main .whyEndesa .btn-why {
  margin-top: 60px;
  background: #E90657;
  color: #ffffff;
  display: block;
  width: 250px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-radius: 5px;
  text-decoration: none;
  margin: auto;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 576px) {
  #main .whyEndesa .btn-why {
    margin: 50px auto 0;
  }
}
#main .subscribEndesa {
  background: #EFF2F7;
  padding: 120px 0;
}
@media screen and (max-width: 576px) {
  #main .subscribEndesa {
    padding-top: 50px;
  }
}
#main .subscribEndesa h2.title {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
}
@media screen and (max-width: 576px) {
  #main .subscribEndesa h2.title {
    font-size: 40px;
  }
}
#main .subscribEndesa h2.subtitle {
  color: #0F141A;
  font-size: 30px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 576px) {
  #main .subscribEndesa h2.subtitle {
    font-size: 22px;
  }
}
#main .subscribEndesa .items {
  margin-top: 80px;
}
#main .subscribEndesa .items .item {
  margin-bottom: 50px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #main .subscribEndesa .items .item {
    align-items: flex-start;
  }
}
@media screen and (max-width: 576px) {
  #main .subscribEndesa .items .item {
    flex-wrap: wrap;
    text-align: center;
  }
}
#main .subscribEndesa .items .item .imgNumber {
  width: 97px;
  height: 97px;
  border: 1px solid #0555FA;
  border-radius: 50%;
  flex: 0 0 97px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  background: transparent;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 576px) {
  #main .subscribEndesa .items .item .imgNumber {
    margin: 0 auto;
  }
}
#main .subscribEndesa .items .item .imgNumber span {
  font-size: 23px;
  color: #0555FA;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  opacity: 1;
}
@media screen and (max-width: 576px) {
  #main .subscribEndesa .items .item .imgNumber span {
    font-size: 20px;
  }
}
#main .subscribEndesa .items .item .imgNumber .hoverMe {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
#main .subscribEndesa .items .item p {
  font-size: 25px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
  margin-left: 17px;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 576px) {
  #main .subscribEndesa .items .item p {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
    font-size: 20px;
  }
}
#main .subscribEndesa .items .item:hover .imgNumber {
  background: #0555FA;
}
#main .subscribEndesa .items .item:hover .imgNumber span {
  opacity: 0;
}
#main .subscribEndesa .items .item:hover .imgNumber .hoverMe {
  opacity: 1;
}
#main .subscribEndesa .items .item:hover p {
  color: #0555FA;
}
#main .subscribEndesa .subscribe {
  margin-top: 65px;
  background: #0555FA;
  display: block;
  width: 320px;
  height: 85px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  padding-left: 20px;
}
#main .gestionContrat {
  padding-top: 80px;
  padding-bottom: 130px;
  position: relative;
}
@media screen and (max-width: 576px) {
  #main .gestionContrat {
    padding-top: 50px;
    padding-bottom: 0;
    background-position: 60% 0 !important;
  }
}
#main .gestionContrat:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(102, 119, 144, 0.5);
}
#main .gestionContrat .image-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
}
#main .gestionContrat h2.title {
  font-size: 36px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
}
@media screen and (max-width: 576px) {
  #main .gestionContrat h2.title {
    font-size: 25px;
  }
}
#main .gestionContrat .contentText {
  margin-top: 40px;
}
#main .gestionContrat .contentText h3 {
  font-size: 19px;
  color: #fff;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  width: 312px;
}
#main .gestionContrat .contentText ul {
  padding: 0;
  margin: 50px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 576px) {
  #main .gestionContrat .contentText ul {
    margin-left: 50px;
  }
}
#main .gestionContrat .contentText ul li {
  list-style: none;
}
#main .gestionContrat .contentText ul li p {
  flex: 0 0 50%;
  color: #ffffff;
  font-size: 30px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  margin-bottom: 80px;
  width: 312px;
}
@media screen and (max-width: 576px) {
  #main .gestionContrat .contentText ul li p {
    flex: 0 0 100%;
    margin-bottom: 40px;
    font-size: 25px;
  }
}
#main .gestionContrat .contentText ul li p span {
  display: block;
  font-size: 20px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 576px) {
  #main .gestionContrat .contentText ul li p span {
    font-size: 18px;
  }
}
#main .nosConseils {
  margin-top: 132px;
}
@media screen and (max-width: 576px) {
  #main .nosConseils {
    margin-top: 70px;
  }
}
#main .nosConseils h3 {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  text-align: center;
  margin-bottom: 58px;
}
@media screen and (max-width: 576px) {
  #main .nosConseils h3 {
    font-size: 40px;
    margin-bottom: 0;
  }
}
#main .nosConseils .cardConseil {
  width: 390px;
  margin-left: 35px;
  margin-bottom: 30px;
  border-bottom: 1px solid #C2C8D2;
}
@media screen and (max-width: 992px) {
  #main .nosConseils .cardConseil {
    margin-left: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  #main .nosConseils .cardConseil {
    margin-top: 40px;
    height: auto;
  }
}
#main .nosConseils .cardConseil a {
  text-decoration: none;
}
#main .nosConseils .cardConseil a .blocImage {
  width: 100%;
  height: 250px;
}
#main .nosConseils .cardConseil a .blocImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#main .nosConseils .cardConseil a .categoriesItems {
  margin-top: 16px;
}
@media screen and (max-width: 576px) {
  #main .nosConseils .cardConseil a .categoriesItems {
    display: none;
  }
}
#main .nosConseils .cardConseil a .categoriesItems ul {
  padding: 0;
  margin: 0;
}
#main .nosConseils .cardConseil a .categoriesItems ul li {
  display: inline-block;
  list-style: none;
  margin-right: 35px;
  color: #667790;
  font-size: 15px;
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
#main .nosConseils .cardConseil a .blocTexte {
  padding-bottom: 25px;
  margin-top: 11px;
}
#main .nosConseils .cardConseil a .blocTexte h4 {
  font-size: 22px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  text-align: left;
  margin: 0;
}
#main .nosConseils .cardConseil a .blocTexte p {
  color: #667790;
  font-size: 15px;
  font-family: "georgia", Helvetica, Roboto, Arial, sans-serif;
}
#main .nosConseils .btn-actus {
  background: #E90657;
  color: #ffffff;
  display: block;
  width: 250px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-radius: 5px;
  text-decoration: none;
  margin: auto;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  margin-top: 60px;
  padding-left: 75px;
}
@media screen and (max-width: 576px) {
  #main .nosConseils .btn-actus {
    width: 182px;
    padding-left: 20px;
  }
}
#main .nosConseils .actusBioGaz {
  padding-left: 35px;
}
#main .temoignages {
  margin-top: 132px;
}
@media screen and (max-width: 576px) {
  #main .temoignages {
    margin-top: 70px;
  }
}
#main .temoignages h3 {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  text-align: center;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 576px) {
  #main .temoignages h3 {
    font-size: 40px;
  }
}
#main .temoignages .contentSlider {
  position: relative;
}
#main .temoignages .contentSlider .item {
  margin-top: 44px;
  text-align: center;
}
@media screen and (max-width: 576px) {
  #main .temoignages .contentSlider .item {
    margin-top: 25px;
  }
}
#main .temoignages .contentSlider .item .imgSlide {
  width: 88px;
  height: 88px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 20px;
}
#main .temoignages .contentSlider .item .imgSlide img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
#main .temoignages .contentSlider .item p {
  margin: 0 auto;
  padding: 0 120px;
  font-size: 18px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  #main .temoignages .contentSlider .item p {
    padding: 0 80px;
  }
}
@media screen and (max-width: 576px) {
  #main .temoignages .contentSlider .item p {
    padding: 0;
  }
}
#main .temoignages .contentSlider .item h4 {
  margin-top: 44px;
  font-size: 18px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
}
#main .temoignages .contentSlider .item h6 {
  color: #667790;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  font-size: 13px;
}
#main .temoignages .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  top: 60%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 576px) {
  #main .temoignages .owl-nav .owl-prev {
    top: auto;
    left: 25%;
    bottom: -20%;
    transform: translate(0%, -50%);
  }
}
#main .temoignages .owl-nav .owl-prev:focus {
  outline: none;
}
#main .temoignages .owl-nav .owl-next {
  position: absolute;
  right: 0;
  top: 60%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 576px) {
  #main .temoignages .owl-nav .owl-next {
    top: auto;
    right: 25%;
    bottom: -20%;
    transform: translate(0%, -50%);
  }
}
#main .temoignages .owl-nav .owl-next:focus {
  outline: none;
}
#main .clients {
  margin-top: 109px;
}
#main .clients h3 {
  font-size: 65px;
  color: #0F141A;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  margin-bottom: 47px;
}
@media screen and (max-width: 576px) {
  #main .clients h3 {
    font-size: 40px;
  }
}
#main .clients .clientsSlider .item img {
  width: auto;
}
@media screen and (max-width: 576px) {
  #main .clients .clientsSlider .item img {
    width: 100%;
  }
}
#main .clients .clientsSlider .owl-stage {
  display: flex;
  align-items: center;
  justify-content: center;
}
#main .clients .clientsSlider .owl-dots {
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 70px auto 0;
}
#main .clients .clientsSlider .owl-dots button.owl-dot {
  width: 21px;
  height: 3px;
  background: #C2C8D2;
  outline: none;
}
#main .clients .clientsSlider .owl-dots button.owl-dot.active {
  background: #0555FA;
  width: 21px;
  height: 5px;
  outline: none;
}
#main .newsletter {
  margin-top: 130px;
}
#main .newsletter p {
  font-size: 36px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  margin-top: 21px;
  line-height: 36px;
  padding-right: 40px;
}
@media screen and (max-width: 576px) {
  #main .newsletter p {
    font-size: 25px;
    line-height: 25px;
    padding-right: 0px;
  }
}
#main .newsletter h4 {
  color: #667790;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 22px;
}
@media screen and (max-width: 992px) {
  #main .newsletter h4 {
    margin-top: 20px;
  }
}
#main .newsletter .newsletterMail {
  position: relative;
  margin-top: 13px;
  max-width: 450px;
  width: fit-content;
}
@media screen and (max-width: 576px) {
  #main .newsletter .newsletterMail {
    width: auto;
  }
}
#main .newsletter .newsletterMail input {
  width: 450px;
  height: 76px;
  background: #EFF2F7;
  box-shadow: none;
  border: none;
  color: #0555FA;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 22px;
  outline: none;
}
@media screen and (max-width: 576px) {
  #main .newsletter .newsletterMail input {
    font-size: 20px;
    max-width: 450px;
    width: 100%;
  }
}
#main .newsletter .newsletterMail input::-webkit-input-placeholder { /* Edge */
  color: #0555FA;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 22px;
}
@media screen and (max-width: 576px) {
  #main .newsletter .newsletterMail input::-webkit-input-placeholder {
    font-size: 20px;
  }
}
#main .newsletter .newsletterMail input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #0555FA;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 22px;
}
@media screen and (max-width: 576px) {
  #main .newsletter .newsletterMail input:-ms-input-placeholder {
    font-size: 20px;
  }
}
#main .newsletter .newsletterMail input::placeholder {
  color: #0555FA;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 22px;
}
@media screen and (max-width: 576px) {
  #main .newsletter .newsletterMail input::placeholder {
    font-size: 20px;
  }
}
#main .newsletter .newsletterMail button.btnSend {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0%, -50%);
  background: url("/static/assets/img/arrowSend.svg");
  width: 33px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
  border: none;
}
#main .newsletter .newsletterMail button.btnSend:focus {
  outline: none;
}
#main .services {
  margin-top: 94px;
  background: #EFF2F7;
  display: flex;
  align-items: center;
  min-height: 300px;
  height: 299px;
}
@media screen and (max-width: 576px) {
  #main .services {
    margin-top: 80px;
    padding: 60px 0;
    height: auto;
  }
}
@media screen and (max-width: 576px) {
  #main .services .itemService {
    margin-bottom: 40px;
  }
}
#main .services .itemService .iconService {
  height: 70px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}
#main .services .itemService p,
#main .services .itemService h4 {
  font-size: 18px;
  color: #0F141A;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  margin: 0;
  padding: 0;
}
#main .services .itemService p,
#main .services .itemService h4 {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
#main .services .itemService p span,
#main .services .itemService h4 span {
  font-size: 18px;
  color: #0F141A;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  margin: 0;
  padding: 0;
  display: block;
}
#main .footer {
  min-height: 145px;
  height: 144px;
  display: flex;
  align-items: center;
  padding: 0 50px;
}
@media screen and (max-width: 768px) {
  #main .footer {
    height: auto;
    text-align: center;
    padding: 0;
  }
}
#main .footer h3 {
  display: inline-block;
  font-size: 18px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
}
@media screen and (max-width: 768px) {
  #main .footer h3 {
    text-align: center;
    margin-top: 45px;
    display: block;
  }
}
#main .footer ul.menu {
  padding: 0;
  margin: 0;
  display: flex;
  text-align: right;
  display: block;
}
@media screen and (max-width: 768px) {
  #main .footer ul.menu {
    margin-top: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
}
#main .footer ul.menu li {
  list-style: none;
  display: inline-block;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  #main .footer ul.menu li {
    display: flex;
    flex: 0 0 100%;
    margin-bottom: 22px;
    justify-content: center;
  }
}
#main .footer ul.menu li a {
  font-size: 13px;
  color: #667790;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 991px) {
  #main .footer .title-center-social {
    text-align: center !important;
    display: block !important;
  }
  #main .footer .menu.center-social {
    text-align: center !important;
    display: block !important;
  }
}
@media screen and (max-width: 1200px) {
  #main .footer .social-links.center-social {
    text-align: center !important;
    display: block !important;
  }
}
#main .footer .social-links {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #main .footer .social-links {
    display: block;
    margin-left: 0;
    text-align: center;
  }
}
#main .footer .social-links ul {
  padding: 0;
  margin: 0;
}
#main .footer .social-links ul li {
  list-style: none;
  display: inline-block;
  margin-right: 8px;
}
#main .footer .social-links ul li a {
  text-decoration: none;
  display: inline-block;
}
#main .footer .social-links ul li a svg {
  width: 15px;
  height: 15px;
  fill: #667790;
}

#ascrail2000-hr {
  display: block !important;
}

.aboutEndesa {
  position: relative;
  margin-top: 161px;
}
.aboutEndesa.marge-without-bar {
  margin-top: 122px;
}
@media screen and (max-width: 576px) {
  .aboutEndesa.marge-without-bar {
    margin-top: 93px;
  }
}
@media screen and (max-width: 576px) {
  .aboutEndesa {
    margin-top: 149px;
  }
}
.aboutEndesa:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 463px;
  background: #0555FA;
}
@media screen and (max-width: 576px) {
  .aboutEndesa:before {
    height: 335px;
  }
}
.aboutEndesa .filDariane {
  position: relative;
  z-index: 8;
  padding-top: 30px;
  padding-left: 30px;
}
@media screen and (max-width: 576px) {
  .aboutEndesa .filDariane {
    display: none;
  }
}
.aboutEndesa .filDariane ul {
  padding: 0;
  margin: 0;
}
.aboutEndesa .filDariane ul li {
  display: inline-block;
  margin-right: 20px;
}
.aboutEndesa .filDariane ul li a {
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 11px;
  color: #fff;
}
.aboutEndesa .filDariane ul li a.current {
  opacity: 0.6;
  cursor: auto;
}
.aboutEndesa .title h1 {
  font-size: 80px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  text-align: center;
  margin-top: 88px;
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .aboutEndesa .title h1 {
    font-size: 70px;
    margin-top: 40px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 576px) {
  .aboutEndesa .title h1 {
    font-size: 40px;
    margin-top: 40px;
    margin-bottom: 35px;
    padding: 0 0px;
  }
}
.aboutEndesa .imgAbout {
  width: 100%;
}
.aboutEndesa .imgAbout img {
  width: 100%;
  max-height: 390px;
  height: 100%;
  object-fit: cover;
}
.aboutEndesa .content-about h2 {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  text-align: center;
  margin-top: 88px;
  margin-bottom: 50px;
}
@media screen and (max-width: 576px) {
  .aboutEndesa .content-about h2 {
    font-size: 40px;
    margin-top: 70px;
    margin-bottom: 40px;
  }
}
.aboutEndesa .content-about p {
  margin: 0 auto;
  max-width: 580px;
  font-size: 25px;
  color: #0F141A;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 576px) {
  .aboutEndesa .content-about p {
    font-size: 20px;
  }
}

.simplicite {
  margin-top: 115px;
  padding-top: 72px;
  padding-bottom: 140px;
  background: #EFF2F7;
}
@media screen and (max-width: 576px) {
  .simplicite {
    margin-top: 60px;
    padding-top: 54px;
    padding-bottom: 80px;
  }
}
.simplicite h2 {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .simplicite h2 {
    font-size: 40px;
  }
}
.simplicite .items {
  margin-top: 50px;
}
.simplicite .items .item {
  margin-bottom: 50px;
  margin-left: 60px;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 576px) {
  .simplicite .items .item {
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
  }
}
.simplicite .items .item .imgNumber {
  width: 97px;
  height: 97px;
  border: 1px solid #0555FA;
  border-radius: 50%;
  flex: 0 0 97px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  background: transparent;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 576px) {
  .simplicite .items .item .imgNumber {
    width: 85px;
    height: 85px;
    flex: 0 0 85px;
    border-radius: 50%;
  }
}
.simplicite .items .item .imgNumber span {
  font-size: 23px;
  color: #0555FA;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  opacity: 1;
}
@media screen and (max-width: 576px) {
  .simplicite .items .item .imgNumber span {
    font-size: 20px;
  }
}
.simplicite .items .item .imgNumber .hoverMe {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.simplicite .items .item p {
  font-size: 25px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
  margin-left: 17px;
  transition: 0.3s ease-in-out;
  text-align: left;
}
@media screen and (max-width: 576px) {
  .simplicite .items .item p {
    font-size: 20px;
    text-align: center;
    margin-top: 12px;
    margin-left: 0;
  }
}
.simplicite .items .item:hover .imgNumber {
  background: #0555FA;
}
.simplicite .items .item:hover .imgNumber span {
  opacity: 0;
}
.simplicite .items .item:hover .imgNumber .hoverMe {
  opacity: 1;
}
.simplicite .items .item:hover p {
  color: #0555FA;
}
.simplicite .popupVideo {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  max-width: 790px;
  width: 100%;
  height: 444px;
  margin: 66px auto 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .simplicite .popupVideo {
    height: 200px;
  }
}
.simplicite .popupVideo:before {
  position: absolute;
  content: "";
  background: rgba(102, 119, 144, 0.7);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}
.simplicite .popupVideo:hover a .content-popup .imgPlayer {
  background: url("/static/assets/img/PlayerActive.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 117px;
  height: 117px;
  text-align: center;
  margin: 0 auto;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 576px) {
  .simplicite .popupVideo:hover a .content-popup .imgPlayer {
    width: 56px;
    height: 56px;
  }
}
.simplicite .popupVideo a {
  text-decoration: none;
}
.simplicite .popupVideo a .content-popup {
  position: relative;
  z-index: 10;
}
.simplicite .popupVideo a .content-popup .imgPlayer {
  background: url("/static/assets/img/Player.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 117px;
  height: 117px;
  text-align: center;
  margin: 0 auto;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 576px) {
  .simplicite .popupVideo a .content-popup .imgPlayer {
    width: 56px;
    height: 56px;
  }
}
@media screen and (max-width: 576px) {
  .simplicite .popupVideo a .content-popup img {
    width: 56px;
    height: 56px;
  }
}
.simplicite .popupVideo a .content-popup h4 {
  font-size: 29px;
  color: #fff;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  margin: 9px 0 0;
}
@media screen and (max-width: 576px) {
  .simplicite .popupVideo a .content-popup h4 {
    font-size: 20px;
  }
}

.energie {
  margin-top: 132px;
}
@media screen and (max-width: 576px) {
  .energie {
    margin-top: 80px;
  }
}
.energie h2 {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  text-align: center;
  margin-bottom: 77px;
}
@media screen and (max-width: 576px) {
  .energie h2 {
    font-size: 40px;
    margin-bottom: 35px;
  }
}
.energie .description p {
  color: #667790;
  font-size: 25px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 576px) {
  .energie .description p {
    font-size: 20px;
  }
}
.energie .mask p {
  margin-top: 85px;
  margin-bottom: 50px;
  font-size: 83px;
  line-height: 83px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  text-align: left;
  color: #0555FA;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -moz-background-clip: text;
}
@media screen and (max-width: 992px) {
  .energie .mask p {
    font-size: 65px;
    line-height: 65px;
  }
}
@media screen and (max-width: 576px) {
  .energie .mask p {
    font-size: 30px;
    line-height: 30px;
  }
}
.energie .nosoffres {
  text-align: center;
}
.energie .nosoffres .linkOffres {
  text-align: center;
  color: #667790;
  font-size: 15px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.energie .nosoffres .linkOffres:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -7px;
  width: 100%;
  height: 1px;
  background: #0555FA;
}
.energie .nosoffres .linkOffres img {
  margin-left: 24px;
}
.energie .nosoffres-btn {
  margin-top: 50px;
  text-align: center;
}
.energie .nosoffres-btn .btn-actus {
  margin: 0 auto;
  font-size: 15px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  background: #E90657;
  padding: 17px;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  width: 216px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 45px;
}
.energie .nosoffres-btn .btn-actus img {
  margin-left: 0px;
}

.masterOffre {
  position: relative;
  margin-top: 161px;
}
.masterOffre.marge-without-bar {
  margin-top: 122px;
  padding-bottom: 30px;
}
@media screen and (max-width: 576px) {
  .masterOffre.marge-without-bar {
    margin-top: 93px;
  }
}
@media screen and (max-width: 768px) {
  .masterOffre {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 576px) {
  .masterOffre {
    padding-bottom: 30px;
    margin-top: 149px;
  }
}
.masterOffre:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  min-height: 360px;
  height: 100%;
  background: #EDF3FF;
}
@media screen and (max-width: 992px) {
  .masterOffre:before {
    min-height: 220px;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .masterOffre:before {
    height: 100%;
    min-height: 220px;
  }
}
@media screen and (max-width: 576px) {
  .masterOffre:before {
    height: 100%;
    min-height: calc(100% - 0px);
  }
}
@media screen and (max-width: 576px) {
  .masterOffre .content-wrapper-mobile {
    display: none;
  }
}
.masterOffre .filDariane {
  position: relative;
  z-index: 8;
  padding-top: 30px;
  padding-left: 30px;
}
@media screen and (max-width: 576px) {
  .masterOffre .filDariane {
    display: none;
  }
}
.masterOffre .filDariane ul {
  padding: 0;
  margin: 0;
}
.masterOffre .filDariane ul li {
  display: inline-block;
  margin-right: 20px;
}
.masterOffre .filDariane ul li a {
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 11px;
  color: #667790;
}
.masterOffre .filDariane ul li a.current {
  opacity: 0.6;
  cursor: auto;
}
.masterOffre .title {
  position: relative;
}
@media screen and (max-width: 576px) {
  .masterOffre .title {
    cursor: pointer;
  }
}
.masterOffre .title p {
  font-size: 25px;
  font-family: "georgiaItalic", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 576px) {
  .masterOffre .title p {
    text-align: left;
  }
}
.masterOffre .title .display-mobile {
  display: none;
}
@media screen and (max-width: 576px) {
  .masterOffre .title .display-mobile {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    cursor: pointer;
    transition: 0.3s ease-in-out;
  }
  .masterOffre .title .display-mobile.active-toggle {
    transform: rotate(180deg);
  }
}
.masterOffre .offresType a {
  text-decoration: none;
}
.masterOffre .offresType .typeItem .content {
  border: 1px solid #0555FA;
  background: transparent;
  min-height: 102px;
  padding: 20px;
  border-radius: 5px;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  transition: 0.3s ease-in-out;
}
.masterOffre .offresType .typeItem .content.active-category {
  border: 1px solid #0555FA;
  background: #0555FA;
}
.masterOffre .offresType .typeItem .content.active-category img.ico {
  opacity: 0;
}
.masterOffre .offresType .typeItem .content.active-category .icons {
  opacity: 1;
}
.masterOffre .offresType .typeItem .content.active-category p {
  color: #fff;
}
@media screen and (min-width: 1200px) {
  .masterOffre .offresType .typeItem .content:hover {
    border: 1px solid #0555FA;
    background: #0555FA;
  }
  .masterOffre .offresType .typeItem .content:hover img.ico {
    opacity: 0;
  }
  .masterOffre .offresType .typeItem .content:hover .icons {
    opacity: 1;
  }
  .masterOffre .offresType .typeItem .content:hover p {
    color: #fff;
  }
}
.masterOffre .offresType .typeItem .content p {
  font-size: 15px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
  width: 95px;
  display: inline-block;
  padding: 0;
  margin: 0;
}
.masterOffre .offresType .typeItem .content img.ico {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.masterOffre .offresType .typeItem .content .icons {
  position: absolute;
  right: 20px;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.masterOffre .nosOffresPerso {
  margin-top: 64px;
}
@media screen and (max-width: 992px) {
  .masterOffre .nosOffresPerso {
    margin-top: 25px;
  }
}
.masterOffre .nosOffresPerso img {
  transform: rotate(90deg);
}
.masterOffre .nosOffresPerso a {
  font-size: 17px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
  text-decoration: none;
}

.detailsOffre {
  background: #0555FA;
  padding-bottom: 50px;
}
.detailsOffre .container-own-fluid {
  max-width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .detailsOffre .container-own-fluid {
    padding: 0 20px;
  }
}
.detailsOffre .container-own-fluid h1.title {
  margin-top: 90px;
  margin-bottom: 0;
  font-size: 38px;
  color: #fff;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 576px) {
  .detailsOffre .container-own-fluid h1.title {
    font-size: 30px;
    margin-top: 70px;
  }
}
.detailsOffre .container-own-fluid h1.title .subtitle {
  font-size: 65px;
  margin: 0;
  color: #fff;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 1050px) {
  .detailsOffre .container-own-fluid h1.title .subtitle {
    font-size: 55px;
  }
}
@media screen and (max-width: 576px) {
  .detailsOffre .container-own-fluid h1.title .subtitle {
    font-size: 40px;
  }
}
.detailsOffre .container-own-fluid .detailsImage {
  margin-top: -40px;
  max-height: 345px;
  height: 345px;
}
@media screen and (max-width: 992px) {
  .detailsOffre .container-own-fluid .detailsImage {
    margin-top: 30px;
    text-align: center;
    height: 100%;
  }
}
.detailsOffre .container-own-fluid .detailsImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 992px) {
  .detailsOffre .container-own-fluid .detailsImage img {
    width: auto;
    height: 250px;
  }
}
@media screen and (max-width: 576px) {
  .detailsOffre .container-own-fluid .detailsImage img {
    width: 100%;
    height: 171px;
  }
}
.detailsOffre .container-own-fluid .descriptionOffer {
  margin-top: 70px;
}
@media screen and (max-width: 992px) {
  .detailsOffre .container-own-fluid .descriptionOffer {
    margin-top: 40px;
  }
}
.detailsOffre .container-own-fluid .descriptionOffer h2.leftparag {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  font-size: 25px;
  color: #fff;
}
@media screen and (max-width: 992px) {
  .detailsOffre .container-own-fluid .descriptionOffer h2.leftparag {
    margin-bottom: 40px;
  }
}
.detailsOffre .container-own-fluid .descriptionOffer p.rightparag {
  font-size: 18px;
  color: #fff;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}

.offresItems a.linkOffer {
  text-decoration: none;
}
.offresItems a.linkOffer .globalOffer {
  padding: 87px 0;
  display: flex;
  border-bottom: 1px solid #C2C8D2;
  position: relative;
}
@media screen and (max-width: 1050px) {
  .offresItems a.linkOffer .globalOffer {
    justify-content: center;
  }
}
@media screen and (max-width: 992px) {
  .offresItems a.linkOffer .globalOffer {
    width: 100%;
    display: block;
    padding-bottom: 50px;
  }
}
.offresItems a.linkOffer .globalOffer:before {
  position: absolute;
  content: "";
  left: -100%;
  bottom: -1px;
  background: #C2C8D2;
  width: 100%;
  height: 1px;
}
@media screen and (max-width: 992px) {
  .offresItems a.linkOffer .globalOffer:before {
    left: 0;
  }
}
.offresItems a.linkOffer .globalOffer:after {
  position: absolute;
  content: "";
  right: -100%;
  bottom: -1px;
  background: #C2C8D2;
  width: 100%;
  height: 1px;
}
@media screen and (max-width: 992px) {
  .offresItems a.linkOffer .globalOffer:after {
    right: 0;
  }
}
.offresItems a.linkOffer .globalOffer .global-offer-wrapper {
  position: relative;
  display: flex;
}
@media screen and (max-width: 992px) {
  .offresItems a.linkOffer .globalOffer .global-offer-wrapper {
    display: block;
  }
}
.offresItems a.linkOffer .globalOffer:hover .global-offer-wrapper:before {
  position: absolute;
  content: "";
  background: #EDF3FF;
  left: -100%;
  right: -100%;
  top: -87px;
  bottom: -87px;
  z-index: -1;
}
.offresItems a.linkOffer .globalOffer:hover .plant_img {
  transform: translate(-50%, -50%) scale(1.5) !important;
}
.offresItems a.linkOffer .globalOffer:hover .plant_img img {
  transform: scale(0.75) !important;
}
.offresItems a.linkOffer .globalOffer .image-background-offer {
  width: 100%;
  height: 100%;
  position: absolute !important;
  left: 0 !important;
  right: 0;
  top: 0 !important;
  bottom: 0;
  transform: none !important;
  object-fit: cover;
}
.offresItems a.linkOffer .globalOffer .blocImage {
  width: 321px;
  height: 200px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 992px) {
  .offresItems a.linkOffer .globalOffer .blocImage {
    width: 100%;
  }
}
.offresItems a.linkOffer .globalOffer .blocImage .plant_img {
  width: 86px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.offresItems a.linkOffer .globalOffer .blocImage .plant_img img {
  transition: 0.3s;
}
@media screen and (max-width: 992px) {
  .offresItems a.linkOffer .globalOffer .blocImage .plant_img {
    top: 0;
    left: 50%;
  }
}
.offresItems a.linkOffer .globalOffer .blocText {
  width: calc(100% - 380px);
  display: inline-block;
  margin-left: 33px;
}
@media screen and (max-width: 992px) {
  .offresItems a.linkOffer .globalOffer .blocText {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 992px) {
  .offresItems a.linkOffer .globalOffer .blocText .title {
    margin-top: 24px;
  }
}
.offresItems a.linkOffer .globalOffer .blocText .title h2 {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  font-size: 25px;
  color: #0555FA;
}
.offresItems a.linkOffer .globalOffer .blocText .title h3 {
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 17px;
  color: #0555FA;
}
.offresItems a.linkOffer .globalOffer .blocText .contentDesc {
  display: flex;
  margin-top: 24px;
}
@media screen and (max-width: 992px) {
  .offresItems a.linkOffer .globalOffer .blocText .contentDesc {
    display: block;
  }
}
.offresItems a.linkOffer .globalOffer .blocText .contentDesc .desc {
  margin-right: 90px;
}
@media screen and (max-width: 992px) {
  .offresItems a.linkOffer .globalOffer .blocText .contentDesc .desc {
    margin-right: 20px;
  }
}
.offresItems a.linkOffer .globalOffer .blocText .contentDesc .desc p {
  color: #0F141A;
  font-size: 15px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 992px) {
  .offresItems a.linkOffer .globalOffer .blocText .contentDesc .desc p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.offresItems a.linkOffer .globalOffer .blocText .contentDesc .desc span,
.offresItems a.linkOffer .globalOffer .blocText .contentDesc .desc span p {
  color: #667790;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 12px;
}
@media screen and (max-width: 992px) {
  .offresItems a.linkOffer .globalOffer .blocText .contentDesc .discover {
    max-width: 183px;
    width: 100%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 576px) {
  .offresItems a.linkOffer .globalOffer .blocText .contentDesc .discover {
    margin: 20px auto 0;
  }
}
.offresItems a.linkOffer .globalOffer .blocText .contentDesc .discover .btnDiscover {
  background: #55BE5A;
  padding: 20px 60px;
  color: #fff;
  font-size: 15px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  border-radius: 5px;
  text-decoration: none;
}
@media screen and (max-width: 992px) {
  .offresItems a.linkOffer .globalOffer .blocText .contentDesc .discover .btnDiscover {
    padding: 20px 0;
    text-align: center;
  }
}

.demarchesAdmin {
  background-size: cover;
  background-position: center;
  padding: 95px 0;
  position: relative;
}
.demarchesAdmin:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(102, 119, 144, 0.7);
}
.demarchesAdmin .image-background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}
.demarchesAdmin .demarchesAdminDesktop {
  display: block;
}
@media screen and (max-width: 576px) {
  .demarchesAdmin .demarchesAdminDesktop {
    display: none;
  }
}
.demarchesAdmin .demarchesAdminMobile {
  display: none;
}
@media screen and (max-width: 576px) {
  .demarchesAdmin .demarchesAdminMobile {
    display: block;
  }
}
.demarchesAdmin h2 {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  margin-bottom: 100px;
}
@media screen and (max-width: 576px) {
  .demarchesAdmin h2 {
    font-size: 45px;
  }
}
.demarchesAdmin p {
  font-size: 19px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
}
.demarchesAdmin .items {
  display: flex;
  margin-bottom: 75px;
}
@media screen and (max-width: 576px) {
  .demarchesAdmin .items {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
.demarchesAdmin .items .itemAdmin {
  width: 53px;
  height: 53px;
  border: 1px solid #fff;
  border-radius: 50%;
  flex: 0 0 53px;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media screen and (max-width: 576px) {
  .demarchesAdmin .items .itemAdmin {
    margin: 0 auto;
  }
  .demarchesAdmin .items .itemAdmin img {
    width: auto;
  }
}
.demarchesAdmin .items h3 {
  font-size: 20px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  margin-left: 19px;
  margin-bottom: 0;
  padding-right: 100px;
}
@media screen and (max-width: 576px) {
  .demarchesAdmin .items h3 {
    padding-right: 0;
    margin-left: 0px;
    margin-top: 11px;
    text-align: center;
  }
}
.demarchesAdmin .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  top: 60%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 576px) {
  .demarchesAdmin .owl-nav .owl-prev {
    top: auto;
    left: 25%;
    bottom: -20%;
    transform: translate(0%, -50%);
  }
}
.demarchesAdmin .owl-nav .owl-prev:focus {
  outline: none;
}
.demarchesAdmin .owl-nav .owl-next {
  position: absolute;
  right: 0;
  top: 60%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 576px) {
  .demarchesAdmin .owl-nav .owl-next {
    top: auto;
    right: 25%;
    bottom: -20%;
    transform: translate(0%, -50%);
  }
}
.demarchesAdmin .owl-nav .owl-next:focus {
  outline: none;
}

@media screen and (max-width: 576px) {
  .offer-list-wrapper .nosConseils {
    display: none;
  }
}

.detailsOffreHead {
  margin-top: 161px;
}
.detailsOffreHead.marge-without-bar {
  margin-top: 122px;
}
@media screen and (max-width: 576px) {
  .detailsOffreHead.marge-without-bar {
    margin-top: 93px;
  }
}
@media screen and (max-width: 576px) {
  .detailsOffreHead {
    margin-top: 149px;
  }
}
.detailsOffreHead .filDariane {
  position: absolute;
  z-index: 8;
  padding-top: 30px;
  padding-left: 30px;
}
@media screen and (max-width: 576px) {
  .detailsOffreHead .filDariane {
    display: none;
  }
}
.detailsOffreHead .filDariane ul {
  padding: 0;
  margin: 0;
}
.detailsOffreHead .filDariane ul li {
  display: inline-block;
  margin-right: 20px;
}
.detailsOffreHead .filDariane ul li a {
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 11px;
  color: #fff;
}
.detailsOffreHead .filDariane ul li a.current {
  opacity: 0.6;
  cursor: auto;
}
.detailsOffreHead a {
  text-decoration: none;
}
.detailsOffreHead a .container-fluid-offre {
  display: flex;
  position: relative;
  z-index: 7;
}
@media screen and (max-width: 576px) {
  .detailsOffreHead a .container-fluid-offre {
    flex-wrap: wrap;
  }
}
.detailsOffreHead a .container-fluid-offre .contentDetails {
  padding-top: 150px;
  padding-left: 80px;
  width: 50%;
  display: inline-block;
  background: #0555FA;
}
@media screen and (max-width: 992px) {
  .detailsOffreHead a .container-fluid-offre .contentDetails {
    padding-right: 60px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 576px) {
  .detailsOffreHead a .container-fluid-offre .contentDetails {
    width: 100%;
    min-height: 300px;
    padding-top: 40px;
  }
}
.detailsOffreHead a .container-fluid-offre .contentDetails h1.title {
  font-size: 38px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 992px) {
  .detailsOffreHead a .container-fluid-offre .contentDetails h1.title {
    font-size: 35px;
  }
}
@media screen and (max-width: 768px) {
  .detailsOffreHead a .container-fluid-offre .contentDetails h1.title {
    font-size: 30px;
  }
}
.detailsOffreHead a .container-fluid-offre .contentDetails h1.title .subtitle {
  font-size: 80px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 992px) {
  .detailsOffreHead a .container-fluid-offre .contentDetails h1.title .subtitle {
    font-size: 55px;
  }
}
@media screen and (max-width: 768px) {
  .detailsOffreHead a .container-fluid-offre .contentDetails h1.title .subtitle {
    font-size: 40px;
  }
}
.detailsOffreHead a .container-fluid-offre .contentDetails h3 {
  font-family: "georgiaItalic", Helvetica, Roboto, Arial, sans-serif;
  font-size: 25px;
  color: #fff;
  padding: 0;
  margin: 50px 0;
}
@media screen and (max-width: 576px) {
  .detailsOffreHead a .container-fluid-offre .contentDetails h3 {
    font-size: 20px;
    margin: 30px 0 40px;
  }
}
.detailsOffreHead a .container-fluid-offre .imageBadge {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.detailsOffreHead a .container-fluid-offre .contentSubs {
  width: 50%;
  display: inline-block;
}
@media screen and (max-width: 576px) {
  .detailsOffreHead a .container-fluid-offre .contentSubs {
    width: 100%;
    min-height: 300px;
  }
}
.detailsOffreHead a .container-fluid-offre .contentSubs .globalWrapper {
  background: url(/static/assets/img/adminDemarche.jpg);
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.detailsOffreHead a .container-fluid-offre .contentSubs .globalWrapper .btnSubs {
  background: #0555FA;
  display: flex;
  justify-content: space-between;
  padding: 15px 21px;
  position: absolute;
  right: 27px;
  bottom: 32px;
  border-radius: 5px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  width: 270px;
  height: 85px;
}
@media screen and (max-width: 576px) {
  .detailsOffreHead a .container-fluid-offre .contentSubs .globalWrapper .btnSubs {
    right: auto;
    left: 27px;
  }
}
.detailsOffreHead a .container-fluid-offre .contentSubs .globalWrapper .btnSubs p {
  color: #fff;
  margin: 0 0px 0 0;
  font-size: 18px;
  line-height: 27px;
  padding: 0;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  display: flex;
  align-items: center;
}

.avantagesOffres {
  margin-top: 83px;
}
@media screen and (max-width: 576px) {
  .avantagesOffres {
    margin-top: 60px;
  }
}
.avantagesOffres .title-big h2 {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  padding: 0;
  margin: 0 0 50px 0px;
  margin-left: 10%;
}
@media screen and (max-width: 992px) {
  .avantagesOffres .title-big h2 {
    text-align: center;
    font-size: 55px;
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .avantagesOffres .title-big h2 {
    font-size: 40px;
  }
}
.avantagesOffres .globalAvantageContent {
  display: flex;
}
@media screen and (max-width: 992px) {
  .avantagesOffres .globalAvantageContent {
    flex-wrap: wrap;
  }
}
.avantagesOffres .globalAvantageContent .leftContent {
  background: #EFF2F7;
  position: relative;
  width: 50%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .avantagesOffres .globalAvantageContent .leftContent {
    width: 100%;
  }
}
.avantagesOffres .globalAvantageContent .leftContent .content {
  padding: 60px 0px 60px 0px;
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .avantagesOffres .globalAvantageContent .leftContent .content {
    max-width: 100%;
    padding: 50px 40px;
  }
}
.avantagesOffres .globalAvantageContent .leftContent .content h2 {
  position: relative;
  z-index: 1;
  font-size: 23px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #0f141a;
}
@media screen and (max-width: 576px) {
  .avantagesOffres .globalAvantageContent .leftContent .content h2 {
    font-size: 20px;
  }
}
.avantagesOffres .globalAvantageContent .leftContent .content p {
  position: relative;
  z-index: 1;
  font-size: 23px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
}
@media screen and (max-width: 576px) {
  .avantagesOffres .globalAvantageContent .leftContent .content p {
    font-size: 20px;
  }
}
.avantagesOffres .globalAvantageContent .leftContent .content p span {
  color: #0555FA;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
.avantagesOffres .globalAvantageContent .rightContent {
  width: 50%;
  padding-left: 50px;
}
@media screen and (max-width: 992px) {
  .avantagesOffres .globalAvantageContent .rightContent {
    margin-top: 40px;
    width: 100%;
    padding-left: 0;
  }
}
.avantagesOffres .globalAvantageContent .rightContent .itemsDetailsOffer {
  padding-right: 50px;
}
@media screen and (max-width: 992px) {
  .avantagesOffres .globalAvantageContent .rightContent .itemsDetailsOffer {
    padding-right: 0;
  }
}
.avantagesOffres .globalAvantageContent .rightContent .itemsDetailsOffer .itemDetail {
  display: flex;
  align-items: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 992px) {
  .avantagesOffres .globalAvantageContent .rightContent .itemsDetailsOffer .itemDetail {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 20px;
  }
}
.avantagesOffres .globalAvantageContent .rightContent .itemsDetailsOffer .itemDetail .numberOffer {
  width: 97px;
  height: 97px;
  border: 1px solid #0555fa;
  border-radius: 50%;
  flex: 0 0 97px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  background: transparent;
  transition: 0.3s ease-in-out;
  margin-right: 30px;
}
@media screen and (max-width: 992px) {
  .avantagesOffres .globalAvantageContent .rightContent .itemsDetailsOffer .itemDetail .numberOffer {
    margin-right: 0;
  }
}
@media screen and (max-width: 576px) {
  .avantagesOffres .globalAvantageContent .rightContent .itemsDetailsOffer .itemDetail .numberOffer {
    flex: 0 0 85px;
    width: 85px;
    height: 85px;
  }
}
.avantagesOffres .globalAvantageContent .rightContent .itemsDetailsOffer .itemDetail .numberOffer span {
  font-size: 18px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
}
@media screen and (max-width: 576px) {
  .avantagesOffres .globalAvantageContent .rightContent .itemsDetailsOffer .itemDetail .numberOffer span {
    font-size: 20px;
  }
}
.avantagesOffres .globalAvantageContent .rightContent .itemsDetailsOffer .itemDetail p {
  font-size: 25px;
  color: #0F141A;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 992px) {
  .avantagesOffres .globalAvantageContent .rightContent .itemsDetailsOffer .itemDetail p {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}
@media screen and (max-width: 576px) {
  .avantagesOffres .globalAvantageContent .rightContent .itemsDetailsOffer .itemDetail p {
    font-size: 20px;
  }
}

.serviceInclus {
  background-size: cover;
  background-position: center;
  padding: 95px 0;
  position: relative;
}
.serviceInclus.serviceInclusDesktop {
  display: block;
  margin-top: 140px;
}
@media screen and (max-width: 576px) {
  .serviceInclus.serviceInclusDesktop {
    display: none;
  }
}
.serviceInclus.serviceInclusMobile {
  display: none;
}
@media screen and (max-width: 576px) {
  .serviceInclus.serviceInclusMobile {
    display: block;
  }
}
.serviceInclus .image-background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top right;
  z-index: -1;
}
@media screen and (max-width: 992px) {
  .serviceInclus {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 576px) {
  .serviceInclus {
    padding-bottom: 80px;
    padding-top: 70px;
  }
}
.serviceInclus:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(102, 119, 144, 0.5);
}
.serviceInclus h2 {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .serviceInclus h2 {
    font-size: 55px;
  }
}
@media screen and (max-width: 576px) {
  .serviceInclus h2 {
    text-align: center;
    font-size: 46px;
  }
}
.serviceInclus p.subtitle {
  font-size: 35px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 992px) {
  .serviceInclus p.subtitle {
    font-size: 30px;
  }
}
@media screen and (max-width: 576px) {
  .serviceInclus p.subtitle {
    text-align: center;
    font-size: 31px;
  }
}
.serviceInclus p.description {
  text-align: center;
  color: #fff;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 19px;
  margin-top: 22px;
  margin-bottom: 50px;
}
@media screen and (max-width: 576px) {
  .serviceInclus p.description {
    text-align: center;
    padding: 0 40px;
  }
}
.serviceInclus .items {
  display: flex;
  margin-bottom: 75px;
}
@media screen and (max-width: 576px) {
  .serviceInclus .items {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
.serviceInclus .items .itemAdmin {
  width: 53px;
  height: 53px;
  border: 1px solid #fff;
  border-radius: 50%;
  flex: 0 0 53px;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media screen and (max-width: 576px) {
  .serviceInclus .items .itemAdmin {
    margin: 0 auto;
  }
  .serviceInclus .items .itemAdmin img {
    width: auto;
  }
}
.serviceInclus .items .textItem {
  margin-left: 20px;
}
@media screen and (max-width: 576px) {
  .serviceInclus .items .textItem {
    margin-left: 0;
    margin-top: 11px;
    width: 100%;
  }
}
.serviceInclus .items .textItem p.itemTitle {
  font-size: 30px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  margin-bottom: 0;
  display: block;
}
@media screen and (max-width: 576px) {
  .serviceInclus .items .textItem p.itemTitle {
    text-align: center;
  }
}
.serviceInclus .items .textItem p.itemSubtitle {
  font-size: 20px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  margin-bottom: 0;
  display: block;
  padding-right: 120px;
}
@media screen and (max-width: 576px) {
  .serviceInclus .items .textItem p.itemSubtitle {
    text-align: center;
    padding: 0;
  }
}
.serviceInclus .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  top: 60%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 576px) {
  .serviceInclus .owl-nav .owl-prev {
    top: auto;
    left: 25%;
    bottom: -20%;
    transform: translate(0%, -50%);
  }
}
.serviceInclus .owl-nav .owl-prev:focus {
  outline: none;
}
.serviceInclus .owl-nav .owl-next {
  position: absolute;
  right: 0;
  top: 60%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 576px) {
  .serviceInclus .owl-nav .owl-next {
    top: auto;
    right: 25%;
    bottom: -20%;
    transform: translate(0%, -50%);
  }
}
.serviceInclus .owl-nav .owl-next:focus {
  outline: none;
}

.convaincuOffer .container-fluid-convaincu {
  display: flex;
  position: relative;
  z-index: 7;
}
@media screen and (max-width: 768px) {
  .convaincuOffer .container-fluid-convaincu {
    flex-wrap: wrap;
  }
}
.convaincuOffer .container-fluid-convaincu .contenuConvaincu {
  padding-top: 50px;
  padding-left: 80px;
  padding-bottom: 60px;
  width: 50%;
  display: inline-block;
  background: #0555FA;
}
@media screen and (max-width: 992px) {
  .convaincuOffer .container-fluid-convaincu .contenuConvaincu {
    padding-left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .convaincuOffer .container-fluid-convaincu .contenuConvaincu {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .convaincuOffer .container-fluid-convaincu .contenuConvaincu {
    text-align: left;
    padding-left: 20px;
  }
}
.convaincuOffer .container-fluid-convaincu .contenuConvaincu h2.title {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 992px) {
  .convaincuOffer .container-fluid-convaincu .contenuConvaincu h2.title {
    font-size: 55px;
  }
}
@media screen and (max-width: 576px) {
  .convaincuOffer .container-fluid-convaincu .contenuConvaincu h2.title {
    font-size: 40px;
  }
}
.convaincuOffer .container-fluid-convaincu .contenuConvaincu h2.subtitle {
  font-size: 25px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 576px) {
  .convaincuOffer .container-fluid-convaincu .contenuConvaincu h2.subtitle {
    font-size: 20px;
  }
}
.convaincuOffer .container-fluid-convaincu .contenuConvaincu a.btnSubs {
  background: #fff;
  display: inline-flex;
  justify-content: space-between;
  padding: 15px 21px;
  border-radius: 5px;
  margin-top: 35px;
  text-decoration: none;
  width: 270px;
  height: 85px;
  align-items: center;
}
.convaincuOffer .container-fluid-convaincu .contenuConvaincu a.btnSubs p {
  color: #0555FA;
  margin: 0 0px 0 0;
  padding: 0;
  font-size: 20px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  line-height: 27px;
}
.convaincuOffer .container-fluid-convaincu .fichesOffre {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .convaincuOffer .container-fluid-convaincu .fichesOffre {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .convaincuOffer .container-fluid-convaincu .fichesOffre {
    width: 100%;
  }
}
.convaincuOffer .container-fluid-convaincu .fichesOffre .allFiles {
  max-width: 450px;
  width: 100%;
}
.convaincuOffer .container-fluid-convaincu .fichesOffre .allFiles .offreFiche {
  padding: 30px 0;
  border-top: 1px solid #C2C8D2;
}
.convaincuOffer .container-fluid-convaincu .fichesOffre .allFiles .offreFiche:first-child {
  border-top: none;
}
.convaincuOffer .container-fluid-convaincu .fichesOffre .allFiles .offreFiche a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.convaincuOffer .container-fluid-convaincu .fichesOffre .allFiles .offreFiche a p {
  font-size: 24px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  display: inline-block;
}
@media screen and (max-width: 576px) {
  .convaincuOffer .container-fluid-convaincu .fichesOffre .allFiles .offreFiche a p {
    font-size: 20px;
  }
}

.map-wrapper {
  padding: 20px 0;
  position: relative;
}
.map-wrapper:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: url("../../assets/img/map/map-3.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.2;
}
.map-wrapper .container-map-content {
  position: relative;
}
.map-wrapper .container-map-content .legend-map {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #fff;
  padding: 10px 15px;
}
.map-wrapper .container-map-content .legend-map .items-legend-map {
  padding: 0;
  margin: 0;
}
.map-wrapper .container-map-content .legend-map .items-legend-map li {
  list-style: none;
  font-size: 11px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #0D2F58;
}
.map-wrapper .container-map-content .legend-map .items-legend-map li.legend-texte {
  margin-bottom: 5px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
.map-wrapper .container-map-content .legend-map .items-legend-map li img {
  width: 25px;
}
.map-wrapper .container-map-content #map-canvas {
  margin: auto;
  padding: 0;
  height: 1000px;
  width: 100%;
}
@media screen and (max-width: 576px) {
  .map-wrapper .container-map-content #map-canvas {
    height: 600px;
  }
}
@media screen and (max-width: 992px) {
  .map-wrapper #campground_info {
    margin-top: 30px;
  }
}
.map-wrapper #campground_info .wrapper-content {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2117647059);
  padding: 0px 0px 0px 25px;
  max-width: 526px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .map-wrapper #campground_info .wrapper-content {
    display: block;
    padding: 25px;
  }
}
.map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc {
  display: flex;
}
@media screen and (max-width: 991px) {
  .map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .image-wrapper-bloc {
  display: flex;
  align-items: center;
}
.map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .image-wrapper-bloc .image-bloc {
  width: 124px;
  height: 124px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 20px;
}
@media screen and (max-width: 576px) {
  .map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .image-wrapper-bloc .image-bloc {
    margin: 0 auto;
  }
}
.map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .image-wrapper-bloc .image-bloc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc {
  width: calc(100% - 124px);
  margin-top: 25px;
}
@media screen and (max-width: 991px) {
  .map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc {
    text-align: center;
  }
}
@media screen and (max-width: 576px) {
  .map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc {
    width: 100%;
  }
}
.map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc h3 {
  font-size: 22px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #0D2F58;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 991px) {
  .map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc h3 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 576px) {
  .map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc h3 {
    margin-top: 20px;
    text-align: center;
  }
}
.map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc p {
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0;
  color: #727272;
  font-size: 11px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 14px;
  padding-right: 20px;
}
@media screen and (max-width: 992px) {
  .map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc p {
    padding-right: 0;
  }
}
@media screen and (max-width: 576px) {
  .map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc p {
    text-align: center;
  }
}
.map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc .options-map {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  color: #727272;
  font-size: 14px;
  display: block;
}
.map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc .options-map li {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  list-style: none;
  display: inline-block;
}
@media screen and (max-width: 991px) {
  .map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc .options-map li {
    display: flex;
    justify-content: center;
  }
}
.map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc .options-map li:first-child {
  margin-right: 30px;
}
@media screen and (max-width: 991px) {
  .map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc .options-map li:first-child {
    margin-right: 0;
  }
}
.map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc .options-map span {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  display: block;
}
@media screen and (max-width: 991px) {
  .map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc .options-map span {
    margin-left: 10px;
  }
}
.map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc .options-map span.green-text {
  color: #55be5a;
}
.map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc .options-map span.blue-text {
  color: #0555FA;
}
@media screen and (max-width: 576px) {
  .map-wrapper #campground_info .wrapper-content .biogaz-wrapper-bloc .content-bloc .options-map {
    text-align: center;
  }
}
.map-wrapper #campground_info .wrapper-content .link-bloc {
  display: flex;
  justify-content: end;
  margin-top: 10px;
}
@media screen and (max-width: 991px) {
  .map-wrapper #campground_info .wrapper-content .link-bloc {
    justify-content: center;
  }
}
.map-wrapper #campground_info .wrapper-content .link-bloc a {
  position: relative;
  background: #0555FA;
  padding: 8px 15px;
  font-size: 15px;
  color: #fff;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  /*
  &:before{
      content: '';
      position: absolute;
      right: 0;
      left: 0;
      background: url('../../assets/img/map/map-right-arrow.svg');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      width: 18px;
      height: 18px;
  }
  */
}

.gmnoprint {
  display: none;
}

.nosProducteurs {
  margin-top: 132px;
}
@media screen and (max-width: 992px) {
  .nosProducteurs {
    margin-top: 0px;
  }
}
.nosProducteurs h3 {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  margin-bottom: 44px;
}
@media screen and (max-width: 992px) {
  .nosProducteurs h3 {
    font-size: 55px;
    text-align: center;
  }
}
@media screen and (max-width: 576px) {
  .nosProducteurs h3 {
    font-size: 40px;
    text-align: left;
  }
}
.nosProducteurs .owl-producteur .item .imgSlide {
  margin: 0 auto;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  overflow: hidden;
}
.nosProducteurs .owl-producteur .item .imgSlide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.nosProducteurs .owl-producteur .item p {
  margin: 20px auto;
  padding: 0 120px;
  font-size: 18px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .nosProducteurs .owl-producteur .item p {
    padding: 0;
  }
}
.nosProducteurs .owl-producteur .item h4 {
  font-size: 18px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  text-align: center;
  margin: 23px 0 0 0;
}
.nosProducteurs .owl-producteur .item h6 {
  font-size: 13px;
  color: #667790;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
}
.nosProducteurs .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 576px) {
  .nosProducteurs .owl-nav .owl-prev {
    top: auto;
    left: 40%;
    bottom: -20%;
    transform: translate(-50%, -50%);
  }
}
.nosProducteurs .owl-nav .owl-prev:focus {
  outline: none;
}
.nosProducteurs .owl-nav .owl-next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 576px) {
  .nosProducteurs .owl-nav .owl-next {
    top: auto;
    right: 25%;
    bottom: -20%;
    transform: translate(-50%, -50%);
  }
}
.nosProducteurs .owl-nav .owl-next:focus {
  outline: none;
}
@media screen and (max-width: 576px) {
  .nosProducteurs .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 60%;
    transform: translate(0, -50%);
  }
}
@media screen and (max-width: 576px) and (max-width: 576px) {
  .nosProducteurs .owl-nav .owl-prev {
    top: auto;
    left: 25%;
    bottom: -20%;
    transform: translate(0%, -50%);
  }
}
@media screen and (max-width: 576px) {
  .nosProducteurs .owl-nav .owl-prev:focus {
    outline: none;
  }
  .nosProducteurs .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 60%;
    transform: translate(0, -50%);
  }
}
@media screen and (max-width: 576px) and (max-width: 576px) {
  .nosProducteurs .owl-nav .owl-next {
    top: auto;
    right: 25%;
    bottom: -20%;
    transform: translate(0%, -50%);
  }
}
@media screen and (max-width: 576px) {
  .nosProducteurs .owl-nav .owl-next:focus {
    outline: none;
  }
}

.passezAuBio {
  margin-top: 121px;
  margin-bottom: 140px;
}
.passezAuBio h2 {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  margin-bottom: 36px;
}
@media screen and (max-width: 992px) {
  .passezAuBio h2 {
    font-size: 55px;
  }
}
@media screen and (max-width: 576px) {
  .passezAuBio h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 992px) {
  .passezAuBio .imageBio {
    text-align: center;
  }
}
.passezAuBio .descBio {
  margin-top: 24px;
}
.passezAuBio .descBio p {
  font-size: 23px;
  color: #0F141A;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 576px) {
  .passezAuBio .descBio p {
    font-size: 20px;
  }
}

@media screen and (max-width: 576px) {
  .offer-biogaz-wrapper .nosConseils,
  .offer-online-wrapper .nosConseils {
    display: none;
  }
}

.bannerDetail {
  position: relative;
  margin-top: 161px;
}
.bannerDetail.marge-without-bar {
  margin-top: 122px;
}
@media screen and (max-width: 576px) {
  .bannerDetail.marge-without-bar {
    margin-top: 93px;
  }
}
@media screen and (max-width: 576px) {
  .bannerDetail {
    margin-top: 149px;
  }
}
.bannerDetail:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 600px;
  background: #0555FA;
}
@media screen and (max-width: 576px) {
  .bannerDetail:before {
    height: calc(100% - 50px);
  }
}
.bannerDetail .filDariane {
  position: relative;
  z-index: 8;
  padding-top: 30px;
  padding-left: 30px;
}
@media screen and (max-width: 576px) {
  .bannerDetail .filDariane {
    display: none;
  }
}
.bannerDetail .filDariane ul {
  padding: 0;
  margin: 0;
}
.bannerDetail .filDariane ul li {
  display: inline-block;
  margin-right: 20px;
}
.bannerDetail .filDariane ul li a {
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 11px;
  color: #fff;
}
.bannerDetail .filDariane ul li a.current {
  opacity: 0.6;
  cursor: auto;
}
@media screen and (max-width: 1220px) and (min-width: 992px) {
  .bannerDetail .content-global .container {
    max-width: 860px;
  }
}
@media screen and (max-width: 1024px) {
  .bannerDetail .content-global .title {
    margin-top: 30px;
  }
}
.bannerDetail .content-global .title h6 {
  font-size: 20px;
  color: #fff;
  font-family: "georgiaItalic", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 576px) {
  .bannerDetail .content-global .title h6 {
    margin-top: 45px;
  }
}
.bannerDetail .content-global .title h1 {
  font-size: 80px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  text-align: center;
  margin-top: 14px;
  margin-bottom: 72px;
}
@media screen and (max-width: 992px) {
  .bannerDetail .content-global .title h1 {
    font-size: 50px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 576px) {
  .bannerDetail .content-global .title h1 {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
.bannerDetail .content-global .imgAbout {
  width: 100%;
  height: 390px;
}
@media screen and (max-width: 576px) {
  .bannerDetail .content-global .imgAbout {
    height: 150px;
  }
}
.bannerDetail .content-global .imgAbout img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.bannerDetail .shared-mobile {
  display: none;
}
@media screen and (max-width: 992px) {
  .bannerDetail .shared-mobile {
    display: flex;
    align-self: center;
    justify-content: center;
    margin-bottom: 30px;
  }
  .bannerDetail .shared-mobile .content-share {
    display: flex;
  }
  .bannerDetail .shared-mobile .content-share .title {
    margin-right: 40px;
  }
  .bannerDetail .shared-mobile .content-share .title span {
    font-size: 17px;
    font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
    color: #fff;
    margin-left: 18px;
  }
  .bannerDetail .shared-mobile .content-share .social-links ul {
    padding: 0;
    margin: 0;
  }
  .bannerDetail .shared-mobile .content-share .social-links ul li {
    display: inline-flex;
    list-style: none;
    margin-right: 11px;
  }
  .bannerDetail .shared-mobile .content-share .social-links ul li:hover a {
    background: #E90657;
    border: 1px solid #E90657;
    transform: rotate(360deg);
  }
  .bannerDetail .shared-mobile .content-share .social-links ul li a {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: transparent;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
  }
}
@media screen and (max-width: 992px) {
  .bannerDetail .shared-mobile .content-share {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .bannerDetail .shared-mobile .content-share .title {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
  }
  .bannerDetail .shared-mobile .content-share .shared-wrapper-mobile {
    display: none;
  }
}
.bannerDetail .sharesButton {
  position: absolute;
  right: -120px;
  top: 40%;
  transform: translate(0, -50%) rotate(90deg);
}
@media screen and (max-width: 992px) {
  .bannerDetail .sharesButton {
    display: none;
  }
}
.bannerDetail .sharesButton .content-share {
  display: flex;
  align-items: center;
}
.bannerDetail .sharesButton .content-share .title {
  margin-right: 40px;
  transform: rotate(180deg);
}
.bannerDetail .sharesButton .content-share .title .ico-share {
  transform: rotate(90deg);
}
.bannerDetail .sharesButton .content-share .title span {
  font-size: 17px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  margin-left: 18px;
}
.bannerDetail .sharesButton .content-share .social-links ul {
  padding: 0;
  margin: 0;
}
.bannerDetail .sharesButton .content-share .social-links ul li {
  list-style: none;
  margin-right: 11px;
  display: inline-block;
}
.bannerDetail .sharesButton .content-share .social-links ul li:hover a {
  background: #E90657;
  border: 1px solid #E90657;
  transform: rotate(270deg);
}
.bannerDetail .sharesButton .content-share .social-links ul li a {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: transparent;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
  transform: rotate(-90deg);
}

.contenu-description-detail {
  margin-top: 80px;
}
.contenu-description-detail .content-global ul li {
  list-style-image: url("/static/assets/img/bullet.svg");
}
@media screen and (max-width: 576px) {
  .contenu-description-detail .content-global figure img {
    width: 100%;
  }
}
.contenu-description-detail .tags-categories span {
  font-size: 19px;
  color: #0F141A;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  margin-right: 35px;
}

.relatedArticles {
  margin-top: 100px;
}
.relatedArticles h3 {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  text-align: center;
  margin-bottom: 58px;
}
@media screen and (max-width: 576px) {
  .relatedArticles h3 {
    font-size: 40px;
    margin-bottom: 0px;
  }
}
.relatedArticles .cardConseil {
  width: 390px;
  margin-left: 35px;
  margin-bottom: 30px;
  border-bottom: 1px solid #C2C8D2;
}
@media screen and (max-width: 992px) {
  .relatedArticles .cardConseil {
    margin-left: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .relatedArticles .cardConseil {
    margin-top: 40px;
    height: auto;
  }
}
.relatedArticles .cardConseil a {
  text-decoration: none;
}
.relatedArticles .cardConseil a .blocImage {
  width: 100%;
  height: 250px;
}
.relatedArticles .cardConseil a .blocImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.relatedArticles .cardConseil a .blocTexte {
  padding-top: 31px;
  padding-bottom: 25px;
}
.relatedArticles .cardConseil a .blocTexte ul {
  padding: 0;
  margin: 0;
}
.relatedArticles .cardConseil a .blocTexte ul li {
  list-style: none;
  display: inline-block;
  margin-right: 36px;
  margin-bottom: 10px;
  font-size: 15px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
}
.relatedArticles .cardConseil a .blocTexte h4 {
  font-size: 22px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  text-align: left;
  margin: 0;
}
.relatedArticles .cardConseil a .blocTexte p {
  color: #667790;
  font-size: 15px;
  font-family: "georgia", Helvetica, Roboto, Arial, sans-serif;
}

.acualiteListings {
  position: relative;
  padding-bottom: 20px;
  margin-top: 161px;
}
.acualiteListings.marge-without-bar {
  margin-top: 122px;
}
@media screen and (max-width: 576px) {
  .acualiteListings.marge-without-bar {
    margin-top: 93px;
  }
}
@media screen and (max-width: 576px) {
  .acualiteListings {
    margin-top: 149px;
  }
}
.acualiteListings:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  min-height: calc(100% + 0px);
  height: 100%;
  background: #EDF3FF;
}
.acualiteListings .filDariane {
  position: relative;
  z-index: 8;
  padding-top: 30px;
  padding-left: 30px;
}
@media screen and (max-width: 576px) {
  .acualiteListings .filDariane {
    display: none;
  }
}
.acualiteListings .filDariane ul {
  padding: 0;
  margin: 0;
}
.acualiteListings .filDariane ul li {
  display: inline-block;
  margin-right: 20px;
}
.acualiteListings .filDariane ul li a {
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 11px;
  color: #667790;
}
.acualiteListings .filDariane ul li a.current {
  opacity: 0.6;
  cursor: auto;
}
.acualiteListings .title h1 {
  font-size: 80px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
  margin-top: 30px;
}
@media screen and (max-width: 992px) {
  .acualiteListings .title h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 576px) {
  .acualiteListings .title h1 {
    font-size: 40px;
  }
}
.acualiteListings .formSearch {
  margin-top: 16px;
}
.acualiteListings .formSearch form {
  position: relative;
}
.acualiteListings .formSearch form input.search {
  width: 100%;
  height: 80px;
  background: #fff;
  border: 1px solid rgba(194, 200, 210, 0.5);
  font-family: "georgiaItalic", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
  font-size: 20px;
  padding: 30px;
}
.acualiteListings .formSearch form input.search:focus {
  outline: none;
}
.acualiteListings .formSearch form input.search::placeholder {
  color: #667790;
  font-family: "georgiaItalic", Helvetica, Roboto, Arial, sans-serif;
  font-size: 20px;
}
.acualiteListings .formSearch form .send {
  right: 0;
  top: 0;
  position: absolute;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.acualiteListings .formSearch form .send button.btn-send {
  background: url("/static/assets/img/search.svg");
  border: none;
  width: 43px;
  height: 43px;
}
.acualiteListings .formSearch form .send button.btn-send:focus {
  outline: none;
}
.acualiteListings .filterDesktop {
  margin-top: 30px;
}
.acualiteListings .filterDesktop .filter-bloc {
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 576px) {
  .acualiteListings .filterDesktop .filter-bloc {
    cursor: pointer;
  }
}
.acualiteListings .filterDesktop .filter-bloc h6 {
  font-size: 12px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
  margin: 0;
}
.acualiteListings .filterDesktop .filter-bloc span {
  margin-left: 10px;
  display: none;
  transition: 0.3s ease-in-out;
}
.acualiteListings .filterDesktop .filter-bloc span.active-toggle {
  transform: rotate(180deg);
}
@media screen and (max-width: 576px) {
  .acualiteListings .filterDesktop .filter-bloc span {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .acualiteListings .filterDesktop ul.categorie-wrapper-mobile {
    display: none;
  }
}
.acualiteListings .filterDesktop ul li {
  margin: 15px 40px 0 0;
  list-style: none;
  display: inline-block;
}
@media screen and (max-width: 576px) {
  .acualiteListings .filterDesktop ul li {
    margin: 15px 20px 0 0;
  }
}
.acualiteListings .filterDesktop ul li a {
  position: relative;
  font-size: 19px;
  color: #0F141A;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  text-decoration: none;
}
@media screen and (max-width: 576px) {
  .acualiteListings .filterDesktop ul li a {
    font-size: 15px;
  }
}
.acualiteListings .filterDesktop ul li a.active {
  color: #0555FA;
}
.acualiteListings .filterDesktop ul li a.active:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -5px;
  background: #0555FA;
  width: 100%;
  height: 1px;
}

.resultsArticles {
  margin-top: 70px;
}
.resultsArticles h3.no-result-found {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #0555fa;
  text-align: center;
  font-size: 35px;
  line-height: 45px;
  display: block;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .resultsArticles h3.no-result-found {
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (max-width: 576px) {
  .resultsArticles h3.no-result-found {
    font-size: 20px;
    line-height: 30px;
    padding: 0 20px;
  }
}
.resultsArticles #cardActus:nth-child(even) .articleCard {
  margin-left: auto;
}
.resultsArticles #cardActus {
  margin-bottom: 100px;
}
@media screen and (max-width: 576px) {
  .resultsArticles #cardActus {
    margin-bottom: 70px;
  }
}
.resultsArticles .articleCard {
  max-width: 390px;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #C2C8D2;
}
@media screen and (max-width: 768px) {
  .resultsArticles .articleCard {
    margin: 0 auto;
  }
}
.resultsArticles .articleCard .imageArticle {
  width: 100%;
  height: 250px;
}
.resultsArticles .articleCard .imageArticle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.resultsArticles .articleCard .textArticle {
  margin-top: 16px;
}
.resultsArticles .articleCard .textArticle .categoriesItems ul {
  padding: 0;
}
.resultsArticles .articleCard .textArticle .categoriesItems ul li {
  display: inline-block;
  list-style: none;
  margin-right: 35px;
}
.resultsArticles .articleCard .textArticle .categoriesItems ul li a {
  color: #667790;
  font-size: 15px;
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
.resultsArticles .articleCard .textArticle .title-anchor a {
  text-decoration: none;
}
.resultsArticles .articleCard .textArticle .title-anchor a h2 {
  font-size: 22px;
  color: #0F141A;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
.resultsArticles .articleCard .textArticle .title a {
  text-decoration: none;
}
.resultsArticles .articleCard .textArticle .title a h2 {
  font-size: 22px;
  color: #0F141A;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
.resultsArticles .articleCard .textArticle .title p {
  font-size: 15px;
  font-family: "georgia", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
}
.resultsArticles .paggination {
  text-align: center;
}
@media screen and (max-width: 576px) {
  .resultsArticles .paggination {
    display: none;
  }
}
.resultsArticles .paggination ul li {
  position: relative;
  display: inline-block;
  list-style: none;
  padding-right: 30px;
  padding-left: 30px;
  margin-left: -5px;
}
.resultsArticles .paggination ul li:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -5px;
  width: 100%;
  height: 1px;
  background: #C2C8D2;
}
.resultsArticles .paggination ul li.active:before {
  background: #0555FA;
}
.resultsArticles .paggination ul li.active a {
  color: #0555FA;
}
.resultsArticles .paggination ul li a {
  text-align: center;
  font-size: 15px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
  text-decoration: none;
}
.resultsArticles .pagination-mobile {
  display: none;
}
@media screen and (max-width: 576px) {
  .resultsArticles .pagination-mobile {
    display: flex;
    text-align: center;
    justify-content: space-between;
  }
  .resultsArticles .pagination-mobile .current,
  .resultsArticles .pagination-mobile .last,
  .resultsArticles .pagination-mobile .dots {
    position: relative;
    display: inline-block;
    list-style: none;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: -5px;
  }
  .resultsArticles .pagination-mobile .current:before,
  .resultsArticles .pagination-mobile .last:before,
  .resultsArticles .pagination-mobile .dots:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background: #C2C8D2;
  }
  .resultsArticles .pagination-mobile .current.active,
  .resultsArticles .pagination-mobile .last.active,
  .resultsArticles .pagination-mobile .dots.active {
    color: #0555FA;
  }
  .resultsArticles .pagination-mobile .current.active:before,
  .resultsArticles .pagination-mobile .last.active:before,
  .resultsArticles .pagination-mobile .dots.active:before {
    background: #0555FA;
  }
  .resultsArticles .pagination-mobile .current a,
  .resultsArticles .pagination-mobile .last a,
  .resultsArticles .pagination-mobile .dots a {
    color: #667790;
    text-decoration: none;
  }
  .resultsArticles .pagination-mobile .paginate img {
    width: 34px;
  }
  .resultsArticles .pagination-mobile .has-prev,
  .resultsArticles .pagination-mobile .has-next {
    opacity: 0;
  }
}

.contactBanner {
  position: relative;
  padding-bottom: 90px;
  background: #F8F9FA;
  margin-top: 161px;
}
.contactBanner.marge-without-bar {
  margin-top: 122px;
}
@media screen and (max-width: 576px) {
  .contactBanner.marge-without-bar {
    margin-top: 93px;
  }
}
@media screen and (max-width: 576px) {
  .contactBanner {
    margin-top: 149px;
    padding-bottom: 30px;
  }
}
.contactBanner .filDariane {
  position: relative;
  z-index: 8;
  padding-top: 30px;
  padding-left: 30px;
}
@media screen and (max-width: 576px) {
  .contactBanner .filDariane {
    display: none;
  }
}
.contactBanner .filDariane ul {
  padding: 0;
  margin: 0;
}
.contactBanner .filDariane ul li {
  display: inline-block;
  margin-right: 20px;
}
.contactBanner .filDariane ul li a {
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 11px;
  color: rgba(15, 20, 26, 0.7215686275);
}
.contactBanner .filDariane ul li a.current {
  opacity: 0.6;
  cursor: auto;
}
@media screen and (max-width: 992px) {
  .contactBanner .desc {
    margin-top: 30px;
  }
}
.contactBanner .desc h1 {
  color: #0555FA;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 38px;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .contactBanner .desc h1 {
    font-size: 30px;
  }
}
@media screen and (max-width: 576px) {
  .contactBanner .desc h1 {
    font-size: 25px;
  }
}
.contactBanner .desc h1 .title {
  font-size: 80px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
  margin-top: 0;
}
@media screen and (max-width: 992px) {
  .contactBanner .desc h1 .title {
    font-size: 50px;
  }
}
@media screen and (max-width: 576px) {
  .contactBanner .desc h1 .title {
    font-size: 40px;
  }
}

.formContactContent {
  margin-top: 100px;
}
@media screen and (max-width: 576px) {
  .formContactContent {
    margin-top: 34px;
  }
}
.formContactContent form {
  /*
      .input-wrapper{
          .input-container{
              position: relative;
              max-width: 450px;
              &.invalid{ 
                  opacity: 1;
                  span {
                      position: absolute;
                      content: '';
                      width: calc(.75em + .375rem);
                      height: calc(.75em + .375rem);
                      background-image: url('/static/assets/img/error.svg');
                      background-repeat: no-repeat;
                      top: 46%;
                      right: 16px;
                      transform: translate(0%, -50%);
                  }
              }
              &.valid{
                  opacity: 1;
                  span {
                      position: absolute;
                      content: '';
                      width: calc(.75em + .375rem);
                      height: calc(.75em + .375rem);
                      background-image: url('/static/assets/img/valide.svg');
                      background-repeat: no-repeat;
                      top: 50%;
                      right: 20px;
                      transform: translate(0%, -50%);
                  }
              }
          }
      }
      */
}
@media screen and (max-width: 576px) {
  .formContactContent form .col-md-6 {
    margin-bottom: 40px !important;
  }
}
.formContactContent form .form-row.raison-row, .formContactContent form .form-row.name-row, .formContactContent form .form-row.phone-row {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .formContactContent form .form-row.raison-row, .formContactContent form .form-row.name-row, .formContactContent form .form-row.phone-row {
    margin-bottom: 0px;
  }
}
.formContactContent form .form-row.message-row {
  margin-bottom: 0;
}
.formContactContent form .form-row .devis-wrapper {
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
}
.formContactContent form .form-row label {
  font-size: 20px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
}
.formContactContent form .form-row select {
  border: 1px solid #C2C8D2;
  border-radius: 5px;
  max-width: 450px;
  width: 100%;
  height: 80px;
  font-size: 14px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0f141a;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
  background-position: 100%;
  background-repeat: no-repeat;
}
.formContactContent form .form-row select option {
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
.formContactContent form .form-row input {
  border: 1px solid #C2C8D2;
  border-radius: 5px;
  max-width: 450px;
  width: 100%;
  height: 80px;
  font-size: 22px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
}
@media screen and (max-width: 768px) {
  .formContactContent form .form-row input {
    max-width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .formContactContent form .form-row input {
    height: 65px;
  }
}
.formContactContent form .form-row textarea {
  border: 1px solid #C2C8D2;
  border-radius: 5px;
  max-width: 450px;
  width: 100%;
  height: 215px;
  resize: none;
  font-size: 22px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
}
.formContactContent form .form-row .file-label {
  font-size: 12px;
  color: rgba(15, 20, 26, 0.7215686275);
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
.formContactContent form .form-row .global-file {
  margin: 0 auto;
}
.formContactContent form .form-row .global-file .upload-btn-bloc {
  border: 1px solid #C2C8D2;
  border-radius: 5px;
  max-width: 291px;
  width: 100%;
  min-height: 56px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.formContactContent form .form-row .global-file .upload-btn-bloc .file-text {
  padding: 10px 45px 10px 20px;
  font-size: 15px;
  color: #0F141A;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
}
.formContactContent form .form-row .global-file .upload-btn-bloc .ico-join {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
}
.formContactContent form.was-validated .form-control:invalid {
  border: 1px solid #E90657;
  background-image: url("/static/assets/img/error.svg");
  background-size: 20px 20px;
}
.formContactContent form.was-validated .form-control:invalid:focus {
  box-shadow: 0 0 0 0.2rem rgba(233, 6, 87, 0.25);
}
.formContactContent form .form-control.is-invalid, .formContactContent form .was-validated .form-control:invalid {
  border: 1px solid #E90657 !important;
  background-image: url("/static/assets/img/error.svg") !important;
  background-size: 20px 20px;
}
.formContactContent form .form-control.is-invalid:focus, .formContactContent form .was-validated .form-control:invalid:focus {
  box-shadow: 0 0 0 0.2rem rgba(233, 6, 87, 0.25) !important;
}
.formContactContent form.was-validated .form-control:valid {
  border: 1px solid #0555FA;
  background-image: url("/static/assets/img/valide.svg");
  background-size: 20px 20px;
}
.formContactContent form.was-validated .form-control:valid:focus {
  box-shadow: 0 0 0 0.2rem rgba(5, 85, 250, 0.25);
}
.formContactContent form .form-control.is-valid, .formContactContent form .was-validated .form-control:valid {
  border: 1px solid #0555FA;
  background-image: url("/static/assets/img/valide.svg");
  background-size: 20px 20px;
}
.formContactContent form .form-control.is-valid:focus, .formContactContent form .was-validated .form-control:valid:focus {
  box-shadow: 0 0 0 0.2rem rgba(5, 85, 250, 0.25);
}
.formContactContent form .global-content-file {
  max-width: 300px;
  margin: 0 auto;
}
.formContactContent form .global-content-file .global-file {
  position: relative;
  border: 1px solid #C2C8D2;
  border-radius: 5px;
  width: 100%;
  min-height: 56px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.formContactContent form .global-content-file .global-file:before {
  background: url("/static/assets/img/join-file.svg");
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  width: 30px;
  height: 30px;
  background-size: cover;
}
.formContactContent form .global-content-file .global-file label.file-upload__label {
  padding: 10px 45px 10px 20px;
  font-size: 15px;
  color: #0F141A;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  width: 100%;
  height: 100%;
  margin: 0;
}
.formContactContent form .global-content-file .global-file #id_documents {
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.formContactContent form #id_telephone_1,
.formContactContent form .phone-field-ext {
  display: none;
}
.formContactContent form .button-contactForm, .formContactContent form .devis_button_tunnel {
  margin: 40px auto 0;
  background: #E90657;
  font-size: 15px;
  height: 56px;
  max-width: 165px;
  width: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  position: relative;
  padding-left: 55px;
  text-decoration: none;
}
.formContactContent form .button-contactForm:before, .formContactContent form .devis_button_tunnel:before {
  position: absolute;
  content: "";
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  background: url("/static/assets/img/arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 7px;
  height: 12px;
}
.formContactContent form .devisBtn, .formContactContent form .devis_button_tunnel {
  padding-left: 15px;
}
.formContactContent form .devis_button_tunnel {
  border-radius: 5px;
}
.formContactContent form .continuerBtn {
  padding-left: 45px;
}

#devis-like-home {
  display: none;
  margin: 0 auto;
  margin-bottom: 20px;
}

.home_form_wrapper {
  max-width: 420px;
  width: 100%;
  background: #0555FA;
  border-radius: 5px;
  padding: 30px 19px 50px;
  position: relative;
  top: 50%;
  right: 0;
  transform: translate(0%, 0%);
}
@media screen and (max-width: 768px) {
  .home_form_wrapper {
    transform: translate(-5%, -15%);
    max-width: calc(100% - 40px);
  }
}
.home_form_wrapper h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}
.home_form_wrapper p {
  padding: 0;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 35px;
  text-align: center;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
}
.home_form_wrapper .form_wrapper .section_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check {
  background: #0555FA;
  cursor: pointer;
  width: 185px;
  border-radius: 5px;
  border: 1px solid #fff;
  position: relative;
  text-decoration: none;
  transition: 0.4s 0.1s;
  overflow: hidden;
  z-index: 1;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: skew(-15deg) translateX(-125%);
  transform-origin: 0 0;
  background-color: rgba(255, 255, 255, 0.25);
  transition: 0.4s 0.1s;
  z-index: -1;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check:hover {
  background: #fff;
  color: #0555FA;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check:hover .primary .non-active {
  display: none;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check:hover .primary .active {
  display: block;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check:hover .second p {
  color: #0555FA;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check:hover:before {
  transform: skew(-15deg) translateX(125%) scaleX(0);
  transition: 0.45s;
  z-index: 999;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check a {
  text-decoration: none;
  padding: 20px;
  width: 100%;
  height: 100%;
  display: block;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check a .primary, .home_form_wrapper .form_wrapper .section_wrapper .section_check a .second {
  margin: 0;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check:first-child {
  margin-bottom: 12px;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check .primary {
  display: flex;
  justify-content: start;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check .primary .non-active {
  display: block;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check .primary .active {
  display: none;
}
.home_form_wrapper .form_wrapper .section_wrapper .section_check .second p {
  padding: 0;
  margin: 0;
  margin-top: 20px;
  text-align: left;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
.home_form_wrapper .form_wrapper .button_section {
  margin-top: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 576px) {
  .home_form_wrapper .form_wrapper .button_section {
    margin-top: 33px;
  }
}
.home_form_wrapper .form_wrapper .button_section .devis_type {
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #fff;
  background: #fff;
  color: #0555FA;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  text-decoration: none;
}
.home_form_wrapper .form_wrapper .button_section .devis_type img {
  margin-right: 10px;
}

.faqBanner {
  position: relative;
  padding-bottom: 20px;
  margin-top: 161px;
}
.faqBanner.marge-without-bar {
  margin-top: 122px;
}
@media screen and (max-width: 576px) {
  .faqBanner.marge-without-bar {
    margin-top: 93px;
  }
}
@media screen and (max-width: 576px) {
  .faqBanner {
    margin-top: 149px;
  }
}
.faqBanner:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  min-height: 360px;
  height: 100%;
  background: #EDF3FF;
}
@media screen and (max-width: 768px) {
  .faqBanner:before {
    min-height: 335px;
  }
}
@media screen and (max-width: 576px) {
  .faqBanner:before {
    min-height: calc(100% + 20px);
  }
}
.faqBanner .filDariane {
  position: relative;
  z-index: 8;
  padding-top: 30px;
  padding-left: 30px;
}
@media screen and (max-width: 576px) {
  .faqBanner .filDariane {
    display: none;
  }
}
.faqBanner .filDariane ul {
  padding: 0;
  margin: 0;
}
.faqBanner .filDariane ul li {
  display: inline-block;
  margin-right: 20px;
}
.faqBanner .filDariane ul li a {
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 11px;
  color: #667790;
}
.faqBanner .filDariane ul li a.current {
  opacity: 0.6;
  cursor: auto;
}
.faqBanner .title h1 {
  font-size: 80px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .faqBanner .title h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 576px) {
  .faqBanner .title h1 {
    font-size: 40px;
  }
}
.faqBanner .formSearch {
  margin-top: 16px;
}
.faqBanner .formSearch form {
  position: relative;
}
.faqBanner .formSearch form input.search {
  width: 100%;
  height: 80px;
  background: #fff;
  border: 1px solid rgba(194, 200, 210, 0.5);
  font-family: "georgiaItalic", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
  font-size: 20px;
  padding: 30px;
}
@media screen and (max-width: 576px) {
  .faqBanner .formSearch form input.search {
    font-size: 18px;
    padding: 20px;
    height: 60px;
  }
}
.faqBanner .formSearch form input.search:focus {
  outline: none;
}
.faqBanner .formSearch form input.search::placeholder {
  color: #667790;
  font-family: "georgiaItalic", Helvetica, Roboto, Arial, sans-serif;
  font-size: 20px;
}
@media screen and (max-width: 576px) {
  .faqBanner .formSearch form input.search::placeholder {
    font-size: 18px;
  }
}
.faqBanner .formSearch form .send {
  right: 0;
  top: 0;
  position: absolute;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 576px) {
  .faqBanner .formSearch form .send {
    width: 60px;
    height: 60px;
  }
}
.faqBanner .formSearch form .send button.btn-send {
  background: url("/static/assets/img/search.svg");
  border: none;
  width: 43px;
  height: 43px;
}
@media screen and (max-width: 576px) {
  .faqBanner .formSearch form .send button.btn-send {
    width: 33px;
    height: 33px;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.faqBanner .formSearch form .send button.btn-send:focus {
  outline: none;
}

.content-faq-global {
  margin-top: 56px;
}
@media screen and (max-width: 576px) {
  .content-faq-global {
    margin-top: 20px;
  }
}
.content-faq-global .no-result-found {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #0555fa;
  text-align: center;
  font-size: 35px;
  line-height: 45px;
  display: block;
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 992px) {
  .content-faq-global .no-result-found {
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (max-width: 576px) {
  .content-faq-global .no-result-found {
    font-size: 20px;
    line-height: 30px;
    padding: 0 20px;
  }
}
.content-faq-global .wrapper-faq {
  display: flex;
}
@media screen and (max-width: 992px) {
  .content-faq-global .wrapper-faq {
    flex-wrap: wrap;
  }
}
.content-faq-global .wrapper-faq .category-faq {
  background: #0555FA;
  max-width: 350px;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 65px;
}
@media screen and (max-width: 992px) {
  .content-faq-global .wrapper-faq .category-faq {
    max-width: 100%;
    padding: 35px 50px 0px;
  }
}
@media screen and (max-width: 576px) {
  .content-faq-global .wrapper-faq .category-faq {
    padding: 35px 25px 0;
  }
}
.content-faq-global .wrapper-faq .category-faq .content-category .show-mobile-faq {
  display: none;
}
@media screen and (max-width: 992px) {
  .content-faq-global .wrapper-faq .category-faq .content-category .show-mobile-faq {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    cursor: pointer;
  }
  .content-faq-global .wrapper-faq .category-faq .content-category .show-mobile-faq h3 {
    color: #fff;
    font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 40px;
    margin: 0;
    padding: 0;
  }
  .content-faq-global .wrapper-faq .category-faq .content-category .show-mobile-faq img {
    transition: 0.3s ease-in-out;
  }
  .content-faq-global .wrapper-faq .category-faq .content-category .show-mobile-faq img.active-toggle {
    transform: rotate(180deg);
  }
}
@media screen and (max-width: 576px) {
  .content-faq-global .wrapper-faq .category-faq .content-category .show-mobile-faq h3 {
    font-size: 20px;
  }
}
.content-faq-global .wrapper-faq .category-faq .content-category .content-wrapper-faq {
  display: block;
}
@media screen and (max-width: 992px) {
  .content-faq-global .wrapper-faq .category-faq .content-category .content-wrapper-faq {
    display: none;
  }
}
.content-faq-global .wrapper-faq .category-faq .content-category ul {
  margin: 0;
  padding: 0;
}
.content-faq-global .wrapper-faq .category-faq .content-category ul li {
  list-style: none;
  margin-bottom: 60px;
}
@media screen and (max-width: 992px) {
  .content-faq-global .wrapper-faq .category-faq .content-category ul li {
    margin-bottom: 40px;
  }
}
.content-faq-global .wrapper-faq .category-faq .content-category ul li a {
  color: #fff;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 17px;
  text-decoration: none;
  position: relative;
}
.content-faq-global .wrapper-faq .category-faq .content-category ul li a.hover-style:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -10px;
  left: 0;
  background-color: white;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s;
}
.content-faq-global .wrapper-faq .category-faq .content-category ul li a.hover-style:hover:after {
  transform-origin: bottom left;
  transform: scaleX(1);
}
.content-faq-global .wrapper-faq .listing-faq {
  width: calc(100% - 450px);
}
@media screen and (max-width: 992px) {
  .content-faq-global .wrapper-faq .listing-faq {
    max-width: 100%;
    width: 100%;
    padding: 0 50px;
  }
}
@media screen and (max-width: 576px) {
  .content-faq-global .wrapper-faq .listing-faq {
    padding: 0 25px;
  }
}
.content-faq-global .wrapper-faq .listing-faq .details-faq {
  margin-top: 100px;
  margin-left: 100px;
}
@media screen and (max-width: 992px) {
  .content-faq-global .wrapper-faq .listing-faq .details-faq {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .content-faq-global .wrapper-faq .listing-faq .details-faq {
    margin-top: 60px;
  }
}
.content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq h2 {
  font-size: 38px;
  color: #0555FA;
  position: relative;
  width: 100%;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq h2 {
    font-size: 35px;
  }
}
@media screen and (max-width: 576px) {
  .content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq h2 {
    font-size: 25px;
  }
}
.content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq h2:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -30px;
  width: 100%;
  height: 1px;
  background: #C2C8D2;
}
.content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq {
  margin-top: 73px;
}
@media screen and (max-width: 576px) {
  .content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq {
    margin-top: 50px;
  }
}
.content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item {
  border-bottom: 1px solid #c2c8d2;
  padding-bottom: 20px;
}
.content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item.active-head .tab h3 {
  color: #0555FA;
}
.content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .tab {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 576px) {
  .content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .tab {
    margin-top: 16px;
  }
}
.content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .tab h3 {
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 25px;
  color: #667790;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .tab h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 576px) {
  .content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .tab h3 {
    font-size: 20px;
  }
}
.content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .tab .control {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .tab .control.show {
  display: block;
}
@media screen and (max-width: 576px) {
  .content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .tab .control.show {
    width: 27px;
    height: 27px;
  }
  .content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .tab .control.show img {
    width: 100%;
    height: 100%;
  }
}
.content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .tab .control.hide {
  display: none;
}
@media screen and (max-width: 576px) {
  .content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .tab .control.hide {
    width: 27px;
  }
  .content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .tab .control.hide img {
    width: 100%;
  }
}
.content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .content.hide-accord {
  display: none;
}
.content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .content p {
  font-size: 20px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
  padding: 0;
  margin: 20px 0 0 0;
}
.content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .content ol, .content-faq-global .wrapper-faq .listing-faq .details-faq .content-faq .accordions-faq .item .content ul {
  font-size: 20px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
  padding: 0;
  margin: 20px 0 0 20px;
}

.noAnswer-bloc .content-answer {
  margin-top: 150px;
}
@media screen and (max-width: 576px) {
  .noAnswer-bloc .content-answer {
    margin-top: 80px;
  }
}
.noAnswer-bloc .content-answer h3 {
  font-size: 38px;
  color: #0F141A;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .noAnswer-bloc .content-answer h3 {
    font-size: 25px;
  }
}
.noAnswer-bloc .content-answer .btn-contact {
  background: #e90657;
  color: #fff;
  display: block;
  width: 185px;
  height: 56px;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-radius: 5px;
  text-decoration: none;
  margin: 50px auto 0;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
}

.banner-edito {
  position: relative;
  background: #0555FA;
  min-height: 305px;
  margin-top: 161px;
}
.banner-edito.marge-without-bar {
  margin-top: 122px;
}
@media screen and (max-width: 576px) {
  .banner-edito.marge-without-bar {
    margin-top: 93px;
  }
}
@media screen and (max-width: 576px) {
  .banner-edito {
    margin-top: 149px;
    min-height: 100%;
  }
}
.banner-edito .filDariane {
  position: relative;
  z-index: 8;
  padding-top: 30px;
  padding-left: 30px;
}
@media screen and (max-width: 576px) {
  .banner-edito .filDariane {
    display: none;
  }
}
.banner-edito .filDariane ul {
  padding: 0;
  margin: 0;
}
.banner-edito .filDariane ul li {
  display: inline-block;
  margin-right: 20px;
}
.banner-edito .filDariane ul li a {
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 11px;
  color: #fff;
}
.banner-edito .filDariane ul li a.current {
  opacity: 0.6;
  cursor: auto;
}
.banner-edito .title h1 {
  font-size: 80px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  text-align: center;
  margin-top: 70px;
}
@media screen and (max-width: 992px) {
  .banner-edito .title h1 {
    font-size: 50px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 576px) {
  .banner-edito .title h1 {
    font-size: 40px;
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
.banner-edito .imgAbout {
  width: 100%;
}
.banner-edito .imgAbout img {
  width: 100%;
}
.banner-edito .content-about h2 {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  text-align: center;
  margin-top: 88px;
  margin-bottom: 50px;
}
.banner-edito .content-about p {
  margin: 0 auto;
  max-width: 580px;
  font-size: 25px;
  color: #0F141A;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}

.edito-page-wrapper .temoignages,
.edito-page-wrapper .clients {
  display: none;
}

.content-edito-page {
  margin-top: 90px;
}
@media screen and (max-width: 576px) {
  .content-edito-page {
    margin-top: 40px;
  }
}

.error-page .content-error {
  text-align: center;
  margin-top: 175px;
}
.error-page .content-error h3 {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
  font-size: 158px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 576px) {
  .error-page .content-error h3 {
    font-size: 90px;
  }
}
.error-page .content-error h2 {
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
  font-size: 46px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 576px) {
  .error-page .content-error h2 {
    font-size: 22px;
  }
}
.error-page .content-error p {
  padding: 0;
  margin: 0;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 26px;
  color: #0555fa;
}
@media screen and (max-width: 576px) {
  .error-page .content-error p {
    font-size: 18px;
  }
}
.error-page .content-error h6 {
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  font-size: 46px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 576px) {
  .error-page .content-error h6 {
    font-size: 22px;
  }
}
.error-page .content-error h5 {
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
  font-size: 20px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 576px) {
  .error-page .content-error h5 {
    font-size: 18px;
  }
}
.error-page .content-error h5.offre-error {
  margin-top: 35px;
}
.error-page .content-error .linkOffres {
  text-align: center;
  color: #667790;
  font-size: 15px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  margin-right: 90px;
}
@media screen and (max-width: 576px) {
  .error-page .content-error .linkOffres {
    margin-right: 0;
    margin-top: 50px;
  }
}
.error-page .content-error .linkOffres:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -7px;
  width: 100%;
  height: 1px;
  background: #0555FA;
}
.error-page .content-error .linkOffres img {
  margin-left: 24px;
}
.error-page .content-error .btn-actus {
  background: #E90657;
  color: #ffffff;
  display: block;
  width: 250px;
  height: 56px;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-radius: 5px;
  text-decoration: none;
  margin: auto;
  margin-top: 60px;
  display: inline-flex;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
}

.mfp-wrap {
  height: auto !important;
}

.main-biogaz-content-container {
  background: #EFF2F7;
  position: relative;
}
.main-biogaz-content-container .header-content-details {
  margin-top: 122px;
  position: relative;
  height: 875px;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .main-biogaz-content-container .header-content-details {
    height: 655px;
  }
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .header-content-details {
    height: 530px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .header-content-details {
    height: 443px;
    margin-top: 93px;
  }
}
.main-biogaz-content-container .header-content-details .header-content h1 {
  padding: 0;
  margin: 0;
  font-size: 80px;
  line-height: 85px;
  color: #fff;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  margin-bottom: 50px;
  margin-top: 116px;
}
@media screen and (max-width: 768px) {
  .main-biogaz-content-container .header-content-details .header-content h1 {
    font-size: 65px;
    line-height: 70px;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .header-content-details .header-content h1 {
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 33px;
    margin-top: 55px;
  }
}
.main-biogaz-content-container .header-content-details .header-content .map-details-address {
  display: flex;
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .header-content-details .header-content .map-details-address {
    flex-direction: column;
  }
}
.main-biogaz-content-container .header-content-details .header-content .map-details-address .pin-map {
  margin-right: 15px;
}
.main-biogaz-content-container .header-content-details .header-content .map-details-address .pin-map img {
  height: 43px;
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .header-content-details .header-content .map-details-address .pin-map img {
    height: 30px;
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.main-biogaz-content-container .header-content-details .header-content .map-details-address .detail-map h3 {
  font-size: 25px;
  padding: 0;
  margin: 0;
  color: #fff;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .header-content-details .header-content .map-details-address .detail-map h3 {
    font-size: 20px;
    line-height: 22px;
  }
}
.main-biogaz-content-container .header-content-details .header-content .map-details-address .detail-map p {
  font-size: 18px;
  padding: 0;
  margin: 0;
  color: #fff;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-style: italic;
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .header-content-details .header-content .map-details-address .detail-map p {
    font-size: 16px;
    line-height: 22px;
  }
}
.main-biogaz-content-container .header-content-details .map-header-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.main-biogaz-content-container .header-content-details .map-header-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to right, #0555FA, rgba(0, 0, 0, 0));
  z-index: 1;
}
.main-biogaz-content-container .header-content-details .map-header-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.main-biogaz-content-container .descriptif-content-details {
  position: relative;
  top: -200px;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .descriptif-content-details {
    top: 0;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .descriptif-content-details {
    top: 0;
  }
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper {
    background: #fff;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper {
    background: #fff;
  }
}
.main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .descriptif-content {
  padding: 59px 0px 59px 100px;
  background: #fff;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .descriptif-content {
    padding: 40px 0;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .descriptif-content {
    padding: 40px 0px;
  }
}
.main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .descriptif-content:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: -600px;
  background: #fff;
  z-index: -1;
}
.main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .descriptif-content h1 {
  padding: 0;
  margin: 0;
  font-size: 25px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
  line-height: 35px;
  margin-bottom: 30px;
}
.main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .descriptif-content p.description {
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
  line-height: 25px;
  margin-bottom: 30px;
}
.main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .descriptif-content p.citation {
  padding: 0;
  margin: 0;
  font-size: 40px;
  font-family: "georgiaItalic", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
  line-height: 48px;
  margin-bottom: 23px;
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .descriptif-content p.citation {
    font-size: 30px;
    line-height: 38px;
  }
}
.main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .descriptif-content p.auteur {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
}
.main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .descriptif-content p.fonction {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #0F141A;
}
.main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .image-fournisseur {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  height: 100%;
  max-width: 500px;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .image-fournisseur {
    position: relative;
    margin-top: 47px;
    margin: 0 auto;
    height: auto;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .image-fournisseur {
    position: relative;
    margin-top: 47px;
    margin: 0 auto;
  }
}
.main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .image-fournisseur img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .image-fournisseur img {
    max-width: 375px;
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .descriptif-content-details .descriptif-content-wrapper .image-fournisseur img {
    max-width: 375px;
    width: 100%;
  }
}
.main-biogaz-content-container .fournisseur-content-details {
  position: relative;
  z-index: 2;
  padding-bottom: 100px;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .fournisseur-content-details {
    padding-top: 92px;
    padding-bottom: 68px;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .fournisseur-content-details {
    padding-top: 92px;
    padding-bottom: 68px;
  }
}
.main-biogaz-content-container .fournisseur-content-details .fournisseur-content-images {
  position: relative;
}
.main-biogaz-content-container .fournisseur-content-details .fournisseur-content-images .fournisseur-main-image {
  width: 391px;
  height: 391px;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .fournisseur-content-details .fournisseur-content-images .fournisseur-main-image {
    margin: 0 auto;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .fournisseur-content-details .fournisseur-content-images .fournisseur-main-image {
    width: 327px;
    height: 327px;
    margin: 0 auto;
  }
}
.main-biogaz-content-container .fournisseur-content-details .fournisseur-content-images .fournisseur-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.main-biogaz-content-container .fournisseur-content-details .fournisseur-content-images .fournisseur-logo {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .fournisseur-content-details .fournisseur-content-images .fournisseur-logo {
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .fournisseur-content-details .fournisseur-content-images .fournisseur-logo {
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .fournisseur-content-details .fournisseur-content-images .fournisseur-logo .fournisseur-logo-wrapper {
    width: 100px !important;
    height: 100px !important;
  }
}
@media screen and (max-width: 1200px) {
  .main-biogaz-content-container .fournisseur-content-details .fournisseur-content {
    padding-left: 40px;
  }
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .fournisseur-content-details .fournisseur-content {
    margin-top: 40px;
    padding-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .fournisseur-content-details .fournisseur-content {
    margin-top: 40px;
    padding-left: 0;
  }
}
.main-biogaz-content-container .fournisseur-content-details .fournisseur-content h3 {
  padding: 0;
  margin: 0;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 25px;
  line-height: 35px;
  color: #0555FA;
  margin-bottom: 30px;
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .fournisseur-content-details .fournisseur-content h3 {
    margin-bottom: 27px;
  }
}
.main-biogaz-content-container .fournisseur-content-details .fournisseur-content p {
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 25px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #667790;
  margin-bottom: 48px;
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .fournisseur-content-details .fournisseur-content p {
    margin-bottom: 43px;
  }
}
.main-biogaz-content-container .fournisseur-content-details .fournisseur-content .btn-profit {
  background: #0555fa;
  display: block;
  width: 365px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 20px;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .fournisseur-content-details .fournisseur-content .btn-profit {
    margin: 0 auto;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .fournisseur-content-details .fournisseur-content .btn-profit {
    width: 330px;
    margin: 0 auto;
  }
}
.main-biogaz-content-container .promotion-content-details-no-promo {
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .promotion-content-details-no-promo {
    background: #fff;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .promotion-content-details-no-promo {
    background: #fff;
    padding-bottom: 51px;
  }
}
.main-biogaz-content-container .promotion-content-details-no-promo .promotion-wrapper {
  position: relative;
  background: #fff;
  z-index: 1;
}
.main-biogaz-content-container .promotion-content-details-no-promo .promotion-wrapper:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: -600px;
  left: 0;
  background: #fff;
  z-index: -1;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .promotion-content-details-no-promo .promotion-wrapper:before {
    right: 0;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .promotion-content-details-no-promo .promotion-wrapper:before {
    right: 0;
  }
}
.main-biogaz-content-container .promotion-content-details-no-promo .promotion-wrapper .item-no-promo {
  padding: 80px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .promotion-content-details-no-promo .promotion-wrapper .item-no-promo {
    padding: 51px 20px;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .promotion-content-details-no-promo .promotion-wrapper .item-no-promo {
    padding: 51px 20px 0;
  }
}
.main-biogaz-content-container .promotion-content-details-no-promo .promotion-wrapper .item-no-promo .badge-promo {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-biogaz-content-container .promotion-content-details-no-promo .promotion-wrapper .item-no-promo p {
  padding: 0;
  margin: 0;
  margin-top: 47px;
  color: #0F141A;
  font-size: 20px;
  line-height: 30px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .promotion-content-details-no-promo .promotion-wrapper .item-no-promo p {
    margin-top: 15px;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .promotion-content-details-no-promo .promotion-wrapper .item-no-promo p {
    margin-top: 15px;
  }
}
.main-biogaz-content-container .promotion-content-details-with-promo {
  position: relative;
  z-index: 5;
}
.main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper {
  position: relative;
  background: #fff;
  z-index: 1;
}
.main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: -600px;
  left: 0;
  background: #fff;
  z-index: -1;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper:before {
    right: 0;
  }
}
.main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .promo-bloc {
  position: relative;
  background: #55BE5A;
  height: 100%;
  padding: 45px 0px 45px 70px;
}
@media screen and (max-width: 1200px) {
  .main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .promo-bloc {
    padding: 45px 0px 45px 45px;
  }
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .promo-bloc {
    text-align: center;
    padding: 45px 0;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .promo-bloc {
    padding-top: 35px;
    padding-left: 25px;
    text-align: left;
    z-index: 1;
  }
  .main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .promo-bloc::before {
    position: absolute;
    content: "";
    left: -500px;
    right: -500px;
    top: 0;
    bottom: 0;
    background: #55BE5A;
    z-index: -1;
  }
}
.main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .promo-bloc img.promo-logo {
  margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .promo-bloc img.promo-logo {
    margin-bottom: 15px;
  }
}
.main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .promo-bloc p.content-promo {
  padding: 0;
  margin: 0;
  font-size: 40px;
  color: #fff;
  line-height: 50px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  margin-bottom: 15px;
}
.main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .promo-bloc p.code-promo {
  margin: 0;
  background: #fff;
  padding: 8px 15px;
  font-size: 40px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #55BE5A;
  display: inline-block;
}
.main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .items-wrapper {
  padding: 80px 80px 30px 80px;
}
@media screen and (max-width: 1200px) {
  .main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .items-wrapper {
    padding: 80px 0px 30px;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .items-wrapper {
    position: relative;
    z-index: 1;
  }
  .main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .items-wrapper::before {
    position: absolute;
    content: "";
    left: -500px;
    right: -500px;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
  }
}
.main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .items-wrapper .item-no-promo {
  text-align: center;
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .items-wrapper .item-no-promo {
    flex-direction: column;
  }
}
.main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .items-wrapper .item-no-promo .badge-promo {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 31px;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .items-wrapper .item-no-promo .badge-promo {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .items-wrapper .item-no-promo .badge-promo img {
  height: 100%;
}
.main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .items-wrapper .item-no-promo p {
  padding: 0;
  margin: 0;
  color: #0F141A;
  font-size: 20px;
  line-height: 30px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  text-align: left;
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .promotion-content-details-with-promo .promotion-wrapper .items-wrapper .item-no-promo p {
    text-align: center;
  }
}
.main-biogaz-content-container .passe-gaz-vert-subscription {
  position: relative;
  top: -150px;
  margin-bottom: -150px;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .passe-gaz-vert-subscription {
    top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .passe-gaz-vert-subscription {
    top: 0;
    margin-bottom: 0;
  }
}
.main-biogaz-content-container .passe-gaz-vert-subscription .subscription-wrapper {
  position: relative;
  z-index: 1;
  padding-top: 250px;
  padding-bottom: 70px;
  background: #0555fa;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .passe-gaz-vert-subscription .subscription-wrapper {
    padding-top: 43px;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .passe-gaz-vert-subscription .subscription-wrapper {
    padding-top: 43px;
  }
}
.main-biogaz-content-container .passe-gaz-vert-subscription .subscription-wrapper:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: -600px;
  right: -600px;
  background: #0555fa;
  z-index: -1;
}
.main-biogaz-content-container .passe-gaz-vert-subscription .subscription-wrapper .content-subscription-wrapper h3 {
  font-size: 65px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  padding: 0;
  margin: 0;
  margin-bottom: 25px;
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .passe-gaz-vert-subscription .subscription-wrapper .content-subscription-wrapper h3 {
    font-size: 55px;
    line-height: 60px;
    margin-bottom: 23px;
  }
}
.main-biogaz-content-container .passe-gaz-vert-subscription .subscription-wrapper .content-subscription-wrapper p {
  font-size: 25px;
  line-height: 31px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  padding: 0;
  margin: 0;
}
.main-biogaz-content-container .passe-gaz-vert-subscription .subscription-wrapper .btn-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: right;
}
.main-biogaz-content-container .passe-gaz-vert-subscription .subscription-wrapper .btn-wrapper .btn-subscription {
  background: #fff;
  display: block;
  max-width: 270px;
  width: 100%;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-radius: 5px;
  text-decoration: none;
  color: #0555fa;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 20px;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .passe-gaz-vert-subscription .subscription-wrapper .btn-wrapper .btn-subscription {
    margin: 42px auto 0;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .passe-gaz-vert-subscription .subscription-wrapper .btn-wrapper .btn-subscription {
    max-width: 330px;
    width: 100%;
    margin: 42px auto 0;
  }
}
.main-biogaz-content-container .files-descriptive-content {
  position: relative;
  background: #fff;
  padding: 60px 0;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .files-descriptive-content {
    padding: 37px 0;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .files-descriptive-content {
    padding: 37px 0;
  }
}
.main-biogaz-content-container .files-descriptive-content .offreFiche.popupPDF-general {
  position: relative;
}
.main-biogaz-content-container .files-descriptive-content .offreFiche .popup-pdf-descriptive {
  text-decoration: none;
  display: flex;
  justify-content: space-between;
}
.main-biogaz-content-container .files-descriptive-content .offreFiche .popup-pdf-descriptive p {
  font-size: 25px;
  color: #0F141A;
  padding: 0;
  margin: 0;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
.main-biogaz-content-container .files-descriptive-content .offreFiche .pop-up-biogaz-general {
  text-decoration: none;
  display: flex;
  justify-content: space-between;
}
.main-biogaz-content-container .files-descriptive-content .offreFiche .pop-up-biogaz-general p {
  font-size: 25px;
  color: #0F141A;
  padding: 0;
  margin: 0;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
.main-biogaz-content-container .files-descriptive-content .line-files {
  background: #667790;
  width: 1px;
  height: 96px;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .main-biogaz-content-container .files-descriptive-content .line-files {
    width: 100%;
    height: 1px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 576px) {
  .main-biogaz-content-container .files-descriptive-content .line-files {
    width: 100%;
    height: 1px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

.map-fournisseurs-endesa {
  margin-top: 100px;
}
.map-fournisseurs-endesa .fournisseurs-map-container {
  position: relative;
}
.map-fournisseurs-endesa .fournisseurs-map-container #map-canvas-fournisseurs {
  width: 100%;
  height: 700px;
}
@media screen and (max-width: 992px) {
  .map-fournisseurs-endesa .fournisseurs-map-container #map-canvas-fournisseurs {
    height: 500px;
  }
}
.map-fournisseurs-endesa .fournisseurs-map-container .legend-map {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #fff;
  padding: 10px 15px;
}
.map-fournisseurs-endesa .fournisseurs-map-container .legend-map .items-legend-map {
  padding: 0;
  margin: 0;
}
.map-fournisseurs-endesa .fournisseurs-map-container .legend-map .items-legend-map li {
  list-style: none;
  font-size: 11px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #0D2F58;
}
.map-fournisseurs-endesa .fournisseurs-map-container .legend-map .items-legend-map li.legend-texte {
  margin-bottom: 5px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
.map-fournisseurs-endesa .fournisseurs-map-container .legend-map .items-legend-map li img {
  width: 25px;
}
.map-fournisseurs-endesa .listes-des-fournisseurs {
  background: rgba(255, 255, 255, 0.144);
  max-width: 526px;
  width: 100%;
  height: 500px;
  overflow-y: scroll;
  /* width */
  /* Track */
  /* Handle */
}
.map-fournisseurs-endesa .listes-des-fournisseurs::-webkit-scrollbar {
  width: 10px;
}
.map-fournisseurs-endesa .listes-des-fournisseurs::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(128, 128, 128, 0);
  border-radius: 10px;
}
.map-fournisseurs-endesa .listes-des-fournisseurs::-webkit-scrollbar-thumb {
  background: #0555FA;
  border-radius: 10px;
}
@media screen and (max-width: 576px) {
  .map-fournisseurs-endesa .listes-des-fournisseurs::-webkit-scrollbar-thumb {
    width: 50px;
  }
}
@media screen and (max-width: 991px) {
  .map-fournisseurs-endesa .listes-des-fournisseurs {
    margin: 40px auto 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    height: auto;
  }
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content {
  position: relative;
  background: rgba(102, 119, 144, 0.05);
  border: 1px solid rgba(102, 119, 144, 0.1);
  margin-bottom: 20px;
  padding: 0px 0px 0 20px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content {
    flex: 0 0 100%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 576px) {
  .map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content.active-fournisseur {
  background: rgba(5, 85, 250, 0.1);
  border: 1px solid rgba(5, 85, 250, 0.1);
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content {
  display: flex;
}
@media screen and (max-width: 576px) {
  .map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .image-fournisseur {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 576px) {
  .map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .image-fournisseur {
    margin-top: 20px;
  }
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .image-fournisseur .image-wrapper {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .image-fournisseur .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .contenu-fournisseur {
  margin-left: 20px;
  padding-right: 0px;
  margin-top: 20px;
}
@media screen and (max-width: 576px) {
  .map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .contenu-fournisseur {
    margin-top: 20px;
    margin-left: 0;
  }
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .contenu-fournisseur h3 {
  padding: 0;
  margin: 0;
  font-size: 22px;
  color: #0555FA;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  padding-right: 20px;
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .contenu-fournisseur p {
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: #667790;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 20px;
  /*
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  */
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .contenu-fournisseur ul {
  padding: 0;
  margin: 0;
  display: flex;
  margin-bottom: 20px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .contenu-fournisseur ul {
    flex-direction: column;
  }
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .contenu-fournisseur ul li {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #416593;
  margin-right: 30px;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .contenu-fournisseur ul li {
    flex-direction: row;
    margin-right: 0;
  }
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .contenu-fournisseur ul li span {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .contenu-fournisseur ul li span {
    margin-left: 10px;
  }
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .contenu-fournisseur ul li span.blue-text {
  color: #0555FA;
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .fournisseurs-wrapper-content .contenu-fournisseur ul li span.green-text {
  color: #55be5a;
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .link-fournisseur {
  display: flex;
  justify-content: end;
  margin-top: 10px;
}
@media screen and (max-width: 576px) {
  .map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .link-fournisseur {
    justify-content: center;
  }
}
.map-fournisseurs-endesa .listes-des-fournisseurs .fournisseur-content .link-fournisseur a {
  background: #0555FA;
  padding: 8px 15px;
  font-size: 15px;
  color: #fff;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}

.popupWrapperPrevent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 9999;
}
.popupWrapperPrevent .overlayPrevent {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.popupWrapperPrevent .contentPopupPrevent {
  background: #fff;
  left: 50%;
  max-width: 80%;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  padding: 20px;
}
.popupWrapperPrevent .contentPopupPrevent .iconWarning {
  text-align: left;
  margin-bottom: 10px;
}
.popupWrapperPrevent .contentPopupPrevent .iconWarning img {
  width: 50px;
}
.popupWrapperPrevent .contentPopupPrevent .closePrevent {
  position: absolute;
  right: -15px;
  top: -15px;
  z-index: 99999;
  background: #eff2f7;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
}
.popupWrapperPrevent .contentPopupPrevent .closePrevent .closets {
  background: url("/static/assets/img/close.svg");
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.popupWrapperPrevent .contentPopupPrevent .mainTunnelForm {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.popupWrapperPrevent .contentPopupPrevent .wrapperForm {
  text-align: center;
}
.popupWrapperPrevent .contentPopupPrevent .wrapperForm input {
  border: 1px solid #c2c8d2;
  border-radius: 5px;
  color: #0555fa;
  font-size: 15px;
  height: 50px;
  max-width: 250px;
  width: 100%;
  outline: none;
  padding: 0 10px;
  margin-left: 10px;
}
.popupWrapperPrevent .contentPopupPrevent .wrapperForm input.successInput {
  border: 1px solid #0555FA;
  background-image: url("/static/assets/img/valide.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  padding-right: calc(1.5em + 0.75rem);
}
.popupWrapperPrevent .contentPopupPrevent .wrapperForm input.errorInput {
  border: 1px solid #E90657;
  background-image: url("/static/assets/img/error.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  padding-right: calc(1.5em + 0.75rem);
}
.popupWrapperPrevent .contentPopupPrevent .wrapperForm button {
  align-items: center;
  background: #e90657;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  margin-left: 20px;
  height: 50px;
  max-width: 100px;
  position: relative;
  width: 100%;
  outline: none;
  border: none;
}
@media screen and (max-width: 576px) {
  .popupWrapperPrevent .contentPopupPrevent .wrapperForm button {
    display: block;
    margin: 20px auto 0;
  }
}

.bandeauParent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #EFF2F7;
  z-index: 80;
}
.bandeauParent .bandeauWrapper {
  padding: 10px 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .bandeauParent .bandeauWrapper {
    flex-direction: column;
  }
}
.bandeauParent .bandeauWrapper p {
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  margin: 0;
  padding: 0;
  margin-right: 10px;
}
.bandeauParent .bandeauWrapper .bandeauButtons {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 576px) {
  .bandeauParent .bandeauWrapper .bandeauButtons {
    flex-direction: column;
  }
}
.bandeauParent .bandeauWrapper .bandeauButtons .subscribe_link {
  align-items: center;
  background: #0555fa;
  border-radius: 5px;
  color: #fff;
  display: block;
  display: flex;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  height: 58px;
  justify-content: space-between;
  padding: 0 20px;
  text-decoration: none;
  margin-right: 10px;
}
.bandeauParent .bandeauWrapper .bandeauButtons .rappel_link {
  background: #e90657;
  border-radius: 5px;
  display: flex;
  padding: 17px;
  text-decoration: none;
  color: #fff;
}
@media (max-width: 576px) {
  .bandeauParent .bandeauWrapper .bandeauButtons .rappel_link {
    margin-top: 1rem;
  }
}

.mfp-wrap {
  overflow: visible !important;
}

.bandeauFormRappel {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #0555FA;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 10%);
}
@media (max-width: 992px) {
  .bandeauFormRappel {
    transform: translate(-50%, 5%);
  }
}
.bandeauFormRappel .formParent .firstPopup .imagePopupRappel, .bandeauFormRappel .formParent .secondPopup .imagePopupRappel {
  margin: 0 auto;
  width: 95px;
  height: 86px;
  display: block;
  margin-bottom: 10px;
}
.bandeauFormRappel .formParent .firstPopup .titleRappel, .bandeauFormRappel .formParent .secondPopup .titleRappel {
  color: #0555FA;
  font-size: 30px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
}
.bandeauFormRappel .formParent .firstPopup .linkRappel, .bandeauFormRappel .formParent .secondPopup .linkRappel {
  text-align: center;
  display: block;
  text-decoration: underline;
}
.bandeauFormRappel .formParent .firstPopup .descriptionRappel, .bandeauFormRappel .formParent .secondPopup .descriptionRappel {
  color: #0F141A;
  font-size: 16px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}
.bandeauFormRappel .formParent .firstPopup .buttonCallNow, .bandeauFormRappel .formParent .secondPopup .buttonCallNow {
  align-items: center;
  justify-content: center;
  background: #e90657;
  color: #fff;
  display: flex;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  height: 56px;
  margin: 40px auto 0;
  max-width: 235px;
  position: relative;
  width: 100%;
}
.bandeauFormRappel .formParent .firstPopup .buttonCallNow:before, .bandeauFormRappel .formParent .secondPopup .buttonCallNow:before {
  background: url("/static/assets/img/arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 12px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
}
.bandeauFormRappel .formParent .firstPopup .buttonCallLater, .bandeauFormRappel .formParent .secondPopup .buttonCallLater {
  align-items: center;
  background: #e90657;
  color: #fff;
  display: flex;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  height: 56px;
  margin: 0px auto 0;
  max-width: 235px;
  position: relative;
  width: 100%;
}
.bandeauFormRappel .formParent .firstPopup .buttonCallLater:before, .bandeauFormRappel .formParent .secondPopup .buttonCallLater:before {
  background: url("/static/assets/img/arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 12px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
}
.bandeauFormRappel .formParent .firstPopup form, .bandeauFormRappel .formParent .secondPopup form {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.bandeauFormRappel .formParent .firstPopup form .phoneBlock, .bandeauFormRappel .formParent .secondPopup form .phoneBlock {
  display: flex;
  align-items: start;
}
.bandeauFormRappel .formParent .firstPopup form .phoneBlock .select_wrapper label, .bandeauFormRappel .formParent .secondPopup form .phoneBlock .select_wrapper label {
  color: #0F141A;
  font-size: 16px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  display: block;
}
.bandeauFormRappel .formParent .firstPopup form .phoneBlock .select_wrapper label span, .bandeauFormRappel .formParent .secondPopup form .phoneBlock .select_wrapper label span {
  color: #E90657;
}
.bandeauFormRappel .formParent .firstPopup form .phoneBlock .select_wrapper select, .bandeauFormRappel .formParent .secondPopup form .phoneBlock .select_wrapper select {
  border: 1px solid #c2c8d2;
  background: #fff;
  border-radius: 5px;
  color: #0555fa;
  font-size: 11.5px;
  height: 60px;
  max-width: 450px;
  width: 100%;
  padding: 10px;
}
.bandeauFormRappel .formParent .firstPopup form .phoneBlock .phone_wrapper label, .bandeauFormRappel .formParent .secondPopup form .phoneBlock .phone_wrapper label {
  color: #0F141A;
  font-size: 16px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  display: block;
}
.bandeauFormRappel .formParent .firstPopup form .phoneBlock .phone_wrapper label span, .bandeauFormRappel .formParent .secondPopup form .phoneBlock .phone_wrapper label span {
  color: #E90657;
}
.bandeauFormRappel .formParent .firstPopup form .phoneBlock .phone_wrapper input, .bandeauFormRappel .formParent .secondPopup form .phoneBlock .phone_wrapper input {
  border: 1px solid #c2c8d2;
  border-radius: 5px;
  color: #0555fa;
  font-size: 16px;
  height: 60px;
  max-width: 450px;
  width: 100%;
  padding: 10px;
}
.bandeauFormRappel .formParent .firstPopup form .phoneBlock .buttonCallNow, .bandeauFormRappel .formParent .secondPopup form .phoneBlock .buttonCallNow {
  align-items: center;
  justify-content: center;
  background: #e90657;
  color: #fff;
  display: flex;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  height: 56px;
  margin: 40px auto 0;
  max-width: 235px;
  position: relative;
  width: 100%;
}
.bandeauFormRappel .formParent .firstPopup form .phoneBlock .buttonCallNow:before, .bandeauFormRappel .formParent .secondPopup form .phoneBlock .buttonCallNow:before {
  background: url("/static/assets/img/arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 12px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
}
.bandeauFormRappel .formParent .firstPopup form .checkRappel, .bandeauFormRappel .formParent .secondPopup form .checkRappel {
  display: flex;
  align-items: center;
  margin-left: 0;
  margin-bottom: 10px;
}
.bandeauFormRappel .formParent .firstPopup form .checkRappel label, .bandeauFormRappel .formParent .secondPopup form .checkRappel label {
  color: #0F141A;
  font-size: 16px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  padding: 0;
  margin-bottom: 0;
  margin-left: 10px;
}
.bandeauFormRappel .formParent .firstPopup form .scheduleRappel label, .bandeauFormRappel .formParent .secondPopup form .scheduleRappel label {
  color: #0F141A;
  font-size: 16px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  display: block;
}
.bandeauFormRappel .formParent .firstPopup form .scheduleRappel label span, .bandeauFormRappel .formParent .secondPopup form .scheduleRappel label span {
  color: #E90657;
}
.bandeauFormRappel .formParent .firstPopup form .scheduleRappel select, .bandeauFormRappel .formParent .secondPopup form .scheduleRappel select {
  border: 1px solid #c2c8d2;
  border-radius: 5px;
  font-size: 16px;
  max-width: 450px;
  width: 100%;
  padding: 5px;
}
.bandeauFormRappel .formParent .firstPopup form .scheduleRappel .daysTags ul, .bandeauFormRappel .formParent .firstPopup form .scheduleRappel .hoursTags ul, .bandeauFormRappel .formParent .secondPopup form .scheduleRappel .daysTags ul, .bandeauFormRappel .formParent .secondPopup form .scheduleRappel .hoursTags ul {
  padding: 0;
  margin: 0;
  margin-top: 5px;
}
.bandeauFormRappel .formParent .firstPopup form .scheduleRappel .daysTags ul li, .bandeauFormRappel .formParent .firstPopup form .scheduleRappel .hoursTags ul li, .bandeauFormRappel .formParent .secondPopup form .scheduleRappel .daysTags ul li, .bandeauFormRappel .formParent .secondPopup form .scheduleRappel .hoursTags ul li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #0066CC;
  padding: 2px 10px;
  color: #0066CC;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
}

@media (min-width: 992px) {
  .footer-home {
    margin-bottom: 50px;
  }
}
@media (max-width: 992px) {
  .footer-home {
    margin-bottom: 180px;
  }
}

@media (min-width: 992px) {
  .wrapper-elec {
    margin-bottom: 60px !important;
  }
}
@media (max-width: 992px) {
  .wrapper-elec {
    margin-bottom: 200px !important;
  }
}

.entree_tunnel_wrapper .head_tunnel {
  position: relative;
}
.entree_tunnel_wrapper .head_tunnel .image_bg_head {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc {
  padding: 200px 0 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 576px) {
  .entree_tunnel_wrapper .head_tunnel .type_energy_bloc {
    padding: 120px 0 66px;
  }
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc h1 {
  padding: 0;
  margin: 0;
  font-size: 43px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .entree_tunnel_wrapper .head_tunnel .type_energy_bloc h1 {
    font-size: 32px;
  }
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc p {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .entree_tunnel_wrapper .head_tunnel .type_energy_bloc p {
    margin-top: 19px;
    font-size: 16px;
  }
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form {
  margin-top: 70px;
}
@media screen and (max-width: 576px) {
  .entree_tunnel_wrapper .head_tunnel .type_energy_bloc form {
    margin-top: 67px;
  }
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 576px) {
  .entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper {
    flex-direction: column;
  }
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check {
  background: #0555FA;
  cursor: pointer;
  width: 185px;
  border-radius: 5px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.4s 0.1s;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: skew(-15deg) translateX(-125%);
  transform-origin: 0 0;
  background-color: rgba(255, 255, 255, 0.25);
  transition: 0.4s 0.1s;
  z-index: -1;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check:hover {
  background: #fff;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check:hover .second p {
  color: #0555FA !important;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check:hover img.active {
  visibility: visible;
  display: inline-block;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check:hover img.not-active {
  visibility: hidden;
  display: none;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check:hover:before {
  transform: skew(-15deg) translateX(125%) scaleX(0);
  transition: 0.45s;
  z-index: 999;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check img.active {
  display: none;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check img.not-active {
  display: inline-block;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check a {
  text-decoration: none;
  padding: 20px;
  width: 100%;
  height: 100%;
  display: block;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check a .primary, .entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check a .second {
  margin: 0;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check.checked {
  border: 1px solid #fff;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check.gaz_section {
  margin-right: 10px;
}
@media screen and (max-width: 576px) {
  .entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check.gaz_section {
    margin-right: 0px;
    margin-bottom: 20px;
  }
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check .primary {
  display: flex;
  justify-content: start;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check .primary .non-active {
  display: block;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check .primary .active {
  display: none;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .section_wrapper .section_check .second p {
  padding: 0;
  margin: 0;
  margin-top: 20px;
  text-align: left;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .button_section {
  margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 576px) {
  .entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .button_section {
    margin-top: 55px;
  }
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .button_section .devis_type {
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #FF0F64;
  background: #FF0F64;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
.entree_tunnel_wrapper .head_tunnel .type_energy_bloc form .button_section .devis_type img {
  margin-right: 10px;
}
.entree_tunnel_wrapper .meilleur_offre_wrapper {
  position: relative;
  background-image: url("/static/assets/img/background_offre.png");
  min-height: 1150px;
  position: relative;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .entree_tunnel_wrapper .meilleur_offre_wrapper {
    min-height: 850px;
  }
}
.entree_tunnel_wrapper .meilleur_offre_wrapper .title_wrapper {
  margin-top: 50px;
}
.entree_tunnel_wrapper .meilleur_offre_wrapper .title_wrapper h2 {
  padding: 0;
  margin: 0;
  margin-bottom: 80px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 43px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #000;
}
@media screen and (max-width: 768px) {
  .entree_tunnel_wrapper .meilleur_offre_wrapper .title_wrapper h2 {
    margin-bottom: 38px;
    font-size: 32px;
  }
}
.entree_tunnel_wrapper .meilleur_offre_wrapper .title_wrapper p {
  padding: 0;
  margin: 0;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  margin-bottom: 30px;
}
.entree_tunnel_wrapper .meilleur_offre_wrapper .title_wrapper p b {
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #000;
}
.entree_tunnel_wrapper .meilleur_offre_wrapper .title_wrapper a {
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #FF0F64;
}
.entree_tunnel_wrapper .meilleur_offre_wrapper .information_wrapper {
  display: flex;
  flex-direction: row;
  gap: 35px;
  margin-top: 89px;
  max-width: 100%;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .entree_tunnel_wrapper .meilleur_offre_wrapper .information_wrapper {
    padding-left: 0;
    margin-top: 56px;
    max-width: 100%;
    flex-direction: column;
    gap: 0px;
  }
}
.entree_tunnel_wrapper .meilleur_offre_wrapper .information_wrapper .info {
  margin-bottom: 60px;
  display: flex;
  align-items: flex-start;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  .entree_tunnel_wrapper .meilleur_offre_wrapper .information_wrapper .info {
    gap: 20px;
    margin-bottom: 40px;
  }
}
.entree_tunnel_wrapper .meilleur_offre_wrapper .information_wrapper .info h3 {
  padding: 0;
  margin: 0;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  color: #0555FA;
}
.entree_tunnel_wrapper .meilleur_offre_wrapper .information_wrapper .info .content {
  margin-top: 0px;
}
@media screen and (max-width: 576px) {
  .entree_tunnel_wrapper .meilleur_offre_wrapper .information_wrapper .info .content {
    margin-top: 0;
  }
}
.entree_tunnel_wrapper .meilleur_offre_wrapper .information_wrapper .info .content p {
  padding: 0;
  margin: 0;
  color: #000;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 20px;
}
.entree_tunnel_wrapper .meilleur_offre_wrapper .background_fluid {
  position: relative;
  bottom: 0px;
}
@media screen and (max-width: 576px) {
  .entree_tunnel_wrapper .meilleur_offre_wrapper .background_fluid {
    bottom: 100px;
  }
}
.entree_tunnel_wrapper .meilleur_offre_wrapper .background_fluid .image_bg_offre img {
  width: 100%;
}

.header-wrapper {
  position: fixed;
  z-index: 9;
  left: 0;
  right: 0;
  top: 0;
}
.header-wrapper.border_scroll .first-head:before {
  position: absolute;
  content: "";
  left: -2000px;
  right: -2000px;
  top: 0;
  bottom: 0;
  height: 100%;
  border-bottom: 1px solid #D9D9D9;
  z-index: 1;
}
.header-wrapper.border_scroll .scroll_background:before, .header-wrapper.border_scroll .second-head {
  border-bottom: 1px solid #D9D9D9;
}
.header-wrapper .menu-wrapper .first-head {
  display: flex;
  height: 101px;
  transition: 0.5s;
  position: relative;
}
@media screen and (max-width: 768px) {
  .header-wrapper .menu-wrapper .first-head {
    height: 60px;
  }
}
.header-wrapper .menu-wrapper .first-head .logo-head {
  width: 30%;
  background: #fff;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -15px;
}
.header-wrapper .menu-wrapper .first-head .logo-head:before {
  position: absolute;
  content: "";
  left: -2000px;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.header-wrapper .menu-wrapper .first-head .logo-head img {
  width: 165px;
  height: 35px;
}
@media screen and (max-width: 768px) {
  .header-wrapper .menu-wrapper .first-head .logo-head img {
    max-width: 98px;
    width: 100%;
  }
}
.header-wrapper .menu-wrapper .first-head .first-links-head {
  position: relative;
  padding-left: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 70%;
  background: transparent;
}
@media screen and (max-width: 768px) {
  .header-wrapper .menu-wrapper .first-head .first-links-head {
    background: #F8F8F8;
  }
  .header-wrapper .menu-wrapper .first-head .first-links-head:before {
    position: absolute;
    content: "";
    right: -2000px;
    left: 0;
    top: 0;
    bottom: 0;
    background: #F8F8F8;
    z-index: -1;
  }
}
.header-wrapper .menu-wrapper .first-head .first-links-head.scroll_background:before {
  position: absolute;
  content: "";
  right: -2000px;
  left: 0;
  top: 0;
  bottom: 0;
  background: #F8F8F8;
  z-index: -1;
}
.header-wrapper .menu-wrapper .first-head .first-links-head.scroll_background .title-sub {
  color: #0555FA !important;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .title-sub {
  color: #fff;
  font-size: 27px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .header-wrapper .menu-wrapper .first-head .first-links-head .title-sub {
    color: #0555FA;
    font-size: 16px;
  }
}
.header-wrapper .menu-wrapper .first-head .first-links-head .menuToggleV2 {
  display: none;
}
@media screen and (max-width: 768px) {
  .header-wrapper .menu-wrapper .first-head .first-links-head .menuToggleV2 {
    display: block;
  }
}
.header-wrapper .menu-wrapper .first-head .first-links-head .menuToggleV2 button:focus,
.header-wrapper .menu-wrapper .first-head .first-links-head .menuToggleV2 button:active {
  outline: none;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .menuToggleV2 .hamburger-box {
  width: 24px;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .menuToggleV2 .hamburger-inner {
  background-color: #0555fa;
  width: 24px;
  height: 3px;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .menuToggleV2 .hamburger-inner:before, .header-wrapper .menu-wrapper .first-head .first-links-head .menuToggleV2 .hamburger-inner:after {
  background-color: #0555fa;
  width: 24px;
  height: 3px;
}
@media screen and (max-width: 768px) {
  .header-wrapper .menu-wrapper .first-head .first-links-head .links-head {
    display: none;
  }
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul {
  padding: 0;
  margin: 0;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li.link_devis {
  padding: 0;
  margin: 0;
  list-style: none;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li.link_devis a {
  position: relative;
  z-index: 99;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #FF0F64;
  background: #FF0F64;
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  transition: 0.4s 0.1s;
  overflow: hidden;
  z-index: 1;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li.link_devis a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: skew(-15deg) translateX(-125%);
  transform-origin: 0 0;
  background-color: rgba(255, 255, 255, 0.25);
  transition: 0.4s 0.1s;
  z-index: -1;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li.link_devis a:hover {
  background: #fff;
  color: #FF0F64;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li.link_devis a:hover img.active {
  visibility: visible;
  display: inline-block;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li.link_devis a:hover img.not-active {
  visibility: hidden;
  display: none;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li.link_devis a:hover:before {
  transform: skew(-15deg) translateX(125%) scaleX(0);
  transition: 0.45s;
  z-index: 999;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li.link_devis a img {
  margin-right: 10px;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li.link_devis a img.active {
  display: none;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li.link_devis a img.not-active {
  display: inline-block;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li {
  display: inline-block;
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li {
    display: none;
  }
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li a {
  text-decoration: none;
  position: relative;
  z-index: 99;
}
.header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li.contact_icon_active, .header-wrapper .menu-wrapper .first-head .first-links-head .links-head ul li.portail_icon_active {
  display: none;
}
.header-wrapper .menu-wrapper .second-head {
  position: relative;
  background: #fff;
  display: flex;
  height: 55px;
  transition: 0.5s;
  top: -55px;
  display: none;
}
@media screen and (max-width: 768px) {
  .header-wrapper .menu-wrapper .second-head {
    top: 0;
    padding-bottom: 20px;
  }
  .header-wrapper .menu-wrapper .second-head.is-active {
    display: flex;
    height: 100%;
    width: 100%;
    flex-flow: column;
  }
  .header-wrapper .menu-wrapper .second-head.is-active .empty-col {
    display: none;
  }
  .header-wrapper .menu-wrapper .second-head.is-active .links-menu ul {
    flex-direction: column;
    align-items: start;
  }
  .header-wrapper .menu-wrapper .second-head.is-active .links-menu ul li {
    margin: 20px 0 0;
  }
}
.header-wrapper .menu-wrapper .second-head:before {
  position: absolute;
  content: "";
  left: -2000px;
  right: -2000px;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: -1;
  border-bottom: 1px solid #d9d9d9;
  height: 55px;
}
@media screen and (max-width: 768px) {
  .header-wrapper .menu-wrapper .second-head:before {
    height: 100%;
  }
}
.header-wrapper .menu-wrapper .second-head .shown-desktop {
  display: none;
}
@media screen and (max-width: 768px) {
  .header-wrapper .menu-wrapper .second-head .shown-desktop {
    /*display: block;*/
    display: flex;
    flex-direction: row-reverse;
    flex: 100%;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
.header-wrapper .menu-wrapper .second-head .shown-desktop a.btn-subscribe {
  position: relative;
  z-index: 99;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #FF0F64;
  background: #FF0F64;
  text-decoration: none;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  display: block;
  margin-top: 0px;
}
.header-wrapper .menu-wrapper .second-head .shown-desktop a.btn-subscribe:hover {
  background: #fff;
  color: #FF0F64;
}
.header-wrapper .menu-wrapper .second-head .shown-desktop a.btn-subscribe:hover img.active {
  visibility: visible;
  display: inline-block;
}
.header-wrapper .menu-wrapper .second-head .shown-desktop a.btn-subscribe:hover img.not-active {
  visibility: hidden;
  display: none;
}
.header-wrapper .menu-wrapper .second-head .shown-desktop a.btn-subscribe img {
  margin-right: 10px;
}
.header-wrapper .menu-wrapper .second-head .shown-desktop a.btn-subscribe img.active {
  display: none;
}
.header-wrapper .menu-wrapper .second-head .shown-desktop a.btn-subscribe img.not-active {
  display: inline-block;
}
.header-wrapper .menu-wrapper .second-head .empty-col {
  width: 30%;
}
.header-wrapper .menu-wrapper .second-head .links-menu ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.header-wrapper .menu-wrapper .second-head .links-menu ul li {
  list-style: none;
  margin-right: 37px;
}
.header-wrapper .menu-wrapper .second-head .links-menu ul li a {
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #667790;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}

footer {
  background: #fff;
  padding: 20px;
  padding-bottom: 80px;
}
footer .footer-wrapper p {
  padding: 0;
  margin: 0;
  color: #667790;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 992px) {
  footer .footer-wrapper p {
    margin-bottom: 30px;
  }
}
footer .footer-wrapper ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 15px;
}
@media screen and (max-width: 992px) {
  footer .footer-wrapper ul {
    flex-direction: column;
  }
}
footer .footer-wrapper ul li {
  list-style: none;
}
footer .footer-wrapper ul li a {
  text-decoration: none;
  color: #667790;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.home_type_wrapper {
  position: relative;
}
.home_type_wrapper img.background_home {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  min-height: 550px;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.home_type_wrapper .home_content_wrapper {
  padding: 190px 0 80px;
}
@media screen and (max-width: 768px) {
  .home_type_wrapper .home_content_wrapper {
    padding: 120px 0 100px;
  }
}
.home_type_wrapper .home_content_wrapper h1 {
  padding: 0;
  margin: 0;
  font-size: 43px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
}
.home_type_wrapper .home_content_wrapper p {
  padding: 0;
  margin: 0;
  margin-top: 15px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
}
.home_type_wrapper .home_form_wrapper {
  max-width: 420px;
  width: 100%;
  background: #0555FA;
  border-radius: 5px;
  padding: 30px 19px 50px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0%, 0%);
}
@media screen and (max-width: 768px) {
  .home_type_wrapper .home_form_wrapper {
    transform: translate(-5%, -15%);
    max-width: calc(100% - 40px);
  }
}
.home_type_wrapper .home_form_wrapper h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}
.home_type_wrapper .home_form_wrapper p {
  padding: 0;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 35px;
  text-align: center;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #fff;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check {
  background: #0555FA;
  cursor: pointer;
  width: 185px;
  border-radius: 5px;
  border: 1px solid #fff;
  position: relative;
  text-decoration: none;
  transition: 0.4s 0.1s;
  overflow: hidden;
  z-index: 1;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: skew(-15deg) translateX(-125%);
  transform-origin: 0 0;
  background-color: rgba(255, 255, 255, 0.25);
  transition: 0.4s 0.1s;
  z-index: -1;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check:hover {
  background: #fff;
  color: #0555FA;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check:hover .primary .non-active {
  display: none;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check:hover .primary .active {
  display: block;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check:hover .second .label-second {
  color: #0555FA;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check:hover:before {
  transform: skew(-15deg) translateX(125%) scaleX(0);
  transition: 0.45s;
  z-index: 999;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check a {
  text-decoration: none;
  padding: 20px;
  width: 100%;
  height: 100%;
  display: block;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check a .primary, .home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check a .second {
  margin: 0;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check:first-child {
  margin-bottom: 12px;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check .primary {
  display: flex;
  justify-content: start;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check .primary .non-active {
  display: block;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check .primary .active {
  display: none;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .section_wrapper .section_check .second .label-second {
  padding: 0;
  margin: 0;
  margin-top: 20px;
  text-align: left;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .button_section {
  margin-top: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 576px) {
  .home_type_wrapper .home_form_wrapper .form_wrapper .button_section {
    margin-top: 33px;
  }
}
.home_type_wrapper .home_form_wrapper .form_wrapper .button_section .devis_type {
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #fff;
  background: #fff;
  color: #0555FA;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  text-decoration: none;
}
.home_type_wrapper .home_form_wrapper .form_wrapper .button_section .devis_type img {
  margin-right: 10px;
}

.why_endesa_wrapper {
  padding: 60px 0 80px;
  background: #EDF3FF;
}
@media screen and (max-width: 768px) {
  .why_endesa_wrapper {
    padding: 400px 0 80px;
  }
}
.why_endesa_wrapper .why_endesa_content .why_header {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
}
.why_endesa_wrapper .why_endesa_content ul {
  padding: 0;
  margin: 0;
}
.why_endesa_wrapper .why_endesa_content ul li {
  margin-top: 15px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
  list-style: none;
  background: url("../img/line_start_circle.svg") left top no-repeat;
  padding-left: 30px;
}

.nos_offres_wrapper {
  padding: 80px 0 70px;
}
.nos_offres_wrapper a.link-offre {
  text-decoration: none;
  position: relative;
  width: 273px;
  height: 340px;
  border-radius: 5px;
  display: flex;
  margin: 0 auto;
  align-items: end;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .nos_offres_wrapper a.link-offre {
    height: 170px;
    width: 100%;
    margin: 20px 0;
  }
}
.nos_offres_wrapper a.link-offre .bloc_wrapper .overlay-bloc {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
}
.nos_offres_wrapper a.link-offre .bloc_wrapper .overlay-bloc:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  z-index: 1;
}
.nos_offres_wrapper a.link-offre .bloc_wrapper .overlay-bloc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.nos_offres_wrapper a.link-offre .bloc_wrapper h3 {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  margin: 0;
  padding: 0 0 30px 15px;
  display: flex;
  align-items: end;
}
.nos_offres_wrapper .why_endesa_button {
  margin-top: 30px;
  text-align: center;
}
.nos_offres_wrapper .why_endesa_button a {
  position: relative;
  text-decoration: none;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #55BE5A;
  background: #55BE5A;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  line-height: normal;
  color: #fff;
  transition: 0.4s 0.1s;
  overflow: hidden;
  z-index: 1;
}
.nos_offres_wrapper .why_endesa_button a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: skew(-15deg) translateX(-125%);
  transform-origin: 0 0;
  background-color: rgba(255, 255, 255, 0.25);
  transition: 0.4s 0.1s;
  z-index: -1;
}
.nos_offres_wrapper .why_endesa_button a:hover {
  background: #fff;
  color: #55be5a;
}
.nos_offres_wrapper .why_endesa_button a:hover:before {
  transform: skew(-15deg) translateX(125%) scaleX(0);
  transition: 0.45s;
  z-index: 999;
}
.nos_offres_wrapper .separator {
  width: 80%;
  height: 1px;
  background: #D9D9D9;
  margin: 72px auto 0;
}

.change_energy {
  position: relative;
  min-height: 800px;
}
.change_energy .why_change {
  padding: 0;
  margin: 0;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #000;
  text-align: center;
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .change_energy .why_change {
    margin-bottom: 30px;
  }
}
.change_energy .energy_block {
  display: flex;
  padding: 20px 20px 40px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 26px;
  flex: 1 0 0;
  height: 100%;
}
.change_energy .energy_block img {
  width: 50px;
  height: 50px;
}
.change_energy .energy_block h3 {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #000;
}
.change_energy .energy_block p {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #000;
}
.change_energy .energy_background {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .change_energy .energy_background {
    bottom: -50px;
  }
}
@media screen and (max-width: 576px) {
  .change_energy .energy_background {
    position: relative;
    top: 0;
    bottom: 0px;
  }
}
.change_energy .energy_background img {
  width: 100%;
}

.conseils_wrapper {
  position: relative;
  margin-top: -50px;
}
@media screen and (max-width: 576px) {
  .conseils_wrapper {
    margin-top: 0;
  }
}
.conseils_wrapper h2.title-conseil {
  padding: 80px 40px 50px 40px;
  background: #fff;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #000;
  text-align: center;
}
.conseils_wrapper #card-actu-v2:nth-child(2n) .actu-wrapper {
  margin-right: auto;
}
.conseils_wrapper #card-actu-v2:first-child .actu-wrapper {
  margin-left: auto;
}
.conseils_wrapper #card-actu-v2 .actu-wrapper {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .conseils_wrapper #card-actu-v2 .actu-wrapper {
    margin: 0 auto !important;
  }
}
.conseils_wrapper #card-actu-v2 .actu-wrapper a {
  text-decoration: none;
}
.conseils_wrapper #card-actu-v2 .actu-wrapper a .conseil_block {
  border-radius: 5px;
  display: flex;
  height: 340px;
  position: relative;
  width: 273px;
}
@media screen and (max-width: 768px) {
  .conseils_wrapper #card-actu-v2 .actu-wrapper a .conseil_block {
    width: 320px;
    height: 310px;
    margin-bottom: 20px !important;
  }
}
.conseils_wrapper #card-actu-v2 .actu-wrapper a .conseil_block.right {
  margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
  .conseils_wrapper #card-actu-v2 .actu-wrapper a .conseil_block.right {
    margin: 0 auto;
  }
}
.conseils_wrapper #card-actu-v2 .actu-wrapper a .conseil_block.left {
  margin: 0 auto 0 0;
}
@media screen and (max-width: 768px) {
  .conseils_wrapper #card-actu-v2 .actu-wrapper a .conseil_block.left {
    margin: 0 auto;
  }
}
.conseils_wrapper #card-actu-v2 .actu-wrapper a .conseil_block .overlay {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
.conseils_wrapper #card-actu-v2 .actu-wrapper a .conseil_block .overlay:before {
  background: linear-gradient(180deg, transparent, #000);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.conseils_wrapper #card-actu-v2 .actu-wrapper a .conseil_block .overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.conseils_wrapper .content-conseil {
  align-items: end;
  display: flex;
  flex-direction: column;
  padding: 0 0 30px 15px;
  justify-content: end;
}
.conseils_wrapper .content-conseil h3 {
  padding: 0;
  margin: 0;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
}
.conseils_wrapper .content-conseil p {
  padding: 0;
  margin: 0;
  margin-top: 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
}
.conseils_wrapper .conseil_button {
  margin-top: 40px;
  text-align: center;
}
.conseils_wrapper .conseil_button a {
  position: relative;
  text-decoration: none;
  font-size: 16px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #FF5A0F;
  background: #FF5A0F;
  color: #fff;
  transition: 0.4s 0.1s;
  overflow: hidden;
  z-index: 1;
}
.conseils_wrapper .conseil_button a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: skew(-15deg) translateX(-125%);
  transform-origin: 0 0;
  background-color: rgba(255, 255, 255, 0.25);
  transition: 0.4s 0.1s;
  z-index: -1;
}
.conseils_wrapper .conseil_button a:hover {
  background: #fff;
  color: #FF5A0F;
}
.conseils_wrapper .conseil_button a:hover:before {
  transform: skew(-15deg) translateX(125%) scaleX(0);
  transition: 0.45s;
  z-index: 999;
}

.confiance_wrapper {
  position: relative;
  margin-top: 80px;
  background: #EDF3FF;
  padding-bottom: 80px;
}
.confiance_wrapper h2.title-confiance {
  padding: 80px 0 40px;
  margin: 0;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  color: #000;
  text-align: center;
}
.confiance_wrapper .clientsSlider {
  margin-top: 36px;
}
.confiance_wrapper .clientsSlider .item {
  display: flex;
  width: 236px;
  height: 141px;
  padding: 23px 52px 22px 51px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  .confiance_wrapper .clientsSlider .item {
    width: 100%;
  }
}
.confiance_wrapper .clientsSlider .item img {
  width: 133px;
  object-fit: contain;
  object-position: center;
}
.confiance_wrapper .avis_button {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(236, 242, 255, 0);
}
.confiance_wrapper .avis_button a {
  position: relative;
  text-decoration: none;
  font-size: 16px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #55BE5A;
  background: #55BE5A;
  color: #fff;
  transition: 0.4s 0.1s;
  overflow: hidden;
  z-index: 1;
}
.confiance_wrapper .avis_button a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: skew(-15deg) translateX(-125%);
  transform-origin: 0 0;
  background-color: rgba(235, 241, 255, 0.25);
  transition: 0.4s 0.1s;
  z-index: -1;
}
.confiance_wrapper .avis_button a:hover {
  background: #fff;
  color: #55BE5A;
}
.confiance_wrapper .avis_button a:hover:before {
  transform: skew(-15deg) translateX(125%) scaleX(0);
  transition: 0.45s;
  z-index: 999;
}

.newsletter_wrapper {
  position: relative;
  background: #0555FA;
}
.newsletter_wrapper .block-wrapper-image {
  position: relative;
  height: 280px;
  margin-left: -15px;
}
@media screen and (max-width: 768px) {
  .newsletter_wrapper .block-wrapper-image {
    height: 200px;
    margin-right: -15px;
  }
}
.newsletter_wrapper .block-wrapper-image:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(97, 110, 138, 0.4);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.newsletter_wrapper .block-wrapper-image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.newsletter_wrapper .block-wrapper-image p {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  text-align: left;
}
.newsletter_wrapper .block-wrapper-content {
  height: 100%;
  background: #0555FA;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 100px;
}
@media screen and (max-width: 768px) {
  .newsletter_wrapper .block-wrapper-content {
    height: 200px;
    align-items: center;
    padding: 0;
  }
}
.newsletter_wrapper .block-wrapper-content p {
  padding: 0;
  margin: 0;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
}
.newsletter_wrapper .block-wrapper-content #newsletter-form .newsletterMail {
  position: relative;
  max-width: 384px;
  width: 100%;
}
.newsletter_wrapper .block-wrapper-content #newsletter-form .newsletterMail input#id_email, .newsletter_wrapper .block-wrapper-content #newsletter-form .newsletterMail input#id_email_newsletter {
  margin-top: 10px;
  width: 100%;
  height: 60px;
  background: #fff;
  border-radius: 5px;
  padding: 8px 15px;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.newsletter_wrapper .block-wrapper-content #newsletter-form .newsletterMail ::placeholder {
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  color: #0555FA;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 1;
}
.newsletter_wrapper .block-wrapper-content #newsletter-form .newsletterMail .btnSend {
  background: url("../img/arrowSend.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
  box-shadow: none;
  height: 14px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 33px;
}

.wrapper-devis-page {
  margin: 0 auto;
  padding-bottom: 40px;
}
.wrapper-devis-page .endesa-devis-form-wrapper {
  min-height: 100vh;
  height: fit-content;
  display: flex;
  position: relative;
}
@media screen and (max-width: 720px) {
  .wrapper-devis-page .endesa-devis-form-wrapper {
    display: block;
  }
}
.wrapper-devis-page .endesa-devis-form-wrapper .override-row {
  margin: 0 !important;
}
@media screen and (max-width: 992px) {
  .wrapper-devis-page .endesa-devis-form-wrapper .override-row .aide-blue {
    display: none;
  }
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left {
  width: 100%;
  height: 100%;
  padding: 0 0 0 50px;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-head {
  margin: 0 0 0 auto;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-head .endesa-head-logo {
  position: relative;
  background: #fff;
  height: 78px;
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D9D9D9;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-head .endesa-head-logo:before {
  position: absolute;
  content: "";
  left: -2000px;
  right: 0;
  bottom: 0;
  top: 0;
  height: 78px;
  border-bottom: 1px solid #D9D9D9;
  z-index: -1;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-head .endesa-head-logo img {
  width: 165px;
  height: 35px;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form {
  margin-top: 18px;
  padding: 0 200px 0 0;
  margin: 18px 0 0 auto;
}
@media screen and (max-width: 1400px) {
  .wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form {
    padding: 0 50px 0 0;
  }
}
@media screen and (max-width: 720px) {
  .wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form {
    padding: 0 80px 0 0;
  }
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-content h1 {
  padding: 0;
  margin: 0;
  color: #000;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-content p {
  padding: 0;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 24px;
  color: #000;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-full {
  width: 100%;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-full .wrapper {
  display: flex;
  flex-direction: column;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-full .wrapper label {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-full .wrapper input, .wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-full .wrapper textarea {
  padding: 8px 10px !important;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #C6C6C6;
  background: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-full .wrapper textarea {
  height: 150px !important;
  resize: none;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-full .wrapper button {
  width: 200px;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #FF0F64;
  background: #FF0F64;
  color: #fff;
  margin: 0 0 0 auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  opacity: 1;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-full .wrapper button:disabled {
  opacity: 0.5;
}
@media screen and (max-width: 992px) {
  .wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-full .wrapper button {
    margin: 0 auto;
  }
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part {
  flex: 40%;
}
@media screen and (max-width: 992px) {
  .wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part {
    flex: 100%;
  }
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper {
  display: flex;
  flex-direction: column;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper.is-invalid input {
  border: 1px solid #e90657 !important;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper.is-invalid .invalid-feedback {
  display: block;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper.is-valid input {
  border: 1px solid #C6C6C6 !important;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper.is-valid .invalid-feedback {
  display: none;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper label {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper input {
  padding: 8px 10px !important;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #C6C6C6;
  background: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper span {
  margin-top: 5px;
  color: #667790;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper label[for=id_pdl] {
  display: flex;
  align-items: start;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper label[for=id_pdl] span {
  margin: 0;
  padding: 0;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper textarea {
  height: 150px !important;
  resize: none;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper .input-file-devis {
  cursor: pointer;
  display: flex;
  min-height: 40px;
  position: relative;
  width: 100%;
  border: 1px solid #c6c6c6;
  border-radius: 5px;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper .input-file-devis:before {
  background: url("/static/assets/img/join-file.svg");
  background-size: cover;
  content: "";
  height: 30px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper .input-file-devis input {
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .input-part .wrapper .input-file-devis label {
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  height: 100%;
  margin: 0;
  padding: 10px 45px 10px 20px;
  width: 100%;
  color: #C6C6C6;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .checkbox-wrapper .wrapper {
  flex-direction: row;
  width: 100%;
  align-items: start;
  justify-content: start;
  flex: 100%;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .checkbox-wrapper .wrapper input {
  width: 17px;
  height: 17px;
  margin-right: 17px;
  border-radius: 5px;
  border: 1px solid #C6C6C6;
  background: #FFF;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-left .endesa-devis-form .endesa-devis-inputs form .checkbox-wrapper .wrapper label {
  color: #0555FA;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-right {
  /*
  max-width: 460px;
  width: 100%;
  height: 100%;
  position: relative;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgb(5, 85, 250);
  @media screen and (max-width: 1200px){
      max-width: 300px;
  }
  */
}
@media screen and (max-width: 720px) {
  .wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-right {
    display: none;
  }
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-right:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0px;
  left: 0;
  z-index: -1;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-right .ampoule-content {
  display: flex;
  flex-direction: column;
  padding: 80px 20px 50px;
  position: relative;
  z-index: 9;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-right .ampoule-content img {
  width: 52px;
  height: 52px;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-right .ampoule-content .content {
  padding: 20px;
  margin-top: 10px;
  background: #fff;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-right .ampoule-content .content p {
  padding: 0;
  margin: 0;
  color: #0555FA;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-right .ampoule-content .content p span {
  color: #FF0F64;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-right .image-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translate(0%, -20%);
  z-index: 0;
  text-align: right;
}
.wrapper-devis-page .endesa-devis-form-wrapper .endesa-devis-form-right .image-bg img {
  max-width: 416px;
  max-height: 416px;
  width: 100%;
  height: 100%;
}

.endesa-devis-form-right-mobile {
  display: none;
}
@media screen and (max-width: 992px) {
  .endesa-devis-form-right-mobile {
    display: block;
    position: relative;
  }
}
.endesa-devis-form-right-mobile .mobile-wrapper .ampoule-image {
  position: fixed;
  right: 10px;
  bottom: 10%;
  z-index: 1000;
  cursor: pointer;
}
.endesa-devis-form-right-mobile .mobile-wrapper .ampoule-content {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(5, 85, 250);
  height: 100%;
  z-index: 1000;
}
.endesa-devis-form-right-mobile .mobile-wrapper .ampoule-content .wrapperCloseMobile {
  text-align: center;
  margin-top: 20px;
}
.endesa-devis-form-right-mobile .mobile-wrapper .ampoule-content .wrapperCloseMobile .closeMobileImg {
  background: #e90657;
  border-radius: 50%;
  width: 52px;
  height: 52px;
  margin: 0 auto;
}
.endesa-devis-form-right-mobile .mobile-wrapper .ampoule-content .wrapperCloseMobile .closeMobileImg img {
  margin: auto;
  display: block;
  height: 100%;
  cursor: pointer;
}
.endesa-devis-form-right-mobile .mobile-wrapper .ampoule-content .wrapperCloseMobile span {
  font-size: 11px;
  color: #fff;
}
.endesa-devis-form-right-mobile .mobile-wrapper .ampoule-content .mobileHelpBloc {
  margin-top: 85px;
}
.endesa-devis-form-right-mobile .mobile-wrapper .ampoule-content .mobileHelpBloc .parent_build {
  /*
  background: #fff;
  padding: 20px;
  display: block;
  height: fit-content;
  */
  background: rgb(239, 242, 247);
  padding: 20px 15px;
  display: block;
  height: fit-content;
  border-radius: 5px;
  margin: 0 30px 10px;
}
.endesa-devis-form-right-mobile .mobile-wrapper .ampoule-content .mobileHelpBloc .parent_build p {
  font-size: 15px;
  color: #0555fa;
  margin: 0px;
  font-family: "RoobertEnel-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
.endesa-devis-form-right-mobile .mobile-wrapper .ampoule-content .mobileHelpBloc .parent_build p span {
  color: #ff0f64;
  font-family: "RoobertEnel-Bold", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
}
.endesa-devis-form-right-mobile .mobile-wrapper .ampoule-content .lightShowBlue {
  position: fixed;
  right: 15px;
  top: calc(100vh - 160px);
  z-index: 1000;
  cursor: pointer;
}

.tooltip {
  max-width: 350px;
  width: 100%;
  text-align: left !important;
}
.tooltip .arrow {
  display: none;
}
.tooltip .tooltip-inner {
  max-width: 258px;
  width: 100%;
  background: #EFF2F7;
  padding: 14px 12px;
  color: #0555FA;
  font-family: "RoobertEnel-Light", Helvetica, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left !important;
  opacity: 1;
}

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