@charset "UTF-8";
.btn-cde-grey {
  padding: 1rem 1.2rem 0.8rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  height: fit-content;
  font-weight: bold;
  color: #23214B;
  border: 1.5px solid #23214B;
  border-radius: 3rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.btn-cde-grey a {
  padding: 1rem 1.2rem 0.8rem;
}
.btn-cde-grey:hover {
  background-color: #4D4D4D;
  border: 1.5px solid #4D4D4D;
  color: white;
}
.btn-cde-grey:hover a {
  color: white;
}
.btn-cde-grey.active-portail {
  background-color: #4D4D4D;
  border: 1.5px solid #4D4D4D;
  color: white;
}
.btn-cde-grey.active-portail a {
  color: white;
}
.btn-cde-primary {
  padding: 1rem 1.2rem 0.8rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  height: fit-content;
  font-weight: bold;
  color: #23214B;
  border: 1.5px solid #23214B;
  border-radius: 3rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.btn-cde-primary a {
  padding: 1rem 1.2rem 0.8rem;
}
.btn-cde-primary:hover {
  background-color: #97CA42;
  border: 1.5px solid #97CA42;
  color: white;
}
.btn-cde-primary:hover a {
  color: white;
}
.btn-cde-primary.active-portail {
  background-color: #97CA42;
  border: 1.5px solid #97CA42;
  color: white;
}
.btn-cde-primary.active-portail a {
  color: white;
}
.btn-cde-secondary {
  padding: 1rem 1.2rem 0.8rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  height: fit-content;
  font-weight: bold;
  color: #23214B;
  border: 1.5px solid #23214B;
  border-radius: 3rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.btn-cde-secondary a {
  padding: 1rem 1.2rem 0.8rem;
}
.btn-cde-secondary:hover {
  background-color: #27ABE2;
  border: 1.5px solid #27ABE2;
  color: white;
}
.btn-cde-secondary:hover a {
  color: white;
}
.btn-cde-secondary.active-portail {
  background-color: #27ABE2;
  border: 1.5px solid #27ABE2;
  color: white;
}
.btn-cde-secondary.active-portail a {
  color: white;
}
.btn-cde-secondary-dark {
  padding: 1rem 1.2rem 0.8rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  height: fit-content;
  font-weight: bold;
  color: #23214B;
  border: 1.5px solid #23214B;
  border-radius: 3rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.btn-cde-secondary-dark a {
  padding: 1rem 1.2rem 0.8rem;
}
.btn-cde-secondary-dark:hover {
  background-color: #23214B;
  border: 1.5px solid #23214B;
  color: white;
}
.btn-cde-secondary-dark:hover a {
  color: white;
}
.btn-cde-secondary-dark.active-portail {
  background-color: #23214B;
  border: 1.5px solid #23214B;
  color: white;
}
.btn-cde-secondary-dark.active-portail a {
  color: white;
}
#secondary {
  font-size: 1.7rem;
}
.pagination, .comments-pagination {
  font-size: 1.7rem;
}
#listOffreEmploi h3 {
  font-size: 2.5rem;
}
.g-6, .gx-6 {
  --bs-gutter-x: 5rem;
}
html {
  font-size: 60%;
}
body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-weight: normal !important;
  font-size: 1.6rem !important;
  line-height: normal !important;
  opacity: 1;
  transition: 0.7s opacity;
  margin: 0 !important;
}
*:focus {
  outline: none !important;
}
body h1, body h2, body h3, body h4, body h5, body h6, body .titre {
  font-weight: 700;
  line-height: 4rem;
  font-size: 4.5rem;
}
body h1::first-letter, body h2::first-letter, body h3::first-letter, body h4::first-letter, body h5::first-letter, body h6::first-letter, body .titre::first-letter {
  text-transform: uppercase;
}
strong, .bold {
  font-weight: bold !important;
}
.center {
  text-align: center;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle !important;
}
table.cart th, table.cart td {
  padding: 15px !important;
}
a img {
  border: none;
}
ul.menu, div.menu > ul {
  margin: 0;
  padding: 0;
}
.menu .sub-menu ul, .menu .children ul {
  border-left: 0;
  left: 100%;
  top: 0;
}
ul.menu li:hover ul {
  clip: inherit;
  overflow: inherit;
  height: inherit;
  width: inherit;
}
.menu .current_page_item > a, .menu .current_page_ancestor > a, .menu .current-menu-item > a, .menu .current-menu-ancestor > a {
  color: #fff;
}
.menu-toggle {
  display: none;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-grab {
  cursor: grab;
}
.wordpress-gdpr-privacy-settings-trigger {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wordpress-gdpr-privacy-settings-trigger img {
  height: 40px;
  width: 40px;
}
.site-header .wrap {
  max-width: 1500px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6rem;
  padding: 1rem 0;
}
.site-header .wrap .burger-menu, .site-header .wrap .close-menu {
  display: none;
}
.site-header .wrap .site-branding {
  flex-shrink: 0;
}
.site-header .wrap .site-branding img {
  height: 100px;
  width: auto;
}
.site-header .wrap .main-header {
  align-items: center;
  flex: 1;
  padding: 1.2rem 0;
}
.site-header .wrap .main-header .top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.site-header .wrap .main-header .top-bar .choix-groupe-menu {
  display: flex;
  gap: 2rem;
  margin: 0;
}
.site-header .wrap .main-header .top-bar .choix-groupe-menu li {
  text-decoration: none;
  list-style: none;
  width: min-content;
  white-space: nowrap;
}
.site-header .wrap .main-header .top-bar .client-space {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.site-header .wrap .main-header .top-bar .client-space a {
  text-decoration: none;
  max-height: 40px;
  text-align: center;
}
.site-header .wrap .main-header .top-bar .client-space a:hover {
  color: white;
}
.site-header .wrap .main-header .top-bar .client-space .numero-vert {
  height: 40px;
  width: auto;
}
.site-header .wrap .main-header .header-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.site-header .wrap .main-header .header-right .main-navigation {
  width: 75%;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu > li.menu-item-has-children > ul.sub-menu {
  top: 240%;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu > li.menu-item-has-children {
  position: relative;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu > li.menu-item-has-children::before {
  content: "";
  position: absolute;
  bottom: -33px;
  left: 0;
  width: 0%;
  height: 10px;
  background-color: #97CA42;
  transition: width 0.3s ease;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu > li.menu-item-has-children::after {
  content: "";
  position: absolute;
  bottom: -35px;
  left: 0;
  width: 130%;
  height: 45px;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu > li.menu-item-has-children:hover::before, .site-header .wrap .main-header .header-right .main-navigation .main-menu > li.menu-item-has-children.current-menu-parent::before, .site-header .wrap .main-header .header-right .main-navigation .main-menu > li.menu-item-has-children.current-menu-ancestor::before {
  width: 75px;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu {
  list-style: none;
  display: flex;
  gap: 5.5rem;
  margin: 0;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu li a {
  text-decoration: none;
  color: #23214B;
  font-weight: 900;
  font-size: 2rem;
  text-transform: uppercase;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu li svg.icon {
  display: none;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children {
  position: relative;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children ul.sub-menu {
  position: absolute;
  display: none;
  margin: 0;
  left: 0;
  background-color: #F2F2F2;
  padding: 2.5rem 3rem;
  list-style: none;
  z-index: 10;
  min-width: 350px;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children ul.sub-menu li a {
  text-transform: none;
  font-weight: 600;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children ul.sub-menu li a:hover {
  font-weight: 900;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children ul.sub-menu ul.sub-menu {
  left: 2vw;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children ul.sub-menu:nth-child(1) {
  left: 15%;
}
.site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children:hover > ul.sub-menu, .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children:hover::after {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.site-header .wrap .main-header .header-right .search_top {
  width: 45%;
}
.site-header .wrap .main-header .header-right .search_top form {
  position: relative;
  display: flex;
  align-items: center;
}
.site-header .wrap .main-header .header-right .search_top form input {
  opacity: 1;
  font-size: 20px;
  padding: 6px 20px 6px 15px;
  border: 1.5px solid #23214B;
  border-radius: 25px;
  transition: all 0.5s;
  position: relative;
  left: auto;
  bottom: auto;
}
.site-header .wrap .main-header .header-right .search_top form button {
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  color: #23214B;
}
.header_breadcrumb {
  background-size: cover;
  background-position: center;
  padding: 100px 0;
  height: calc(100vh - 180px);
  position: relative;
}
.header_breadcrumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.65) 100%);
  pointer-events: none;
}
.header_breadcrumb .title_header_page h1.entry-title {
  margin-bottom: 0;
  letter-spacing: 1px;
  padding-bottom: 15px;
  font-size: 6rem;
  line-height: 6rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-align: end;
  position: relative;
}
.arianBlock {
  padding: 2rem 0;
}
.arianBlock .wrap #breadcrumbs {
  font-size: 2.4rem;
  color: #23214B;
}
/* a trier dans d'autres CSS peut etre */
html {
  scroll-behavior: smooth;
}
#alerteHome #infoMap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 4rem;
}
/*.btnlight:hover {*/
/*background: #97CA42;*/
/*}*/
.menutopdroite {
  position: relative;
}
.menutopdroite .container-icone-facebook {
  display: flex;
  position: absolute;
  left: -170px;
  height: 100%;
}
.menutopdroite .container-icone-facebook .lien-facebook {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.23rem;
}
.menutopdroite .container-icone-facebook .lien-facebook img {
  width: 30px;
}
#menu_mobile_nav .container-form-icone {
  display: flex;
}
#menu_mobile_nav .container-form-icone #form_search_mobile {
  width: 75%;
  margin-right: 2rem;
}
#menu_mobile_nav .container-form-icone .container-icone-facebook {
  display: flex;
}
#menu_mobile_nav .container-form-icone .container-icone-facebook .lien-facebook {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.23rem;
}
#menu_mobile_nav .container-form-icone .container-icone-facebook .lien-facebook img {
  width: 30px;
  background-color: #fff;
}
.hidden {
  display: none;
}
#alerteHome .btnlight {
  white-space: pre;
}
.btnlight {
  border: 1px solid #172983;
  border-radius: 70px;
  color: #172983;
  font-family: overpass;
  font-weight: 300;
  font-size: 14px;
  height: auto;
  padding: 10px 15px 7px 15px;
  text-transform: uppercase;
  transition: 0.3s;
  display: inline-block;
}
.btnlight svg {
  margin-left: 20px;
}
.btnlight:after {
  content: "";
  font-family: FontAwesome;
  margin-left: 20px;
}
.btnlight.green {
  border: 1px solid #acc22d;
  color: #989898;
}
.btnlight.greenInstit {
  border: 1px solid #acc22d;
  color: #acc22d;
  padding: 10px 50px 10px 10px;
  text-decoration: none !important;
}
.btnlight.greenInstit:after {
  margin-left: 15px;
  position: absolute;
  transition: all 0.5s;
}
.btnlight.greenInstit:hover:after {
  margin-left: 25px;
}
.btnlight.grey {
  color: #989898;
}
.btnlight.grey:hover {
  color: #fff;
}
.btnlight.borderwhite {
  border: 1px solid #fff;
}
.bg_purple {
  background-color: #020b2a !important;
}
.text_center_purple .block_title p {
  text-transform: uppercase;
  color: #020b2a !important;
}
.color_purple {
  color: #020b2a !important;
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 HOME
   1.1 ACTUALITÉ
   1.2 SOLUTION
   1.3 CHIFFRES
   1.4 BLOC TEXT 1
   1.5 BLOC RAYONNEMENT
   1.6 NEWSLETTER
   1.7 Map
2.0 HEADER
3.0 Navivation
4.0 Button / Commun
5.0 Form / ACF Block
6.0 Pages
  6.1 Contact
  6.2 Gerer une fuite
  6.3 Laboratoire d'analyse
  6.4 Analyse type
  6.5 Etat Service
  6.6 CDE - Activité
  6.7 CDE - Présence Régionale
  6.8 CDE - Certification
  6.9 CDE - le groupe
  6.10 CDE - Engagement
  6.10.2 CDE - Nos constructions
  6.10.3 CDE - Nos références
  6.11 Emploi - Nos Métiers
  6.12 Emploi - Formation
  6.13 Actualité
  6.14 Page 404
  6.15 Résultat d'analyse
  6.16 Offre d'emploi
  6.17 FAQ
  6.18 Search
7.0 Mobile First
8.0 General css

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 HOME
--------------------------------------------------------------*/
/****** 1.1 ACTUALITÉ ******/
#home_actualite {
  padding: 50px 0 80px 0;
}
#home_actualite > div:first-child > div {
  margin-right: 15px;
}
.actualite h2 {
  color: #172983;
  font-family: roboto condensed;
  font-weight: bold;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 45px;
  /* padding-left:90px; */
}
.actualite h2:after {
  border-bottom: 3px solid #97CA42;
  content: "";
  width: 35px;
  display: block;
  transform: translateX(-15px);
}
.actualite .title_article {
  margin-bottom: 5px;
  font-weight: 600;
}
.actualite .article_date {
  font-size: 12px;
  margin-bottom: 15px;
  font-style: italic;
}
.actualite .article {
  width: 49.8%;
  position: relative;
  /* min-width: 300px;
    margin: 15px;
    background-color: #fff;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    display: flex;
    flex-direction: column;*/
}
.actualite .article .imagepost {
  height: 350px !important;
}
.slick-slide {
  margin: 0 3px;
}
.slick-list {
  margin: 0 -3px !important;
}
#home_actualite .flex.space-between {
  max-width: 1200px;
  margin: auto;
}
#home_actualite .flex.space-between h2 {
  padding-left: 12px;
}
#home_actualite .btnlight:hover {
  background: rgba(23, 41, 131, 0.7);
  color: #fff;
}
/* .actualite .article .contenuarticle {
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-between;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 80%;
} */
.actualite .article .contenuarticle {
  padding: 20px;
  background: rgba(23, 41, 131, 0.8);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 55%;
}
.actualite .article .contenuarticle .link-more {
  display: none;
}
.actualite .article .contenuarticle p {
  color: #989898;
  font-size: 14px;
  text-align: justify;
}
.actualite .article .contenuarticle h3 {
  color: #fff;
  font-family: roboto;
  font-size: 18px;
}
.contenuarticle .btnlight.green {
  background: #acc22d;
  color: #fff;
}
.contenuarticle .btnlight.green:hover {
  background: rgba(172, 194, 45, 0.7);
}
.content_article_single h2, .content_article_single h3, .content_article_single h4, .content_article_single h5, .content_article_single h6 {
  color: #666 !important;
  padding: 0.6em 0 0 !important;
}
.content_article_single .wp-block-image img {
  width: 100%;
}
.content_article_single .wp-block-image figcaption {
  margin-top: 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.2;
}
.content_article_single blockquote {
  font-size: 1.2rem !important;
  line-height: normal !important;
}
.content_article_single blockquote cite {
  font-size: 0.7rem;
}
/* icon social */
/* .home_social_icon svg {
    height: 22px;
    width: 22px;
    background: #fff;
    padding: 5px 0;
}
.home_social_icon ul {
    list-style: none;
    padding: 10px;
}
.home_social_icon ul li {
    display: inline;
} */
.bottom_actu {
  bottom: 25px;
  position: absolute;
  width: 95%;
}
.home_social_icon {
  padding-top: 10px;
  margin-right: 10px;
}
.home_social_icon a {
  margin-right: 5px;
}
#ssba-classic-2 > div {
  display: inline-flex;
}
#home_actualite .controller-slider {
  text-align: right;
}
#home_actualite .controller-slider img {
  cursor: pointer;
}
/****** 1.2 SOLUTION ******/
/* .solution{
    background: #f1f1f1;

} */
.solution h2 {
  color: #172983;
  font-family: roboto condensed;
  font-weight: bold;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 45px;
  margin: 0;
  padding: 35px 0 35px 0;
}
.solution h2:after {
  border-bottom: 3px solid #97CA42;
  content: "";
  width: 35px;
  display: block;
  transform: translateX(-15px);
}
.solution .container-wrapper {
  display: flex;
}
.solution .container-wrapper .container {
  flex-grow: 1;
  height: 400px;
  position: relative;
  min-width: 300px;
  background-size: cover;
  background-position: center;
}
.solution .container-wrapper .container.conteneurparticulier {
  background-image: url("/wp-content/themes/socleCyberl/assets/images/background/img_particuliers_home.jpg");
  background-position: left;
}
.solution .container-wrapper .container.conteneurpro {
  background-image: url("/wp-content/themes/socleCyberl/assets/images/background/img_pros_home.jpg");
}
.solution .container-wrapper .container.conteneurcollectivite {
  background-image: url("/wp-content/themes/socleCyberl/assets/images/background/img_collectivites_home.jpg");
}
.solution .container-wrapper .container .content-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  padding: 2.5%;
}
.solution .container-wrapper .container .content-wrapper .content {
  /* border:1px solid #FFFFFF; */
  width: 100%;
  height: 100%;
  padding: 15px;
}
.solution .container-wrapper .container .content-wrapper .content h3 {
  color: #FFFFFF;
  font-family: roboto condensed;
  font-weight: bold;
  font-size: 30px;
  margin: 0;
}
.solution .container-wrapper .container .content-wrapper .content .btnlight {
  margin-top: 30px;
  color: #FFFFFF;
  border: none;
}
.solution .container-wrapper .container .content-wrapper.particulier .content .btnlight {
  background: #acc22d;
}
.solution .container-wrapper .container .content-wrapper.particulier .content .btnlight:hover {
  background: rgba(172, 194, 45, 0.8);
}
.solution .container-wrapper .container .content-wrapper.pro .content .btnlight {
  background: #00b0df;
}
.solution .container-wrapper .container .content-wrapper.pro .content .btnlight:hover {
  background: rgba(0, 176, 223, 0.8);
}
.solution .container-wrapper .container .content-wrapper.collectivite .content .btnlight {
  background: #172983;
}
.solution .container-wrapper .container .content-wrapper.collectivite .content .btnlight:hover {
  background: rgba(23, 41, 131, 0.8);
}
.solution .container-wrapper .container:not(:last-child) {
  margin: 0 10px 10px 0;
}
/* .solution .container-wrapper .container .content-wrapper.particulier{
    background: rgba(172, 194, 45, 0.3);
}
.solution .container-wrapper .container .content-wrapper.pro{
    background: rgba(0, 176, 223, 0.3);
}
.solution .container-wrapper .container .content-wrapper.collectivite{
    background: rgba(23, 41, 131, 0.3);
} */
/****** 1.3 CHIFFRES ******/
.standard .chiffrecle {
  background-image: linear-gradient(transparent, #020b2a 48%);
  position: absolute;
  z-index: 1;
  width: 100%;
  bottom: 0;
}
.standard .chiffrecle .chiffre {
  text-align: center;
  border: 1px solid #97CA42;
  padding: 40px 25px;
  font-family: Overpass;
  color: #fff;
  font-size: 12px;
  width: 200px;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.standard .chiffrecle .chiffre span {
  font-size: 28px;
  color: #97CA42;
  font-family: roboto;
}
.standard .chiffrecle p {
  margin: 0;
}
/****** 1.4 BLOC TEXT 1 ******/
.wrap-gen {
  padding-left: 15px;
  padding-right: 15px;
}
.bloc_text_1_home {
  /* padding: 50px 0 0 0; */
  position: relative;
  overflow: hidden;
  height: 350px;
}
.bloc_text_1_home .FlexBlocHalf > div img {
  max-width: 100%;
}
.bloc_text_1_home .wrap-gen .flex_wrap {
  padding: 0 0 60px 0;
}
.bloc_text_1_home .wrap-gen .flex_wrap:last-child {
  padding: 0 0 0 0;
}
.bloc_text_1_home .image {
  /* padding:0 90px; */
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 48%;
}
.bloc_text_1_home .image2 {
  position: absolute;
  width: 74%;
  bottom: -8px;
  right: 0;
}
.bloc_text_1_home .image2 img {
  width: 100%;
  margin-bottom: -5px;
}
.bloc_text_1_home h2 {
  color: #172983;
  font-family: roboto condensed;
  font-weight: bold;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 45px;
  position: relative;
}
.bloc_text_1_home h2:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  border-bottom: 3px solid #97CA42;
  content: "";
  width: 35px;
  transform: translateX(-15px);
}
.bloc_text_1_home .flex_wrap .padding_0_35.green {
  background: #acc22d;
  color: #FFFFFF;
}
.bloc_text_1_home .flex_wrap .padding_0_35.green h2 {
  color: #FFFFFF;
  margin-top: 58px;
}
.bloc_text_1_home .flex_wrap .padding_0_35.green h2:after {
  border-bottom: 3px solid #FFFFFF;
}
.bloc_text_1_home h3 {
  font-size: 18px;
  font-family: overpass !important;
  font-weight: bold;
  color: #172983;
  text-transform: uppercase;
  line-height: 20px;
}
.bloc_text_1_home p {
  font-size: 15px;
  font-weight: 300;
}
/* .bloc_text_1_home .FlexBlocHalf > div{
  width: 50%;
} */
/* .bloc_text_1_home .text{
    padding:0 0 0 90px;
} */
.bluebackground {
  background-color: #020b2a;
  color: #fff;
}
.btn_qui_home {
  z-index: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_qui_home .btnlight {
  background: #172983;
  color: #fff;
}
.btn_qui_home .btnlight:hover {
  background: rgba(23, 41, 131, 0.7);
}
/****** 1.5 BLOC RAYONNEMENT ******/
.bloc_text_3_home {
  display: flex;
}
.bloc_text_3_home .image, .bloc_text_3_home .text {
  flex-grow: 1;
  width: 50%;
}
.bloc_text_3_home .image {
  text-align: center;
  font-size: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bloc_text_3_home .image img {
  max-width: 100%;
}
.bloc_text_3_home .text {
  background: #acc22d;
  color: #FFFFFF;
  padding: 60px 40px 0 40px;
}
.bloc_text_3_home .text h2 {
  color: #FFFFFF;
  font-family: roboto condensed;
  font-weight: bold;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 45px;
  position: relative;
}
.bloc_text_3_home .text h2:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  border-bottom: 3px solid #FFFFFF;
  content: "";
  width: 35px;
  transform: translateX(-15px);
}
.bloc_text_3_home .text .btnlight {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  margin-top: 30px;
  margin-bottom: 20px;
}
/*.text_block3_home {*/
/*background-color: #97CA42;*/
/*padding: 25px 0px;*/
/*color: #fff;*/
/*font-size: 14px;*/
/*position: relative;*/
/*}*/
/*.titre_block3_home { width: 100%; }*/
/*.image_block3_home {*/
/*height: 300px;*/
/*background-size: cover;*/
/*background-position: center;*/
/*}*/
/*.text_block3_home .block_title {*/
/*position: absolute;*/
/*top: -90px;*/
/*background-color: #97CA42;*/
/*}*/
/*.text_block3_home .block_title .greenFondTitle {*/
/*background-color: #97CA42;*/
/*position: absolute;*/
/*right: 99.8%;*/
/*top: 0;*/
/*height: 100%;*/
/*width: 100%;*/
/*}*/
/*.text_block3_home .block_title h2 {*/
/*margin-bottom: 0;*/
/*padding: 25px 30px 25px 0;*/
/*color: #fff;*/
/*text-transform: uppercase;*/
/*font-size: 30px;*/
/*position: relative;*/
/*}*/
/*.text_block3_home .block_content p { margin-bottom: 25px; }*/
/*.text_block3_home .block_title h2:before {*/
/*content: "";*/
/*position: absolute;*/
/*width: 35px;*/
/*border-bottom: 3px solid #fff;*/
/*bottom: 20px;*/
/*left: -15px;*/
/*}*/
select::-ms-expand {
  display: none;
}
#home_newsletter form select {
  color: #98989e;
  background: #fff;
  border-radius: 30px;
  border: none;
  padding: 10px 15px 7px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
#home_newsletter form button.btnlight {
  width: 150px;
  margin: 5px 0px 5px 15px;
  border-radius: 30px;
  border: 1px solid #fff;
  padding: 10px 15px 7px 15px;
  background-color: transparent;
  color: #FFFFFF;
}
#formNewsletter > div {
  color: #fff;
}
#home_newsletter form button.btnlight:hover {
  background: #fff;
  color: #000;
}
#home_newsletter .selectCustom {
  position: relative;
}
#home_newsletter .selectCustom .icon_select {
  position: absolute;
  right: 40px;
  top: 18px;
  color: #98989e;
}
#noticeForm {
  text-align: center;
  color: #fff;
}
#noticeForm .errorForm {
  color: red;
}
#home_newsletter .flex.space-between {
  flex-direction: column;
}
#home_newsletter ul {
  list-style: none;
  display: inline-flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
}
#home_newsletter .submitbtn {
  margin: 10px 0 !important;
}
#home_newsletter .gform_footer .gform_button {
  visibility: hidden;
}
#home_newsletter .validation_error {
  display: none;
}
#home_newsletter li.conditions {
  margin: 0 !important;
}
#home_newsletter li.conditions li {
  display: flex;
  align-items: baseline;
  color: #fff;
}
#home_newsletter li.conditions li label {
  color: #fff;
}
#home_newsletter .gform_confirmation_message {
  color: #fff;
}
/****** 1.7 Map ******/
/*#mapService h2 {
  position: relative;
  color: #172983;
  font-size: 30px;
  font-family: roboto condensed;
  margin-bottom: 30px !important;
  font-weight: 700;
}

#mapService h2:after {
  border-bottom: 3px solid #97CA42;
  content: "";
  position: absolute;
  width: 35px;
  display: block;
  transform: translateX(-15px);
  bottom: -8px;
}

#mapService .block_text p { color: #989898; }
#mapService .block_text input {
  color: #989898;
  margin: 5px 15px 5px 0px;
  border-radius: 30px;
  border: 1px solid #172983;
  padding: 10px 15px;
}
#mapService .block_text input::-webkit-input-placeholder { color: #98989e; }
#mapService .block_text input::-moz-placeholder { color: #98989e; }
#mapService .block_text input:-ms-input-placeholder { color: #98989e;}
#mapService .block_text input:-moz-placeholder { color: #98989e; }

#mapService .wrap > div:nth-child(1) {
  width: 40%;
  display: flex;
  align-items: center;
}
#mapService .wrap > div:nth-child(2) { width: 50%; }

#mapService .wrap > div:nth-child(1) > div { width: 100%; }*/
#alerteHome {
  padding-top: 4rem;
}
#alerteHome .acf-map {
  margin: 0 !important;
  height: 500px;
}
#alerteHome #infoMap h2 {
  color: #172983 !important;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  /* padding-left: 90px; */
}
#alerteHome #infoMap h2:after {
  border-bottom: 3px solid #97CA42;
  content: "";
  width: 35px;
  display: block;
  transform: translateX(-15px);
}
#alerteHome #form_region {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#map_alert #form_region {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#alerteHome #form_region :nth-child(1), #map_alert #form_region :nth-child(1) {
  margin-left: 15px;
}
/*--------------------------------------------------------------
2.0 HEADER
--------------------------------------------------------------*/
.standard .menutopdroite {
  display: -webkit-flex;
  display: flex;
}
.standard .menutopgauche {
  display: -webkit-flex;
  display: flex;
}
.standard .menutopgauche li {
  display: inline-block;
  font-family: overpass;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.standard .menutopdroite li {
  display: inline-block;
  font-family: overpass;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.standard .topmenu {
  background: #fff;
}
.standard .menutopdroite li, .standard .menutopgauche li {
  font-family: overpass;
  color: #000;
  font-size: 14px;
  font-weight: 300;
  padding: 5px 15px;
  display: flex;
  align-items: center;
}
.standard .menutopdroite li a, .standard .menutopgauche li a {
  font-family: overpass;
  color: #000;
  font-size: 14px;
  font-weight: 300;
}
.standard .menutopdroite li a:hover {
  color: #fff;
}
.standard .menutopgauche {
  margin: 0px;
}
.standard .menutopgauche li a:hover {
  color: #fff;
}
.standard .menutopdroite {
  margin: 0px;
}
.menutopgauche li:nth-child(2):hover {
  background: #97CA42;
}
.menutopgauche li:nth-child(3):hover {
  background: #00b0df;
}
.menutopgauche li:nth-child(4):hover {
  background: #898bde;
}
/*Remove if WPML active*/
.menutopdroite li:nth-child(2), .menutopdroite li:nth-child(3) {
  background: #97CA42;
}
.menutopdroite li:nth-child(2):hover, .menutopdroite li:nth-child(3):hover {
  background: rgba(23, 41, 131, 0.7);
}
.standard #block_slide_img_nav {
  font-size: 14px;
  position: relative;
}
.standard #block_slide_img_nav .topBanderole {
  height: 400px;
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
  -webkit-flex-direction: column;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 50px;
  position: relative;
}
.standard #block_slide_img_nav .topBanderole.default {
  background: url("/wp-content/themes/socleCyberl/assets/images/background/bacground_institutionnelle.jpg") center no-repeat;
  background-size: cover;
}
.header_blue_deg {
  background-image: linear-gradient(transparent, #020b2a 80%);
  position: absolute;
  width: 100%;
  height: 60px;
  bottom: 0;
}
.standard .topNavBlock > div:nth-child(1) {
  width: 70%;
}
.standard .topNavBlock > div:nth-child(2) {
  width: 29%;
}
.standard .topNavBlock > div:nth-child(2) > div {
  margin-right: 15px;
}
.standard .custom-header {
  position: absolute;
  z-index: 100;
  width: 100%;
  top: 0;
}
.standard .topNavBlock {
  margin-top: 25px;
  color: #fff;
  z-index: 1;
}
.standard .bottomNavBlock {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-align-items: flex-start;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.standard .bottomNavBlock > div:nth-child(1) {
  width: 30%;
}
.standard .bottomNavBlock > div:nth-child(2) {
  width: 70%;
}
.standard .logo_site_top img {
  width: 280px;
  position: relative;
  bottom: -20px;
}
.standard .search_top button {
  color: #222;
  background: transparent;
  padding: 1.3rem 0;
  border-radius: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: 1px solid transparent;
  font-size: 2rem;
}
.standard .search_top button:hover {
  background: #97CA42;
  color: white;
}
.langue_top {
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.langue_top a {
  color: #000;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.langue_top a.active, .langue_top a:hover {
  color: #97CA42;
}
.langue_top .langEn:before {
  content: "|";
  color: #000;
  padding-right: 5px;
  margin-left: 5px;
}
.standard .search_top form button.open {
  border: 1px solid #02aad3;
  background: #02aad3;
}
/* désactiver les fleches du slider home */
#home_header_instit .ms-nav-prev, #home_header_instit .ms-nav-next {
  display: none !important;
}
/*--------------------------------------------------------------
3.0 Navivation
--------------------------------------------------------------*/
/*.particulier_mod .link_theme { color: #97CA42; }
.particulier_mod .link_theme:hover { color: rgba(153, 202, 60, 0.6); }*/
#top-menu-standard {
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
  display: flex;
  justify-content: space-between;
  background: rgba(23, 41, 131, 0.5);
  padding: 10px;
}
#top-menu-standard > li > a {
  color: #fff;
  border-bottom: 4px solid transparent;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding: 10px 15px 5px 15px;
}
#top-menu-standard > li > a:hover {
  border-bottom: 4px solid #97CA42;
}
#top-menu-standard > li.current-menu-item > a {
  border-bottom: 4px solid #97CA42;
}
#top-menu-standard li li.current-menu-item {
  background: #97CA42;
}
#top-menu-standard li ul {
  border-top: 4px solid #97CA42 !important;
  background: rgba(0, 0, 0, 0.9);
  border: none;
  top: 92%;
}
#top-menu-standard li li:hover {
  background: #97CA42;
}
#top-menu-standard li li a {
  color: #fff;
  font-weight: 300;
}
#top-menu-standard ul ul > li a:hover {
  color: #000 !important;
}
/*--------------------------------------------------------------
4.0 Button / Commun
--------------------------------------------------------------*/
.content-custom .titleWGInstit {
  padding-top: 30px;
}
.titleWGInstit {
  padding-top: 30px;
  text-transform: uppercase;
  color: #fff;
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 700;
  position: relative;
}
.icon {
  left: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.icon_svg_mv:hover > .icon.icon-arrow-right {
  left: 3px;
}
.transButton {
  text-transform: uppercase;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  border-radius: 20px;
  padding: 10px 40px;
}
.transButton:hover {
  background: transparent;
}
.greenButtonInstit {
  text-transform: uppercase;
  background: #97CA42;
  color: #fff;
  font-weight: 900;
  border-radius: 20px;
  padding: 10px 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.greenButtonInstit:hover {
  background: rgba(164, 196, 8, 0.7);
}
.transButtonWhite {
  text-transform: uppercase;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  border-radius: 20px;
  padding: 10px 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.transButtonGreen {
  text-transform: uppercase;
  border: 1px solid #97CA42;
  background: transparent;
  color: #97CA42;
  border-radius: 20px;
  padding: 10px 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.whiteButtonInstit {
  text-transform: uppercase;
  background: #fff;
  color: #172983 !important;
  text-decoration: none !important;
  border-radius: 20px;
  padding: 10px 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.whiteButtonInstit:after {
  content: "";
  font-family: "icomoon";
  margin-left: 15px;
  top: 2px;
  left: 0px;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.transButtonWhite:after, .transButtonGreen:after {
  content: "";
  font-family: "icomoon";
  margin-left: 15px;
  top: 2px;
  left: 0px;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.whiteButtonInstit:hover {
  background: rgba(255, 255, 255, 0.7);
}
.whiteButtonInstit:hover:after {
  left: 5px;
}
.transButtonWhite:hover {
  background: transparent;
}
.transButtonWhite:hover:after {
  left: 5px;
}
.transButtonGreen:hover:after {
  left: 5px;
}
.nav-links {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nav-title-button {
  color: #000;
  font-weight: 100;
  border: 1px solid #fff;
  padding: 10px 30px;
  border-radius: 20px;
  cursor: pointer;
}
.nav-title-button svg {
  position: relative;
}
.nav-previous .nav-title-button svg {
  margin-right: 5px;
}
.nav-next .nav-title-button svg {
  margin-left: 5px;
}
.color_green {
  color: #97CA42;
}
/*--------------------------------------------------------------
5.0 Form / ACF Block
--------------------------------------------------------------*/
.form_half {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 25px;
}
.form_half span:nth-child(1) {
  margin-right: 15px;
}
/*ACF DEFAULT*/
.content-area.standard .full-containt .block_text ul {
  margin-left: 25px;
}
.content-area .full-containt .block_text ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.content-area .full-containt .block_text ul li {
  position: relative;
  padding-left: 2.2rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
}
.content-area .full-containt .block_text ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-color: transparent;
  transition: all 0.25s ease;
}
.content-area .full-containt .block_text ul li::after {
  content: "";
  position: absolute;
  left: 0.26rem;
  top: 0.78rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  opacity: 1;
}
.content-area.standard .full-containt .block_title h2 {
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 700;
  color: #23214B;
  position: relative;
}
.content-area.standard .full-containt.center_element .block_title h2 {
  text-align: center;
}
.content-area.standard .full-containt.block_light .block_title h2 {
  color: #fff;
  font-size: 6rem;
  line-height: 6rem;
}
.content-area.standard .full-containt .block_title h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 25px;
}
.content-area.standard .full-containt.block_dark .block_title h3 {
  color: #23214B;
}
.content-area.standard .full-containt.block_light .block_title h3 {
  color: #fff;
}
.content-area.standard .full-containt .block_link {
  margin: 20px 0;
}
.content-area.standard .full-containt .block_link a {
  padding: 10px 25px;
  font-size: 14px;
  border-radius: 20px;
  text-transform: uppercase;
  margin: 15px 0;
}
.content-area.standard .full-containt.block_light .block_link a {
  border: 1px solid #fff;
  color: #fff;
}
.content-area.standard .full-containt .block_link .icon_arrow_right {
  position: relative;
  padding: 10px 50px 10px 25px;
}
.content-area.standard .full-containt .icon_arrow_right:before {
  content: "";
  font-family: "icomoon";
  position: absolute;
  right: 15px;
  top: 8px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.content-area.standard .full-containt .block_link .icon_arrow_right:hover:before {
  right: 10px;
}
/*Title H2 H3*/
/*icon_button*/
/*Collapse*/
.collapse_half .list_element_row_collapse {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.collapse_half .list_element_row_collapse > div {
  width: 48%;
  height: 100%;
}
.content-area.standard .full-containt.block_dark .element_row_collapse {
  background: #97CA42;
  color: #fff;
}
.content-area.standard .full-containt.block_light .element_row_collapse {
  background: #fff;
  color: #000;
}
.content-area.standard .full-containt .element_row_collapse.active {
  background: #202020;
  color: #fff;
}
/*--------------------------------------------------------------
6.0 Pages
--------------------------------------------------------------*/
#header_page_instit .title_header_page {
  border-bottom: 1px solid #02aad3;
  position: relative;
}
#header_page_instit .title_header_page .border_full {
  border-bottom: 6px solid #02aad3;
  width: 20%;
  position: absolute;
  bottom: 0;
}
#header_page_instit .title_header_page h1 {
  margin-bottom: 0;
  padding-bottom: 15px;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-shadow: 2px 2px 5px #000;
  text-transform: uppercase;
  position: relative;
}
#header_page_instit .title_header_page h1:before {
  content: "";
  width: 150px;
  bottom: 0;
  position: absolute;
  border-bottom: 6px solid #02aad3;
}
#header_page_instit .arianBlock {
  padding-top: 25px;
}
.arianBlock #breadcrumbs a {
  margin: 0 5px;
}
#header_page_instit .arianBlock span {
  color: #fff;
  font-weight: 100;
  text-transform: uppercase;
}
#header_page_instit .arianBlock span a {
  color: #fff;
  font-weight: 100;
  text-transform: uppercase;
}
/*Color text default*/
.content-area.standard .entry-content {
  /*padding-top: 30px;*/
  color: #646464;
}
.content-area.standard .entry-content h2 {
  padding-top: 30px;
  text-transform: uppercase;
  color: #172983;
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 700;
  position: relative;
}
.content-area.standard .entry-content h2:before {
  content: "";
  border-bottom: 4px solid #97CA42;
  position: absolute;
  bottom: -5px;
  width: 40px;
  left: -20px;
}
/*----------------------------- 6.1 Contact------------------------------*/
#mapContact {
  background: #020b2a;
  padding: 3rem 0;
}
#mapContact #infoMap h2 {
  color: #172983 !important;
  margin-bottom: 50px;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
}
#mapContact #infoMap h2:after {
  border-bottom: 3px solid #97CA42;
  content: "";
  width: 35px;
  display: block;
  transform: translateX(-15px);
}
#mapContact .element_list_map .element_title {
  font-size: 16px;
  color: #172983 !important;
  text-transform: uppercase;
  font-weight: 700;
}
#mapContact .block_search div:nth-child(1) {
  margin-right: 15px;
}
#mapContact .block_search input {
  width: 250px;
  padding: 10px 15px;
  border-radius: 20px;
  margin-right: 25px;
}
.text_center_green {
  padding: 50px 0;
}
.text_center_green .block_title p {
  text-transform: uppercase;
  color: #97CA42;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1;
}
.text_center_green .block_title p span {
  position: relative;
  top: -10px;
}
.text_center_green .block_link {
  margin-top: 30px;
}
#block_urgence_contact .wrap > div {
  width: 50%;
}
#block_form_contact {
  padding-bottom: 25px;
}
#block_form_contact .block_title h2 {
  color: #97CA42;
  font-size: 30px;
  font-weight: 600;
  padding: 50px 0 25px;
  line-height: 1;
}
#block_form_contact .form_containe {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
#block_form_contact form input[type="text"], #block_form_contact form input[type="email"], #block_form_contact form input[type="tel"], #block_form_contact form input[type="date"] {
  background: transparent;
  border: 1px solid #000;
  border-radius: 20px;
  padding: 10px 15px;
}
#block_form_contact form select {
  width: 305px;
  border-radius: 20px;
  background: #97CA42;
  /* border: 1px solid #000; */
  color: #fff;
  margin-bottom: 15Px;
  padding: 10px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-transform: uppercase;
}
#block_form_contact form select.full_select {
  width: 100%;
}
#block_form_contact form .full_form {
  width: 100%;
}
#block_form_contact form .margin_bt25 {
  margin-bottom: 25px;
}
#block_form_contact form .declarer select, #block_form_contact form .candidature_spon select {
  background: #97CA42;
  border: none;
  color: #fff;
  font-weight: 700;
}
#block_form_contact form .declarer select option, #block_form_contact form .candidature_spon select option {
  background: #fff;
  color: #1e1e1e;
}
#block_form_contact form .declarer .wpcf7-form-control-wrap.Sujet:before {
  color: #fff;
}
/* #block_form_contact form .label_ligne { text-transform: uppercase; } */
.wpcf7-form-control-wrap.Sujet {
  position: relative;
}
.wpcf7-form-control-wrap.Sujet:before {
  content: "";
  font-family: "icomoon";
  position: absolute;
  right: 20px;
  top: -4px;
  z-index: 1;
}
#block_form_contact form textarea {
  border: 1px solid #000;
  border-radius: 20px;
}
#block_form_contact .submit_btn {
  position: relative;
}
#block_form_contact .submit_btn:after {
  content: "";
  color: #fff;
  font-family: "icomoon";
  position: absolute;
  z-index: 1;
  right: 40px;
  top: -4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#block_form_contact .submit_btn:hover:after {
  right: 35px;
}
#block_form_contact form input[type="submit"] {
  background: #97CA42;
  border-radius: 20px;
  padding: 10px 50px 10px 25px;
  font-weight: 300;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 16px;
}
#block_form_contact form input[type="submit"]:hover {
  background: rgba(164, 196, 8, 0.7);
}
/* #block_form_contact form input::-webkit-input-placeholder { text-transform: uppercase; }
#block_form_contact form input::-moz-placeholder { text-transform: uppercase; }
#block_form_contact form input:-ms-input-placeholder { text-transform: uppercase; }
#block_form_contact form input:-moz-placeholder { text-transform: uppercase; }
#block_form_contact form textarea::-webkit-input-placeholder { text-transform: uppercase; }
#block_form_contact form textarea::-moz-placeholder { text-transform: uppercase; }
#block_form_contact form textarea:-ms-input-placeholder { text-transform: uppercase; }
#block_form_contact form textarea:-moz-placeholder { text-transform: uppercase; } */
/*----------------------------- 6.2 Gerer une fuite -----------------------------*/
#block_fuite_agir .block_text .cadreWhite {
  border: 1px solid #fff;
  padding: 15px;
  margin-bottom: 10px;
}
#block_fuite_agir .block_text .cadreWhite:nth-child(1) {
  margin-top: 25px;
}
#chiffre_fuite_eau .FlexBlocThird {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#chiffre_fuite_eau .FlexBlocThird > div {
  color: #09b3e0;
}
#instit_fuite_part1 h3 {
  font-size: 14px;
  color: #2f348f;
  font-weight: 700;
}
/*----------------------------- 6.3 Laboratoire d'analyse -----------------------*/
#block_temperature {
  padding-top: 0;
}
#block_temperature .FlexBlocThird {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#block_temperature .FlexBlocThird > div {
  width: 20%;
}
/*----------------------------- 6.4 Analyse type -----------------------*/
#block_analyse_tableau table td {
  border: 1px solid #020b2a;
}
.table_responsive {
  overflow-x: auto;
}
/*----------------------------- 6.5 Etat Service -----------------------*/
#block_entretien_travaux .wrap .FlexBlocHalf > div:nth-child(2) {
  min-height: 200px;
}
/*block_ecogeste*/
#block_ecogeste .FlexBlocThird .block_icon {
  margin-bottom: 15px;
}
#block_ecogeste .FlexBlocThird .block_icon img {
  height: 90px;
}
#block_ecogeste .block_text p {
  text-align: center;
  font-size: 16px;
}
#block_ecogeste .block_text .number_gestes, #block_ecogeste .block_text .number_gestes_unit {
  font-size: 32px;
  color: #172983;
  line-height: 1.2em;
}
#block_ecogeste .block_text .text_gestes {
  font-size: 14px;
  color: #172983;
}
/*block_saviez_vous*/
#block_saviez_vous .flex_wrap {
  margin-top: 25px;
}
#block_saviez_vous .flex_wrap > div {
  width: 20%;
  background: #fff;
  color: #000;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 146px;
  height: 160px;
}
#block_saviez_vous .flex_wrap > div:nth-child(n+2) {
  border-left: 1px solid #97CA42;
}
#block_saviez_vous .block_text .number_gestes2, #block_saviez_vous .block_text .number_gestes_unit {
  font-size: 32px;
  font-weight: bold;
  color: #000;
  text-align: center;
}
/*list_compare_block*/
#list_compare_block .compare_row {
  width: 100%;
  margin-bottom: 35px;
  color: #fff;
}
#list_compare_block .block_label_1 {
  text-align: right;
  width: 46%;
}
#list_compare_block .block_label_2 {
  text-align: left;
  width: 46%;
}
#list_compare_block .block_label_1 span, #list_compare_block .block_label_2 span {
  font-size: 16px;
}
#list_compare_block .block_label_1 span {
  color: #b10101;
}
#list_compare_block .block_label_2 span {
  color: #546ef0;
}
#list_compare_block .block_icon {
  width: 60px;
  margin: 0 10px;
  background: #000;
  border-radius: 50px;
  padding: 15px;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#list_compare_block .block_icon i {
  font-size: 32px;
  color: #fff;
}
/*----------------------------- 6.6 CDE - Activité -----------------------*/
#list_row_popUp {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#list_row_popUp .row_element_popUp {
  width: 48%;
  height: 250px;
  position: relative;
  margin-bottom: 35px;
  padding: 25px 15px;
  border-radius: 2rem;
  cursor: pointer;
}
#list_row_popUp .row_element_popUp div {
  position: relative;
}
#list_row_popUp .row_element_popUp:before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 2rem;
}
#list_row_popUp .row_element_popUp:hover:before {
  background: rgba(0, 0, 0, 0.3);
}
#list_row_popUp .content_pop_up_area {
  position: absolute;
  z-index: 501;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  max-height: 600px;
  display: none;
  padding: 100px 0 50px;
}
#list_row_popUp .content_pop_up_area.active {
  display: -webkit-flex;
  -webkit-justify-content: center;
  display: flex;
  justify-content: center;
  position: fixed;
}
#list_row_popUp .content_pop_up_area > div {
  color: #000;
  background: #fff;
  padding: 30px 50px;
  height: 100%;
  width: 80%;
  min-width: 250px;
  max-width: 600px;
  position: relative;
}
#list_row_popUp .content_pop_up_area .scroll_content {
  overflow-y: auto;
  height: 100%;
}
/* #list_row_popUp .row_element_popUp .block_title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: uppercase;
} */
.scroll_content p {
  margin-right: 15px;
}
.close_popUp {
  position: absolute;
  right: -25px;
  top: -25px;
  font-size: 20px;
  color: #fff;
  background: #172983;
  padding: 15px;
  border-radius: 100%;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.close_popUp:hover {
  background: rgba(23, 41, 131, 0.9);
}
#list_row_popUp .content_pop_up .title_pop_up {
  text-transform: uppercase;
  color: #172983;
  font-size: 30px;
  margin-bottom: 30px;
  margin-top: 10px;
  font-weight: 700;
  position: relative;
}
#list_row_popUp .content_pop_up .title_pop_up:before {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 40px;
  left: -20px;
  border-bottom: 4px solid #97CA42;
}
.list_activite_instit .list_element_row > div {
  width: 32%;
  margin-bottom: 15px;
  margin-right: 15px;
  border: 1px solid #172983;
}
.list_activite_instit .list_element_row > div:nth-child(2n) {
  background: #020b2a;
  color: #fff;
}
.block_cadre_instit .block_text {
  border: 1px solid #172983;
  padding: 15px;
}
/*----------------------------- 6.7 CDE - Présence Régionale -----------------------*/
#block_presence_instit .FlexBlocHalf > div:nth-child(1) {
  border: 1px solid #fff;
  padding: 10px 15px;
  text-align: justify;
  letter-spacing: -0.01em;
}
#block_presence_instit .FlexBlocHalf > div:nth-child(2) {
  text-align: justify;
}
#cde_agences li a {
  color: #fff;
}
#cde_agences li a:hover {
  color: #97CA42;
}
/*----------------------------- 6.8 CDE - Certification -----------------------*/
/* #block_certifications h4 {
  color: #00b0df;
} */
#block_certifications p {
  text-align: justify;
}
.flex_certification {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flex_certification > div:nth-child(1) {
  width: 68%;
}
.flex_certification > div:nth-child(2) {
  width: 28%;
}
#list_row_certification .row_element_certif {
  min-height: 200px;
  position: relative;
  margin-bottom: 15px;
  padding: 15px;
  color: #fff;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-between;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#list_row_certification .row_element_certif:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#list_row_certification .row_element_certif:hover:before {
  background: rgba(0, 0, 0, 0.5);
}
#list_row_certification .row_element_certif > div {
  position: relative;
}
#list_row_certification .row_element_certif .block_title {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
/*----------------------------- 6.9 CDE - le groupe -----------------------*/
#block_qui_histoire {
  padding-top: 0;
}
#block_qui_histoire .element_row:nth-child(odd) {
  width: 5%;
  padding: 15px 0;
}
#block_qui_histoire .element_row:nth-child(even) {
  width: 45%;
}
#block_qui_histoire .block_icon {
  text-align: left;
}
#block_qui_experience h3 {
  color: #172983;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 25px;
  color: #172983;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 25px;
}
/* Progress bar */
#skill {
  list-style: none;
  font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  width: 100%;
  margin: 50px auto 0;
  position: relative;
  line-height: 2em;
}
#skill li {
  margin-bottom: 50px;
  padding: 0;
  background: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #efefef, #f5f5f5);
  background-image: -moz-linear-gradient(top, #efefef, #f5f5f5);
  background-image: -ms-linear-gradient(top, #efefef, #f5f5f5);
  background-image: -o-linear-gradient(top, #efefef, #f5f5f5);
  background-image: linear-gradient(top, #efefef, #f5f5f5);
  height: 20px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc;
  -webkit-box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc;
  box-shadow: 0 1px 0px #bebbb9 inset, 0 1px 0 #fcfcfc;
}
#skill li:last-child {
  margin-bottom: 0 !important;
}
#skill li:before {
  content: none;
}
ul#skill {
  margin-left: 0 !important;
}
#skill li p {
  position: relative;
  top: -25px;
}
.bar {
  height: 18px;
  /* margin:1px 2px; */
  position: absolute;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;
  -webkit-box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;
  box-shadow: 0 1px 0px #fcfcfc inset, 0 1px 0 #bebbb9;
}
.bar_un.animate {
  width: 45%;
  -moz-animation: bar_un 2s ease-out;
  -webkit-animation: bar_un 2s ease-out;
  background-color: #172983;
}
.bar_deux.animate {
  width: 52%;
  -moz-animation: bar_deux 2s ease-out;
  -webkit-animation: bar_deux 2s ease-out;
  background-color: #182e9c;
}
.bar_trois.animate {
  width: 60%;
  -moz-animation: bar_trois 2s ease-out;
  -webkit-animation: bar_trois 2s ease-out;
  background-color: #1d36b4;
}
.bar_quatre.animate {
  width: 58%;
  -moz-animation: bar_quatre 2s ease-out;
  -webkit-animation: bar_quatre 2s ease-out;
  background-color: #2240d8;
}
.bar_cinq.animate {
  width: 50%;
  -moz-animation: bar_cinq 2s ease-out;
  -webkit-animation: bar_cinq 2s ease-out;
  background-color: #3654ea;
}
.bar_six.animate {
  width: 52%;
  -moz-animation: bar_six 2s ease-out;
  -webkit-animation: bar_six 2s ease-out;
  background-color: #3f5cec;
}
.bar_sept.animate {
  width: 55%;
  -moz-animation: bar_sept 2s ease-out;
  -webkit-animation: bar_sept 2s ease-out;
  background-color: #647efd;
}
.bar_huit.animate {
  width: 52%;
  -moz-animation: bar_huit 2s ease-out;
  -webkit-animation: bar_huit 2s ease-out;
  background-color: #6f87ff;
}
.bar_neuf.animate {
  width: 62%;
  -moz-animation: bar_neuf 2s ease-out;
  -webkit-animation: bar_neuf 2s ease-out;
  background-color: #8498ff;
}
.bar_dix.animate {
  width: 64%;
  -moz-animation: bar_dix 2s ease-out;
  -webkit-animation: bar_dix 2s ease-out;
  background-color: #8498ff;
}
@-moz-keyframes bar_un {
  0% {
    width: 0px;
  }
  100% {
    width: 45%;
  }
}
@-moz-keyframes bar_deux {
  0% {
    width: 0px;
  }
  100% {
    width: 52%;
  }
}
@-moz-keyframes bar_trois {
  0% {
    width: 0px;
  }
  100% {
    width: 60%;
  }
}
@-moz-keyframes bar_quatre {
  0% {
    width: 0px;
  }
  100% {
    width: 58%;
  }
}
@-moz-keyframes bar_cinq {
  0% {
    width: 0px;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes bar_six {
  0% {
    width: 0px;
  }
  100% {
    width: 52%;
  }
}
@-moz-keyframes bar_sept {
  0% {
    width: 0px;
  }
  100% {
    width: 55%;
  }
}
@-moz-keyframes bar_huit {
  0% {
    width: 0px;
  }
  100% {
    width: 52%;
  }
}
@-moz-keyframes bar_neuf {
  0% {
    width: 0px;
  }
  100% {
    width: 62%;
  }
}
@-moz-keyframes bar_dix {
  0% {
    width: 0px;
  }
  100% {
    width: 64%;
  }
}
@-webkit-keyframes bar_un {
  0% {
    width: 0px;
  }
  100% {
    width: 45%;
  }
}
@-webkit-keyframes bar_deux {
  0% {
    width: 0px;
  }
  100% {
    width: 52%;
  }
}
@-webkit-keyframes bar_trois {
  0% {
    width: 0px;
  }
  100% {
    width: 60%;
  }
}
@-webkit-keyframes bar_quatre {
  0% {
    width: 0px;
  }
  100% {
    width: 58%;
  }
}
@-webkit-keyframes bar_cinq {
  0% {
    width: 0px;
  }
  100% {
    width: 50%;
  }
}
@-webkit-keyframes bar_six {
  0% {
    width: 0px;
  }
  100% {
    width: 52%;
  }
}
@-webkit-keyframes bar_sept {
  0% {
    width: 0px;
  }
  100% {
    width: 55%;
  }
}
@-webkit-keyframes bar_huit {
  0% {
    width: 0px;
  }
  100% {
    width: 52%;
  }
}
@-webkit-keyframes bar_neuf {
  0% {
    width: 0px;
  }
  100% {
    width: 62%;
  }
}
@-webkit-keyframes bar_dix {
  0% {
    width: 0px;
  }
  100% {
    width: 64%;
  }
}
.FlexBlocThird {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin: 0 20rem;
}
.FlexBlocThird > div {
  width: unset;
}
#block_qui_chiffres {
  padding: 15rem 0;
}
#block_qui_chiffres .element_row {
  text-align: center;
  background-color: #fff;
  border-radius: 2rem;
}
#block_qui_chiffres .element_row img {
  width: 8rem;
  height: 8rem;
}
#block_qui_chiffres .count {
  font-size: 40px;
  font-weight: bold;
  display: block;
  color: #27ABE2;
}
#block_qui_chiffres .block_icon {
  margin-bottom: 20px;
}
#block_qui_chiffres .block_text {
  font-size: 20px;
  color: #23214B;
}
/* slider comite direction */
.slider_direction {
  padding-bottom: 50px;
}
.slider_direction .ms-inner-controls-cont {
  padding-top: 50px;
}
.slider_direction .ms-slide.ms-sl-selected .ms-slide-bgcont {
  opacity: 1 !important;
  border-radius: 3rem;
}
.slider_direction .ms-slide-bgcont {
  opacity: 0.5 !important;
  border-radius: 3rem;
}
.slider_direction .ms-anim-layers {
  display: block !important;
}
.slider_direction .ms-anim-layers .ms-layer.ms-hover-active {
  visibility: visible !important;
  display: block !important;
}
.slider_direction .ms-skin-default .ms-nav-next, .slider_direction .ms-skin-default .ms-nav-prev {
  background: unset;
}
.slider_direction .ms-skin-default .ms-nav-next:before, .slider_direction .ms-skin-default .ms-nav-prev:before {
  content: url("../images/icon_particulier/next.svg");
  display: block;
  width: 32px;
}
.slider_direction .ms-skin-default .ms-nav-prev {
  transform: rotate(180deg);
}
.slider_direction .ms-skin-default .ms-nav-next {
  cursor: pointer;
  position: absolute;
  top: 5% !important;
}
.ms-skin-default .ms-nav-prev {
  cursor: pointer;
  top: 3% !important;
  position: absolute;
}
.slider_direction .ms-skin-default .ms-nav-next {
  right: -53%;
  left: auto;
}
.slider_direction .ms-skin-default .ms-nav-prev {
  right: -43%;
  left: auto;
}
#list_row_icon .row_element_icon {
  width: 32%;
  margin-bottom: 15px;
}
#list_row_icon .row_element_icon .block_icon {
  text-align: center;
  font-size: 45px;
  margin-bottom: 10px;
}
#list_row_activite {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#list_row_activite .row_element {
  width: 33.33%;
  padding: 15px;
  color: #fff;
  background: #00b0df;
}
#list_row_activite .row_element .block_icon {
  font-size: 45px;
  margin-bottom: 10px;
}
#list_row_activite .row_element h5 {
  margin-bottom: 30px;
  color: #fff;
}
#list_row_activite .row_element li {
  margin-bottom: 15px;
}
#list_row_activite .row_element:nth-child(2n) {
  background: #fff;
  border: 1px solid #000;
  color: #000;
}
#list_row_activite .row_element:nth-child(2n) h5 {
  color: #00b0df;
}
#list_row_site {
  margin-top: 50px;
}
#list_row_site a {
  width: 16.66%;
  border: 0.5px solid #020b2a;
}
#list_row_site .row_element {
  height: 100px;
  position: relative;
}
#list_row_site .row_element .block_text {
  position: absolute;
  overflow: hidden;
  padding: 10px;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(2, 11, 42, 0.7);
  color: #fff;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  -webkit-flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
}
#list_row_site .row_element .block_text p:nth-child(1) {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.4em;
  overflow-wrap: break-word;
}
#list_row_site .row_element:hover > .block_text {
  opacity: 1;
}
/*----------------------------- 6.10 CDE - Engagement -----------------------*/
#block_satisfaction.full-containt {
  padding-top: 0;
}
#block_satisfaction .element_row {
  border-top: 7px solid #172983;
  background-color: #f6f6f6;
  position: relative;
}
#block_satisfaction .FlexBlocThird {
  justify-content: space-between;
}
#block_satisfaction .element_row .block_icon {
  position: absolute;
  left: 45%;
}
#block_satisfaction .element_row .block_icon .animated {
  animation: none;
}
#block_satisfaction .element_row:nth-child(1) .block_icon {
  top: -17px;
}
#block_satisfaction .element_row:nth-child(2) .block_icon {
  top: -20px;
}
#block_satisfaction .element_row:nth-child(3) .block_icon {
  top: -25px;
}
/* vertical tabs */
#block_tabs_engagements .ctu-ultimate-wrapper-1 {
  float: none;
  box-shadow: none;
  border-radius: 0px;
}
#block_tabs_engagements .ctu-ulimate-style-1 {
  padding: 0;
  background-color: #fff;
  min-width: 585px;
}
#block_tabs_engagements .ctu-ulimate-style-1 .vc-tabs-li {
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: roboto condensed;
  color: #595959;
  border-left: none;
  padding: 25px 25px 25px 80px;
  transition: all 0.3s;
  border-bottom: 1px solid #bcbcbc;
}
#block_tabs_engagements .ctu-ulimate-style-1 .vc-tabs-li.active {
  color: #fff;
  background: #97CA42;
  padding-left: 130px;
}
#block_tabs_engagements .vc-tabs-li:nth-child(1):before {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/icon_TSMS_g.png);
}
#block_tabs_engagements .vc-tabs-li:nth-child(1).active:before {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/icon_TSMS_w.png);
}
#block_tabs_engagements .vc-tabs-li:nth-child(2):before {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/icon_On-Connect_g.png);
}
#block_tabs_engagements .vc-tabs-li:nth-child(2).active:before {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/icon_On-Connect_w.png);
}
#block_tabs_engagements .vc-tabs-li:nth-child(3):before {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/icon_Numero-vert_g.png);
}
#block_tabs_engagements .vc-tabs-li:nth-child(3).active:before {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/icon_Numero-vert_w.png);
}
#block_tabs_engagements .vc-tabs-li:nth-child(4):before {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/icon_Agence-en-ligne_g.png);
}
#block_tabs_engagements .vc-tabs-li:nth-child(4).active:before {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/icon_Agence-en-ligne_w.png);
}
#block_tabs_engagements .vc-tabs-li:nth-child(5):before {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/icon_Bornes_g.png);
}
#block_tabs_engagements .vc-tabs-li:nth-child(5).active:before {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/icon_Bornes_w.png);
}
#block_tabs_engagements .vc-tabs-li:before {
  position: absolute;
  top: 15px;
  left: 0;
}
#block_tabs_engagements .vc-tabs-li.active:before {
  position: absolute;
  top: 17px;
  left: 45px;
}
#block_tabs_engagements .vc-tabs-li.active:after {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/fleche_engagements.png);
  position: absolute;
  left: 5px;
  top: 25px;
}
#block_tabs_engagements .ctu-ulimate-style-1 .vc-tabs-li.active .ctu-absolute, #block_tabs_engagements .ctu-content-span {
  display: none;
}
#block_tabs_engagements .ctu-ultimate-style-1-content {
  width: 100%;
  max-width: 50%;
}
#block_tabs_engagements .ctu-ulitate-style-1-tabs {
  background-color: #f5f5f5;
  padding: 15px;
  border-left: none;
}
#block_tabs_engagements .ctu-ulitate-style-1-tabs p {
  font-size: 14px;
  font-family: "Overpass", sans-serif;
  color: #1e1e1e;
  margin-bottom: 20px;
}
#list_engagement_block > div {
  width: 50%;
  height: 100%;
}
#list_engagement_logo > div {
  width: 23%;
}
#list_engagement_logo .block_icon {
  height: 120px;
  margin: 0 11px 11px 0;
  cursor: pointer;
  text-align: center;
  background: #e2e2e2;
  border: 1px solid #e2e2e2;
}
#list_engagement_logo img {
  object-fit: cover;
  height: 100%;
}
#list_engagement_logo .block_icon.active {
  border: 2px solid #172983;
}
#list_engagement_logo .block_icon:hover {
  background: #fff;
}
#list_engagement_content {
  padding: 0 20px;
}
#list_engagement_content h3 {
  background: #172983;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  padding: 5px 0 5px 20px;
  text-transform: uppercase;
}
#list_engagement_content .block_text {
  padding-bottom: 25px;
  border-bottom: 1px solid #97CA42;
  text-align: justify;
  background: #fff;
  display: none;
}
#list_engagement_content .block_text:first-child {
  display: block;
}
#list_row_engagement .wrap {
  position: relative;
}
#list_row_engagement .wrap .block_img {
  height: 230px;
  width: 300px;
  position: absolute;
  right: 0;
  bottom: 0;
}
#list_row_engagement .row_element {
  padding: 15px 0;
}
#list_row_engagement .row_element.blue_block {
  background: #172983;
  color: #fff;
}
#list_row_engagement .row_element .block_text {
  width: 49%;
}
#list_row_engagement .row_element.blue_block .block_text {
  margin-left: 100px;
}
#list_row_engagement .row_element .block_text h3 {
  color: #97CA42;
  font-size: 20px;
  text-transform: uppercase;
}
#list_row_engagement .row_element .block_text .number_title {
  font-size: 50px;
}
#list_row_engagement .row_element.blue_block .block_text h3 {
  color: #fff;
}
#list_row_engagement .row_element:nth-child(1) .block_img {
  height: 250px;
  right: 100px;
  bottom: -127px;
}
#list_row_engagement .row_element:nth-child(3) .block_img {
  bottom: -7px;
  height: 222px;
}
#list_row_engagement .row_element:nth-child(4) .block_img {
  right: 100px;
  bottom: -15px;
}
/*----------------------------- 6.10.2 CDE - Nos constructions -----------------------*/
#block_intro_construction .FlexBlocHalf > div:first-child {
  width: 60%;
}
#block_intro_construction .FlexBlocHalf > div:last-child {
  width: 40%;
}
.hidden__desktop {
  display: none;
}
#block_intro_construction {
  background-position: right !important;
  background-size: 80% !important;
  padding-bottom: 160px;
  background-repeat: no-repeat !important;
}
#block_1_construction, #block_2_construction, #block_3_construction {
  padding-top: 0;
}
#block_1_construction img, #block_2_construction img, #block_3_construction img {
  width: 100%;
}
#block_1_construction .FlexBlocHalf > div:first-child, #block_3_construction .FlexBlocHalf > div:first-child {
  width: 60%;
}
#block_1_construction .FlexBlocHalf > div:last-child, #block_3_construction .FlexBlocHalf > div:last-child {
  position: relative;
  top: 117px;
  left: -64px;
  width: 40%;
  height: 100%;
}
#block_1_construction h2, #block_3_construction h2 {
  position: absolute;
  left: 89px;
  top: -123px;
}
#block_1_construction .btnlight, #block_2_construction .btnlight {
  background: #172983;
  color: #fff;
}
.spectial_btn_construction {
  position: absolute;
  top: 285px;
  left: 95px;
}
#block_2_construction .FlexBlocHalf > div:first-child {
  position: relative;
  top: 117px;
  left: 0;
  width: 65%;
  height: 100%;
}
#block_2_construction .FlexBlocHalf > div:last-child {
  width: 35%;
}
#block_2_construction h2 {
  position: absolute;
  left: 0;
  top: -123px;
}
.spectial_btn_construction2 {
  position: absolute;
  left: 0;
}
#block_3_construction, #block_ref_construction {
  padding-bottom: 0;
}
.ref_constructions h2 {
  color: #172983;
  font-family: roboto condensed;
  font-weight: bold;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 45px;
  margin: 0;
  padding: 35px 0 35px 0;
}
.ref_constructions h2:after {
  border-bottom: 3px solid #97CA42;
  content: "";
  width: 35px;
  display: block;
  transform: translateX(-15px);
}
.ref_constructions .container-wrapper {
  display: flex;
}
.ref_constructions .container-wrapper .container {
  flex-grow: 1;
  height: 400px;
  position: relative;
  min-width: 300px;
  background-size: cover;
  background-position: center;
}
.ref_constructions .container-wrapper .container.conteneur_eau {
  background-image: url("/wp-content/uploads/2017/06/visu_construction1.jpg");
  background-position: left;
}
.ref_constructions .container-wrapper .container.conteneur_assain {
  background-image: url("/wp-content/uploads/2017/06/Nos_references_-_ASSAINISSEMENT-1.jpg");
}
.ref_constructions .container-wrapper .container.conteneur_smart {
  background-image: url("/wp-content/uploads/2017/06/Nos_references_-_SMART.jpg");
}
.ref_constructions .container-wrapper .container .content-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  padding: 2.5%;
}
.ref_constructions .container-wrapper .container .content-wrapper .content {
  /* border:1px solid #FFFFFF; */
  width: 100%;
  height: 100%;
  padding: 15px;
}
.ref_constructions .container-wrapper .container .content-wrapper .content h3 {
  color: #FFFFFF;
  font-family: roboto condensed;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 30px;
  margin: 0;
}
.ref_constructions .container-wrapper .container .content-wrapper .content .btnlight {
  margin-top: 30px;
  color: #FFFFFF;
  border: none;
}
.ref_constructions .container-wrapper .container .content-wrapper.particulier .content .btnlight {
  background: #acc22d;
}
.ref_constructions .container-wrapper .container .content-wrapper.particulier .content .btnlight:hover {
  background: rgba(172, 194, 45, 0.8);
}
.ref_constructions .container-wrapper .container:not(:last-child) {
  margin: 0 10px 10px 0;
}
/*----------------------------- 6.10.3 CDE - Nos références -----------------------*/
#block_ref {
  background-position: right !important;
  background-repeat: no-repeat !important;
  background-size: 80% !important;
  padding-bottom: 100px;
  text-transform: uppercase;
  color: #172983;
}
#block_ref .element_row:nth-child(odd) {
  width: 5%;
  padding: 15px 0;
}
#block_ref .element_row:nth-child(even) {
  width: 28%;
}
#block_ref .element_row .block_text h3 {
  color: #172983;
}
#block_ref .element_row .block_text a {
  color: #172983;
  font-weight: 400;
}
#block_ref .element_row .block_text h3 {
  font-weight: 700;
}
#block_ref .block_icon {
  text-align: left;
}
.btn_ref:after {
  content: "";
  font-family: FontAwesome;
  font-size: 12px;
  color: #172983;
  position: relative;
  margin-left: 20px;
  transition: all 0.5s;
}
.btn_ref:hover:after {
  margin-left: 25px;
}
/* vertical tabs eau*/
#block_ref_eau .ctu-ultimate-wrapper-2 {
  float: none;
  box-shadow: none;
  border-radius: 0px;
}
#block_ref_eau .ctu-ulimate-style-2 {
  padding: 0;
  background-color: #fff;
  min-width: 585px;
}
#block_ref_eau .ctu-ulimate-style-2 .vc-tabs-li {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: roboto condensed;
  color: #595959;
  border-left: none;
  padding: 25px;
  transition: all 0.3s;
  border-bottom: 1px solid #bcbcbc;
}
#block_ref_eau .ctu-ulimate-style-2 .vc-tabs-li.active {
  color: #fff;
  background: #97CA42;
  padding-left: 75px;
}
#block_ref_eau .vc-tabs-li:before {
  position: absolute;
  top: 15px;
  left: 0;
}
#block_ref_eau .vc-tabs-li.active:before {
  position: absolute;
  top: 17px;
  left: 45px;
}
#block_ref_eau .vc-tabs-li.active:after {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/fleche_engagements.png);
  position: absolute;
  left: 30px;
  top: 25px;
}
#block_ref_eau .ctu-ulimate-style-2 .vc-tabs-li.active .ctu-absolute, #block_ref_eau .ctu-content-span {
  display: none;
}
#block_ref_eau .ctu-ultimate-style-2-content {
  width: 100%;
  max-width: 50%;
}
#block_ref_eau .ctu-ulitate-style-2-tabs {
  background-color: #f5f5f5;
  padding: 15px;
  border-left: none;
}
#block_ref_eau .ctu-ulitate-style-2-tabs p {
  font-size: 14px;
  font-family: "Overpass", sans-serif;
  color: #1e1e1e;
  margin-bottom: 20px;
}
#block_ref_eau .block_text ul li:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 5px;
  font-size: 5px;
  color: #172983;
}
#block_ref_eau .ctu-ulitate-style-2-tabs img {
  width: 100%;
}
/* vertical tabs assainissement*/
#block_ref_assainissement {
  background-color: #f4f4f4;
}
#block_ref_assainissement .ctu-ultimate-wrapper-4 {
  float: none;
  box-shadow: none;
  border-radius: 0px;
}
#block_ref_assainissement .ctu-ulimate-style-4 {
  padding: 0;
  background-color: #fff;
  min-width: 585px;
}
#block_ref_assainissement .ctu-ulimate-style-4 .vc-tabs-li {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: roboto condensed;
  color: #595959;
  border-left: none;
  padding: 25px;
  transition: all 0.3s;
  border-bottom: 1px solid #bcbcbc;
}
#block_ref_assainissement .ctu-ulimate-style-4 .vc-tabs-li.active {
  color: #fff;
  background: #97CA42;
  padding-left: 75px;
}
#block_ref_assainissement .vc-tabs-li:before {
  position: absolute;
  top: 15px;
  left: 0;
}
#block_ref_assainissement .vc-tabs-li.active:before {
  position: absolute;
  top: 17px;
  left: 45px;
}
#block_ref_assainissement .vc-tabs-li.active:after {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/fleche_engagements.png);
  position: absolute;
  left: 30px;
  top: 25px;
}
#block_ref_assainissement .ctu-ulimate-style-4 .vc-tabs-li.active .ctu-absolute, #block_ref_assainissement .ctu-content-span {
  display: none;
}
#block_ref_assainissement .ctu-ultimate-style-4-content {
  width: 100%;
  max-width: 50%;
}
#block_ref_assainissement .ctu-ulitate-style-4-tabs {
  background-color: #f5f5f5;
  padding: 15px 15px 0 15px;
  border-left: none;
}
#block_ref_assainissement .ctu-ulitate-style-4-tabs p {
  font-size: 14px;
  font-family: "Overpass", sans-serif;
  color: #1e1e1e;
  margin-bottom: 14px;
}
#block_ref_assainissement .block_text ul li:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 5px;
  font-size: 5px;
  color: #172983;
}
#block_ref_assainissement .ctu-ulitate-style-4-tabs img {
  width: 100%;
}
/* vertical tabs smart*/
#block_ref_smart .ctu-ultimate-wrapper-5 {
  float: none;
  box-shadow: none;
  border-radius: 0px;
}
#block_ref_smart .ctu-ulimate-style-5 {
  padding: 0;
  background-color: #fff;
  min-width: 585px;
}
#block_ref_smart .ctu-ulimate-style-5 .vc-tabs-li {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: roboto condensed;
  color: #595959;
  border-left: none;
  padding: 25px;
  transition: all 0.3s;
  border-bottom: 1px solid #bcbcbc;
}
#block_ref_smart .ctu-ulimate-style-5 .vc-tabs-li.active {
  color: #fff;
  background: #97CA42;
  padding-left: 75px;
}
#block_ref_smart .vc-tabs-li:before {
  position: absolute;
  top: 15px;
  left: 0;
}
#block_ref_smart .vc-tabs-li.active:before {
  position: absolute;
  top: 17px;
  left: 45px;
}
#block_ref_smart .vc-tabs-li.active:after {
  content: url(/wp-content/themes/socleCyberl/assets/images/icon_particulier/fleche_engagements.png);
  position: absolute;
  left: 30px;
  top: 25px;
}
#block_ref_smart .ctu-ulimate-style-5 .vc-tabs-li.active .ctu-absolute, #block_ref_smart .ctu-content-span {
  display: none;
}
#block_ref_smart .ctu-ultimate-style-5-content {
  width: 100%;
  max-width: 50%;
}
#block_ref_smart .ctu-ulitate-style-5-tabs {
  background-color: #f5f5f5;
  padding: 15px;
  border-left: none;
}
#block_ref_smart .ctu-ulitate-style-5-tabs p {
  font-size: 14px;
  font-family: "Overpass", sans-serif;
  color: #1e1e1e;
  margin-bottom: 20px;
}
#block_ref_smart .block_text ul li:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 5px;
  font-size: 5px;
  color: #172983;
}
#block_ref_smart .ctu-ulitate-style-5-tabs img {
  width: 100%;
}
/*----------------------------- 6.11 Emploi - Nos Métiers -----------------------*/
#block_metier_emploi .block_text {
  max-width: 700px;
  margin: auto;
}
#title_block_metiers .FlexBlocThird > div {
  /*display: -webkit-flex;
    -webkit-justify-content: space-around;
    -webkit-flex-direction: column;
    display: flex;
    justify-content: space-around;
    flex-direction: column;*/
  margin-bottom: 15px;
}
#title_block_metiers .FlexBlocThird > div .block_title {
  text-align: center;
  height: 17%;
}
#title_block_metiers ul li {
  width: 80%;
  margin-left: 15px;
}
/*----------------------------- 6.12 Emploi - Formation -----------------------*/
#block_formation_center {
  max-width: 900px;
  margin: auto;
  padding-right: 30px;
  padding-left: 30px;
  text-align: center;
}
.instit_formations h3 {
  font-size: 20px;
  font-weight: 700;
  font-family: "Overpass", sans-serif;
}
.instit_formations.txt_formations h3 {
  font-size: 20px;
  font-weight: 700;
  color: #172983;
  font-family: "Overpass", sans-serif;
}
/*----------------------------- 6.13 Actualité -----------------------*/
.indexBlock.standard {
  background: #fff;
  padding: 50px 0;
}
#secondary .widget-title {
  color: #97CA42;
}
#secondary .widget {
  margin-bottom: 30px;
}
#secondary .widget ul {
  margin-left: 15px;
}
#secondary .widget ul li:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 5px;
  font-size: 10px;
}
/* #secondary .widget ul li { color: #fff; } */
/* #secondary .widget ul li a { color: #fff; } */
.blog #main {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blog #main article {
  width: 100%;
  background: #fff;
  margin-bottom: 30px;
  padding-bottom: 0;
  position: relative;
}
.blog #main .post-thumbnail-article {
  width: 100%;
  height: 350px;
}
.blog #main .content_article {
  padding: 30px 20px;
  background: rgba(23, 41, 131, 0.5);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 55%;
}
.blog #main .content_article h2 {
  font-size: 1.5rem !important;
  line-height: normal !important;
}
.blog #main .content_article .entry-title a {
  color: #fff;
}
.blog #main .content_article .link-more {
  display: none;
}
/* .blog #main .content_article .readMore_article {
    margin-top: 15px;
}
 */
.readMore_article .bigBtnRoundGreen {
  text-transform: uppercase;
  padding: 10px 25px 10px 20px;
}
.readMore_article .bigBtnRoundGreen:after {
  content: "";
  font-family: FontAwesome;
  position: relative;
  left: 10px;
  transition: all 0.4s;
}
.readMore_article .bigBtnRoundGreen:hover:after {
  left: 15px;
}
.readMore_article a {
  display: block;
}
.readMore_article .home_social_icon {
  margin-right: 0;
}
/*Single page*/
.content_article_single {
  color: #1e1e1e;
}
.content_article_single .block_share {
  color: #fff;
}
.content_article_single .entry-title {
  font-size: 35px;
  text-transform: uppercase;
  color: #172983;
}
.content_article_single .entry-content {
  margin-top: 30px;
  font-weight: 100;
}
.content_article_single .block_share {
  display: -webkit-flex;
  display: flex;
}
.content_article_single .block_share > div {
  padding: 10px 15px;
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center;
}
.content_article_single .block_share .icon_share {
  font-size: 28px;
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 10%;
  min-width: 43px;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
}
.content_article_single .block_share .icon_share:hover {
  opacity: 0.5;
}
.content_article_single .block_share > div:nth-child(1) {
  background: #97CA42;
  text-transform: capitalize;
  width: 30%;
  min-width: 160px;
}
.content_article_single .block_share > div:nth-child(2) {
  background: #1c4d88;
}
.content_article_single .block_share > div:nth-child(3) {
  background: #0091b8;
}
.content_article_single .block_share > div:nth-child(4) {
  background: #e51925;
}
.ssba.ssba-wrap {
  position: absolute;
  opacity: 0;
  z-index: -10;
}
.excerpt_content p {
  text-align: justify;
}
#ssba-classic-2 a {
  margin-right: 5px;
}
.content_article_single .btnlight.green {
  border: none;
  color: #fff;
  background: #acc22d;
}
.content_article_single .btnlight.green:hover {
  background: rgba(172, 194, 45, 0.8);
}
/* pagination */
.prev.page-numbers, .next.page-numbers {
  background-color: #fff !important;
  -webkit-border-radius: 25px !important;
  border-radius: 25px !important;
  font-size: 14px !important;
  line-height: 2em !important;
  padding: 0.5em 0.75em !important;
  color: #97CA42 !important;
  border: 1px solid #97CA42 !important;
  width: 150px !important;
}
.prev.page-numbers:after {
  content: "précédent";
  text-transform: uppercase;
  font-weight: 300;
  position: relative;
  top: 2px;
  left: 0;
}
a.prev.page-numbers svg {
  position: relative;
  top: 1px;
  left: -15px;
  font-size: 20px;
}
.next.page-numbers:before {
  content: "suivant";
  text-transform: uppercase;
  font-weight: 300;
  position: relative;
  top: 2px;
  left: 0;
}
a.next.page-numbers svg {
  position: relative;
  top: 1px;
  left: 20px;
  font-size: 20px;
}
.pagination {
  border-top: none;
  font-weight: 600;
}
.nav-links {
  display: block;
}
.page-numbers.current {
  color: #97CA42 !important;
  font-size: inherit;
}
/*----------------------------- 6.14 Page 404 -----------------------*/
.error-404 header h2 {
  font-family: Roboto Condensed, sans-serif;
  font-size: 30px;
  margin-top: 25px;
  font-weight: 700;
  color: #172983;
}
.error-404 header p {
  font-family: "Overpass", sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.error-404 ul {
  margin-left: 25px;
}
.error-404 ul li {
  list-style: none;
}
.error-404 ul li:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 5px;
  font-size: 10px;
}
.error-404-block-text a {
  color: #97CA42;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.error-404-block-text a:hover {
  color: #172983;
}
.button404 {
  width: 270px;
  text-align: center;
  margin: 15px;
}
/*----------------------------- 6.15 Résultat d'analyse -----------------------*/
.full-containt.page_analyse {
  padding: 15px 0;
}
.page_analyse .block_title {
  margin-bottom: 15px;
}
.page_analyse .block_title h2 {
  margin-bottom: 0px !important;
  color: #2f348f;
  font-size: 18px !important;
}
.block_tab_analyse {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.block_tab_analyse th, .block_tab_analyse td {
  border: 1px solid #000;
  text-align: center;
  padding: 5px 10px;
}
.block_tab_conformite .blackCellule {
  background: #000;
  color: #fff;
}
.counter {
  font-size: 32px;
  color: #09b3e0;
  font-weight: bold;
  text-align: center;
}
/************************** 6.16 Offre d'emploi **************************/
#block_form_contact.offrePage .block_title h2 {
  padding-top: 0 !important;
}
/*Single Page emplois*/
#sidbar_emploi {
  padding-top: 10px;
  width: 30%;
}
#sidbar_emploi .widgetElement {
  margin-bottom: 30px;
  color: #1e1e1e;
  font-weight: bold;
}
#sidbar_emploi .widgetElement h3 {
  padding: 0;
  margin-bottom: 10px;
  color: #9ac848;
}
#block_form_contact.form_post h2 {
  padding-top: 0 !important;
}
/************************** 6.17 FAQ **************************/
#faq .element_row_collapse_full.block_light {
  margin-bottom: 30px;
}
#faq .element_row_collapse_full .active {
  background: #202020;
  color: #fff;
}
#faq .block_text ul li {
  margin-bottom: 15px;
}
#faq .block_text ul li a {
  text-decoration: underline;
}
#faq .element_row_collapse_full .block_row_title_full div:nth-child(1) {
  font-weight: 500;
}
#faq .block_row_title_full {
  padding-right: 35px;
}
#faq .list_element_row_collapse h3 {
  color: #23214B;
}
#faq .list_element_row_collapse .active .block_row_title_full h3 {
  color: #fff !important;
}
/************************** 6.18 Search **************************/
.search .site-main > article {
  padding-bottom: 10px !important;
}
.search .page-title {
  color: #1e1e1e;
}
.search .site-main > article .entry-title a {
  color: #1e1e1e;
}
.search .site-main > article .entry-title a:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 12Px;
  margin-right: 10px;
  color: #97CA42;
  position: relative;
  top: -4px;
}
.search .page-numbers {
  color: #1e1e1e;
}
.search .page-numbers.current {
  color: #97CA42;
}
.search .next.page-numbers, .search .prev.page-numbers {
  color: #020b2a;
}
/*--------------------------------------------------------------
7.0 Mobile First
--------------------------------------------------------------*/
#mobile_header_instit {
  display: none;
}
/*MENU*/
#menu_mobile_nav.standard {
  background: rgba(2, 11, 42, 0.97);
  color: #fff;
}
#menu_mobile_nav.standard a {
  color: #fff;
}
/*Page Home*/
#mobile_header_instit .mobile_top_header {
  background: #02aad3;
  text-align: center;
  padding: 25px 0;
}
#mobile_header_instit .mobile_top_header a {
  text-transform: uppercase;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  border-radius: 20px;
  padding: 10px 50px;
  position: relative;
}
#mobile_header_instit .mobile_top_header a:before {
  content: "";
  font-family: "icomoon";
  right: 15px;
  top: 8px;
  position: absolute;
}
.mobile_bottom_header {
  position: relative;
  color: #fff;
}
.mobile_bottom_header #menu_mobile_toogle {
  color: #FFFFFF;
  font-size: 40px;
  position: absolute;
  top: 10px;
  left: 15px;
  cursor: pointer;
}
.mobile_bottom_header .filterDark {
  position: absolute;
  background: rgba(0, 0, 0, 0.59);
  width: 100%;
  height: 100%;
}
.mobile_bottom_header .content_header_mobile {
  padding-top: 25px;
  padding-bottom: 1px;
}
.mobile_bottom_header .logo_site_top {
  width: 65%;
  margin-bottom: 30px;
}
.mobile_bottom_header .block_text p {
  font-size: 25px;
  line-height: 1.5;
}
.mobile_bottom_header .block_domaine_mobile {
  text-align: left;
  max-width: 280px;
  margin: 25px auto;
}
.mobile_bottom_header .block_domaine_mobile p {
  font-size: 16px;
}
.mobile_bottom_header .block_domaine_mobile .row_domaine_mobile {
  margin: 15px 0;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
  padding: 10px 10px;
  border-radius: 20px;
  position: relative;
}
.mobile_bottom_header .block_domaine_mobile .row_domaine_mobile:before {
  content: "";
  font-family: "icomoon";
  right: 15px;
  top: 10px;
  position: absolute;
}
/* Selecteur Langue */
#ctrLang {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  opacity: 0;
}
.page-id-35 .content-area h2 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
}
/*--------------------------------------------------------------
8.0 General css
--------------------------------------------------------------*/
h1.title_header_slider {
  font-size: 35px;
  font-weight: 700;
  color: #fff;
  text-shadow: 2px 2px 5px #000;
  text-transform: uppercase;
  text-align: center;
}
p.text_header_slider {
  font-size: 24px;
  color: #fff;
  text-shadow: 2px 2px 5px #000;
  text-transform: uppercase;
  line-height: 1.5em;
  text-align: center;
}
#list_row_popUp .row_element_popUp .block_title h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: uppercase;
}
#block_certifications h3 {
  color: #23214B;
  font-size: 18px;
  font-weight: 800;
}
#list_row_certification .row_element_certif .block_title h3 {
  font-size: 20px;
  font-family: "Overpass", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}
#print div {
  color: black !important;
  text-align: center;
}
#print h1 {
  color: black !important;
  text-align: center;
  text-align: center;
}
#print img {
  background: #020b2a;
  display: block;
  margin: auto;
}
#print .block_share, #print #ssba-classic-2 {
  display: none;
}
#print #sidbar_emploi {
  margin: auto;
}
#print #btnPostuler {
  display: none;
}
/* Gravity forms */
.gform_wrapper .gfield_html {
  margin: 30px 0 15px !important;
}
.gform_wrapper .gform_fields {
  margin: auto !important;
}
.gform_wrapper .gfield {
  margin: 10px 0 !important;
}
.gform_wrapper h3.gform_title, .gform_wrapper .gfield::before {
  display: none;
}
.gform_wrapper li.gfmc-column::before {
  display: none;
}
.gform_wrapper li.gfmc-column ul {
  margin-left: 0 !important;
}
.gform_wrapper .gfield.hidden {
  display: none !important;
}
.gform_wrapper .gfmc-column:first-of-type li {
  padding-right: 16px;
}
.gform_wrapper li.gfield.gf_left_half {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 16px;
  float: none;
}
.gform_wrapper li.gfield.gf_right_half {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 16px;
  float: none;
  padding-right: 0 !important;
}
.gform_wrapper .gfield.gf_inline .gfield_label {
  display: inline;
}
.gform_wrapper .gfield.gf_inline select {
  margin-left: 25px;
}
.gform_wrapper .gfield .gfield_label span.gfield_required {
  display: none;
}
.gform_wrapper .gfield.gf_inline .ginput_container {
  display: inline-flex;
}
.gform_wrapper .gfield.gf_inline .ginput_container ul {
  margin-bottom: 0;
}
.gform_wrapper .gfield.gf_inline .ginput_container li {
  display: inline-flex;
  align-items: baseline;
}
.gform_wrapper .gfield_html {
  color: #000;
  margin: 30px 0;
  line-height: normal;
}
.gform_wrapper ul {
  list-style: none;
}
.gform_button {
  position: relative;
}
.gform_button::after {
  content: "";
  color: #fff;
  font-family: "icomoon";
  position: absolute;
  z-index: 1;
  right: 40px;
  top: -4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.gform_confirmation_message {
  color: #000;
  text-align: center;
  font-size: 15px;
  margin-bottom: 15px;
}
.validation_message {
  color: #f00;
  font-size: 1em;
  font-weight: normal;
  display: block;
}
.validation_error {
  color: #f00;
  font-size: 1em;
  font-weight: normal;
  display: block;
  text-align: center;
  margin-bottom: 15px;
}
.date select {
  width: 90px !important;
}
.date .clear-multi {
  display: flex;
  justify-content: space-between;
}
.big select {
  width: 500px !important;
}
.gform_wrapper .conditions {
  margin: 35px 0 0 0;
}
.gform_wrapper .conditions ul {
  margin: 0 !important;
}
.gform_wrapper .conditions ul li {
  display: flex;
  align-items: baseline;
  line-height: normal;
}
.gform_wrapper .conditions ul li:before {
  display: none;
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Color / Button
2.0 Navigation
3.0 Header
4.0 Form / ACF Block
5.0 Particulier
   5.1 HOME
   5.2 Service - Agence en Ligne
   5.2.1 Service - Prélevement auto
   5.2.2 Service - Relève a distance
   5.3 Solutions - Me raccorder à l'eau potable
   5.4 Solutions - Résiliation
   5.5 Votre facture - Comprendre le mode de facturation
   5.6 Votre facture - Gérer une consommation inhabituelle
   5.7 Votre facture - Gérer une fuite
   5.8 Votre facture - Payer ma facture + gérer relevé
   5.9 Solutions - Demande de plan
   6.1 Contact

6.0 Mobile First

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Color / Button
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.0 Navigation
--------------------------------------------------------------*/
.particulier_mod .link_theme {
  color: #97CA42;
}
.particulier_mod .link_theme:hover {
  color: rgba(153, 202, 60, 0.6);
}
#top-menu-particulier {
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
  display: flex;
  justify-content: flex-end;
}
#top-menu-particulier > li > a {
  color: #fff;
  border-top: 4px solid rgba(153, 202, 60, 0.6);
  text-transform: uppercase;
  font-weight: 300;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#top-menu-particulier > li > a:hover {
  border-top: 4px solid #97CA42;
}
#top-menu-particulier li.current-menu-item > a {
  border-top: 4px solid #97CA42;
}
#top-menu-particulier li ul {
  background: rgba(255, 255, 255, 0.8);
  border: none;
}
#top-menu-particulier li li:hover {
  background: #97CA42;
}
.particulier_mod .topNavBlock > div:nth-child(1) {
  -webkit-justify-content: left;
  justify-content: left;
}
/*Mobile Menu*/
.mobile_header_instit_content.particulier {
  background: #020b2a;
  color: #fff;
  border-bottom: 10px solid #97CA42;
}
.mobile_header_instit_content.particulier .icon_espace_perso_mobile {
  background: #97CA42;
}
#menu_mobile_nav.particulier_mod {
  background: rgba(164, 196, 8, 0.97);
}
#menu_mobile_nav.particulier_mod .nav_mobile_domaine {
  background: rgba(2, 11, 42, 0.97);
}
.particulier_mod #menu_mobile_toogle_tablet {
  margin: 15px;
}
.particulier_mod #block_slide_img_nav {
  font-size: 14px;
}
.particulier_mod #block_slide_img_nav .topBanderole {
  height: 230px;
}
.particulier_mod #block_slide_img_nav .topBanderole.default {
  background: url("/wp-content/themes/socleCyberl/assets/images/background/background_particulier.jpg") bottom no-repeat;
  background-size: cover;
  height: 230px;
}
/*--------------------------------------------------------------
2.0 Header
--------------------------------------------------------------*/
.topNavBlock {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  display: -ms-flexbox;
  -ms-justify-content: space-between;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 10px 0;
}
.particulier_mod .topNavBlock > div:nth-child(1) {
  width: 70%;
}
.particulier_mod .topNavBlock > div:nth-child(2) {
  width: 29%;
}
.particulier_mod .topNavBlock > div:nth-child(2) > div {
  margin-right: 15px;
  white-space: nowrap;
}
#block_slide_img_nav {
  position: relative;
  /*min-height: 80px;*/
}
.particulier_mod .navigation-top {
  position: absolute;
  z-index: 100;
  top: 0;
  width: 100%;
}
.particulier_mod .logo_site_top {
  position: absolute;
  top: 15px;
  width: 100%;
}
.particulier_mod .logo_site_top img {
  width: 300px;
}
.particulier_mod .topNavBlock .search_top button {
  background: #97CA42;
  color: #000;
  font-size: 0.9em;
  padding: 10px 12px;
  border-radius: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: 1px solid transparent;
}
.particulier_mod .search_top form input {
  background: #97CA42;
}
.particulier_mod input.search-field {
  color: #fff !important;
}
.particulier_mod .topNavBlock .search_top button:hover {
  background: #97CA42;
  color: #fff;
}
.particulier_mod .topNavBlock .langue_top a {
  color: #000;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.particulier_mod .topNavBlock .langue_top a.active, .particulier_mod .topNavBlock .langue_top a:hover {
  color: #97CA42;
}
.particulier_mod .topNavBlock .langue_top .langEn:before {
  content: "|";
  color: #000;
  padding-right: 5px;
  margin-left: 5px;
}
.particulier_mod .search_top form button.open {
  border: 1px solid #97CA42;
}
.particulier_mod #block_slide_img_nav .arianBlock {
  background: #97CA42;
  padding: 15px 0;
}
.particulier_mod #block_slide_img_nav .arianBlock span {
  color: #fff;
  font-weight: 100;
  text-transform: uppercase;
}
.particulier_mod #block_slide_img_nav .arianBlock span a {
  color: #fff;
  font-weight: 100;
  text-transform: uppercase;
}
.particulier .mobile_bottom_header .content_header_mobile, .home .mobile_bottom_header .content_header_mobile {
  min-height: 300px;
}
/*--------------------------------------------------------------
4.0 Form / ACF Block
--------------------------------------------------------------*/
/*ACF DEFAULT*/
.content-area.particulier_mod .full-containt .block_text ul {
  margin-left: 25px;
}
.content-area.particulier_mod .full-containt .block_text ul li {
  list-style: none;
  position: relative;
}
.separated_block_half .FlexBlocHalf {
  position: relative;
}
.separated_block_half .FlexBlocHalf:before {
  content: "";
  position: absolute;
  height: 100%;
  border-right: 1px solid #c5c5c5;
  left: 50%;
}
.separated_block_half.light .FlexBlocHalf:before {
  border-right: 1px solid #fff;
}
/*Title H2 H3*/
.content-area.particulier_mod .full-containt .block_title h2, .content-area.particulier_mod .full-containt .block_title h1 {
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 700;
  position: relative;
  color: #23214B;
}
.content-area.particulier_mod .full-containt.center_element .block_title h2 {
  text-align: center;
}
.content-area.particulier_mod .full-containt .block_title h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 25px;
}
.content-area.particulier_mod .full-containt.block_dark .block_title h3 {
  color: #97CA42;
}
.content-area.particulier_mod .full-containt.block_light .block_title h3 {
  color: #fff;
}
.content-area.particulier_mod .full-containt .block_link {
  margin: 20px 0;
}
.content-area.particulier_mod .full-containt .block_link a {
  padding: 10px 25px;
  font-size: 14px;
  border-radius: 20px;
  text-transform: uppercase;
  margin: 15px 0;
}
.content-area.particulier_mod .full-containt .block_text h5:nth-child(1), .content-area.particulier_mod .full-containt .block_text h2:nth-child(1) {
  margin-bottom: 30px;
}
.content-area.particulier_mod .full-containt .block_link .icon_arrow_right {
  position: relative;
  padding: 10px 50px 10px 25px;
}
.content-area.particulier_mod .full-containt .icon_arrow_right:before {
  content: "";
  font-family: "icomoon";
  position: absolute;
  right: 15px;
  top: 8px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.content-area.particulier_mod .full-containt .block_link .icon_arrow_right:hover:before {
  right: 10px;
}
/*icon_button*/
.file_form {
  margin-bottom: 20px;
  text-align: left;
}
/*--------------------------------------------------------------
5.0 Particulier
--------------------------------------------------------------*/
/****** 5.1 HOME ******/
.particulier-content-area h2 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
}
.blockSubMenuIcon {
  background: #97CA42;
}
.blockSubMenuIcon .wrap {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 15px;
}
.blockSubMenuIcon .wrap > div:nth-child(1) {
  width: 100%;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blockSubMenuIcon .title_block h2 {
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  text-align: left;
}
/*.blockSubMenuIcon .wrap > div:nth-child(1) {
  width: 40%;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
}*/
.cubesHomePart > div {
  width: 14.2%;
}
.cubesHomePart > div a {
  padding: 10px 5px;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -webkit-flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #88b536;
}
.cubesHomePart > div a span {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
  height: 50px;
}
.cubesHomePart > div a:hover {
  background-color: #6b8e2a;
}
/*.cubesHomePart > div:nth-child(1) a { background-color: #ffa73f; }
.cubesHomePart > div:nth-child(2) a { background-color: #ffc73f; }
.cubesHomePart > div:nth-child(3) a { background-color: #a4de19; }
.cubesHomePart > div:nth-child(4) a { background-color: #97CA42; }*/
/*.cubesHomePart > div:nth-child(1) a:hover { background-color: #ffbc6e; }
.cubesHomePart > div:nth-child(2) a:hover { background-color: #ffcf5c; }
.cubesHomePart > div:nth-child(3) a:hover { background-color: #aed84a; }
.cubesHomePart > div:nth-child(4) a:hover { background-color: #99bb57; }*/
.particulier-panel-content .full-containt {
  padding: 0;
}
.particulier-panel-content .full-containt .wrap {
  padding: 0 15px;
}
#BlockHalfHomeParticulier .block_img {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#BlockHalfHomeParticulier .block_text ul {
  margin-left: 25px;
}
#BlockHalfHomeParticulier .block_text ul li {
  list-style: none;
}
#BlockHalfHomeParticulier .block_text ul li:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 5px;
  font-size: 10px;
}
#particulier_block_icon_home .img_block img {
  height: 150px;
  margin-bottom: 10px;
}
#particulier_block_icon_home h3 {
  font-size: 20px;
  margin-bottom: 0;
}
#particulier_block_icon_home .block_text a {
  color: #97CA42;
}
.particulier-panel-content #block_gestion_invoice .wrap {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
}
.particulier-panel-content #block_gestion_invoice .wrap > div:nth-child(1) {
  width: 69%;
  padding: 15px 0;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.particulier-panel-content #block_gestion_invoice .wrap > div:nth-child(2) {
  width: 29%;
}
#block_gestion_invoice .block_menu_invoice {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
}
#block_gestion_invoice .block_menu_invoice > div {
  width: 20%;
  border: 1px solid #fff;
  background: transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: auto;
}
#block_gestion_invoice .block_menu_invoice > div a {
  padding: 15px;
}
#block_gestion_invoice .title h2 {
  font-size: 30px;
}
.element_menu_invoice .title_element_block {
  color: #fff;
  font-family: Roboto Condensed, sans-serif;
  font-size: 18px;
  font-weight: 300;
  margin-top: 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#block_gestion_invoice .block_menu_invoice > div:hover {
  background: #fff;
}
#block_gestion_invoice .block_menu_invoice > div:hover .title_element_block {
  color: #000;
}
.slider_part .ms-slide-bgcont img {
  margin-top: -215px !important;
}
#block_gestion_invoice .title_element_block {
  padding: 0 10px;
}
/* Factures mail */
h2.fact_mail {
  font-family: "Overpass", sans-serif;
  text-align: center;
  margin-top: 25px;
  font-size: 30px;
  color: #fff;
  padding-top: 0;
}
/****** 5.2 Service - Agence en Ligne ******/
#part_agence_row {
  padding: 10rem 0;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
#part_agence_row .block_content {
  color: #23214B;
  font-weight: 900;
}
#part_agence_row .block_content a {
  color: #23214B;
}
#part_agence_row .list_element_row > div {
  width: 25%;
}
#part_agence_row .list_element_row > div:nth-child(1) a {
  color: #fff;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
}
#part_agence_row .block_content a {
  padding-bottom: 1px;
  border-bottom: 1px solid;
}
/****** 5.2.1 Service - Prélevement auto ******/
#comment_faire .element_row {
  position: relative;
}
#comment_faire .element_row:nth-child(-n+2) .block_icon:after {
  content: "";
  position: absolute;
  border-top: 1px solid #fff;
  width: 50px;
  left: 341px;
  top: 37px;
}
.fleche_prelevement {
  color: #fff;
}
.fleche_prelevement:after {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  margin-left: 10px;
}
/****** 5.2.2 Service - Relève a distance ******/
#compteur_releve .img_area img {
  max-width: 35%;
}
/****** 5.3 Solutions - Me raccorder à l'eau potable ******/
.part_potable_row .FlexBlocHalf > div:nth-child(2) {
  width: 71%;
}
.part_potable_row .FlexBlocHalf > div:nth-child(1) {
  position: relative;
}
.part_potable_row .FlexBlocHalf > div:nth-child(1):after {
  content: "";
  font-size: 60px;
  position: absolute;
  top: -1px;
  right: 16px;
  padding: 25px;
  background: rgba(255, 255, 255, 0.7);
  color: #97CA42;
  font-weight: 900;
}
#part_1_potable .FlexBlocHalf > div:nth-child(1):after {
  content: "1";
}
#part_2_potable .FlexBlocHalf > div:nth-child(1):after {
  content: "2";
}
#part_3_potable .FlexBlocHalf > div:nth-child(1):after {
  content: "3";
}
.element_row_collapse_full .block_row_title_full div:nth-child(1) {
  padding-right: 15px;
}
.element_row_collapse_full .wrap.active h3.block_row_title_full {
  color: #fff !important;
}
/****** 5.5 Votre facture - Comprendre le mode de facturation ******/
#part_facturation_row1, #part_facturation_row2, #part_facturation_row3, #part_facturation_row4 {
  padding: 26px 0;
}
#part_facturation_row1 .list_element_row > div {
  width: 25%;
}
#part_facturation_row2 .list_element_row > div, #part_facturation_row3 .list_element_row > div {
  width: 33%;
}
/* #part_facturation_row4 .list_element_row > div { width: 50%; } */
#part_facturation_row4 .list_element_row > div {
  width: 33%;
}
#part_facturation_row4 .flex.flex_wrap.list_element_row {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#part_conso_row .block_text a {
  padding-bottom: 1px;
  border-bottom: 1px solid;
  color: #fff;
}
.fleche_facture:before {
  content: url(/wp-content/uploads/2017/11/Fleche_facture.png);
  position: relative;
  top: 8px;
  margin-right: 15px;
}
.mode_facturation #form_region {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.element_row_collapse_full .block_row_title_full {
  padding: 3rem 0;
}
.element_row_collapse_full .block_row_title_full h3 {
  margin: 0;
}
/****** 5.6 Votre facture - Gérer une consommation inhabituelle ******/
.number_back .FlexBlocHalf > div:nth-child(1) {
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}
.number_back .FlexBlocHalf > div:nth-child(1) .block_title {
  position: relative;
  width: 100%;
  text-align: center;
}
.number_back .FlexBlocHalf > div:nth-child(1) .block_title h3 {
  text-transform: none !important;
}
.number_back .FlexBlocHalf > div:nth-child(1) .block_title h3 span {
  position: absolute;
  color: rgba(255, 255, 255, 0.2) !important;
  font-size: 147px;
  font-weight: 900;
  left: 30%;
  bottom: 25px;
}
/****** 5.7 Votre facture - Gérer une fuite ******/
#part_chiffres_fuites .FlexBlocThird > div {
  background: #222222;
}
/****** 5.8 Votre facture - Payer ma facture + gérer relevé ******/
#part_block1_payer .block_icon {
  padding-top: 25px;
  background: #97CA42;
}
#part_block1_payer .payer_facture {
  background: #97CA42;
  text-align: center;
  color: #fff;
  padding: 0 15px 20px 15px;
}
#part_block1_payer .block_text {
  background: #f0f0f0;
  height: 82%;
}
#part_block1_payer .block_text > div:first-child {
  height: 60px;
}
#part_block1_payer .text_payer_facture {
  padding: 20px 15px;
}
#part_block1_payer .list_element_row > div {
  margin-bottom: 30px;
}
#part_block1_payer .element_row:nth-child(5) .block_icon {
  padding-top: 16px !important;
}
#part_gerer_relev .img_area img {
  max-width: 50%;
}
/****** 5.9 Solutions - Demande de plan ******/
#map_borne_paiement.default_map #infoMap {
  top: 90px;
}
#map_borne_paiement.default_map #infoMap .block_default_content {
  max-width: 360px;
}
#map_borne_paiement.default_map .element_list_map.popUp .element_adress, #map_borne_paiement.default_map .element_list_map.popUp .element_info {
  color: #000 !important;
  line-height: 21px;
}
.form_demande_plan {
  text-align: left;
}
.form_demande_plan form input[type="text"], .form_demande_plan form input[type="email"], .form_demande_plan form input[type="tel"] {
  background: transparent;
  border: 1px solid #000;
  border-radius: 20px !important;
  padding: 10px 15px;
}
.form_demande_plan form textarea, .form_demande_plan form select {
  border: 1px solid #000;
  border-radius: 20px;
  margin-bottom: 15px;
}
.form_demande_plan form textarea {
  border: 1px solid #000;
}
.form_demande_plan form select {
  background: #97CA42;
  border: none;
  color: #fff;
  padding: 10px 15px;
  width: 290px;
}
.form_demande_plan form select.select_tel {
  background: transparent !important;
  color: #666;
  border: 1px solid #000;
  border-radius: 20px !important;
  padding: 10px 15px;
  text-transform: none;
}
#block_form_contact form select.select_tel {
  background: transparent !important;
  color: #666;
  border: 1px solid #000;
  border-radius: 20px !important;
  padding: 10px 15px;
  text-transform: none;
}
.form_demande_plan form .declarer select {
  background: #97CA42;
  border: none;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 15px;
}
.form_demande_plan .submit_btn {
  position: relative;
}
.form_demande_plan .submit_btn:after {
  content: "";
  color: #fff;
  font-family: "icomoon";
  position: absolute;
  z-index: 1;
  right: 40px;
  top: -6px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.form_demande_plan .submit_btn:hover:after {
  right: 35px;
}
.form_demande_plan form input[type="submit"] {
  background: #97CA42;
  border-radius: 20px;
  font-weight: 900;
  text-transform: uppercase;
  padding: 13px 50px 10px 25px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 16px;
}
.form_demande_plan form input[type="submit"]:hover {
  background: rgba(164, 196, 8, 0.7);
}
.form_half.duree_travaux > div {
  width: 50% !important;
}
.form_half.duree_travaux > div:nth-child(1) {
  margin-right: 15px;
}
.container_form {
  max-width: 600px;
  margin: auto;
}
/*----------------------------- 6.1 Contact------------------------------*/
#post-2025 #mapContact {
  background-color: #0f85ab;
  padding: 30px 0;
}
#post-2025 #mapContact #infoMap h2 {
  color: #000 !important;
}
#post-2025 #mapContact #infoMap h2:after {
  display: none;
}
#post-2025 #mapContact .element_list_map .element_title {
  color: #a2c61e !important;
}
.content-custom .titleWGPart {
  padding-top: 30px;
}
.titleWGPart {
  padding-top: 30px;
  text-transform: uppercase;
  color: #fff;
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 700;
  position: relative;
}
#select_form {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
#select_form select {
  width: 100%;
  background: #97CA42 !important;
  border: none;
  color: #fff;
  font-weight: 700;
  border-radius: 20px;
  background: #97CA42;
  color: #fff;
  margin-bottom: 15Px;
  padding: 10px 15px;
  /* -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; */
  text-transform: uppercase;
}
#select_form select option {
  background: #fff;
  color: #1e1e1e;
}
#block_form_contact .label_ligne, #block_form_contact .wpcf7-list-item-label {
  color: #1e1e1e !important;
}
#block_form_contact_form .label_ligne, #block_form_contact_form .wpcf7-list-item-label {
  color: #1e1e1e !important;
}
.declarer {
  color: #1e1e1e;
}
/*--------------------------------------------------------------
6.0 Mobile First
--------------------------------------------------------------
#mobile_header_instit.particulier .logo_site_top {
  position: relative;
  width: 65%;
  margin-bottom: 30px;
}
#mobile_header_instit.particulier .logo_site_top img {
  width: 280px;
  position: relative;
  bottom: -20px;
}
#mobile_header_instit.particulier .mobile_top_header {
  background: #97CA42;
  text-align: center;
  padding: 25px 0;
}
#mobile_header_instit.particulier .block_text {
  margin-top: 50px;
  margin-bottom: 30px;
}
.swiper-pagination-green .swiper-pagination-bullet-active { background: #97CA42 !important; }

*/
input[type="submit"].greenButtonInstit {
  text-transform: uppercase;
  background: #97CA42;
  color: #fff;
  font-weight: 900;
  border-radius: 20px;
  padding: 15px 25px 10px 25px;
  margin: 20px 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
input[type="submit"].greenButtonInstit:hover {
  background: rgba(164, 196, 8, 0.7);
}
div#particulier_block_icon_home .block_link {
  display: none;
}
article#post-292 > div > div:nth-child(3) {
  padding-bottom: 0px;
}
article#post-292 > div > div:nth-child(4) .padding_r_30 {
  width: 100%;
  padding-top: 0px;
}
article#post-292 > div > div:nth-child(4) .padding_r_30 .justify_text p:nth-child(2) {
  text-align: center;
}
#map_borne_paiement {
  background-color: #23214B;
}
.borne_adresse p {
  margin-top: 0;
  padding-top: 0 !important;
}
#block_form_contact_form {
  padding-bottom: 25px;
}
#block_form_contact_form div.form_containe {
  display: none;
}
#block_form_contact_form .block_title h2 {
  color: #97CA42;
  font-size: 30px;
  font-weight: 600;
  padding: 50px 0 25px;
  line-height: 1;
}
#block_form_contact_form .form_containe {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
#block_form_contact_form form input[type="text"], #block_form_contact_form form input[type="email"], #block_form_contact_form form input[type="tel"], #block_form_contact_form form input[type="date"] {
  background: transparent;
  border: 1px solid #000;
  border-radius: 20px;
  padding: 10px 15px;
}
#block_form_contact_form form select {
  width: 325px;
  border-radius: 20px;
  background: #97CA42;
  /* border: 1px solid #000; */
  color: #fff;
  margin-bottom: 15Px;
  padding: 10px 15px;
  /* -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none; */
  text-transform: uppercase;
}
#block_form_contact_form form select.full_select {
  width: 100%;
}
#block_form_contact_form form .full_form {
  width: 100%;
}
#block_form_contact_form form .margin_bt25 {
  margin-bottom: 25px;
}
#block_form_contact_form form .declarer select, #block_form_contact_form form .candidature_spon select {
  background: #97CA42;
  border: none;
  color: #fff;
  font-weight: 700;
}
#block_form_contact_form form .declarer select option, #block_form_contact_form form .candidature_spon select option {
  background: #fff;
  color: #1e1e1e;
}
#block_form_contact_form form .declarer .wpcf7-form-control-wrap.Sujet:before {
  color: #fff;
}
#block_form_contact_form form textarea {
  border: 1px solid #000;
  border-radius: 20px;
}
#block_form_contact_form .submit_btn {
  position: relative;
}
#block_form_contact_form .submit_btn:after {
  content: "";
  color: #fff;
  font-family: "icomoon";
  position: absolute;
  z-index: 1;
  right: 40px;
  top: -4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#block_form_contact_form .submit_btn:hover:after {
  right: 35px;
}
#block_form_contact_form form input[type="submit"] {
  background: #97CA42;
  border-radius: 20px;
  padding: 10px 50px 10px 25px;
  font-weight: 300;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 16px;
}
#block_form_contact_form form input[type="submit"]:hover {
  background: rgba(164, 196, 8, 0.7);
}
/* #block_form_contact_form form .label_ligne { text-transform: uppercase; } */
form .wpcf7-response-output {
  color: black;
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Navigation
2.0 Header
3.0 Button
2.0 Professionnel
    2.1 HOME
    2.2 SERVICES
            Bornes de paiement
    2.3 SOLUTIONS
            Inspection réseau
            Borne magnétique
            Raccorder eau potable
    2.4 VOTRE FACTURE
            Payer ma facture
    3.1 CONTACT

4.0 Form / ACF Block

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Navigation
--------------------------------------------------------------*/
.professionnel_mod .link_theme {
  color: #00b0df;
}
.professionnel_mod .link_theme:hover {
  color: rgba(255, 255, 255, 0.6);
}
#page.headerPro .menuSpace {
  background: #403b3b;
}
#page.headerPro .menuSpace .topNavBlock {
  background: #403b3b;
  color: #fff;
}
#page.headerPro .menuSpace .topNavBlock a {
  color: #fff;
}
#top-menu-professionnel {
  /*  display: -webkit-flex;
    -webkit-justify-content: space-around;
    display: flex;
    justify-content: space-around;*/
}
#top-menu-professionnel > li {
  margin-right: -2px;
}
#top-menu-professionnel > li > a {
  text-transform: uppercase;
  font-size: 14px;
  color: #767676;
  font-weight: 300;
  padding: 70px 10px 15px;
  background: white;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 130px;
  text-align: center;
}
#top-menu-professionnel > li > a:before {
  content: "-";
  position: absolute;
  font-size: 24px;
  top: 20px;
  padding: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 40px;
  height: 40px;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#top-menu-professionnel > li:nth-child(1) > a:before {
  content: "";
  font-family: icomoon;
  font-size: 50px;
}
#top-menu-professionnel > li:nth-child(2) > a:before {
  content: "";
  font-family: icomoon;
  font-size: 50px;
}
#top-menu-professionnel > li:nth-child(3) > a:before {
  content: "";
  font-family: icomoon;
  font-size: 50px;
}
#top-menu-professionnel > li:nth-child(4) > a:before {
  content: "";
  font-family: icomoon;
  font-size: 50px;
}
#top-menu-professionnel > li:nth-child(5) > a:before {
  content: "";
  font-family: icomoon;
  font-size: 50px;
}
#top-menu-professionnel li.current-menu-item > a {
  background: #00b0df;
  color: #fff;
}
#top-menu-professionnel li ul {
  background: rgba(255, 255, 255, 0.8);
  border: none;
}
#top-menu-professionnel li li:hover {
  background: #00b0df;
}
#top-menu-professionnel > li > a:hover {
  background: #00b0df;
  color: #fff;
}
.navigation-top.professionnel_menu {
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
  display: flex;
  justify-content: flex-end;
}
.navigation-top.professionnel_menu .block_espace_client {
  display: inherit;
}
.navigation-top.professionnel_menu .block_espace_client a {
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  padding: 70px 15px 15px;
  background: #403c3c;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-left: 4px;
}
.navigation-top.professionnel_menu .block_espace_client a:before {
  content: "";
  position: absolute;
  font-family: icomoon;
  font-size: 50px;
  top: 20px;
  padding: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 40px;
  height: 40px;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navigation-top.professionnel_menu .block_option_menu {
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-between;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 2px;
}
.navigation-top.professionnel_menu .block_option_menu > div {
  background: #fff;
  padding: 10px 15px;
  height: 49%;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.navigation-top.professionnel_menu .block_option_menu .icon-search {
  font-size: 25px;
}
.iconIntro .icon-temps-reel {
  color: #fff;
  font-size: 100px;
  position: relative;
  top: -12px;
}
.professionnel_mod .block_option_menu .langue_top {
  margin-right: 0;
}
.professionnel_mod .block_option_menu .langue_top a {
  color: #767676;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.professionnel_mod .block_option_menu .langue_top a.active, .professionnel_mod .block_option_menu .langue_top a:hover {
  color: #00b0df;
}
.professionnel_mod .block_option_menu .langue_top .langEn:before {
  content: "|";
  color: #767676;
  padding-right: 5px;
  margin-left: 5px;
}
.professionnel_mod #block_slide_img_nav {
  font-size: 14px;
}
.professionnel_mod #block_slide_img_nav .topBanderole {
  background: url("/wp-content/uploads/2017/06/2-1-3-1-min2.jpg") center no-repeat;
  background-size: cover;
  background-position: 0 15%;
  height: 300px;
}
.professionnel_mod .custom-header {
  position: absolute;
  z-index: 100;
  width: 100%;
  top: 0;
}
.professionnel_mod .bottomNavBlock {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.professionnel_mod .logo_site_top img {
  width: 270px;
  position: absolute;
  top: 10px;
}
.professionnel_mod #block_slide_img_nav .arianBlock {
  background: #4caedc;
  padding: 15px 0;
}
.professionnel_mod #block_slide_img_nav .arianBlock span {
  color: #fff;
  font-weight: 100;
  text-transform: uppercase;
}
.professionnel_mod #block_slide_img_nav .arianBlock span a {
  color: #fff;
  font-weight: 100;
  text-transform: uppercase;
}
.professionnel_mod .search_top form button.open {
  border: 1px solid #00b0df;
}
/*--------------------------------------------------------------
2.0 Header
--------------------------------------------------------------*/
/*.professionnel_mod .bottomNavBlock > div:nth-child(1) { width: 20%; }
.professionnel_mod .bottomNavBlock > div:nth-child(2) { width: 80%; }*/
/*Search field*/
/*slider*/
#slider_prof_made {
  height: 600px;
  position: relative;
}
#slider_prof_made .blueBande {
  height: 50px;
  width: 100%;
  /* background: #4caedc99; */
  background: none;
  background-color: rgba(76, 174, 220, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#994caedc,endColorstr=#994caedc);
  zoom: 1;
  position: absolute;
  bottom: 0;
  left: 0;
}
#slider_prof_made .wrap {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center;
}
#slider_prof_made .contentSlide .element_pad {
  padding: 30px;
}
#slider_prof_made .contentSlide .mainTitle h1 {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;
  font-family: "Overpass", sans-serif;
  margin-bottom: 0;
}
#slider_prof_made .contentSlide .leftTitle {
  position: relative;
  font-size: 25px;
  color: #fff;
  font-weight: 200;
  line-height: 28px;
  text-transform: uppercase;
  z-index: 1;
}
#slider_prof_made .contentSlide .leftTitle .blueLeft {
  position: absolute;
  /* background: #4caedc99; */
  background: none;
  background-color: rgba(76, 174, 220, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#994caedc,endColorstr=#994caedc);
  zoom: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
/*MObile*/
.professionnel_mod #menu_mobile_toogle_tablet {
  margin: 30px 15px 15px;
}
.mobile_header_instit_content.professionnel {
  background: #020b2a;
  color: #fff;
  border-bottom: 10px solid #00b0df;
}
.mobile_header_instit_content.professionnel .icon_espace_perso_mobile {
  background: #00b0df;
}
.professionnel .mobile_bottom_header .content_header_mobile {
  min-height: 300px;
}
/*--------------------------------------------------------------
3.0 Button
--------------------------------------------------------------*/
.btnRoundAzure {
  padding: 5px 30px;
  text-transform: capitalize;
  color: #fff;
  background: #00b0df;
  border-radius: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.bigBtnRoundAzure {
  padding: 10px 15px;
  text-transform: capitalize;
  color: #fff;
  background: #00b0df;
  border-radius: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.btnRoundAzure:hover, .bigBtnRoundAzure:hover {
  background: rgba(0, 176, 223, 0.6);
}
.blue_text, .fontAzure {
  color: #4caedc;
}
/*--------------------------------------------------------------
2.0 Professionnel
--------------------------------------------------------------*/
/****** 2.1 HOME ******/
.txt_blue_pro {
  color: #00b0df;
}
.block_text_icon_pro .title_block h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #fff;
  text-transform: uppercase;
}
.block_text_icon_pro .content_block div {
  margin-top: 50px;
}
.block_text_icon_pro .title_block:nth-child(1) div {
  padding-top: 3.5em;
  margin-right: 20px;
}
.block_text_icon_pro .wrap {
  padding-bottom: 70px;
}
.block_text_solutions_pro .wrap {
  padding: 80px 0 200px;
}
.content_texte_solutions {
  background-color: #fff;
  width: 57%;
  padding: 30px;
}
.content_texte_solutions h2 {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
.content_txt_homepro h2 {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
#block_title_services {
  padding: 40px 0 0 0;
}
#block_solutions_pro {
  min-height: 140px;
}
#block_solutions_pro .contentMove {
  position: absolute;
  width: 100%;
  top: -130px;
}
#block_solutions_pro .wrap {
  padding: 0;
}
#block_solutions_pro .block_menu_solutions_pro {
  /*display: -webkit-flex;
    -webkit-justify-content: space-between;
    display: flex;
    justify-content: flex-end;*/
  position: relative;
}
#block_solutions_pro .block_menu_solutions_pro > div > div > div {
  width: 25%;
  background: transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding: 15px 20px;
}
#block_solutions_pro .block_menu_solutions_pro > div > div > div a {
  padding: 15px;
}
.element_menu_solutions_pro .title_element_block h3 {
  color: #fff;
  margin-top: 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 18px;
  font-weight: 700;
  font-family: overpass;
}
#block_solutions_pro .block_menu_solutions_pro > div > div > div:hover {
  background: #94ceea;
}
#block_solutions_pro .block_menu_solutions_pro > div > div > div:hover .title_element_block h3 {
  color: #000;
}
#block_solutions_pro .icon_block {
  width: 90px;
}
.block_facture .title_block {
  margin: 30px 0;
}
.block_facture .title_block h2 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 0;
}
.block_facture .title_block .iconTitle {
  font-size: 80px;
  margin-right: 30px;
}
#facture3blocks .wrap {
  padding: 15px 0 0 !important;
}
#facture3blocks .elementFacture {
  -webkit-display: flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
#facture3blocks .elementFacture div:nth-child(1) {
  padding: 15px 15px;
  width: 15%;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#facture3blocks .elementFacture div:nth-child(2) {
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center;
  padding: 30px;
  width: 85%;
}
#facture3blocks .elementFacture .icon {
  font-size: 70px;
  color: #fff;
}
#facture3blocks .titleSection {
  color: #4caedc;
  font-size: 18px;
  text-transform: uppercase;
}
/****** 2.2 SERVICES ******/
/*Bornes de paiement */
.borne-pro .element_list_map .element_title {
  color: #4caedc !important;
}
/****** 2.3 SOLUTIONS ******/
/* Inspection réseau */
.before_off .block_title h2:before {
  border-bottom: none !important;
}
.block_inspection {
  padding-top: 0px;
  margin-top: -20px;
}
.special_img .img_area {
  z-index: 1;
}
h2.text_inspection {
  font-size: 20px;
  color: #1e1e1e;
  font-weight: 700;
  font-family: "Overpass", sans-serif;
  text-transform: none;
}
/* Borne magnétique */
#block_magnetique iframe {
  width: 100% !important;
}
/* Raccorder eau potable */
.pro_potable_row .FlexBlocHalf > div:nth-child(2) {
  width: 71%;
}
.pro_potable_row .FlexBlocHalf > div:nth-child(1) {
  position: relative;
}
#pro_1_potable .FlexBlocHalf > div:nth-child(1):after {
  content: "1";
}
#pro_2_potable .FlexBlocHalf > div:nth-child(1):after {
  content: "2";
}
#pro_3_potable .FlexBlocHalf > div:nth-child(1):after {
  content: "3";
}
.pro_potable_row .FlexBlocHalf > div:nth-child(1):after {
  content: "";
  font-size: 60px;
  position: absolute;
  top: -1px;
  right: 16px;
  padding: 25px;
  background: rgba(255, 255, 255, 0.7);
  color: #4caedc;
  font-weight: 900;
}
.block_devis_as .wrap > div:last-child {
  width: 48% !important;
  margin: auto !important;
}
/****** 2.4 VOTRE FACTURE ******/
/* Payer ma facture */
#pro_block1_payer .block_icon {
  padding-top: 25px;
  background: #4caedc !important;
}
#pro_block1_payer .payer_facture {
  background: #4caedc !important;
}
#pro_block1_payer .block_text {
  background: #f0f0f0;
}
#pro_block1_payer .payer_facture {
  color: #fff;
  padding: 0 15px 20px 15px;
}
#pro_block1_payer .text_payer_facture {
  padding: 20px 15px;
}
/* gérer relevé compteur */
#pro_gerer_relev .img_area img {
  max-width: 50%;
}
/****** 3.1 CONTACT ******/
#post-2382 #mapContact #infoMap h2 {
  color: #020b2a !important;
}
#post-2382 #mapContact #infoMap h2:after {
  display: none;
}
#post-2382 #mapContact .element_list_map .element_title {
  color: #4caedc !important;
}
.text_center_azur {
  padding: 50px 0;
}
.text_center_azur .block_title p {
  text-transform: uppercase;
  color: #4caedc;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1;
}
.text_center_azur .block_link {
  margin-top: 30px;
}
.bg_color_azure, #block_form_contact.form_pro form input[type="submit"] {
  background: #4caedc;
}
/*--------------------------------------------------------------
4.0 Form / ACF Block
--------------------------------------------------------------*/
.content-area.professionnel-content-area .full-containt .block_text ul {
  margin-left: 25px;
}
.content-area.professionnel-content-area .full-containt .block_text ul li {
  list-style: none;
  position: relative;
}
.content-area.professionnel-content-area .full-containt .block_text ul li:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 5px;
  font-size: 10px;
}
.content-area.professionnel-content-area .full-containt .block_title h2, .content-area.professionnel-content-area .full-containt .block_title h1 {
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 700;
  position: relative;
  color: #23214B;
}
/*Title H2 H3*/
.page-template-page-professionnel #map_borne_paiement {
  background-color: #00b0df;
}
.professionnel_css .topNavBlock .search_top button {
  background: #00b0df;
  color: #000;
  font-size: 0.9em;
  margin-right: 15px;
  padding: 10px 12px;
  border-radius: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: 1px solid transparent;
}
.professionnel_css .search_top form input {
  background: #00b0df;
}
.professionnel_css input.search-field {
  color: #fff !important;
}
.professionnel_css .topNavBlock .search_top button:hover {
  background: #00b0df;
  color: #fff;
}
.professionnel_css input::placeholder, .professionnel_css input::-webkit-input-placeholder {
  color: #fff !important;
}
.professionnel_css input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff !important;
}
.professionnel_css input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff !important;
}
.professionnel_css input:-ms-input-placeholder {
  color: #fff !important;
}
.professionnel_css .topNavBlock .langue_top a {
  color: #000;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.professionnel_css .topNavBlock .langue_top a:hover {
  color: #00b0df;
}
.azureButtonInstit {
  text-transform: uppercase;
  background: #00b0df;
  color: #fff;
  border-radius: 20px;
  padding: 10px 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.page-template-page-professionnel input[type="submit"].azureButtonInstit {
  text-transform: uppercase;
  background: #00b0df;
  color: #fff;
  border-radius: 20px;
  padding: 15px 25px 10px 25px;
  margin-top: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.page-template-page-professionnel .form_demande_plan form input[type="submit"] {
  background: #00b0df;
  border-radius: 20px;
  padding: 13px 50px 10px 25px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 16px;
}
.page-template-page-professionnel .form_demande_plan form .declarer select {
  background: #00b0df;
  border: none;
  color: #fff;
  padding: 10px 15px;
}
.page-template-page-professionnel .form_demande_plan form select {
  background: #00b8e3;
}
.content-area.professionnel-content-area .full-containt.block_dark .block_title h2, .content-area.professionnel-content-area .full-containt.block_dark .block_title h1 {
  color: #00b0df;
}
.page-template-page-professionnel #part_block1_payer .block_icon {
  padding-top: 25px;
  background: #00b0df;
}
.page-template-page-professionnel #part_block1_payer .payer_facture {
  background: #00b0df;
  text-align: center;
  color: #fff;
  padding: 0 15px 20px 15px;
}
.page-template-page-professionnel #block_form_contact .block_title h2 {
  color: #00b0df;
}
.page-template-page-professionnel #block_form_contact form input[type="submit"] {
  background: #00b0df;
}
.page-template-page-professionnel #block_form_contact form input[type="submit"]:hover {
  background: rgba(0, 176, 223, 0.7);
}
.page-template-page-professionnel #block_form_contact form .declarer select, .page-template-page-professionnel #block_form_contact form .candidature_spon select {
  background: #00b0df;
}
.block_menu_solutions_pro > div > div {
  width: 90%;
  margin: auto;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.block_menu_solutions_pro > div.slide1 {
  position: absolute;
  top: 0;
  width: 100%;
  display: inline-block;
  /*right: 0%;*/
  /*z-index: 2;*/
  background-color: #4caedc;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  z-index: 1;
  right: -100%;
}
.block_menu_solutions_pro > div.slide2 {
  position: absolute;
  top: 0;
  width: 100%;
  display: inline-block;
  /*right: -100%;*/
  /*z-index: 2;*/
  background-color: #4caedc;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  z-index: 1;
  right: -100%;
}
.block_menu_solutions_pro > div.slide1.active, .block_menu_solutions_pro > div.slide2.active {
  opacity: 1;
  z-index: 2;
  right: 0;
}
.block_menu_solutions_pro .arrow-right {
  position: absolute;
  top: 125px;
  right: 0;
  z-index: 3;
  background: transparent;
  /*rgba(150, 137, 137, 0.7);*/
  border-radius: 50%;
  width: 42px;
  height: 64px;
  padding: 8px;
  line-height: 40px;
  /* display: inline-block; */
  /* transform: translateY(50%); */
  color: white;
}
.block_menu_solutions_pro .arrow-left {
  position: absolute;
  top: 125px;
  left: 0;
  z-index: 3;
  background: transparent;
  /*rgba(150, 137, 137, 0.7); */
  border-radius: 50%;
  width: 42px;
  height: 64px;
  padding: 8px;
  line-height: 40px;
  /* display: inline-block; */
  /* transform: translateY(50%); */
  color: white;
}
/*.block_menu_solutions_pro > div.slide1.second_aff {
    right: 100%;
}

.block_menu_solutions_pro > div.slide2.second_aff {
    right: 0%;
}*/
.form_demande_plan form input[type="submit"]:hover {
  background: rgba(0, 176, 223, 0.7);
}
#post-3205 #mapContact {
  background-color: #00b0df;
  padding: 30px 0;
}
.headerPro .blockSubMenuIcon {
  background: #00addc;
}
.headerPro .blockSubMenuIcon .cubesHomePart > div a {
  background-color: #74bcd6;
}
.headerPro .blockSubMenuIcon .cubesHomePart > div a:hover {
  background-color: #69a8bf;
}
.cubesHomePart > div a h3 {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-size: 14px;
  height: 50px;
  font-family: "Overpass", sans-serif;
}
.page-template-page-professionnel #select_form select {
  width: 100%;
  background: #00b0df !important;
  border: none;
  color: #fff;
  font-weight: 700;
  border-radius: 20px;
  background: #00b0df;
  color: #fff;
  margin-bottom: 15Px;
  padding: 10px 15px;
  /* -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; */
  text-transform: uppercase;
}
.page-template-page-professionnel #block_form_contact_form form select {
  width: 325px;
  border-radius: 20px;
  background: #00b0df;
  /* border: 1px solid #000; */
  color: #fff;
  margin-bottom: 15Px;
  padding: 10px 15px;
  /* -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none; */
  text-transform: uppercase;
}
.page-template-page-professionnel #block_form_contact_form form input[type="submit"] {
  background: #00b0df;
  border-radius: 20px;
  padding: 10px 50px 10px 25px;
  font-weight: 300;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 16px;
}
.professionnel-content-area h2 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
----------------------------------------------------------------
1.0 Color / Button
2.0 Navigation
3.0 Header
4.0 Form / ACF Block
5.0 Collectivite
  5.1 HOME
  5.2 SERVICES - TSMS
  5.3 Solutions - Me raccorder à l'eau potable
  5.4 Votre fature - Payer ma facture
  6.1 Contact
6.0 Mobile First


--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Color / Button
--------------------------------------------------------------*/
.btnRoundPurple, .bigBtnRoundPurple {
  padding: 10px 15px;
  text-transform: capitalize;
  color: #fff;
  background: #898bde;
  border-radius: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.fontPurpleLink {
  color: #2e3192;
}
.btnRoundPurple:hover, .bigBtnRoundPurple:hover {
  background: rgba(137, 139, 222, 0.6);
}
.page-template-page-collectivite #map_borne_paiement {
  background-color: #2e3192;
}
/*--------------------------------------------------------------
2.0 Navigation
--------------------------------------------------------------*/
.collectivite_mod .link_theme {
  color: #898bde;
}
.collectivite_mod .link_theme:hover {
  color: rgba(255, 255, 255, 0.6);
}
#top-menu-collectivite {
  display: -webkit-flex;
  -webkit-justify-content: space-around;
  display: flex;
  justify-content: space-around;
}
#top-menu-collectivite > li {
  margin-right: 5px;
}
#top-menu-collectivite > li > a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  border-radius: 30px;
  padding: 5px 20px;
  border: 1px solid transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 14px;
}
#top-menu-collectivite > li > a:hover {
  border: 1px solid #fff;
}
#top-menu-collectivite li.current-menu-item > a {
  border: 1px solid #fff;
}
#top-menu-collectivite li ul {
  background: rgba(255, 255, 255, 0.8);
  border: none;
}
#top-menu-collectivite li li:hover {
  background: #898bde;
}
/*Mobile Menu*/
.mobile_header_instit_content.collectivite {
  background: #020b2a;
  color: #fff;
  border-bottom: 10px solid #898bde;
}
.mobile_header_instit_content.collectivite.icon_espace_perso_mobile {
  background: #898bde;
}
#menu_mobile_nav.collectivite_mod {
  background: rgba(137, 139, 222, 0.97);
}
#menu_mobile_nav.collectivite_mod .nav_mobile_domaine {
  background: rgba(2, 11, 42, 0.97);
}
.collectivite_mod #menu_mobile_toogle_tablet {
  margin: 15px;
}
.mobile_header_instit_content.collectivite .icon_espace_perso_mobile, #mobile_header_instit.collectivite .mobile_top_header {
  background: #898bde;
}
/*--------------------------------------------------------------
3.0 Header
--------------------------------------------------------------*/
.collectivite_mod #block_slide_img_nav {
  font-size: 14px;
}
.collectivite_mod #block_slide_img_nav .topBanderole {
  background: url("/wp-content/themes/socleCyberl/assets/images/background/background_collectivite.jpg") center no-repeat;
  background-size: cover;
  height: 230px;
}
.collectivite_mod .topNavBlock > div:nth-child(1) {
  /* width: 50%; */
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-right: 50px;
}
.collectivite_mod .topNavBlock > div:nth-child(2) {
  width: 50%;
}
.collectivite_mod .topNavBlock > div:nth-child(2) > div {
  margin-right: 15px;
}
.collectivite_mod .custom-header {
  position: absolute;
  z-index: 100;
  width: 100%;
  top: 0;
}
.collectivite_mod .topNavBlock {
  /* margin-top: 10px;
   color: #fff; */
  z-index: 1;
  padding: 0;
}
.collectivite_mod .topNavBlock .search_top button {
  background: #898bde;
  color: #000;
  font-size: 0.9em;
  padding: 10px 12px;
  border-radius: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: 1px solid transparent;
}
.collectivite_mod .search_top form input {
  background: #898bde;
}
.collectivite_mod input.search-field {
  color: #fff !important;
}
.collectivite_mod .topNavBlock .search_top button:hover {
  background: #898bde;
  color: #fff;
}
.collectivite_mod input::placeholder, .collectivite_mod input::-webkit-input-placeholder {
  color: #fff !important;
}
.collectivite_mod input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff !important;
}
.collectivite_mod input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff !important;
}
.collectivite_mod input:-ms-input-placeholder {
  color: #fff !important;
}
.collectivite_mod .topNavBlock .langue_top {
  background: #fff;
  padding: 10px 12px;
  border-radius: 20px;
}
.collectivite_mod .topNavBlock .langue_top a {
  color: #000;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.collectivite_mod .topNavBlock .langue_top a.active, .collectivite_mod .topNavBlock .langue_top a:hover {
  color: #898bde;
}
.collectivite_mod .topNavBlock .langue_top .langEn:before {
  content: "|";
  color: #000;
  padding-right: 5px;
  margin-left: 5px;
}
.collectivite_mod .bottomNavBlock {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  /* top: -30px; */
}
.collectivite_mod .bottomNavBlock > div:nth-child(1) {
  width: 30%;
  margin-top: 20px;
}
.collectivite_mod .bottomNavBlock > div:nth-child(2) {
  width: 60%;
  padding-bottom: 40px;
}
.collectivite_mod .logo_site_top img {
  width: 260px;
}
.collectivite_mod .search_top form button.open {
  border: 1px solid #898bde;
}
.collectivite_mod #block_slide_img_nav .arianBlock {
  background: #2e3192;
  padding: 15px 0;
}
.collectivite_mod #block_slide_img_nav .arianBlock span {
  color: #fff;
  font-weight: 100;
  text-transform: uppercase;
}
.collectivite_mod #block_slide_img_nav .arianBlock span a {
  color: #fff;
  font-weight: 100;
  text-transform: uppercase;
}
/*Search field*/
.collectivite .mobile_bottom_header .content_header_mobile {
  min-height: 300px;
}
/*--------------------------------------------------------------
4.0 Form / ACF Block
--------------------------------------------------------------*/
.content-area.collectivite-content-area .full-containt .block_text ul {
  margin-left: 25px;
}
.content-area.collectivite-content-area .full-containt .block_text ul li {
  list-style: none;
  position: relative;
}
.content-area.collectivite-content-area .full-containt .block_text ul li:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 5px;
  font-size: 10px;
}
.content-area.collectivite-content-area .full-containt .block_title h2, .content-area.collectivite-content-area .full-containt .block_title h1 {
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 700;
  position: relative;
  color: #23214B;
}
/*Title H2 H3*/
/*--------------------------------------------------------------
5.0 Collectivite
--------------------------------------------------------------*/
/****** 5.1 HOME ******/
.collectivite-content-area article {
  overflow: visible;
}
.collectivite-panel-content .full-containt {
  padding: 0;
}
.collectivite-panel-content .full-containt .wrap {
  padding: 0 15px;
}
.collectivite-panel-content #block_gestion_invoice .wrap {
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
  padding: 50px 15px;
}
.collectivite-panel-content #block_gestion_invoice .wrap > div:nth-child(1) {
  width: 69%;
  padding: 15px 0;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.collectivite-panel-content #block_gestion_invoice .wrap > div:nth-child(2) {
  width: 30%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
/*3 cubes*/
.block_3_cube {
  position: relative;
  top: -100px;
  margin-bottom: -100px;
}
.block_cube_element {
  /*width: 33.33%;*/
  height: 300px !important;
  position: relative;
  overflow: hidden;
}
.block_cube_element .filterPurple {
  position: absolute;
  background: rgba(46, 49, 146, 0.75);
  width: 100%;
  height: 100%;
}
.block_cube_element .content_cube {
  color: #fff;
  position: relative;
  width: 100%;
  height: 100%;
}
.block_cube_element .content_cube .content_cube_info {
  padding: 3rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.block_cube_element .content_cube .content_cube_info > div:nth-child(1) {
  font-size: 18px;
}
.block_cube_element .content_cube .content_cube_info > div:nth-child(1) span {
  font-size: 45px;
}
.block_cube_element .content_cube .content_cube_info > div:nth-child(2) {
  font-size: 14px;
  padding-top: 20px;
}
.block_cube_element .crossHover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block_cube_element .crossHover .barre_vertical {
  height: 80px;
  width: 1px;
  background: #fff;
  position: relative;
  left: 40px;
}
.block_cube_element .crossHover .barre_horizontal {
  height: 1px;
  width: 80px;
  background: #fff;
  position: relative;
  top: 0;
}
.block_cube_element .content_cube_info, .block_cube_element .crossHover {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.content_cube:hover > .content_cube_info {
  top: -100%;
}
.content_cube:hover > .crossHover {
  top: 0;
}
/* block_text_center */
.block_text_center_collectivite .wrap {
  padding: 50px 15px;
}
.block_text_center_collectivite .title_block h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 30px;
}
.block_text_center_collectivite .content_block p {
  margin-bottom: 25px;
}
.block_text_center_collectivite .content_block div {
  margin-top: 50px;
}
/*Carousel 3-cube*/
.block_3_cube .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
}
.block_3_cube .owl-nav .owl-prev {
  float: left;
  position: absolute;
  left: 16px;
  transform: translate(0, -50%);
  color: #fff;
  font-size: 30px;
}
.block_3_cube .owl-nav .owl-prev .prevNav:before {
  content: "";
  font-family: FontAwesome;
  font-size: 80px;
  color: #fff;
}
.block_3_cube .owl-nav .owl-next {
  float: right;
  position: absolute;
  right: 16px;
  transform: translate(0, -50%);
  color: #fff;
  font-size: 30px;
}
.block_3_cube .owl-nav .owl-next .nextNav:before {
  content: "";
  font-family: FontAwesome;
  font-size: 80px;
  color: #fff;
}
/****** 5.2 SERVICES - TSMS ******/
#block1-tsms .block_title h2, #block2-tsms .block_title h2, #block3-tsms .block_title h2, #block4-tsms .block_title h2 {
  text-transform: none;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
}
#block1-tsms .img_area, #block2-tsms .img_area, #block3-tsms .img_area, #block4-tsms .img_area {
  padding-top: 50px;
}
#block2-tsms .img_area, #block4-tsms .img_area {
  text-align: right;
}
#block1-tsms .block_text {
  width: 50%;
}
#block2-tsms .block_text, #block4-tsms .block_text {
  width: 87%;
}
/****** 5.3 Solutions - Me raccorder à l'eau potable ******/
.col_potable_row .FlexBlocHalf > div:nth-child(2) {
  width: 71%;
}
.col_potable_row .FlexBlocHalf > div:nth-child(1) {
  position: relative;
}
.col_potable_row .FlexBlocHalf > div:nth-child(1):after {
  content: "";
  font-size: 60px;
  position: absolute;
  top: -1px;
  right: 16px;
  padding: 25px;
  background: rgba(255, 255, 255, 0.7);
  color: #2e3192;
  font-weight: 900;
}
#col_1_potable .FlexBlocHalf > div:nth-child(1):after {
  content: "1";
}
#col_2_potable .FlexBlocHalf > div:nth-child(1):after {
  content: "2";
}
#col_3_potable .FlexBlocHalf > div:nth-child(1):after {
  content: "3";
}
/****** 5.4 Votre fature - Payer ma facture ******/
.content-area.collectivite-content-area #part_block1_payer .block_icon {
  padding-top: 25px;
  background: #2e3192;
}
.content-area.collectivite-content-area #part_block1_payer .payer_facture {
  background: #2e3192;
}
/****** 6.1 Contact ******/
.page-template-page-collectivite #mapContact {
  background-color: #2e3192;
  padding: 30px 0;
}
#post-2383 #mapContact #infoMap h2 {
  color: #2e3192 !important;
}
#post-2383 #mapContact #infoMap h2:after {
  display: none;
}
#post-2383 #mapContact .element_list_map .element_title {
  color: #2e3192 !important;
}
.text_center_purple {
  padding: 50px 0;
}
.text_center_purple .block_title p {
  text-transform: uppercase;
  color: #2e3192;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1;
}
.text_center_purple .block_link {
  margin-top: 30px;
}
#block_form_contact.form_col form input[type="submit"] {
  background: #2e3192;
}
#col_gerer_relev .img_area img {
  max-width: 50%;
}
/*--------------------------------------------------------------
6.0 Mobile First
--------------------------------------------------------------*/
.page-template-page-collectivite .form_demande_plan form input[type="submit"], .page-template-page-collectivite .form_demande_plan form select {
  background: #2e3192;
}
.page-template-page-collectivite .form_demande_plan form input[type="submit"]:hover {
  background: rgba(46, 49, 146, 0.7);
}
.page-template-page-collectivite .part_potable_row .FlexBlocHalf > div:nth-child(1):after, .page-template-page-collectivite .part_potable_row .FlexBlocHalf > div:nth-child(2):after, .page-template-page-collectivite .part_potable_row .FlexBlocHalf > div:nth-child(3):after {
  color: #2e3192;
}
.content-area.collectivite-content-area .full-containt.block_dark .block_title h2, .content-area.collectivite-content-area .full-containt.block_dark .block_title h1 {
  color: #2e3192;
}
.page-template-page-collectivite .form_demande_plan form .declarer select {
  background: #2e3192;
}
.page-template-page-collectivite #block_form_contact .block_title h2 {
  color: #2e3192;
  text-transform: uppercase;
}
.page-template-page-collectivite #block_form_contact #select_form select {
  background: #2e3192 !important;
}
input[type="submit"].purpleButtonInstit {
  text-transform: uppercase;
  background: #2e3192;
  color: #fff;
  border-radius: 20px;
  padding: 15px 25px 10px 25px;
  margin-top: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
input[type="submit"].purpleButtonInstit:hover {
  background: rgba(46, 49, 146, 0.7);
}
.purpleButtonInstit {
  text-transform: uppercase;
  background: #2e3192;
  color: #fff;
  border-radius: 20px;
  padding: 10px 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.purpleButtonInstit:hover {
  background: rgba(46, 49, 146, 0.7);
}
.page-template-page-collectivite #block_form_contact form input[type="submit"] {
  background: #2e3192;
}
.page-template-page-collectivite #block_form_contact form input[type="submit"]:hover {
  background: rgba(46, 49, 146, 0.7);
}
.page-template-page-collectivite #block_form_contact form .declarer select {
  background: #2e3192;
  color: white;
}
.page-template-page-collectivite #block_form_contact_form form select {
  background: #2e3192;
  color: white;
}
.page-template-page-collectivite #block_form_contact form .declarer select option {
  background: #2e3192;
  color: white;
}
.page-template-page-collectivite #block_form_contact form .candidature_spon select {
  background: #2e3192;
  color: white;
}
.page-template-page-collectivite #block_form_contact form .candidature_spon select option {
  background: #2e3192;
  color: white;
}
.page-template-page-collectivite #block_form_contact_form form input[type="submit"] {
  background: #2e3192;
  color: white;
}
.content-area.collectivite-content-area .full-containt .block_text h5:nth-child(1) {
  margin-bottom: 30px;
}
.collectivite-content-area h2 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
}
.page-template-template-statistiques-formulaires #tabs-menu, .page-template-template-statistiques-formulaires .tab-title {
  margin-bottom: 15px;
}
.page-template-template-statistiques-formulaires #tabs-menu button, .page-template-template-statistiques-formulaires .tab-title button {
  font-size: 1rem;
}
.page-template-template-statistiques-formulaires #tabs-menu .active, .page-template-template-statistiques-formulaires .tab-title .active {
  background: #90c853;
}
.page-template-template-statistiques-formulaires .menu-tab {
  opacity: 0;
}
.page-template-template-statistiques-formulaires .menu-tab.active {
  opacity: 1;
  position: relative;
}
.page-template-template-statistiques-formulaires .menu-tab:not(.active) {
  opacity: 0;
  position: absolute;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0;
}
.page-template-template-statistiques-formulaires #form-period {
  padding: 20px 40px;
  background: #E6E9F1;
  margin-bottom: 20px;
}
.page-template-template-statistiques-formulaires #form-period .flex-me {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
}
.page-template-template-statistiques-formulaires #form-period input, .page-template-template-statistiques-formulaires #form-period select {
  display: inline;
  width: auto;
  padding: 0.4em 0.7em;
  text-align: center;
  margin-left: 5px;
  height: 2.6em;
}
.page-template-template-statistiques-formulaires #tab-recapitulatif {
  margin-bottom: 50px;
}
.page-template-template-statistiques-formulaires #tab-recapitulatif #table-recap {
  margin-bottom: 40px;
}
.page-template-template-statistiques-formulaires #tab-recapitulatif #nb-total-form {
  background: #32489D;
  padding: 2px 41px;
  margin: 20px 10px 20px 0;
  display: inline-block;
  font-size: 1.8rem;
  color: white;
  border-radius: 3px;
}
.page-template-template-statistiques-formulaires #form-tabs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.page-template-template-statistiques-formulaires #form-tabs::after {
  content: "";
  flex: auto;
}
.page-template-template-statistiques-formulaires #form-tabs .tab {
  padding: 10px 20px;
  background: #e6e9f1;
  cursor: pointer;
  flex: auto;
  text-align: center;
  position: relative;
}
.page-template-template-statistiques-formulaires #form-tabs .tab.actif {
  background: #00bee6;
  font-weight: 600;
  color: white;
  transition: 0.3s all;
}
.page-template-template-statistiques-formulaires #form-tabs .tab:hover {
  background: #30CBE6;
  color: white;
}
.page-template-template-statistiques-formulaires #form-tabs .tab::after {
  content: "";
  width: 1px;
  height: 60%;
  background: #C4C5C7;
  position: absolute;
  right: 0;
}
.page-template-template-statistiques-formulaires #form-tabs .tab:last-child::after, .page-template-template-statistiques-formulaires #form-tabs .tab.actif::after {
  display: none;
}
.page-template-template-statistiques-formulaires #form-charts {
  margin-bottom: 50px;
}
.page-template-template-statistiques-formulaires .chart-wrap-container {
  margin-bottom: 30px;
}
.page-template-template-statistiques-formulaires #export-pdf {
  padding: 20px;
  background: #E6E9F1;
  display: flex;
  align-items: baseline;
  justify-content: center;
}
.page-template-template-statistiques-formulaires #export-pdf > * {
  margin: 0 20px;
}
.page-template-template-statistiques-formulaires #export-pdf select {
  padding: 10px 20px;
}
/*************************************/
/********** MEDIA-QUERY **********/
/***********************************/
@media only screen and (min-width: 1500px) {
  /*HOME_INSTITU BOTTOM*/
  .solution .container_solution .elem_solution.collectivite {
    left: 0;
    right: inherit;
  }
}
@media only screen and (max-width: 1190px) {
  /*Particulier- service- prelevement auto*/
  /* Slider part home */
  /* Pacifique */
  /* Slider qui direction */
  /* Page construction */
  #comment_faire .element_row:nth-child(-n+2) .block_icon:after {
    display: none;
  }
  .slider_part .ms-slide-bgcont img {
    margin-top: 0 !important;
  }
  .flex_3_1_img .FlexBlocHalf > div:nth-child(1) {
    width: 58%;
  }
  .slider_direction .ms-skin-default .ms-nav-next {
    right: -23%;
  }
  .slider_direction .ms-skin-default .ms-nav-prev {
    right: -13%;
  }
  #block_1_construction .FlexBlocHalf > div:first-child {
    width: 100%;
    background-image: url(/wp-content/uploads/2017/06/construction_1_b.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 578px;
    margin: 0 auto;
    order: 2;
  }
  #block_1_construction img {
    display: none;
  }
  #block_1_construction .FlexBlocHalf > div:last-child {
    position: initial;
    width: 100%;
    order: 1;
  }
  #block_1_construction h2 {
    position: relative;
    top: 0;
    left: 0;
  }
  .spectial_btn_construction {
    position: initial;
  }
  #block_2_construction .FlexBlocHalf > div:first-child {
    width: 100%;
    position: initial;
  }
  #block_2_construction img {
    display: none;
  }
  #block_2_construction .FlexBlocHalf > div:last-child {
    width: 100%;
    background-image: url(/wp-content/uploads/2017/06/construction_2_b.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 578px;
    margin: 0 auto;
  }
  #block_2_construction h2 {
    position: relative;
    top: 0;
    left: 0;
  }
  .spectial_btn_construction2 {
    position: initial;
  }
  #block_3_construction .FlexBlocHalf > div:first-child {
    width: 100%;
    background-image: url(/wp-content/uploads/2017/06/construction_smart_responsive.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 578px;
    margin: 0 auto;
    order: 2;
  }
  #block_3_construction img {
    display: none;
  }
  #block_3_construction .FlexBlocHalf > div:last-child {
    position: initial;
    width: 100%;
    order: 1;
  }
  #block_3_construction h2 {
    position: relative;
    top: 0;
    left: 0;
  }
}
@media only screen and (max-width: 1130px) {
  /*Page Engagement*/
  #list_engagement_logo .block_icon {
    margin: 0 5px 5px 0;
  }
}
@media only screen and (max-width: 1350px) {
  .main-navigation ul li:last-child:hover ul {
    right: 0 !important;
    left: auto !important;
  }
}
@media only screen and (max-width: 1000px) {
  /*Page Engagement*/
  /* Page PRO - inspection r�seau */
  /* Page construction */
  #list_row_engagement .row_element.blue_block .block_text {
    margin-left: 0;
  }
  .block_inspection {
    padding-top: 50px;
    margin-top: 0;
  }
  #block_intro_construction {
    padding-bottom: 0;
    background: none !important;
  }
  #block_1_construction h2 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 980px) {
  #menu_mobile_toogle_tablet {
    display: block;
  }
}
@media screen and (max-width: 944px) {
  .bloc_text_1_home {
    height: 290px;
  }
}
@media screen and (max-width: 900px) {
  /* #menu_mobile_toogle_tablet { display: block; } */
  /* Institutionnel */
  /* Slider qui direction */
  /*Particulier */
  /*Collectivit� */
  /* Professionnels */
  /* Footer */
  #home_newsletter .wrap {
    display: block !important;
  }
  #home_newsletter .wrap > div:nth-child(1) {
    margin-bottom: 15px;
    width: 100%;
  }
  #home_newsletter .wrap > div:nth-child(2) {
    width: 100%;
  }
  #home_newsletter form {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-right: 0;
  }
  .container_solution > div {
    min-width: 100%;
    height: 300px !important;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .solution .container_solution .elem_solution {
    padding: 15px 25px;
    height: initial;
    position: initial;
    width: 80% !important;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .solution .container-wrapper {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .solution .container-wrapper > div {
    width: 100%;
  }
  .site-header.standard .topmenu {
    display: none;
  }
  .solution .container-wrapper .container {
    margin: 0 0 10px 0 !important;
  }
  .slider_direction .ms-skin-default .ms-inner-controls-cont {
    position: relative;
  }
  .slider_direction .ms-skin-default .ms-inner-controls-cont .ms-nav-next {
    right: 0;
  }
  .slider_direction .ms-skin-default .ms-inner-controls-cont .ms-nav-prev {
    right: 60px;
  }
  .particulier_mod .topNavBlock {
    display: none;
  }
  .texte_payer_facture .margin50_top {
    margin-top: 0;
  }
  .particulier-panel-content #block_gestion_invoice .wrap {
    display: block;
  }
  .particulier-panel-content #block_gestion_invoice .wrap > div:nth-child(1) {
    width: 100%;
  }
  #block_gestion_invoice .noMobile img {
    display: none;
  }
  .collectivite_mod .topNavBlock {
    display: none;
  }
  .collectivite_mod .bottomNavBlock {
    top: 10px;
  }
  #block_solutions_pro {
    min-height: 230px;
  }
  .no900 {
    display: none !important;
  }
  .professionnel_css .topNavBlock {
    display: none;
  }
  .professionnel-home-page #block_title_services {
    padding-top: 0px;
  }
  .footer-flex > div:nth-child(1) {
    padding-right: 15px;
  }
  .footer-flex .footerLangue {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 900px) {
  /*Page Engagement*/
  /*Page nos references*/
  /* page constructions */
  #block_tabs_engagements, #block_satisfaction {
    padding-bottom: 0;
  }
  #block_tabs_engagements .ctu-ultimate-wrapper-1 {
    display: inline-block;
  }
  #block_tabs_engagements .ctu-ultimate-style-heading-1 {
    box-shadow: none;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: roboto;
    color: #595959;
    padding: 25px;
    text-align: center;
  }
  #block_tabs_engagements .ctu-ultimate-style-heading-1.active {
    color: #fff;
    background: #97CA42;
    box-shadow: none;
  }
  #block_tabs_engagements .ctu-ulitate-style-1-tabs {
    box-shadow: none;
  }
  #block_tabs_engagements .ctu-ultimate-style-1-content {
    max-width: 100%;
  }
  #block_ref_eau {
    padding-bottom: 0;
  }
  #block_ref_eau .ctu-ultimate-wrapper-2 {
    display: inline-block;
  }
  #block_ref_eau .ctu-ultimate-style-heading-2 {
    box-shadow: none;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: roboto;
    color: #595959;
    padding: 25px;
    text-align: center;
  }
  #block_ref_eau .ctu-ultimate-style-heading-2.active {
    color: #fff;
    background: #97CA42;
    box-shadow: none;
  }
  #block_ref_eau .ctu-ulitate-style-2-tabs {
    box-shadow: none;
  }
  #block_ref_eau .ctu-ultimate-style-2-content {
    max-width: 100%;
  }
  #block_ref_assainissement {
    padding-bottom: 0;
    background-color: #fff !important;
  }
  #block_ref_assainissement .ctu-ultimate-wrapper-4 {
    display: inline-block;
  }
  #block_ref_assainissement .ctu-ultimate-style-heading-4 {
    box-shadow: none;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: roboto;
    color: #595959;
    padding: 25px;
    text-align: center;
  }
  #block_ref_assainissement .ctu-ultimate-style-heading-4.active {
    color: #fff;
    background: #97CA42;
    box-shadow: none;
  }
  #block_ref_assainissement .ctu-ulitate-style-4-tabs {
    box-shadow: none;
  }
  #block_ref_assainissement .ctu-ultimate-style-4-content {
    max-width: 100%;
  }
  #block_ref_smart {
    padding-bottom: 0;
  }
  #block_ref_smart .ctu-ultimate-wrapper-5 {
    display: inline-block;
  }
  #block_ref_smart .ctu-ultimate-style-heading-5 {
    box-shadow: none;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: roboto;
    color: #595959;
    padding: 25px;
    text-align: center;
  }
  #block_ref_smart .ctu-ultimate-style-heading-5.active {
    color: #fff;
    background: #97CA42;
    box-shadow: none;
  }
  #block_ref_smart .ctu-ulitate-style-5-tabs {
    box-shadow: none;
  }
  #block_ref_smart .ctu-ultimate-style-5-content {
    max-width: 100%;
  }
  #block_ref {
    padding-bottom: 50px;
  }
  #list_engagement_block {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #list_engagement_block > div {
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  #list_engagement_content {
    padding: 0;
  }
  #block_ref_construction {
    padding-top: 0;
  }
  .ref_constructions .container-wrapper {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ref_constructions .container-wrapper .container {
    margin: 0 0 10px 0 !important;
  }
  .ref_constructions .container-wrapper > div {
    width: 100%;
  }
  .content-area.standard .full-containt .block_text ul {
    margin-left: 0;
  }
  .element_row_collapse_full .block_text_row_collapse_full {
    padding: 30px 10px;
  }
  .element_row_collapse_full .block_row_title_full {
    padding: 30px 10px 10px;
  }
}
@media only screen and (max-width: 800px) {
  /*Page Engagement*/
  #list_row_engagement .row_element .block_text {
    width: 100%;
  }
  #list_row_engagement .wrap .block_img {
    position: relative;
    left: 0;
    bottom: 0 !important;
    margin: auto;
  }
  .slider_direction .ms-skin-default .ms-inner-controls-cont .ms-nav-next {
    right: 20px;
  }
  .slider_direction .ms-skin-default .ms-inner-controls-cont .ms-nav-prev {
    right: 80px;
  }
}
@media screen and (max-width: 782px) {
  /*particulier comprendre mode de facturation*/
  /* Footer */
  /* Page construction */
  html #wpadminbar {
    height: 46px;
    min-width: 300px;
    position: absolute;
    top: -46px;
  }
  #clyberlFacture .block_facture .fac_img {
    margin-bottom: 0;
  }
  #clyberlFacture .block_facture .fac_info {
    max-width: 100%;
    position: initial !important;
    margin-bottom: 30px;
  }
  div.container_all_map_borne div.div_info_born {
    width: 100%;
    padding-bottom: 40px;
  }
  div.container_all_map_borne div.container_map_borne {
    width: 100%;
  }
  div.div_info_born {
    padding-left: 0;
    margin-top: 20px;
  }
  .footer-flex {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .footer-flex > div:nth-child(1) {
    width: 100%;
  }
  .footer-flex > div:nth-child(2) {
    margin-bottom: 20px;
  }
  #block_1_construction .FlexBlocHalf > div:first-child, #block_2_construction .FlexBlocHalf > div:last-child {
    height: 378px;
  }
  #block_3_construction .FlexBlocHalf > div:first-child {
    height: 276px;
  }
}
@media screen and (max-width: 768px) {
  .collectivite-home-page #block_gestion_invoice .block_menu_invoice {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .pagination {
    width: 100% !important;
  }
}
@media screen and (max-width: 760px) {
  /*FlexBox Institut*/
  /*Qualit� d'eau Eco*/
  /*Etat du service*/
  /* Infos coupures */
  /*Institu POP UP*/
  /* Instit qui sommes nous */
  /* Page nos r�f�rences */
  /* Instit engagements */
  /* Nos constructions */
  /* Home instit */
  /*NewsLetter Institu*/
  /*PARTICULIER :*/
  /* solution se raccorder a l'eau potable */
  /*FlexBox Particulier*/
  /*COLLECTIVITE*/
  /* Publications */
  /*#clyberlPress .list_block {overflow-x: auto; min-width: 500px;}*/
  /*Pro*/
  .standard .chiffrecle, .standard .topmenu {
    display: none;
  }
  .img_noMobile .wrap .img_area img {
    display: none;
  }
  .hidden__desktop {
    display: block;
  }
  .FlexBlocHalf > div {
    width: 100%;
  }
  #mapService .wrap > div:nth-child(1), #mapService .wrap > div:nth-child(2) {
    width: 100%;
  }
  #block_intro_construction .FlexBlocHalf > div:first-child, #block_intro_construction .FlexBlocHalf > div:last-child {
    width: 100%;
  }
  .collapse_half .list_element_row_collapse > div {
    width: 100%;
  }
  .flex_1_3 .FlexBlocHalf > div, .flex_3_1 .FlexBlocHalf > div, .flex_3_1_img .FlexBlocHalf > div {
    width: 100% !important;
  }
  .flex_1_3 .FlexBlocHalf > div:nth-child(1), .flex_3_1 .FlexBlocHalf > div:nth-child(1), .flex_3_1_img .FlexBlocHalf > div:nth-child(1) {
    margin-bottom: 15px;
  }
  .flex_certification > div {
    width: 100% !important;
  }
  #list_row_activite .row_element {
    width: 100%;
  }
  #list_row_site a {
    width: 25%;
  }
  .FlexBlocThird > div {
    width: 100%;
  }
  #block_temperature .FlexBlocThird > div {
    width: 30%;
  }
  .flex_3 .list_element_row > div {
    width: 50%;
  }
  #chiffre_fuite_eau .FlexBlocThird > div, #part_chiffres_fuites .FlexBlocThird > div {
    width: 48%;
    margin-bottom: 15px;
    padding: 15px;
  }
  .bloc_text_1_home {
    height: inherit;
  }
  #block_saviez_vous .flex_wrap > div {
    border-bottom: 1px solid #97CA42;
  }
  #lastAlerteBlock > div {
    width: 100% !important;
  }
  #block_info_coupure .FlexBlocHalf > div:first-child {
    margin-bottom: 35px;
  }
  #list_row_popUp .row_element_popUp {
    width: 100%;
  }
  #list_row_popUp .content_pop_up_area > div {
    padding: 30px;
  }
  .close_popUp {
    right: -13px;
    top: -14px;
    font-size: 10px;
    padding: 10px;
  }
  #block_qui_histoire .element_row:nth-child(odd), #block_qui_histoire .element_row:nth-child(even) {
    width: 100%;
  }
  #block_ref {
    background: none !important;
    padding-bottom: 0;
  }
  #block_ref .element_row:nth-child(odd), #block_ref .element_row:nth-child(even) {
    width: 100%;
    text-align: center;
  }
  #block_ref .block_icon {
    text-align: inherit;
  }
  #block_satisfaction .element_row {
    width: 100%;
  }
  #block_intro_construction {
    padding-top: 0;
  }
  #block_1_construction h2 {
    margin-top: 0;
  }
  .bloc_text_1_home img {
    display: none;
  }
  #alerteHome #infoMap h2 {
    padding-left: 0;
  }
  #home_newsletter form input, #home_newsletter form select {
    margin: 10px;
  }
  #home_newsletter form button {
    width: 150px;
    margin: 10px;
  }
  .full-containt .FlexBlocHalf .img_area {
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center !important;
    display: flex;
    align-items: center;
    justify-content: center !important;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  #particulier_block_icon_home .swiper-wrapper {
    -webkit-justify-content: center !important;
    justify-content: center !important;
  }
  #part_1_potable, #part_2_potable, #part_3_potable, #col_1_potable, #col_2_potable, #col_3_potable, #pro_1_potable, #pro_2_potable, #pro_3_potable {
    padding-top: 0;
  }
  #BlockHalfHomeParticulier .block_img {
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 30px;
  }
  #particulier_block_icon_home .FlexBlocFifth > div {
    width: 33%;
  }
  .blockSubMenuIcon .wrap > div {
    width: 100% !important;
  }
  .blockSubMenuIcon .wrap > div:nth-child(1) {
    padding: 30px 0;
  }
  .blockSubMenuIcon .wrap > div:nth-child(2) {
    padding-bottom: 30px;
  }
  #part_agence_row .list_element_row > div {
    width: 50%;
  }
  .separated_block_half .FlexBlocHalf:before {
    display: none;
  }
  .flex_1_4 .FlexBlocHalf > div {
    width: 100% !important;
  }
  .flex_1_4 .FlexBlocHalf > div:nth-child(1) {
    margin-bottom: 15px;
  }
  #block1-tsms .img_area, #block2-tsms .img_area, #block3-tsms .img_area, #block4-tsms .img_area {
    padding-top: 0;
  }
  #block1-tsms .block_text, #block2-tsms .block_text, #block3-tsms .block_text, #block4-tsms .block_text {
    width: 100%;
  }
  #clyberlPress > div {
    width: 100% !important;
  }
  #clyberlPress .filter_block {
    display: -webkit-flex;
    -webkit-justify-content: space-around;
    -webkit-flex-wrap: wrap;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .block_devis_as .wrap > div:last-child {
    width: 100% !important;
  }
}
@media screen and (min-width: 760px) {
  .evo-margin {
    margin-top: -65px;
  }
}
@media screen and (max-width: 720px) {
  .cubesHomePart > div {
    width: 50%;
  }
}
@media screen and (max-width: 620px) {
  /* Home */
  .bloc_text_1_home {
    padding: 50px 0;
  }
}
/*Mobile First Limite*/
@media screen and (max-width: 570px) {
  /*INSTITUTIONNEL*/
  /* Home */
  /*Contact*/
  /*Qualit� d'eau Eco*/
  /*FLEXBOX*/
  /*PATICULIER*/
  /*Home*/
  /* .cubesHomePart > div { width: 50%; } */
  /*particulier /collectivit�s/pro - Demande de plan*/
  /*particulier comprendre mode de facturation*/
  /*particulier contact*/
  /*COLLECTIVITE*/
  /* PROFESSIONNELS */
  /* Block slider solutions pro */
  #clyberlPress .noMobileShow {
    display: none;
  }
  #mobile_header_instit {
    display: block;
  }
  .noMobile {
    display: none !important;
  }
  .mobileOnly {
    display: block !important;
  }
  .text_block3_home .block_title {
    position: initial;
    top: 0;
  }
  .bloc_text_3_home .text {
    padding: 60px 15px 0 15px;
  }
  #block_urgence_contact .wrap > div {
    width: 100%;
    margin-bottom: 0 !important;
  }
  #block_saviez_vous .flex_wrap > div {
    width: 50%;
    min-width: initial;
  }
  #list_row_icon .row_element_icon {
    width: 100%;
  }
  #list_row_site a {
    width: 33.33%;
  }
  .blog #main article {
    width: 100%;
  }
  #block_temperature .FlexBlocThird > div {
    width: 100%;
    margin-bottom: 15px;
  }
  .flex_3 .list_element_row > div {
    width: 100%;
  }
  .footer-flex > div:nth-child(1) {
    max-width: 100%;
  }
  .widget-column.footer-widget-1, .widget-column.footer-widget-2 {
    width: 100%;
    display: -webkit-flex;
    -webkit-justify-content: center;
    display: flex;
    justify-content: center;
  }
  #text-5 {
    text-align: center;
  }
  .footer-flex .contact_footer_block section .widget-title {
    float: initial;
  }
  .footer-flex .contact_footer_block section .textwidget {
    float: initial;
    margin-left: 0;
    border-left: none !important;
    padding: 0;
  }
  #home_newsletter .selectCustom .icon_select {
    right: 30px;
    top: 20px;
  }
  .particulier_mod .logo_site_top, .standard .logo_site_top {
    position: inherit;
  }
  .particulier_mod .logo_site_top img, .standard .logo_site_top img {
    width: 210px;
  }
  .particulier-panel-content #block_gestion_invoice .wrap > div:nth-child(1), #part_agence_row .list_element_row > div {
    width: 100%;
  }
  #map_borne_paiement #infoMap .list_adress {
    display: none;
  }
  #chiffre_fuite_eau .FlexBlocThird > div, #part_chiffres_fuites .FlexBlocThird > div {
    width: 100%;
    margin-bottom: 15px;
    padding: 15px;
  }
  #map_borne_paiement #infoMap {
    left: 0;
  }
  #post-426 #map_borne_paiement, #post-1635 #map_borne_paiement, #post-1912 #map_borne_paiement {
    display: -webkit-flex;
    -webkit-flex-direction: column;
    display: flex;
    flex-direction: column;
  }
  #post-426 #map_borne_paiement :nth-child(1), #post-1635 #map_borne_paiement :nth-child(1), #post-1912 #map_borne_paiement :nth-child(1) {
    order: 2;
  }
  #post-426 #map_borne_paiement :nth-child(2), #post-1635 #map_borne_paiement :nth-child(2), #post-1912 #map_borne_paiement :nth-child(2) {
    order: 1;
    position: initial;
  }
  .form_half.duree_travaux {
    display: block !important;
  }
  .form_half.duree_travaux > div {
    width: 100% !important;
  }
  #part_facturation_row1 .list_element_row > div {
    width: 50%;
  }
  #part_facturation_row2 .list_element_row > div, #part_facturation_row3 .list_element_row > div, #part_facturation_row4 .list_element_row > div {
    width: 100%;
  }
  #mapContact #infoMap .list_adress {
    display: none;
  }
  .collectivite-panel-content #block_gestion_invoice .wrap > div:nth-child(1) {
    width: 100%;
  }
  .collectivite_mod .custom-header {
    position: relative;
  }
  .block_3_cube {
    top: 0;
    margin-bottom: 0;
  }
  .professionnel_mod .custom-header, .professionnel_mod .logo_site_top img {
    position: relative;
  }
  .block_text_icon_pro .title_block {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .block_text_icon_pro .title_block:nth-child(1) div {
    margin: auto;
  }
  .block_text_solutions_pro {
    background: none !important;
  }
  .block_text_solutions_pro .wrap {
    padding: 0;
  }
  .content_texte_solutions {
    width: 100%;
  }
  .content_texte_solutions h2 {
    text-align: left !important;
  }
  #block_solutions_pro .block_menu_solutions_pro {
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    flex-wrap: wrap;
  }
  #block_solutions_pro .block_menu_solutions_pro > div {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
  #block_solutions_pro .contentMove {
    position: initial;
  }
  #block_solutions_pro .icon_block {
    margin: auto;
  }
  #block_solutions_pro .title_element_block p {
    text-align: center;
  }
  .block_facture .title_block {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .block_facture .title_block:nth-child(1) div {
    margin: auto;
  }
  #facture3blocks .elementFacture div:nth-child(1) {
    width: 100%;
  }
  br.display {
    display: none;
  }
  #block_solutions_pro .block_menu_solutions_pro > div > div > div {
    width: 50% !important;
  }
  #block_solutions_pro .block_menu_solutions_pro > div > div > div:not(:nth-child(-n+2)) {
    padding-top: 0 !important;
  }
  #block_solutions_pro .block_menu_solutions_pro > div > div > div:nth-child(-n+2) {
    padding-bottom: 0 !important;
  }
  .professionnel-home-page #block_title_services {
    padding-top: 280px;
  }
}
@media screen and (max-width: 425px) {
  /* page engagements */
  .professionnel-home-page #block_title_services {
    padding-top: 340px;
  }
  #block_gestion_invoice .block_menu_invoice > div {
    width: 50%;
  }
  #list_engagement_logo > div {
    width: 48%;
  }
}
@media screen and (max-width: 360px) {
  /* icon chat-bulle page contact*/
  /*FLEXBOX*/
  #wp-admin-bar-wpseo-menu {
    display: none !important;
  }
  #home_newsletter form select {
    width: 273px;
  }
  .text_center_green .block_title p span {
    display: none;
  }
  #list_row_site a {
    width: 50%;
  }
  .cubesHomePart > div {
    width: 100%;
  }
  .form_demande_plan form input[type="submit"] {
    padding: 13px 25px 10px 25px;
  }
}
@media screen and (max-width: 320px) {
  .professionnel-home-page #block_title_services {
    padding-top: 370px;
  }
  #block_gestion_invoice .block_menu_invoice > div {
    width: 100%;
  }
}
.hand img {
  max-width: 200px;
}
#block_form_contact .form_containe {
  max-width: 900px;
}
#block_form_contact .form_containe .flex {
  display: flex;
  flex-wrap: wrap;
}
#block_form_contact .form_containe .flex div.half {
  width: 50%;
  display: block;
  min-width: 380px;
  margin: 10px auto;
}
#block_form_contact .form_containe .flex div.half a.button, #block_form_contact .form_containe .flex div.half #select_form select {
  text-align: center !important;
  margin: auto;
  background-color: #32b2c2 !important;
  color: #fff;
  font-weight: 700;
  border-radius: 35px;
  padding: 20px 15px;
  text-transform: uppercase;
  display: block;
  max-width: 80%;
  height: auto;
  line-height: 15px !important;
}
#block_form_contact_form .intro {
  margin-bottom: 25px !important;
}
#block_form_contact_form .intro p {
  font-size: 18px;
  font-weight: bold;
  text-align: justify;
}
#block_form_contact_form .intro a {
  color: #97CA42;
}
#visite_virtuelle {
  background-color: #33B2C2;
}
#visite_virtuelle .wrap-gen {
  display: flex;
  flex-wrap: wrap;
  padding: 3rem 15px;
}
#visite_virtuelle .wrap-gen .half {
  width: 50%;
}
#visite_virtuelle img {
  width: 100%;
  max-width: 200px;
  vertical-align: middle;
  margin-right: 20px;
}
#visite_virtuelle p.new {
  color: #182982;
  font-size: 2rem;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: normal;
}
#visite_virtuelle h3 {
  margin: 0;
  font-size: 2.6rem;
  color: #fff;
  text-transform: uppercase;
  padding: 0;
  line-height: normal;
}
#visite_virtuelle a {
  background-color: #172983;
  color: #fff;
  vertical-align: middle;
  font-size: 1.4rem;
}
@media only screen and (max-width: 720px) {
  #block_form_contact .form_containe a.button, #block_form_contact .form_containe #select_form select {
    font-size: 14px;
  }
  #visite_virtuelle p.new {
    font-size: 1.4rem;
  }
  #visite_virtuelle h3 {
    font-size: 1.6rem;
  }
  #visite_virtuelle a {
    font-size: 1.2rem;
  }
  #visite_virtuelle img {
    max-width: 150px;
  }
}
a#show:hover {
  text-decoration: none;
  cursor: pointer;
}
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}
.modal .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 900px;
}
.modal .modal-content p {
  font-size: 18px;
}
.modal .modal-content .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin: -20px -10px 0 0;
}
.modal .modal-content .close:hover, .modal .modal-content .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
div.block_text a {
  font-weight: 900;
  color: #97CA42;
}
@media print {
  .page-template-template-statistiques-formulaires #masthead, .page-template-template-statistiques-formulaires #tabs-menu, .page-template-template-statistiques-formulaires #wpadminbar, .page-template-template-statistiques-formulaires footer, .page-template-template-statistiques-formulaires [id^=cookie-law], .page-template-template-statistiques-formulaires .hide-on-pdf, .page-template-template-statistiques-formulaires #cookie-law-info-bar {
    display: none !important;
    visibility: hidden !important;
  }
  .page-template-template-statistiques-formulaires .show-on-pdf {
    display: block !important;
    opacity: 1 !important;
    position: relative !important;
  }
  .page-template-template-statistiques-formulaires .no-break {
    page-break-inside: avoid;
  }
  .page-template-template-statistiques-formulaires .break-after {
    page-break-after: always;
  }
}
.particulier-content-area .full-containt.block_dark.block_dark .FlexBlocHalf .padding_tb_30, .particulier-content-area .full-containt.block_dark.block_dark .FlexBlocHalf .FontLink, .particulier-content-area .full-containt.block_dark.block_dark .FlexBlocHalf p, .particulier-content-area .full-containt.block_dark.block_dark .blocktitle .padding_tb_30, .particulier-content-area .full-containt.block_dark.block_dark .blocktitle .FontLink, .particulier-content-area .full-containt.block_dark.block_dark .blocktitle p, .particulier-content-area .full-containt.block_light.block_dark .FlexBlocHalf .padding_tb_30, .particulier-content-area .full-containt.block_light.block_dark .FlexBlocHalf .FontLink, .particulier-content-area .full-containt.block_light.block_dark .FlexBlocHalf p, .particulier-content-area .full-containt.block_light.block_dark .blocktitle .padding_tb_30, .particulier-content-area .full-containt.block_light.block_dark .blocktitle .FontLink, .particulier-content-area .full-containt.block_light.block_dark .blocktitle p {
  color: #23214B;
}
.particulier-content-area .full-containt.block_dark.block_dark .FlexBlocHalf .FontLink, .particulier-content-area .full-containt.block_dark.block_dark .blocktitle .FontLink, .particulier-content-area .full-containt.block_light.block_dark .FlexBlocHalf .FontLink, .particulier-content-area .full-containt.block_light.block_dark .blocktitle .FontLink {
  margin: 0;
  line-height: 2rem;
}
.particulier-content-area .full-containt.block_dark.block_dark .block_text ul li, .particulier-content-area .full-containt.block_light.block_dark .block_text ul li {
  color: #23214B;
}
.particulier-content-area .full-containt.block_dark.block_dark .block_text ul li::before, .particulier-content-area .full-containt.block_light.block_dark .block_text ul li::before {
  border: 1px solid #23214B;
}
.particulier-content-area .full-containt.block_dark.block_dark .block_text ul li::after, .particulier-content-area .full-containt.block_light.block_dark .block_text ul li::after {
  background-color: #23214B;
}
.particulier-content-area .full-containt.block_dark.block_dark .block_text .liste_resiliation li::before, .particulier-content-area .full-containt.block_light.block_dark .block_text .liste_resiliation li::before {
  border: 1px solid #fff;
}
.particulier-content-area .full-containt.block_dark.block_dark .block_text .liste_resiliation li::after, .particulier-content-area .full-containt.block_light.block_dark .block_text .liste_resiliation li::after {
  background-color: #fff;
}
.particulier-content-area .full-containt.block_dark.block_dark .block_title h1, .particulier-content-area .full-containt.block_dark.block_dark h2, .particulier-content-area .full-containt.block_light.block_dark .block_title h1, .particulier-content-area .full-containt.block_light.block_dark h2 {
  color: #23214B;
}
.particulier-content-area .full-containt.block_dark.block_dark .full_containt .FlexBlocHalf .block_title h2, .particulier-content-area .full-containt.block_light.block_dark .full_containt .FlexBlocHalf .block_title h2 {
  color: #23214B;
  font-size: 6rem;
  line-height: 6rem;
}
.particulier-content-area .full-containt.block_dark.block_dark .full_containt .FlexBlocHalf .content_text_area p, .particulier-content-area .full-containt.block_light.block_dark .full_containt .FlexBlocHalf .content_text_area p {
  color: #23214B;
}
.particulier-content-area .full-containt.block_dark.block_light .FlexBlocHalf .padding_tb_30, .particulier-content-area .full-containt.block_dark.block_light .FlexBlocHalf .FontLink, .particulier-content-area .full-containt.block_dark.block_light .FlexBlocHalf p, .particulier-content-area .full-containt.block_dark.block_light .blocktitle .padding_tb_30, .particulier-content-area .full-containt.block_dark.block_light .blocktitle .FontLink, .particulier-content-area .full-containt.block_dark.block_light .blocktitle p, .particulier-content-area .full-containt.block_light.block_light .FlexBlocHalf .padding_tb_30, .particulier-content-area .full-containt.block_light.block_light .FlexBlocHalf .FontLink, .particulier-content-area .full-containt.block_light.block_light .FlexBlocHalf p, .particulier-content-area .full-containt.block_light.block_light .blocktitle .padding_tb_30, .particulier-content-area .full-containt.block_light.block_light .blocktitle .FontLink, .particulier-content-area .full-containt.block_light.block_light .blocktitle p {
  color: #fff;
}
.particulier-content-area .full-containt.block_dark.block_light .FlexBlocHalf .FontLink, .particulier-content-area .full-containt.block_dark.block_light .blocktitle .FontLink, .particulier-content-area .full-containt.block_light.block_light .FlexBlocHalf .FontLink, .particulier-content-area .full-containt.block_light.block_light .blocktitle .FontLink {
  margin: 0;
  line-height: 2rem;
}
.particulier-content-area .full-containt.block_dark.block_light .block_text ul li, .particulier-content-area .full-containt.block_light.block_light .block_text ul li {
  color: #fff;
}
.particulier-content-area .full-containt.block_dark.block_light .block_text ul li::before, .particulier-content-area .full-containt.block_light.block_light .block_text ul li::before {
  border: 1px solid #fff;
}
.particulier-content-area .full-containt.block_dark.block_light .block_text ul li::after, .particulier-content-area .full-containt.block_light.block_light .block_text ul li::after {
  background-color: #fff;
}
.particulier-content-area .full-containt.block_dark.block_light .block_text .liste_resiliation li::before, .particulier-content-area .full-containt.block_light.block_light .block_text .liste_resiliation li::before {
  border: 1px solid #fff;
}
.particulier-content-area .full-containt.block_dark.block_light .block_text .liste_resiliation li::after, .particulier-content-area .full-containt.block_light.block_light .block_text .liste_resiliation li::after {
  background-color: #fff;
}
.particulier-content-area .full-containt.block_dark.block_light .block_title h1, .particulier-content-area .full-containt.block_dark.block_light h2, .particulier-content-area .full-containt.block_light.block_light .block_title h1, .particulier-content-area .full-containt.block_light.block_light h2 {
  color: #fff;
}
.particulier-content-area .full-containt.block_dark.block_light .full_containt .FlexBlocHalf .block_title h2, .particulier-content-area .full-containt.block_light.block_light .full_containt .FlexBlocHalf .block_title h2 {
  color: #fff;
  font-size: 6rem;
  line-height: 6rem;
}
.particulier-content-area .full-containt.block_dark.block_light .full_containt .FlexBlocHalf .content_text_area p, .particulier-content-area .full-containt.block_light.block_light .full_containt .FlexBlocHalf .content_text_area p {
  color: #fff;
}
#home_newsletter {
  background-color: #23214B;
  padding: 6rem 0;
  text-align: center;
}
#home_newsletter h2 {
  color: #fff;
  font-size: 6rem;
  text-transform: unset;
}
#home_newsletter h2::before {
  display: none;
}
#home_newsletter .gform_required_legend, #home_newsletter .gform_heading {
  display: none;
}
#home_newsletter .newsletter_title {
  color: #fff;
  font-size: 6rem;
  line-height: 5.5rem;
  font-weight: 700;
  margin-bottom: 3rem;
}
#home_newsletter .newsletter_title:after {
  display: none;
}
#home_newsletter form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  text-align: left;
}
#home_newsletter form #gform_fields_7 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.6rem;
  width: 100%;
}
#home_newsletter form .gfield {
  flex: 1;
  margin: 0 !important;
  display: flex;
  justify-content: center;
}
#home_newsletter form .gfield.gfield--type-checkbox {
  flex: 0 0 100%;
  margin-top: 1.5rem !important;
  font-size: 1.4rem;
}
#home_newsletter form .gfield.gfield--type-checkbox input[type="checkbox"] {
  margin-right: 0.8rem;
  width: 18px;
  height: 18px;
  accent-color: #27ABE2;
}
#home_newsletter form #field_7_5 {
  border: 0;
}
#home_newsletter form #field_7_5 legend {
  display: none;
}
#home_newsletter form #field_7_5 .gchoice_7_5_1 {
  display: flex;
}
#home_newsletter form #field_7_5 .gchoice_7_5_1 label {
  color: white;
}
#home_newsletter form select, #home_newsletter form input[type="email"] {
  width: 300px;
  padding: 1rem 2rem;
  border-radius: 50px;
  border: none;
  margin: 0;
  font-size: 1.6rem;
  outline: none;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  transition: all 0.2s ease;
}
#home_newsletter form select:focus, #home_newsletter form input[type="email"]:focus {
  background: #fff;
  box-shadow: 0 0 0 3px rgba(39, 171, 226, 0.3);
}
#home_newsletter form input[type="submit"] {
  background: #27ABE2;
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 50px;
  padding: 1.6rem 3.2rem;
  font-size: 1.6rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
#home_newsletter form input[type="submit"]:hover {
  background: #3db4e5;
  transform: translateY(-1px);
}
#home_newsletter form button.btnlight {
  background-color: #27ABE2;
  border: 0;
  color: #fff;
}
#home_newsletter form button.btnlight:hover {
  background-color: #54bce8;
}
#home_newsletter .gform_wrapper {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}
.form_demande_plan li::after {
  display: none;
}
#part_1_potable .FlexBlocHalf .img_area .eds-animate img, #part_2_potable .FlexBlocHalf .img_area .eds-animate img, #part_3_potable .FlexBlocHalf .img_area .eds-animate img {
  width: 100%;
  border-radius: 2rem;
}
.FlexBlocHalf img {
  border-radius: 2rem;
  max-width: 500px;
}
#block_ref_eau .ctu-ulitate-style-2-tabs img {
  border-radius: 2rem;
}
#block_ref_assainissement .ctu-ulitate-style-4-tabs img {
  border-radius: 2rem;
}
#block_ref_smart .ctu-ulitate-style-5-tabs img {
  border-radius: 2rem;
}
.section-top {
  background-size: cover;
  background-position: center;
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.section-top .wrap {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.section-top h1 {
  color: white;
  font-weight: bold;
  font-size: 6rem;
  line-height: 8rem;
  text-transform: uppercase;
  margin: 0;
  padding: 35px 0;
  text-align: end;
  margin-left: auto;
  width: 43%;
}
.section-top .wrapper-cards {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding: 5rem 0;
}
.section-top .wrapper-cards .card {
  background-color: white;
  padding: 2rem;
  border-radius: 4rem;
  width: 350px;
  height: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 20px rgba(156, 149, 149, 0.05);
}
.section-top .wrapper-cards .card .card-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-top .wrapper-cards .card .card-logo img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.section-top .wrapper-cards .card .btn-cde-primary, .section-top .wrapper-cards .card .btn-cde-secondary, .section-top .wrapper-cards .card .btn-cde-secondary-dark {
  width: fit-content;
  text-transform: uppercase;
  margin: 0 auto;
}
.section-top .wrapper-cards .card h4 {
  font-size: 2rem;
  line-height: 1.2rem;
  font-weight: 900;
  color: #23214B;
  margin-bottom: 0;
  text-transform: none;
}
.section-top .wrapper-cards .card h3 {
  font-size: 2rem;
  font-weight: 900;
  color: #23214B;
  margin-bottom: 1rem;
  text-wrap: nowrap;
  text-transform: none;
  padding: 0;
}
.section-top .wrapper-cards .card p {
  font-size: 1.8rem;
  font-weight: 500;
  color: #23214B;
  margin-bottom: 2rem;
  max-width: 70%;
}
.section-services-facture {
  padding: 15rem 0;
}
.section-services-facture .section-header h2 {
  font-size: 6rem;
  line-height: 6rem;
  color: #23214B;
  text-transform: none;
  text-align: center;
  font-weight: bold;
}
.section-services-facture .services-facture-list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 4rem;
  position: relative;
}
.section-services-facture .services-facture-list .service-facture-item {
  flex: 1;
  text-align: center;
  padding: 0 2rem;
  position: relative;
}
.section-services-facture .services-facture-list .service-facture-item .service-facture-link .service-icon {
  height: fit-content;
  width: fit-content;
  margin: auto auto 2rem;
}
.section-services-facture .services-facture-list .service-facture-item .service-facture-link .service-icon img {
  width: 80px;
  height: 80px;
}
.section-services-facture .services-facture-list .service-facture-item .service-facture-link .service-description {
  font-size: 2rem;
  color: #23214B;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}
.section-services-facture .services-facture-list .service-facture-item .service-facture-link:hover .service-icon img {
  filter: brightness(0.6);
}
.section-services-facture .services-facture-list .service-facture-item .service-facture-link:hover .service-description {
  opacity: 0.6;
}
.section-services-facture .services-facture-list .service-facture-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -2rem;
  width: 1px;
  height: 100%;
  background-color: black;
}
.section-services-facture .services-facture-list .service-facture-item:last-child::after {
  display: none;
}
.section-cartes-solutions {
  background-size: cover;
  background-position: center;
  padding: 8rem 0;
}
.section-cartes-solutions .wrap .section-header h2 {
  font-size: 6rem;
  line-height: 6rem;
  color: white;
  text-transform: none;
  text-align: center;
  font-weight: bold;
}
.section-cartes-solutions .wrap .solutions-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 1fr;
  grid-auto-flow: row;
  gap: 3rem;
  grid-template-rows: repeat(2, auto);
  overflow: hidden;
}
.section-cartes-solutions .wrap .solutions-list .solution-item {
  background-color: white;
  padding: 3rem 5rem;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  text-align: center;
}
.section-cartes-solutions .wrap .solutions-list .solution-item .solution-icon {
  height: auto;
  margin-bottom: 2rem;
}
.section-cartes-solutions .wrap .solutions-list .solution-item .solution-icon img {
  width: 100px;
  height: auto;
}
.section-cartes-solutions .wrap .solutions-list .solution-item .solution-title {
  padding: 0;
  font-size: 2rem;
  line-height: 2.2rem;
  color: #23214B;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1rem;
  letter-spacing: 1.5px;
}
.section-cartes-solutions .wrap .solutions-list .solution-item .solution-description p {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #23214B;
}
.section-cartes-solutions .wrap .solutions-list .solution-item .btn-cde-primary, .section-cartes-solutions .wrap .solutions-list .solution-item .btn-cde-secondary {
  text-transform: uppercase;
}
.section-cartes-solutions .wrap .solutions-list .solution-item:first-child {
  grid-row: span 2;
}
.section-cartes-solutions .wrap .solutions-list .solution-item:first-child .solution-title {
  font-size: 2.5rem;
}
.section-cartes-solutions .wrap .solutions-list .solution-item:first-child .solution-icon img {
  width: 180px;
}
.section-cartes-solutions .wrap .solutions-list .solution-item:first-child .btn-cde-primary {
  font-size: 2rem;
  padding: 1.5rem 2.5rem 1rem;
}
.section-cartes-solutions .wrap .solutions-list .solution-item:nth-child(4) .solution-icon img {
  width: 150px;
}
.section-solutions-image {
  padding: 10rem 0;
}
.section-solutions-image .wrap {
  display: flex;
  align-items: start;
  gap: 7.5rem;
}
.section-solutions-image .wrap .col-left {
  flex: 0 0 40%;
  max-width: 40%;
}
.section-solutions-image .wrap .col-left h2 {
  font-size: 6rem;
  color: #23214B;
  text-transform: none;
  margin-bottom: 2rem;
  width: 75%;
  line-height: 6rem;
}
.section-solutions-image .wrap .col-left p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #23214B;
}
.section-solutions-image .wrap .col-right {
  flex: 0 0 54%;
  max-width: 54%;
}
.section-solutions-image .wrap .col-right img {
  width: 100%;
  border-radius: 25px;
}
.section-actualite {
  padding: 10rem 0 20rem;
  background-color: #F2F2F2;
  position: relative;
}
.section-actualite .title {
  color: #23214B;
  text-transform: none;
  font-size: 6rem;
  line-height: 6rem;
  margin-bottom: 3rem;
}
.section-actualite .article {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.section-actualite .article .image-article {
  height: 20vh;
  border-radius: 25px 25px 0 0;
  background-size: cover;
  background-position: center;
}
.section-actualite .article .contenu-article {
  display: grid;
  gap: 0.8rem;
  padding: 2rem;
  background-color: white;
  border-radius: 0 0 25px 25px;
  min-height: 20vh;
}
.section-actualite .article .contenu-article .date-article {
  color: #23214B;
  font-size: 1.8rem;
}
.section-actualite .article .contenu-article .title-article {
  color: #23214B;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: bold;
  padding: 0;
}
.section-actualite .article .contenu-article .btn-cde-primary {
  text-transform: uppercase;
  font-size: 1.5rem;
  width: fit-content;
}
.section-actualite .owl-carousel .owl-nav {
  position: absolute;
  bottom: -10%;
  left: 75%;
  width: 100%;
  height: 1px;
}
.section-actualite .owl-carousel .owl-nav button.owl-next, .section-actualite .owl-carousel .owl-nav button.owl-prev {
  border: 1.5px solid #23214B !important;
  border-radius: 50%;
  pointer-events: auto;
  background: transparent;
  box-shadow: none;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-actualite .owl-carousel .owl-nav button.owl-next img, .section-actualite .owl-carousel .owl-nav button.owl-prev img {
  height: 15px;
  width: auto;
}
.section-actualite .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.section-actualite .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: -8%;
  top: 50%;
  transform: translateY(-50%);
}
.section-actualite .owl-carousel .owl-nav button.owl-prev img {
  transform: rotate(180deg);
}
.section-actualite .owl-carousel .owl-nav.disabled {
  display: block;
}
.section-visite-360 {
  padding: 25rem 0;
  background-size: cover;
  background-position: center;
}
.section-visite-360 .wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 7.5rem;
}
.section-visite-360 .wrap .col-left {
  flex: 0 0 40%;
  max-width: 40%;
}
.section-visite-360 .wrap .col-left .logo {
  margin-bottom: 4rem;
}
.section-visite-360 .wrap .col-left .logo img {
  max-width: 85%;
  height: auto;
  display: block;
}
.section-visite-360 .wrap .col-left .description {
  margin-bottom: 4.5rem;
}
.section-visite-360 .wrap .col-left .description p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #23214B;
}
.section-visite-360 .wrap .col-left .btn {
  padding: 0.8rem 1.4rem 0.5rem;
  letter-spacing: 0.8px;
}
.section-visite-360 .wrap .col-right {
  flex: 0 0 54%;
  max-width: 54%;
}
.section-visite-360 .wrap .col-right .content-section {
  display: flex;
  border-radius: 25px;
  overflow: hidden;
  background-color: #23214B;
  color: white;
}
.section-visite-360 .wrap .col-right .content-section .col-left {
  flex: 0 0 55%;
  max-width: 55%;
}
.section-visite-360 .wrap .col-right .content-section .col-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.section-visite-360 .wrap .col-right .content-section .col-right {
  flex: 0 0 45%;
  max-width: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner {
  padding: 5rem;
  display: flex;
  flex-direction: column;
}
.section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner h2 {
  font-size: 6rem;
  font-weight: bold;
  line-height: 6rem;
  margin: 0;
  width: 75%;
  color: white;
  margin-bottom: 2.5rem;
}
.section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner h3 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #27ABE2;
  margin: 0;
}
.section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner .description {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: white;
  width: 70%;
  margin-bottom: 4rem;
}
.section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner .btn {
  color: white;
  text-transform: uppercase;
  width: fit-content;
  background-color: #27ABE2;
  font-size: 2rem;
  padding: 1.4rem 1.8rem 0.8rem;
}
.page-template-template-contact .urgence {
  background-color: #CE5F0D;
  padding: 20px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-template-template-contact .urgence h2 {
  font-size: 3.6rem;
  font-weight: 700;
  color: white;
  margin: 0;
}
.page-template-template-contact .urgence p {
  font-size: 3.6rem;
  color: white;
}
.page-template-template-contact .contact_faq .txt_faq {
  font-family: "Overpass", sans-serif;
  text-transform: uppercase;
  color: #23214B;
  font-size: 30px !important;
  font-weight: 700 !important;
  margin-bottom: 5px;
  line-height: 1;
  padding-top: 0;
}
.page-template-template-contact .numero_urgence {
  font-size: 48px;
  line-height: 1.3em;
  margin-bottom: 0;
}
.page-template-template-contact .section-top {
  min-height: 70vh;
  height: unset;
}
.page-template-template-contact .section-top h1 {
  color: #23214B;
  padding: 6.5rem 0 3.5rem;
}
.page-template-template-contact .section-top .wrapper-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 5rem 0 8rem;
}
.page-template-template-contact .section-top .wrapper-cards .card {
  width: 285px;
  height: 220px;
  border-radius: 3rem;
}
.page-template-template-contact #block_form_contact .block_title h2 {
  font-size: 6rem;
  font-weight: bold;
}
.page-template-template-contact .accordion {
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.page-template-template-contact .accordion .accordion-item {
  border-radius: 6px;
  overflow: hidden;
  transition: border 0.2s ease;
}
.page-template-template-contact .accordion .accordion-item a {
  color: #fff;
}
.page-template-template-contact .accordion .accordion-item.active {
  border: 1px solid #000;
}
.page-template-template-contact .accordion .accordion-item .accordion-header {
  padding: 2rem 5rem;
  width: 100%;
  background-color: #97CA42;
  text-align: left;
  border: none;
  font-weight: 600;
  font-size: 2.4rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.2s ease, color 0.2s ease;
}
.page-template-template-contact .accordion .accordion-item .accordion-header:hover {
  background: #9bcc4a;
}
.page-template-template-contact .accordion .accordion-item .accordion-header.active {
  background: transparent;
  color: #000;
  border-bottom: 1px solid #000;
}
.page-template-template-contact .accordion .accordion-item .accordion-header.active .accordion-icon {
  transform: rotate(45deg);
}
.page-template-template-contact .accordion .accordion-item .accordion-header .accordion-icon {
  transition: transform 0.2s ease;
  font-size: 5rem;
  line-height: 3rem;
  font-weight: 400;
}
.page-template-template-contact .accordion .accordion-item .accordion-body {
  display: none;
  padding: 1rem 1.4rem;
  background: #fff;
  transition: all 0.3s ease;
}
.page-template-template-contact .accordion .accordion-item .accordion-body.open {
  display: block;
  padding: 4rem 5rem;
}
.page-template-template-contact #home_newsletter {
  background-color: #23214B;
  padding: 6rem 0;
  text-align: center;
}
.page-template-template-contact #home_newsletter .gform_required_legend, .page-template-template-contact #home_newsletter .gform_heading {
  display: none;
}
.page-template-template-contact #home_newsletter .newsletter_title {
  color: #fff;
  font-size: 6rem;
  font-weight: 700;
  margin-bottom: 3rem;
}
.page-template-template-contact #home_newsletter .newsletter_title:after {
  display: none;
}
.page-template-template-contact #home_newsletter form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  text-align: left;
}
.page-template-template-contact #home_newsletter form #gform_fields_7 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.6rem;
  width: 100%;
}
.page-template-template-contact #home_newsletter form .gfield {
  flex: 1;
  margin: 0 !important;
}
.page-template-template-contact #home_newsletter form .gfield.gfield--type-checkbox {
  flex: 0 0 100%;
  margin-top: 1.5rem !important;
  font-size: 1.4rem;
}
.page-template-template-contact #home_newsletter form .gfield.gfield--type-checkbox input[type="checkbox"] {
  margin-right: 0.8rem;
  width: 18px;
  height: 18px;
  accent-color: #27ABE2;
}
.page-template-template-contact #home_newsletter form #field_7_5 {
  border: 0;
}
.page-template-template-contact #home_newsletter form #field_7_5 legend {
  display: none;
}
.page-template-template-contact #home_newsletter form #field_7_5 .gchoice_7_5_1 {
  display: flex;
}
.page-template-template-contact #home_newsletter form #field_7_5 .gchoice_7_5_1 label {
  color: white;
}
.page-template-template-contact #home_newsletter form select, .page-template-template-contact #home_newsletter form input[type="email"] {
  width: 250px;
  padding: 1rem 2rem;
  border-radius: 50px;
  border: none;
  margin: 0;
  font-size: 1.6rem;
  outline: none;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  transition: all 0.2s ease;
}
.page-template-template-contact #home_newsletter form select:focus, .page-template-template-contact #home_newsletter form input[type="email"]:focus {
  background: #fff;
  box-shadow: 0 0 0 3px rgba(39, 171, 226, 0.3);
}
.page-template-template-contact #home_newsletter form input[type="submit"] {
  background: #27ABE2;
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 50px;
  padding: 1.6rem 3.2rem;
  font-size: 1.6rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.page-template-template-contact #home_newsletter form input[type="submit"]:hover {
  background: #3db4e5;
  transform: translateY(-1px);
}
.page-template-template-contact #home_newsletter form button.btnlight {
  background-color: #27ABE2;
  border: 0;
  color: #fff;
}
.page-template-template-contact #home_newsletter form button.btnlight:hover {
  background-color: #54bce8;
}
.page-template-template-contact #home_newsletter .gform_wrapper {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
.site-footer {
  padding: 30px 0;
}
.site-footer .wrap {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.site-footer .wrap #admin-navigation-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  gap: 7rem;
  color: #393E42;
}
.site-footer .wrap #admin-navigation-footer a .logo-footer {
  width: 250px;
  margin-bottom: 2.5rem;
}
.site-footer .wrap #admin-navigation-footer p {
  margin: 0;
  position: relative;
}
.site-footer .wrap #admin-navigation-footer p::after {
  content: "";
  position: absolute;
  top: 0;
  right: -4rem;
  height: 100%;
  width: 1px;
  background-color: #393E42;
}
.site-footer .wrap #admin-navigation-footer .menu-footer-container {
  position: relative;
}
.site-footer .wrap #admin-navigation-footer .menu-footer {
  position: relative;
  display: grid;
  grid-template-columns: fit-content(300px) 1fr;
  column-gap: 13rem;
  margin: 0;
}
.site-footer .wrap #admin-navigation-footer .menu-footer::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 58%;
  width: 1px;
  background-color: #393E42;
  transform: translateX(-50%);
}
.site-footer .wrap #admin-navigation-footer .menu-footer a {
  color: #393E42;
  text-decoration: none;
}
.site-footer .wrap #admin-navigation-footer .menu-footer a:hover {
  text-decoration: underline;
}
.site-footer .wrap #admin-navigation-footer .social-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}
.site-footer .wrap #admin-navigation-footer .social-links .numero-vert {
  width: 200px;
}
.site-footer .wrap #admin-navigation-footer .social-links .reseaux {
  display: flex;
  align-items: center;
  gap: 10px;
}
.site-footer .wrap #admin-navigation-footer .social-links .reseaux span {
  color: #393E42;
}
.site-footer .wrap #admin-navigation-footer .social-links .reseaux a img {
  width: 30px;
}
.site-footer .wrap .site-info {
  text-align: center;
  color: #808080;
  font-size: 1.5rem;
}
.site-footer .wrap .site-info a {
  color: #808080;
}
/* === RESPONSIVE === */
.burger-menu {
  display: none;
  transition: transform 0.3s ease;
}
@media (max-width: 1400px) {
  .site-header .wrap .main-header .header-right .search_top {
    justify-content: left;
  }
  .section-top h1 {
    width: 50%;
  }
}
@media (max-width: 1280px) {
  .site-footer .wrap #admin-navigation-footer {
    gap: 4rem;
  }
  .site-footer .wrap #admin-navigation-footer p::after {
    right: -2rem;
  }
  .site-footer .wrap #admin-navigation-footer .menu-footer {
    column-gap: 8rem;
  }
  .section-top h1 {
    font-size: 5rem;
    line-height: 6rem;
    width: 60%;
  }
  .section-top .wrapper-cards {
    gap: 2rem;
  }
  .section-top .wrapper-cards .card {
    width: 300px;
    height: 280px;
    border-radius: 3rem;
  }
  .section-top .wrapper-cards .card .card-logo img {
    width: 80px;
    height: 80px;
  }
  .section-top .wrapper-cards .card h3, .section-top .wrapper-cards .card h4 {
    font-size: 1.8rem;
  }
  .section-top .wrapper-cards .card p {
    font-size: 1.6rem;
  }
  .section-services-facture {
    padding: 10rem 0;
  }
  .section-services-facture .section-header h2 {
    font-size: 4.5rem;
    line-height: 5rem;
  }
  .section-services-facture .services-facture-list {
    gap: 3rem;
  }
  .section-services-facture .services-facture-list .service-facture-item .service-description {
    font-size: 1.8rem;
  }
  .section-cartes-solutions {
    padding: 6rem 0;
  }
  .section-cartes-solutions .wrap .section-header h2 {
    font-size: 4.5rem;
    line-height: 5rem;
  }
  .section-cartes-solutions .wrap .solutions-list {
    gap: 2rem;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item {
    padding: 2.5rem 3rem;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item .solution-title {
    font-size: 1.8rem;
    line-height: 2rem;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item .solution-description p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .section-solutions-image {
    padding: 6rem 0;
  }
  .section-solutions-image .wrap {
    gap: 5rem;
  }
  .section-solutions-image .wrap .col-left h2 {
    font-size: 5rem;
    line-height: 5.5rem;
    width: 85%;
  }
  .section-solutions-image .wrap .col-left p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .section-actualite {
    padding: 6rem 0 15rem;
  }
  .section-actualite .title {
    font-size: 4.5rem;
    line-height: 5rem;
  }
  .section-actualite .owl-carousel .owl-nav {
    left: 70%;
  }
  .section-visite-360 {
    padding: 15rem 0;
  }
  .section-visite-360 .wrap {
    gap: 5rem;
  }
  .section-visite-360 .wrap .col-left .description p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner h2 {
    font-size: 4.5rem;
    line-height: 5rem;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner h3 {
    font-size: 2rem;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner .description {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .site-header .wrap .main-header .header-right {
    display: grid;
    justify-content: start;
    gap: 1rem;
  }
  .site-header .wrap .main-header .header-right .main-navigation {
    width: unset;
  }
  .site-header .wrap .main-header .header-right .search_top {
    width: unset;
  }
}
@media screen and (max-width: 1200px) {
  .section-visite-360 .wrap {
    gap: 5rem;
  }
  .section-visite-360 .wrap .col-left, .section-visite-360 .wrap .col-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .section-visite-360 .wrap .col-right .content-section {
    flex-direction: column;
  }
  .section-visite-360 .wrap .col-right .content-section .col-left, .section-visite-360 .wrap .col-right .content-section .col-right {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .section-visite-360 .wrap .col-right .content-section .col-left img {
    min-height: 300px;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner {
    padding: 4rem;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner h2 {
    font-size: 4.5rem;
    line-height: 5rem;
    width: 100%;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner .description {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 55%;
  }
  .header_breadcrumb {
    height: calc(65vh - 180px);
  }
  .header_breadcrumb .title_header_page h1.entry-title {
    text-align: center;
  }
  .arianBlock .wrap #breadcrumbs {
    font-size: 2rem;
  }
  .site-header .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 3rem;
    position: relative;
    gap: 0;
  }
  .site-header .wrap .menu-responsive-top {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .site-header .wrap .site-branding {
    order: 1;
  }
  .site-header .wrap .site-branding img {
    height: 65px;
  }
  .site-header .wrap .burger-menu {
    order: 2;
    display: flex;
    cursor: pointer;
    margin-left: auto;
    color: #23214B;
    position: relative;
    font-size: 5rem;
  }
  .site-header .wrap .close-menu {
    cursor: pointer;
    z-index: 100;
    margin-left: auto;
    color: #23214B;
    position: absolute;
    right: 5%;
    font-size: 4rem;
    transition: display 1s ease-in-out;
  }
  .site-header .wrap .main-header {
    order: 3;
    width: 100%;
    margin-top: 2rem;
    padding: 0;
  }
  .site-header .wrap .main-header .header-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .site-header .wrap .main-header .header-right .search_top {
    order: 2;
    width: 100%;
    margin-bottom: 2rem;
  }
  .site-header .wrap .main-header .header-right .search_top form {
    display: flex;
    gap: 1rem;
  }
  .site-header .wrap .main-header .header-right .search_top form input {
    flex: 1;
    font-size: 1.6rem;
    padding: 1rem 1.5rem;
  }
  .site-header .wrap .main-header .header-right .search_top form button {
    padding: 1rem 2rem;
  }
  .site-header .wrap .main-header .header-right .main-navigation {
    order: 1;
    width: 100%;
    position: relative;
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu {
    position: fixed;
    display: grid;
    grid-template-rows: auto;
    align-content: start;
    gap: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #ffffff;
    z-index: 99;
    padding: 8rem 0 3rem;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    transform: translateX(-100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li {
    width: 100%;
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li .dropdown-toggle {
    display: none;
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li > a {
    font-size: 1.8rem;
    font-weight: 500;
    display: block;
    padding: 1.8rem 3rem;
    transition: all 0.2s ease;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children > a {
    position: relative;
    padding-right: 6rem;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children > a::after {
    content: "▼";
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
    transition: transform 0.3s ease;
    pointer-events: none;
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children.is-open > a::after {
    transform: translateY(-50%) rotate(180deg);
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children ul.sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.02);
    position: unset;
    display: none;
    visibility: unset;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children ul.sub-menu li a {
    font-size: 1.6rem;
    padding: 1.4rem 3rem 1.4rem 5rem;
    font-weight: 400;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: background-color 0.2s ease;
    background-color: rgba(0, 0, 0, 0.05);
    font-weight: 700;
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children ul.sub-menu li:last-child a {
    border-bottom: none;
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children ul.sub-menu ul.sub-menu li a {
    padding-left: 7rem;
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children.is-open > ul.sub-menu {
    max-height: 1000px;
    opacity: 1;
    display: unset;
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children::before, .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children::after {
    display: none;
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children:hover > ul.sub-menu {
    max-height: 0;
    opacity: 0;
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children:hover::after {
    display: none;
  }
  .site-header .wrap .main-header .header-right .main-navigation .main-menu li.menu-item-has-children.is-open:hover > ul.sub-menu {
    max-height: 1000px;
    opacity: 1;
  }
  .site-header .wrap .main-header .header-right .main-navigation.is-open .main-menu {
    transform: translateX(0);
  }
  .section-top {
    height: auto;
    padding: 5rem 2rem;
    min-height: 50vh;
  }
  .section-top .wrap {
    flex-direction: column;
  }
  .section-top h1 {
    font-size: 4rem;
    line-height: 5rem;
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
  .section-top .wrapper-cards {
    flex-wrap: wrap;
    gap: 2rem;
    padding: 3rem 0;
    justify-content: center;
  }
  .section-top .wrapper-cards .card {
    width: calc(50% - 1rem);
    max-width: 350px;
    height: auto;
    min-height: 280px;
  }
  .content-area.standard .full-containt .block_title h2 {
    font-size: 5rem;
    line-height: 5rem;
  }
  .content-area.standard .full-containt.block_light .block_title h2 {
    font-size: 5rem;
    line-height: 5rem;
  }
  .section-services-facture .services-facture-list {
    flex-wrap: wrap;
  }
  .section-services-facture .services-facture-list .service-facture-item {
    flex: 0 0 calc(50% - 1.5rem);
    padding: 0 1rem;
  }
  .section-services-facture .services-facture-list .service-facture-item::after {
    display: none;
  }
  .section-services-facture .services-facture-list .service-facture-item:nth-child(odd)::after {
    display: block;
    right: -1.5rem;
  }
  .section-services-facture .services-facture-list .service-facture-item:nth-child(even)::after {
    display: none;
  }
  .section-cartes-solutions .wrap {
    padding: 0 2rem;
  }
  .section-cartes-solutions .wrap .solutions-list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item:first-child {
    grid-row: span 1;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item:first-child .solution-title {
    font-size: 2rem;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item:first-child .solution-icon img {
    width: 120px;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item:first-child .btn-cde-primary {
    font-size: 1.8rem;
    padding: 1.2rem 2rem 0.8rem;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item:nth-child(4) .solution-icon img {
    width: 100px;
  }
  .section-solutions-image .wrap {
    flex-direction: column;
    gap: 4rem;
    padding: 0 2rem;
  }
  .section-solutions-image .wrap .col-left, .section-solutions-image .wrap .col-right {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .section-solutions-image .wrap .col-left h2, .section-solutions-image .wrap .col-right h2 {
    font-size: 4rem;
    line-height: 4.5rem;
    width: 100%;
  }
  .section-solutions-image .wrap .col-left p, .section-solutions-image .wrap .col-right p {
    font-size: 1.6rem;
  }
  .section-solutions-image .wrap .col-right img {
    width: 100%;
  }
  .section-actualite .owl-carousel .owl-nav {
    left: 50%;
    bottom: -12%;
  }
  .FlexBlocThird {
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
  }
  .site-footer .wrap {
    padding: 0 2rem;
  }
  .site-footer .wrap #admin-navigation-footer {
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    text-align: center;
  }
  .site-footer .wrap #admin-navigation-footer a .logo-footer {
    width: 200px;
    margin-bottom: 2rem;
  }
  .site-footer .wrap #admin-navigation-footer p::after {
    display: none;
  }
  .site-footer .wrap #admin-navigation-footer .menu-footer-container {
    width: 100%;
  }
  .site-footer .wrap #admin-navigation-footer .menu-footer {
    grid-template-columns: 1fr 1fr;
    column-gap: 3rem;
    row-gap: 1.5rem;
  }
  .site-footer .wrap #admin-navigation-footer .menu-footer::after {
    left: 50%;
  }
  .site-footer .wrap #admin-navigation-footer .menu-footer li {
    margin-bottom: 0.5rem;
  }
  .site-footer .wrap #admin-navigation-footer .social-links {
    align-items: center;
  }
  .site-footer .wrap #admin-navigation-footer .social-links .numero-vert {
    width: 180px;
  }
  .site-footer .wrap #admin-navigation-footer .social-links .reseaux {
    flex-direction: row;
    gap: 1rem;
  }
  .site-footer .wrap #admin-navigation-footer .social-links .reseaux span {
    font-size: 1.4rem;
  }
  .site-footer .wrap #admin-navigation-footer .social-links .reseaux a img {
    width: 25px;
  }
  .site-footer .wrap .site-info {
    font-size: 1.3rem;
  }
}
@media (max-width: 900px) {
  .page-template-template-contact .section-top .wrapper-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .site-header .wrap .main-header .header-right .search_top {
    width: 100%;
  }
  .site-header .wrap .main-header .top-bar {
    display: grid;
    gap: 1rem;
    justify-content: center;
  }
  .element_row_collapse_full .block_row_title_full h3 {
    font-size: 3rem;
  }
  .site-footer .wrap #admin-navigation-footer {
    gap: 2.5rem;
  }
  .site-footer .wrap #admin-navigation-footer a .logo-footer {
    width: 180px;
  }
  .site-footer .wrap #admin-navigation-footer .menu-footer {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 1rem;
  }
  .site-footer .wrap #admin-navigation-footer .menu-footer::after {
    display: none;
  }
  .site-footer .wrap #admin-navigation-footer .menu-footer li {
    text-align: center;
  }
  .site-footer .wrap #admin-navigation-footer .social-links .numero-vert {
    width: 160px;
  }
  .site-footer .wrap #admin-navigation-footer .social-links .reseaux {
    gap: 0.8rem;
  }
  .site-footer .wrap #admin-navigation-footer .social-links .reseaux a img {
    width: 22px;
  }
  .site-footer .wrap .site-info {
    font-size: 1.2rem;
    padding: 0 1rem;
  }
  .section-top h1 {
    font-size: 3rem;
    line-height: 3.5rem;
    padding: 20px 0;
  }
  .section-services-facture {
    padding: 6rem 0;
  }
  .section-services-facture .section-header h2 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .section-services-facture .services-facture-list {
    flex-direction: column;
    gap: 3rem;
  }
  .section-services-facture .services-facture-list .service-facture-item {
    flex: 1 1 100%;
    padding: 0;
  }
  .section-services-facture .services-facture-list .service-facture-item .service-icon img {
    width: 60px;
    height: 60px;
  }
  .section-services-facture .services-facture-list .service-facture-item .service-description {
    font-size: 1.6rem;
  }
  .section-services-facture .services-facture-list .service-facture-item::after {
    display: none;
  }
  .section-services-facture .services-facture-list .service-facture-item:not(:last-child)::after {
    content: "";
    display: block;
    position: static;
    width: 60%;
    height: 1px;
    background-color: black;
    margin: 3rem auto 0;
  }
  .section-cartes-solutions {
    padding: 4rem 0;
  }
  .section-cartes-solutions .wrap {
    padding: 0 1.5rem;
  }
  .section-cartes-solutions .wrap .section-header h2 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .section-cartes-solutions .wrap .solutions-list {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item {
    padding: 2rem;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item .solution-icon img {
    width: 80px;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item .solution-title {
    font-size: 1.6rem;
    line-height: 1.8rem;
    letter-spacing: 1px;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item .solution-description p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item:first-child .solution-title {
    font-size: 1.8rem;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item:first-child .solution-icon img {
    width: 100px;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item:first-child .btn-cde-primary {
    font-size: 1.8rem;
    padding: 1.2rem 2rem 0.8rem;
  }
  .section-cartes-solutions .wrap .solutions-list .solution-item:nth-child(4) .solution-icon img {
    width: 80px;
  }
  .section-solutions-image {
    padding: 4rem 0;
  }
  .section-solutions-image .wrap {
    gap: 3rem;
    padding: 0 1.5rem;
  }
  .section-solutions-image .wrap .col-left h2 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .section-actualite {
    padding: 4rem 0 12rem;
  }
  .section-actualite .title {
    font-size: 3rem;
    line-height: 3.5rem;
    margin-bottom: 2rem;
  }
  .section-actualite .article .image-article {
    height: 25vh;
  }
  .section-actualite .article .contenu-article {
    padding: 1.5rem;
  }
  .section-actualite .article .contenu-article .date-article {
    font-size: 1.6rem;
  }
  .section-actualite .article .contenu-article .title-article {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
  .section-actualite .article .contenu-article .btn-cde-primary {
    font-size: 1.4rem;
  }
  .section-actualite .owl-carousel .owl-nav {
    position: static;
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    gap: 2rem;
    left: auto;
    transform: none;
  }
  .section-actualite .owl-carousel .owl-nav button.owl-prev, .section-actualite .owl-carousel .owl-nav button.owl-next {
    position: static;
    transform: none;
    width: 40px;
    height: 40px;
  }
  .section-actualite .owl-carousel .owl-nav button.owl-prev img, .section-actualite .owl-carousel .owl-nav button.owl-next img {
    height: 12px;
  }
  .section-actualite .owl-carousel .owl-nav button.owl-prev img {
    transform: rotate(180deg);
  }
  .section-actualite .owl-carousel .owl-nav button.owl-next {
    right: auto;
  }
  .section-actualite .owl-carousel .owl-nav button.owl-prev {
    left: auto;
  }
  .section-visite-360 {
    padding: 10rem 0;
  }
  .section-visite-360 .wrap {
    flex-direction: column;
    gap: 3rem;
    padding: 0 1.5rem;
  }
  .section-visite-360 .wrap .col-left, .section-visite-360 .wrap .col-right {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .section-visite-360 .wrap .col-left .logo img, .section-visite-360 .wrap .col-right .logo img {
    max-width: 50%;
  }
  .section-visite-360 .wrap .col-left .description, .section-visite-360 .wrap .col-right .description {
    margin-bottom: 3rem;
  }
  .section-visite-360 .wrap .col-right .content-section .col-left img {
    min-height: 250px;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner {
    padding: 3rem 2rem;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner h2 {
    font-size: 3rem;
    line-height: 3.5rem;
    margin-bottom: 2rem;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner h3 {
    font-size: 1.8rem;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner .description {
    font-size: 1.6rem;
    margin-bottom: 3rem;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner .btn {
    font-size: 1.8rem;
    padding: 1.2rem 1.6rem 0.7rem;
  }
}
@media (max-width: 600px) {
  .header_breadcrumb {
    height: calc(50vh - 180px);
  }
  .header_breadcrumb .title_header_page h1.entry-title {
    font-size: 4rem;
    line-height: 4rem;
  }
  .content-area.standard .full-containt .block_title h2 {
    font-size: 2.6rem;
    text-align: center;
  }
  .content-area.standard .full-containt.block_light .block_title h2 {
    font-size: 4rem;
    line-height: 4rem;
    text-align: center;
  }
  .section-top .wrapper-cards {
    flex-direction: column;
  }
  .section-top .wrapper-cards .card {
    width: 100%;
    max-width: 400px;
  }
  .page-template-template-contact .urgence {
    flex-direction: column;
  }
  .page-template-template-contact .urgence p {
    font-size: 3.2rem;
  }
  .page-template-template-contact .section-top .wrapper-cards {
    grid-template-columns: repeat(1, 1fr);
  }
  .page-template-template-contact .accordion .accordion-item .accordion-header {
    font-size: 1.7rem;
  }
  .FlexBlocThird {
    grid-template-columns: repeat(1, 1fr);
  }
  .site-footer {
    padding: 20px 0;
  }
  .site-footer .wrap {
    padding: 0 1.5rem;
  }
  .site-footer .wrap #admin-navigation-footer {
    gap: 2rem;
  }
  .site-footer .wrap #admin-navigation-footer a .logo-footer {
    width: 150px;
    margin-bottom: 1.5rem;
  }
  .site-footer .wrap #admin-navigation-footer p {
    font-size: 1.4rem;
  }
  .site-footer .wrap #admin-navigation-footer .menu-footer a {
    font-size: 1.4rem;
  }
  .site-footer .wrap #admin-navigation-footer .social-links .numero-vert {
    width: 150px;
  }
  .site-footer .wrap #admin-navigation-footer .social-links .reseaux {
    flex-wrap: wrap;
    justify-content: center;
  }
  .site-footer .wrap #admin-navigation-footer .social-links .reseaux span {
    font-size: 1.3rem;
  }
  .site-footer .wrap #admin-navigation-footer .social-links .reseaux a img {
    width: 20px;
  }
  .site-footer .wrap .site-info {
    font-size: 1.2rem;
  }
}
@media (max-width: 500px) {
  .site-header .header-inner.wrap {
    padding: 1.5rem 2rem;
  }
  .site-header .header-inner.wrap .site-branding img {
    height: 45px;
  }
  .site-header .header-inner.wrap .burger-menu {
    width: 40px;
    height: 40px;
  }
  .site-header .header-inner.wrap .burger-menu::before, .site-header .header-inner.wrap .burger-menu::after {
    width: 24px;
  }
  .site-header .header-inner.wrap .main-header .header-right .search_top {
    width: 100%;
    margin-top: 1.5rem;
  }
  .site-header .header-inner.wrap .main-header .header-right .search_top form {
    flex-direction: column;
  }
  .site-header .header-inner.wrap .main-header .header-right .search_top form input {
    width: 100%;
    font-size: 1.5rem;
  }
  .site-header .header-inner.wrap .main-header .header-right .search_top form button {
    padding: 0;
    top: 26%;
    right: 3%;
    font-size: 1.8rem;
  }
  .section-visite-360 .wrap .col-left .logo img {
    max-width: 70%;
  }
  .section-visite-360 .wrap .col-left .description p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .section-visite-360 .wrap .col-left .btn {
    font-size: 1.4rem;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner {
    padding: 2rem;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner h2 {
    font-size: 2.8rem;
    line-height: 3.4rem;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner .description {
    font-size: 1.6rem;
  }
  .section-visite-360 .wrap .col-right .content-section .col-right .col-right-inner .btn {
    font-size: 1.4rem;
    padding: 1rem 1.6rem 0.6rem;
  }
}