/*Theme Name: INGENIERIE ET TRAVAUX Author: Team inventeam Version: 1.0 */
/***********************************************************************/

/* Styles */

body {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#HOME .title1 {
  font-family: Lato;
  color: #000;
  /* font-weight: bold !important; */
  padding: 15px 00px 00px 30px !important;
  font-size: 30px;
}

h1 {
  font-family: Lato;
  font-size: 40px;
  color: #000;
}

@media (max-width: 500px) {
  #HOME h1 {
    font-size: 30px;
  }
}

h2 {
  font-family: Lato;
  font-size: 35px;
  color: #000;
}

h3 {
  font-family: Lato;
  font-size: 20px;
  color: #000;
}

h4 {
  font-family: sans-serif;
  font-size: 00px;
  margin: 00px;
  padding: 00px;
}

h6,
h5,
p {
  font-family: Lato, sans-serif;
}

p {
  font-family: 'Lato';
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 1.2;
}

@media (max-width: 460px) {
  img {
    width: 100%;
    height: auto;
  }
}

/***********************************
Navbar
************************************/
.navbar-brand img {
  width: 275px;
}

@media (max-width: 500px) {
  .navbar-brand img {
    width: 150px;
  }
}

#mainNav {
  background-color: #fff !important;
}

@media (max-width: 460px) {
  #mainNav {
    padding: 10px;
  }
}

@media (min-width: 1200px) {
  #mainNav {
    height: 135px;
    -webkit-transition: height linear 0.1s;
    transition: height linear 0.1s;
    padding: 0;
    margin: 4px 0 0 0;
  }

  #mainNav.reduce {
    height: 80px !important;
    padding: 5px 0;
  }

  #mainNav #navbarCollapse {
    height: 100%;
  }

  #mainNav .container {
    padding: 0;
    height: 100%;
  }

  #mainNav .navbar-nav {
    height: 100% !important;
  }

  #mainNav .navbar-nav .nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    width: auto;
  }

  #mainNav .navbar-nav .nav-item a {
    height: auto;
  }

  #mainNav .navbar-nav li {
    font-family: lato;
    font-weight: bold;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 120px;
    text-align: center;
  }

  #mainNav .navbar-nav li > .nav-link {
    display: inline-block;
    color: #333;
    text-transform: uppercase;
    -webkit-transition: background-color 0.2s, color 0.2s;
    transition: background-color 0.2s, color 0.2s;
  }

  #mainNav .navbar-nav li:hover {
    background-color: #eeeeee;
    color: #343a40;
  }

  #mainNav .navbar-nav li:focus {
    background-color: #eeeeee;
    color: #343a40;
  }

  #mainNav .navbar-nav li.current-menu-item,
  #mainNav .navbar-nav li.current-menu-ancestor {
    background-color: #eeeeee;
    color: #343a40;
  }

  #mainNav li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 1.2;
    color: #000 !important;
    height: 100%;
  }

  #mainNav #navbarCollapse {
    height: 100%;
  }

  #mainNav .container {
    padding: 0;
    height: 100%;
  }

  #mainNav .navbar-nav {
    height: 100% !important;
  }

  #mainNav .navbar-nav .nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    width: auto;
    position: relative;
  }

  #mainNav .navbar-nav .nav-item:hover .sub-menu {
    display: block;
  }

  #mainNav .navbar-nav .nav-item .sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    z-index: 1000000;
    display: none;
  }

  #mainNav .navbar-nav .nav-item .sub-menu li {
    background-color: #01a59a;
    padding: 10px 0;
    width: auto !important;
    transition: all ease 0.3s;
  }

  #mainNav .navbar-nav .nav-item .sub-menu li:hover {
    background-color: #a9cc72;
  }

  #mainNav .navbar-nav .nav-item .sub-menu li:hover a {
    color: #000 !important;
  }

  #mainNav .navbar-nav .nav-item .sub-menu li a {
    color: #fff !important;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
  }

  #mainNav .navbar-nav .nav-item a {
    height: auto;
  }

  #mainNav .navbar-nav .nav-item a.estimezVotreProjet {
    width: 180px;
  }

  #mainNav .navbar-brand img {
    width: 275px;
  }
}

/***********************************
CAROUSEL SLIDER
************************************/
#showcase {
  /*  margin-top: 108px;*/
}

@media (max-width: 1200px) {
  #showcase {
    /*margin-top: 100px;*/
    /*    margin-top: 68px;*/
  }
}

@media (max-width: 576px) {
  #showcase {
    /*margin-top: 56px;*/
    /*    margin-top: 24px;*/
  }
}

#showcase .carousel-item {
  height: 650px;
}

#showcase .carousel-item .container {
  position: relative;
}

#showcase .carousel-item .item {
  background-color: #fff;
  width: 550px;
  height: 190px;
  color: #000;
  position: absolute;
  text-transform: uppercase;
  top: -450px;
  left: 0;
  text-align: left !important;
}

@media (max-width: 768px) {
  #showcase .carousel-item .item {
    left: 0;
    width: 100%;
    display: block !important;
    height: auto;
  }
}

#showcase .carousel-item .item h1 {
  /* height: 70%; */
  height: auto;
  padding-top: 15px;
  padding-left: 30px;
  font-size: 35px;
  /* font-weight: 600; */
  color: #000;
}

#showcase .carousel-item .item h1 .bold {
  font-weight: 800;
}

@media (max-width: 448px) {
  #showcase .carousel-item .item h1 {
    font-size: 30px;
  }
}

#showcase .carousel-item .item h1 .bold {
  font-weight: bold;
}

#showcase .carousel-item .item p {
  background-color: #fff;
  margin: 0;
  height: 30%;
  color: #000;
  font-size: 16px;
  padding: 10px 10px 10px 30px;
  font-weight: 400;
  text-transform: none;
}

#showcase .carousel-image-1 {
  /*background: url("../img/acceuil/slide-travaux-renovation.jpg");*/
  background-size: cover;
}

#showcase .carousel-image-2 {
  /*background: url("../img/acceuil/slide-ingenierie-conseil.jpg");*/
  background-size: cover;
}

#showcase .carousel-item a {
  text-decoration: none;
  color: #000;
}

#showcase .carousel-item .link-devis {
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  position: relative;
  top: 50px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #01a59a;
  transition: color ease-in-out 0.3s;
}

#showcase .carousel-item .link-devis:hover {
  color: #fff;
}

/***********************************
SECTION 1 
************************************/
#section1 {
  margin: 60px 0;
}

#section1 .column {
  height: 250px;
}

#section1 .column > div {
  position: relative;
}

#section1 .column .link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 100;
}

#section1 .column2 h2,
#section1 .column3 h2,
#section1 .column4 h2 {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

#section1 .column2 .flaticon-rounded-building-shape {
  position: relative;
  top: -10px;
}

#section1 .column1 {
  background-color: #01a59a;
  border-right: 20px solid #fff;
  color: #fff;
  padding-top: 30px;
  padding-left: 30px;
}

@media (max-width: 1000px) {
  #section1 .column1 {
    border-right: 20px solid #01a59a;
  }
}

#section1 .column1 h3 {
  text-transform: uppercase;
  color: #fff;
  font-size: 35px;
  margin-bottom: 20px;
}

#section1 .column1 h3 .bold {
  font-weight: 600 !important;
}

#section1 .column2 {
  padding: 30px 20px 30px 20px;
}

#section1 .column2 > div h5 {
  margin-top: -30px;
}

#section1 .column3 {
  padding: 30px 20px 30px 20px;
}

#section1 .column4 {
  padding: 30px 20px 30px 20px;
}

#section1 .column2 {
  background-color: #eee;
}

#section1 .column2 h5 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}

#section1 .column2 h6 {
  text-transform: uppercase;
  font-size: 15px;
}

#section1 .column2 > div {
  border: 4px solid transparent;
  -webkit-transition: border linear 0.1s;
  transition: border linear 0.1s;
  height: 200px;
  margin-top: -5px;
  padding-left: 10px;
  position: relative;
}

#section1 .column2 > div:before,
#section1 .column2 > div:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 5px;
  background-color: #eee;
}

#section1 .column2 > div:before {
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#section1 .column2 > div:after {
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#section1 .column2 > div:hover {
  border: 4px solid #01a59a;
}

#section1 .column2 > div .icon {
  text-align: center;
  /* margin-bottom: 15px; */
}

#section1 .column2 > div .icon,
#section1 .column3 > div .icon,
#section1 .column4 > div .icon {
  margin-bottom: 15px;
  margin-top: 20px;
}

#section1 .column > div .icon img {
  width: 80px;
}

#section1 .column3 {
  background-color: #eee;
}

#section1 .column3 h5 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}

#section1 .column3 h6 {
  text-transform: uppercase;
  font-size: 15px;
}

#section1 .column3 > div {
  border: 4px solid transparent;
  -webkit-transition: border linear 0.1s;
  transition: border linear 0.1s;
  height: 200px;
  margin-top: -5px;
  padding-left: 10px;
  position: relative;
}

#section1 .column3 > div:before,
#section1 .column3 > div:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 5px;
  background-color: #eee;
}

#section1 .column3 > div:before {
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#section1 .column3 > div:after {
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#section1 .column3 > div:hover {
  border: 4px solid #01a59a;
}

#section1 .column3 > div .icon {
  text-align: center;
  /* margin-bottom: 15px; */
}

#section1 .column4 {
  background-color: #eee;
}

#section1 .column4 h5 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}

#section1 .column4 h6 {
  text-transform: uppercase;
  font-size: 15px;
}

#section1 .column4 > div {
  border: 4px solid transparent;
  -webkit-transition: border linear 0.1s;
  transition: border linear 0.1s;
  height: 200px;
  margin-top: -5px;
  padding-left: 10px;
  position: relative;
}

#section1 .column4 > div:before,
#section1 .column4 > div:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 5px;
  background-color: #eee;
}

#section1 .column4 > div:before {
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#section1 .column4 > div:after {
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#section1 .column4 > div:hover {
  border: 4px solid #01a59a;
}

#section1 .column4 > div .icon {
  text-align: center;
  /* margin-bottom: 15px; */
}

i.flaticon-rounded-building-shape:before,
i.flaticon-rounded-building-shape:after {
  font-size: 90px !important;
}

#section1 i[class^='flaticon-']:before,
[class*=' flaticon-']:before,
[class^='flaticon-']:after,
[class*=' flaticon-']:after {
  font-size: 70px;
  color: #01a59a;
  margin-left: 0;
}

#section1 i[class^='flaticon-']:before:first-child,
[class*=' flaticon-']:before:first-child,
[class^='flaticon-']:after:first-child,
[class*=' flaticon-']:after:first-child {
  font-size: 90px;
}

@media (max-width: 768px) {
  #section1 .icon h5 {
    text-align: center;
  }
}

/***********************************
SECTION 2 
************************************/
#section2 .head-title {
  margin-bottom: 45px;
  text-align: center;
}

.section-padding {
  padding-bottom: 30px;
}

.header-section {
  margin-bottom: 20px;
}

[class*=' imghvr-'] figcaption,
[class^='imghvr-'] figcaption {
  background-color: #5fcf80;
}

[class*=' imghvr-'],
[class^='imghvr-'] {
  background-color: #5fcf80;
  color: #fff;
}

.imghvr-fold-up figcaption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 !important;
  padding: 20px 0 !important;
}

.imghvr-fold-up figcaption ul {
  padding-left: 45px;
}

.imghvr-fold-up h4 {
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 25px;
}

.imghvr-fold-up ul li {
  list-style-type: circle;
}

.imghvr-fold-up .btn {
  display: block !important;
  color: #000;
  background: transparent;
  border-top: 1px solid #000;
  border-left: none;
  border-right: none;
  border-bottom: none;
  padding: 30px 20px 20px 10px;
  text-transform: uppercase;
  font-weight: 500;
}

.imghvr-fold-up img {
  height: 380px;
  width: 100%;
}

/***********************************
SECTION  3 
************************************/
#section3 {
  margin: 50px 0;
  background-color: #f2f3f5;
}

#section3 img {
  height: 450px;
  width: 100%;
}

@media (max-width: 460px) {
  #section3 img {
    width: 100%;
    height: auto;
  }
}

#section3 #bloc3_text {
  width: 450px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  #section3 #bloc3_text {
    width: 100%;
  }

  #section3 #bloc3_text h3 {
    font-size: 30px;
  }
}

#section3 #bloc3_text h3 {
  height: auto;
  display: inline-block;
  margin-bottom: 0;
  padding: 10px 30px;
  padding-top: 10px;
  font-size: 40px;
  width: 100%;
}

@media (max-width: 768px) {
  #section3 #bloc3_text h3 {
    height: auto;
  }
}

#section3 #bloc3_text h3 .bold {
  font-weight: bold;
}

@media (max-width: 460px) {
  #section3 #bloc3_text h3 .bold {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

#section3 #bloc3_text p {
  background-color: #01a59a;
  margin: 0;
  height: 30%;
  color: #fff;
  font-size: 13px;
  text-align: center;
  padding: 10px;
  font-weight: 400;
}

#section3 #bloc3_list {
  padding-left: 10px;
  margin-top: 30px;
}

#section3 #bloc3_list li {
  cursor: default;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: block;
  margin-bottom: 0;
  list-style-type: none;
  position: relative;
  padding-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: auto;
  /* 
    h5,
    p {
       line-height: 0;
    } */
}

#section3 #bloc3_list li p {
  display: none;
}

#section3 #bloc3_list li:hover,
#section3 #bloc3_list li.active {
  background-color: #fff;
}

#section3 #bloc3_list li:hover p,
#section3 #bloc3_list li.active p {
  display: block;
  margin: 0;
  line-height: 1.2;
  font-size: 14px;
}

#section3 #bloc3_list li:hover h5,
#section3 #bloc3_list li.active h5 {
  font-weight: bold;
  margin-bottom: 5px;
}

#section3 #bloc3_list li:hover:before,
#section3 #bloc3_list li.active:before {
  background-color: #01a59a;
}

#section3 #bloc3_list li:first-child {
  height: auto;
}

#section3 #bloc3_list li:before {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 15px;
  left: 10px;
  background-color: #fff;
}

#section3 #bloc3_list li:first-child:before {
  top: 15px;
}

#section3 #bloc3_list li:first-child {
  margin-bottom: 10px;
}

#section3 #bloc3_list li:first-child h5 {
  margin-bottom: 5px;
}

#section3 #bloc3_list li:first-child p {
  margin: 0;
}

#bloc3_img {
  padding: 10px;
  padding-left: 30px;
}

#bloc3_text {
  position: relative;
  right: 100px;
  top: 30px;
}

@media (max-width: 768px) {
  #bloc3_text {
    position: static;
  }
}

#bloc3_text h3 {
  padding: 5px;
  background-color: #fff;
  font-size: 35px;
}

#bloc3_text p {
  padding: 5px;
  background-color: #01a59a;
}

#bloc3_list {
  position: relative;
  top: 20px;
  right: 10px;
  list-style-type: square;
}

@media (max-width: 460px) {
  #bloc3_list {
    position: static;
  }
}

#section3 .style-texte {
  line-height: 1.8;
  font-size: 15px;
  color: #333;
  word-break: break-word;
}

/***********************************
SECTION 4
************************************/
#section4 img {
  height: 450px;
  width: 100%;
}

@media (max-width: 460px) {
  #section4 img {
    width: 100%;
    height: auto;
  }
}

#section4 h3 {
  margin-bottom: 10px;
  font-size: 36px;
}

#section4 .bold {
  font-weight: bold;
}

#section4 .ord_list {
  margin-bottom: 50px;
}

#section4 .ord_list li {
  height: 25px;
  margin-bottom: 10px;
}

#section4 .devi {
  width: 275px;
  height: 45px;
  margin-left: 30px;
}

#section4 .devi:hover {
  cursor: pointer;
}

#section4 .ord_list2 li {
  list-style-type: none;
  height: 25px;
  margin-bottom: 10px;
}

#section4 .ord_list2 {
  margin-bottom: 50px;
}

.ord_list li {
  list-style: none;
  font-style: 15px;
}

.puce {
  color: #bbe879;
  font-weight: 30px;
  font-size: 40px;
  padding-right: 5px;
}

/***********************************
SECTION 5
************************************/
#section5 {
  margin-top: 30px;
}

#section5 #bloc1 {
  border-left: 10px solid #fff;
}

@media (max-width: 768px) {
  #section5 #bloc1 {
    border-left: none;
  }
}

#bloc5 {
  background-color: #bbe879;
  color: #fff;
  padding: 30px;
  border-left: 30px solid #fff;
}

#bloc5 h3 {
  color: #fff;
}

.devi {
  background-color: #01a59a;
  padding: 10px;
  margin: 10px;
  display: inline-block;
  width: 300px;
}

/*Triangle element*/
.devi {
  position: relative;
  padding-left: 15px;
}

.devi h5 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}

.devi:after {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 1;
  right: -40px;
  bottom: 0;
  border-top: 22px solid transparent;
  border-left: 11px solid #01a59a;
  border-bottom: 22px solid transparent;
}

/* ---------------------- */
/* SECTION 5 */
/* ---------------------- */
#section5 {
  margin: 60px 0;
}

#section5 .column {
  height: 250px;
}

#section5 .column1 {
  background-color: #a9cc72;
  border-left: 20px solid #fff;
  color: #fff;
  padding-top: 30px;
  padding-left: 30px;
}

#section5 .column1 a {
  text-decoration: none;
  color: #fff;
}

@media (max-width: 1000px) {
  #section5 .column1 {
    border-left: 20px solid #a9cc72;
  }
}

#section5 .column1 h3 {
  text-transform: uppercase;
  color: #fff;
  font-size: 35px;
  margin-bottom: 20px;
  font-weight: 600 !important;
}

#section5 .column2 {
  padding: 30px 20px 30px 20px;
}

#section5 .column2 > div h5 {
  margin-top: -30px;
}

#section5 .column3 {
  padding: 30px 20px 30px 20px;
}

#section5 .column4 {
  padding: 30px 20px 30px 20px;
}

#section5 .column2 {
  background-color: #eee;
}

#section5 .column2 h5 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}

#section5 .column2 h6 {
  text-transform: uppercase;
  font-size: 15px;
}

#section5 .column2 > div {
  border: 4px solid transparent;
  -webkit-transition: border linear 0.1s;
  transition: border linear 0.1s;
  height: 200px;
  margin-top: -5px;
  padding-left: 10px;
  position: relative;
}

#section5 .column2 > div:before,
#section5 .column2 > div:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 5px;
  background-color: #eee;
}

#section5 .column2 > div:before {
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#section5 .column2 > div:after {
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#section5 .column2 > div:hover {
  border: 4px solid #a9cc72;
}

#section5 .column2 > div .icon {
  text-align: center;
  margin-bottom: 15px;
}

#section5 .column3 {
  background-color: #eee;
}

#section5 .column3 h5 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}

#section5 .column3 h6 {
  text-transform: uppercase;
  font-size: 15px;
}

#section5 .column3 > div {
  border: 4px solid transparent;
  -webkit-transition: border linear 0.1s;
  transition: border linear 0.1s;
  height: 200px;
  margin-top: -5px;
  padding-left: 10px;
  position: relative;
}

#section5 .column3 > div:before,
#section5 .column3 > div:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 5px;
  background-color: #eee;
}

#section5 .column3 > div:before {
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#section5 .column3 > div:after {
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#section5 .column3 > div:hover {
  border: 4px solid #a9cc72;
}

#section5 .column3 > div .icon {
  text-align: center;
  margin-bottom: 15px;
}

#section5 .column4 {
  background-color: #eee;
}

#section5 .column4 h5 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}

#section5 .column4 h6 {
  text-transform: uppercase;
  font-size: 15px;
}

#section5 .column4 > div {
  border: 4px solid transparent;
  -webkit-transition: border linear 0.1s;
  transition: border linear 0.1s;
  height: 200px;
  margin-top: -5px;
  padding-left: 10px;
  position: relative;
}

#section5 .column4 > div:before,
#section5 .column4 > div:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 5px;
  background-color: #eee;
}

#section5 .column4 > div:before {
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#section5 .column4 > div:after {
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#section5 .column4 > div:hover {
  border: 4px solid #a9cc72;
}

#section5 .column4 > div .icon {
  text-align: center;
  margin-bottom: 15px;
}

#section5 i[class^='flaticon-']:before,
[class*=' flaticon-']:before,
[class^='flaticon-']:after,
[class*=' flaticon-']:after {
  font-size: 70px;
  color: #a9cc72;
  margin-left: 0;
}

#section5 i[class^='flaticon-']:before:first-child,
[class*=' flaticon-']:before:first-child,
[class^='flaticon-']:after:first-child,
[class*=' flaticon-']:after:first-child {
  font-size: 90px;
}

#footer .nav-footer {
  height: 100px;
  position: relative;
  top: 40px;
}

#footer .nav-footer .col-md-3.col-sm-12 {
  background-color: #01a59a;
  color: #fff;
  text-align: center;
  padding: 20px 30px;
  text-transform: uppercase;
}

#footer .nav-footer .col-md-3.col-sm-12 a {
  text-decoration: none;
  color: #fff;
}

#footer .nav-footer .col-md-3.col-sm-12 h3 {
  font-weight: 500;
  color: #fff;
}

#footer .nav-footer .col-md-3.col-sm-12 h3 div {
  font-size: 20px;
}

#footer .nav-footer .col-md-9.col-sm-12 {
  padding-top: 35px;
}

@media (max-width: 768px) {
  #footer .nav-footer .col-md-9.col-sm-12 {
    display: none;
  }
}

#footer .nav-footer .col-md-9.col-sm-12 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  margin: 0;
  padding: 0 20px;
}

#footer .nav-footer .col-md-9.col-sm-12 ul li {
  list-style-type: none;
}

#footer .nav-footer .col-md-9.col-sm-12 ul li a {
  color: #717274;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
}

@media screen and (max-width: 1000px) {
  #footer .nav-footer {
    padding-top: 0;
    position: static;
    height: auto;
  }

  #footer .nav-footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #footer .nav-footer ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
  }

  #footer .nav-footer ul li:hover {
    background-color: #eeeeee;
    color: #343a40;
  }
}

@media screen and (max-width: 768px) {
  #footer .nav-footer {
    padding-top: 0;
    position: static;
    height: auto;
  }

  #footer .nav-footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #footer .nav-footer ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
  }

  #footer .nav-footer ul li:last-child {
    margin: 0 auto;
    padding-bottom: 20px;
  }

  #footer .nav-footer ul li:hover {
    background-color: #eeeeee;
    color: #343a40;
  }
}

@media screen and (max-width: 500px) {
  #footer .nav-footer {
    padding-top: 0;
    position: static;
    height: auto;
  }

  #footer .nav-footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #footer .nav-footer ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
  }

  #footer .nav-footer ul li:hover {
    background-color: #eeeeee;
    color: #343a40;
  }
}

#footer .main-footer {
  background-color: #01a59a;
  height: auto;
  padding-top: 100px;
  padding-bottom: 5px;
}

#footer .main-footer .col-md-3.col-sm-12 h3 {
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 40px;
  font-weight: bold;
}

@media (max-width: 768px) {
  #footer .main-footer .col-md-3.col-sm-12 h3 {
    margin-bottom: 10px;
  }
}

#footer .main-footer .col-md-3.col-sm-12 p {
  color: #fff;
}

#footer .main-footer .col-md-3.col-sm-12:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

@media (max-width: 768px) {
  #footer .main-footer .col-md-3.col-sm-12 {
    margin-bottom: 10px;
  }
}

#footer .main-footer .col-md-3.col-sm-12 ul {
  color: #fff;
  padding-left: 20px;
}

#footer .main-footer .col-md-3.col-sm-12 ul li {
  list-style-type: none;
  margin-bottom: 10px;
  padding-right: 15px;
}

#footer .main-footer .col-md-3.col-sm-12 ul li.list-group-item {
  border: none !important;
}

#footer .main-footer .col-md-3.col-sm-12 ul li.list-group-item a {
  text-decoration: none;
  color: #fff;
}

#footer .main-footer .col-md-3.col-sm-12 ul li.list-group-item strong {
  display: block;
}

#footer .main-footer .separator {
  width: 100%;
  height: 1px;
  border: 1px solid #07777b;
  margin: 20px 0;
}

#footer .main-footer > .container > p {
  font-weight: 600;
  text-transform: capitalize;
}

@media (max-width: 1000px) {
  #footer .main-footer > .container > p {
    margin: 0;
  }
}

#footer .main-footer img {
  width: 100%;
}

@media (max-width: 1000px) {
  #footer .main-footer {
    height: auto;
    padding-top: 20px;
  }

  #footer .main-footer .col-md-3.col-sm-12 h3 {
    margin-bottom: 5px;
  }

  #footer .main-footer .col-md-3.col-sm-12 p {
    margin-bottom: 20px;
  }

  #footer .main-footer .separator {
    margin: 10px 0;
  }
}

#footer .main-footer .social-icons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

#footer .main-footer .social-icons i {
  text-decoration: none;
  color: #fff;
  font-size: 40px;
  margin-right: 10px;
}

#footer .main-footer .column-2 .list-group {
  padding: 0 !important;
  list-style-type: none !important;
}

#footer .main-footer .column-2 h3 {
  align-self: flex-start;
}

@media (max-width: 500px) {
  #footer .main-footer .column-3 {
    margin-top: 20px;
  }
}

#footer .main-footer h3 a {
  text-decoration: none !important;
  color: #000 !important;
}

#footer .main-footer .column-4 a {
  text-decoration: none !important;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}

.invt,
.invt:hover {
  text-decoration: none;
  color: #000;
}

#button_scroll_top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 70px;
  height: 70px;
  background-color: #f4f4f4;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 40px;
  text-decoration: none;
  color: #01a59a;
  z-index: 9999999999;
}

#button_scroll_top img {
  width: 45px;
}

#travauxRenovation #banner {
  /*margin-top: 140px;*/
  /*  margin-top: 108px;*/
  height: 600px;
}

@media (max-width: 1200px) {
  #travauxRenovation #banner {
    /*margin-top: 100px;*/
    /*    margin-top: 68px;*/
  }
}

@media (max-width: 576px) {
  #travauxRenovation #banner {
    /*margin-top: 56px;*/
    /*    margin-top: 24px;*/
  }
}

#travauxRenovation #banner .container {
  position: relative;
}

#travauxRenovation #banner .container .banner-item {
  background-color: #fff;
  width: 425px;
  height: auto;
  color: #000;
  position: absolute;
  text-transform: uppercase;
  top: 120px;
  left: 0;
  padding: 10px 0 0 0;
}

@media (max-width: 768px) {
  #travauxRenovation #banner .container .banner-item {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%;
    display: block !important;
  }
}

#travauxRenovation #banner .container .banner-item h3 {
  height: 70%;
  padding-top: 15px;
  padding-left: 20px;
  font-size: 40px;
  font-weight: 600;
  color: #000;
}

@media (max-width: 448px) {
  #travauxRenovation #banner .container .banner-item h3 {
    font-size: 30px;
  }
}

#travauxRenovation #banner .container .banner-item h3 .bold {
  font-weight: bold;
}

#travauxRenovation #banner .container .banner-item p {
  background-color: #01a59a;
  margin: 0;
  height: 30%;
  color: #fff;
  font-size: 13px;
  padding: 10px 10px 10px 20px;
  font-weight: 400;
}

#travauxRenovation #location {
  height: 50px;
  background-color: #eee;
}

#travauxRenovation #location .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#travauxRenovation #location .container span {
  color: #9a9a9a;
}

#travauxRenovation #description {
  margin-bottom: 100px;
}

#travauxRenovation #description .container h3 {
  margin: 50px 0;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  font-size: 35px;
}

#travauxRenovation #description .container h3 .bold {
  font-weight: 600 !important;
}

#travauxRenovation #description .container .row .description-item {
  height: 250px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  #travauxRenovation #description .container .row .description-item {
    padding-left: 0;
    padding-right: 0;
  }
}

#travauxRenovation #description .container .row .description-item-1 {
  padding-left: 0;
  padding-right: 10px;
}

#travauxRenovation #description .container .row .description-item-1-content {
  /*  background: url("../img/banner-travauxRenovation.jpg") no-repeat center center/cover;*/
  position: relative;
  height: 100%;
}

#travauxRenovation
  #description
  .container
  .row
  .description-item-1-content
  .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00a599;
  display: block;
  -webkit-transition: display ease 0.5s;
  transition: display ease 0.5s;
}

#travauxRenovation
  #description
  .container
  .row
  .description-item-1-content
  .overlay
  h3 {
  margin: 0;
  padding-top: 30px;
  padding-left: 25px;
  padding-right: 25px;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 0.6px;
  color: #fff;
  font-size: 30px;
  margin-bottom: 20px;
}

#travauxRenovation
  #description
  .container
  .row
  .description-item-1-content
  .overlay
  h3
  .bold {
  font-weight: 600 !important;
  margin: 0;
  padding: 0;
}

#travauxRenovation #description .container .row .description-item-2 {
  padding: 0 10px;
}

#travauxRenovation #description .container .row .description-item-2-content {
  /*background: url("../img/acceuil/inner-renovation.jpg") no-repeat center center/cover;*/
  position: relative;
  height: 100%;
}

#travauxRenovation
  #description
  .container
  .row
  .description-item-2-content
  .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00a599;
  display: none;
  -webkit-transition: display ease 0.5s;
  transition: display ease 0.5s;
}

#travauxRenovation
  #description
  .container
  .row
  .description-item-2-content
  .overlay
  h3 {
  margin: 0;
  padding-top: 30px;
  padding-left: 25px;
  padding-right: 25px;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 0.6px;
  color: #fff;
  font-size: 30px;
  margin-bottom: 20px;
}

#travauxRenovation
  #description
  .container
  .row
  .description-item-2-content
  .overlay
  h3
  .bold {
  font-weight: 600 !important;
  margin: 0;
  padding: 0;
}

#travauxRenovation #description .container .row .description-item-3 {
  padding-left: 10px;
}

#travauxRenovation #description .container .row .description-item-3-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border: 5px solid #00a599;
  position: relative;
  -webkit-transition: border ease 0.3s;
  transition: border ease 0.3s;
}

#travauxRenovation
  #description
  .container
  .row
  .description-item-3-content:before,
#travauxRenovation
  #description
  .container
  .row
  .description-item-3-content:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  width: 340px;
  height: 30px;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#travauxRenovation
  #description
  .container
  .row
  .description-item-3-content:before {
  top: -18px;
  background-color: #f9fbff;
}

#travauxRenovation
  #description
  .container
  .row
  .description-item-3-content:after {
  bottom: -18px;
  background-color: #f9fbff;
}

#travauxRenovation #description .container .row .description-item-3-content p {
  width: 75%;
  text-align: center;
  margin-top: 25px;
}

#travauxRenovation
  #description
  .container
  .row
  .description-item-3-content
  h6
  a {
  font-family: Lato, sans-serif;
  color: #00a599;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
  text-decoration: none;
}

@media (max-width: 500px) {
  #travauxRenovation
    #description
    .container
    .row
    .description-item-3-content
    h6
    a {
    font-size: 15px;
  }

  #travauxRenovation
    #description
    .container
    .row
    .description-item-3-content:before,
  #travauxRenovation
    #description
    .container
    .row
    .description-item-3-content:after {
    display: none;
  }

  #travauxRenovation #description .container .row .description-item-3-content {
    margin-top: 0;
  }

  #travauxRenovation #description .container .row .description-item-3 {
    margin-top: 20px;
    padding: 0;
  }
}

@media (max-width: 1000px) {
  #travauxRenovation #description .container .row .description-item-3-content {
    margin-top: 30px;
  }
}

#travauxRenovation #accompagnement {
  margin: 100px 0;
  padding: 40px 0;
}

@media (min-width: 768px) {
  #travauxRenovation #accompagnement {
    height: 590px;
  }
}

@media (max-width: 768px) {
  #travauxRenovation #accompagnement {
    height: auto;
  }
}

#travauxRenovation #accompagnement .container {
  height: 100%;
}

#travauxRenovation #accompagnement .container .row {
  height: 100%;
}

#travauxRenovation #accompagnement .container .row .accompagnement-item {
  height: 100%;
}

#travauxRenovation #accompagnement .container .row .accompagnement-item-1 {
  /*background: url("../img/accompagnement.jpg") no-repeat center center/cover;*/
}

@media (max-width: 768px) {
  #travauxRenovation #accompagnement .container .row .accompagnement-item-1 {
    height: 500px;
  }
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_text {
  width: 550px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  #travauxRenovation
    #accompagnement
    .container
    .row
    .accompagnement-item-2
    #bloc3_text {
    width: 100%;
  }

  #travauxRenovation
    #accompagnement
    .container
    .row
    .accompagnement-item-2
    #bloc3_text
    h3 {
    font-size: 35px;
  }
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_text
  h3 {
  height: 70px;
  display: inline-block;
  margin-bottom: 0;
  padding: 15px 30px;
  font-size: 35px;
  width: 100%;
}

@media (max-width: 768px) {
  #travauxRenovation
    #accompagnement
    .container
    .row
    .accompagnement-item-2
    #bloc3_text
    h3 {
    height: auto;
  }
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_text
  h3.bold {
  font-weight: bold;
}

@media (max-width: 460px) {
  #travauxRenovation
    #accompagnement
    .container
    .row
    .accompagnement-item-2
    #bloc3_text
    h3.bold {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_text
  p {
  background-color: #01a59a;
  margin: 0;
  height: 30%;
  color: #fff;
  font-size: 13px;
  text-align: left;
  padding: 10px 30px;
  font-weight: 400;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list {
  padding-left: 10px;
  margin-top: 30px;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li {
  cursor: default;
  padding: 10px 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: block;
  margin-bottom: 0;
  list-style-type: none;
  position: relative;
  padding-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: auto;
  /* 
                h5,
                p {
                   line-height: 0;
                } */
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li
  p {
  display: none;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li:hover,
#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li.active {
  background-color: #fff;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li:hover
  p,
#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li.active
  p {
  display: block;
  margin: 0;
  line-height: 1.2;
  font-size: 14px;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li:hover
  h5,
#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li.active
  h5 {
  font-weight: bold;
  margin-bottom: 5px;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li:hover:before,
#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li.active:before {
  background-color: #01a59a;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li:first-child {
  height: auto;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li:before {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 15px;
  left: 10px;
  background-color: #fff;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li:first-child:before {
  top: 15px;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li:first-child {
  margin-bottom: 10px;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li:first-child
  h5 {
  margin-bottom: 5px;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list
  li:first-child
  p {
  margin: 0;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_img {
  padding: 10px;
  padding-left: 30px;
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_text {
  position: relative;
  right: 130px;
  top: 14px;
}

@media (max-width: 768px) {
  #travauxRenovation
    #accompagnement
    .container
    .row
    .accompagnement-item-2
    #bloc3_text {
    position: static;
  }
}

#travauxRenovation
  #accompagnement
  .container
  .row
  .accompagnement-item-2
  #bloc3_list {
  position: relative;
  top: 20px;
  right: 10px;
  list-style-type: square;
}

@media (max-width: 460px) {
  #travauxRenovation
    #accompagnement
    .container
    .row
    .accompagnement-item-2
    #bloc3_list {
    position: static;
  }
}

@media (max-width: 1000px) {
  #travauxRenovation
    #accompagnement
    .container
    .row
    .accompagnement-item-2
    #bloc3_text,
  #travauxRenovation
    #accompagnement
    .container
    .row
    .accompagnement-item-2
    #bloc3_list {
    position: static;
  }

  #travauxRenovation
    #accompagnement
    .container
    .row
    .accompagnement-item-2
    #bloc3_text {
    width: auto;
  }

  #travauxRenovation
    #accompagnement
    .container
    .row
    .accompagnement-item-2
    #bloc3_text
    h3 {
    font-size: 28px;
  }
}

#travauxRenovation #travaux {
  margin-top: 100px;
}

#travauxRenovation #travaux .container .row {
  margin-bottom: 0;
}

#travauxRenovation #travaux .container .row .travaux-item {
  height: auto;
}

@media (max-width: 1000px) {
  #travauxRenovation #travaux .container .row .travaux-item {
    height: auto;
  }
}

#travauxRenovation #travaux .container .row .travaux-item-1 h1,
#travauxRenovation #travaux .container .row .travaux-item-7 h1 {
  color: #00a599;
  text-transform: uppercase;
}

#travauxRenovation #travaux .container .row .travaux-item-1 h1 .bold,
#travauxRenovation #travaux .container .row .travaux-item-7 h1 .bold {
  font-weight: bold;
}

#travauxRenovation #travaux .container .row .travaux-item-1 p,
#travauxRenovation #travaux .container .row .travaux-item-7 p {
  width: 95%;
}

#travauxRenovation #travaux .container .row .travaux-item-1 p.first,
#travauxRenovation #travaux .container .row .travaux-item-7 p.first {
  margin-bottom: 25px;
  margin-top: 50px;
}

#travauxRenovation #travaux .container .row .travaux-item-2,
#travauxRenovation #travaux .container .row .travaux-item-6 {
  /*background: url("../img/bathroom.jpg") no-repeat center center/cover;*/
}

#travauxRenovation #travaux .container .row .travaux-item-3 ul,
#travauxRenovation #travaux .container .row .travaux-item-8 ul {
  margin: 0;
  padding: 0;
  height: 100%;
}

#travauxRenovation #travaux .container .row .travaux-item-3 ul li,
#travauxRenovation #travaux .container .row .travaux-item-8 ul li {
  /*  height: 25%;*/
  padding: 15px 0;
  font-size: 20px;
  width: 100%;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  list-style-type: none;
  padding-left: 70px;
  font-weight: 500;
  background-color: #f8f9fa;
  position: relative;
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}

@media (max-width: 1000px) {
  #travauxRenovation
    #travaux
    .container
    .row
    .travaux-item-3
    ul
    li:nth-child(3),
  #travauxRenovation
    #travaux
    .container
    .row
    .travaux-item-8
    ul
    li:nth-child(3) {
    padding-top: 22px;
    padding-right: 80px;
  }

  #travauxRenovation #travaux .container .row .travaux-item-8 ul li {
    height: auto;
  }
}

@media (max-width: 768px) {
  #travauxRenovation #travaux .container .row .travaux-item-3 ul li,
  #travauxRenovation #travaux .container .row .travaux-item-8 ul li {
    padding: 20px;
  }

  #travauxRenovation #travaux .container .row .travaux-item-3 ul li,
  #travauxRenovation #travaux .container .row .travaux-item-8 ul li {
    height: auto;
  }
}

@media (max-width: 500px) {
  #travauxRenovation #travaux .container .row .travaux-item-3 ul li,
  #travauxRenovation #travaux .container .row .travaux-item-8 ul li {
    height: auto;
  }
}

#travauxRenovation #travaux .container .row .travaux-item-3 ul li:hover,
#travauxRenovation #travaux .container .row .travaux-item-3 ul li.active,
#travauxRenovation #travaux .container .row .travaux-item-8 ul li:hover,
#travauxRenovation #travaux .container .row .travaux-item-8 ul li.active {
  background-color: #00a599;
}

#travauxRenovation #travaux .container .row .travaux-item-3 ul li:after,
#travauxRenovation #travaux .container .row .travaux-item-8 ul li:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 12px 7px 0;
  border-color: transparent #f2f3f5 transparent transparent;
}

#travauxRenovation #travaux .container .row .travaux-item-4 p.first,
#travauxRenovation #travaux .container .row .travaux-item-9 p.first {
  margin-top: 30px;
}

#travauxRenovation #travaux .container .row .travaux-item-4,
#travauxRenovation #travaux .container .row .travaux-item-8 {
  min-height: 360px;
}

@media (max-width: 1000px) {
  #travauxRenovation #travaux .container .row .travaux-item-4,
  #travauxRenovation #travaux .container .row .travaux-item-8 {
    height: auto;
  }
}

@media (max-width: 768px) {
  #travauxRenovation #travaux .container .row .travaux-item-4,
  #travauxRenovation #travaux .container .row .travaux-item-8 {
    height: auto;
  }
}

@media (max-width: 500px) {
  #travauxRenovation #travaux .container .row .travaux-item-4,
  #travauxRenovation #travaux .container .row .travaux-item-8 {
    height: auto;
  }
}

#travauxRenovation #travaux .container .row .travaux-item-4 p,
#travauxRenovation #travaux .container .row .travaux-item-9 p {
  margin-left: 35px;
  font-weight: 400;
  width: 90%;
}

#travauxRenovation #travaux .container .row .travaux-item-3,
#travauxRenovation #travaux .container .row .travaux-item-4,
#travauxRenovation #travaux .container .row .travaux-item-8,
#travauxRenovation #travaux .container .row .travaux-item-9 {
  margin-top: 30px;
  margin-bottom: 30px;
}

#travauxRenovation #travaux .container .row .travaux-item-5 {
  margin: 10px 0 80px 0;
  text-align: center;
}

#travauxRenovation #travaux .container .row .travaux-item-5 blockquote {
  font-size: 35px;
  display: inline-block;
  color: #cacaca;
  font-style: italic;
  font-weight: 400;
  position: relative;
}

@media (max-width: 800px) {
  #travauxRenovation #travaux .container .row .travaux-item-5 blockquote {
    width: 80%;
  }
}

#travauxRenovation #travaux .container .row .travaux-item-5 blockquote:before {
  content: '\201c';
  position: absolute;
  top: -60px;
  left: -55px;
  font-size: 120px;
}

#travauxRenovation #travaux .container .row .travaux-item-5 blockquote:after {
  content: '\201d';
  position: absolute;
  top: -70px;
  right: -40px;
  font-size: 120px;
}

@media (max-width: 500px) {
  #travauxRenovation #travaux .container .row .travaux-item-5 blockquote {
    width: 75%;
  }

  #travauxRenovation #travaux .container .row .travaux-item-5 blockquote:after {
    right: -25px;
  }
}

#realisations #banner {
  /*margin-top: 140px;*/
  /*  margin-top: 108px;*/
  /*background: url("../img/acceuil/slide-travaux-renovation.jpg") no-repeat center center/cover;*/
  height: 600px;
}

@media (max-width: 1200px) {
  #realisations #banner {
    /*margin-top: 100px;*/
    /*    margin-top: 68px;*/
  }
}

@media (max-width: 576px) {
  #realisations #banner {
    /*margin-top: 56px;*/
    /*    margin-top: 24px;*/
  }
}

#realisations #banner .container {
  position: relative;
}

#realisations #banner .container .banner-item {
  background-color: #fff;
  width: 425px;
  height: auto;
  color: #000;
  position: absolute;
  text-transform: uppercase;
  top: 120px;
  left: 0;
  padding: 10px 0 0 0;
}

@media (max-width: 768px) {
  #realisations #banner .container .banner-item {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%;
    display: block !important;
  }
}

#realisations #banner .container .banner-item h1 {
  height: 70%;
  padding-top: 15px;
  padding-left: 20px;
  font-size: 40px;
  font-weight: 500;
  color: #000;
}

@media (max-width: 448px) {
  #realisations #banner .container .banner-item h1 {
    font-size: 30px;
  }
}

#realisations #banner .container .banner-item h1 .bold {
  font-weight: bold;
}

#realisations #banner .container .banner-item p {
  background-color: #01a59a;
  margin: 0;
  height: 30%;
  color: #fff;
  font-size: 13px;
  padding: 10px 10px 10px 20px;
  font-weight: 400;
}

#realisations #location {
  height: 50px;
  background-color: #eee;
}

#realisations #location .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#realisations #location .container span {
  color: #9a9a9a;
}

#realisations #renovation_complete_pavillon {
  margin: 50px 0;
}

#realisations #renovation_complete_pavillon h3 {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 50px;
  color: #000;
  text-transform: uppercase;
}

@media (max-width: 448px) {
  #realisations #renovation_complete_pavillon h3 {
    font-size: 30px;
  }
}

#realisations #renovation_complete_pavillon h3 .bold {
  font-weight: bold;
}

#realisations #renovation_complete_pavillon .renovation-complete-pavillon-item {
  height: 250px;
  background-color: #00a599;
  padding-top: 35px;
  padding-left: 30px;
}

#realisations
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item
  h4 {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
}

#realisations
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-1 {
  border-right: 10px solid #fff;
}

@media (max-width: 990px) {
  #realisations
    #renovation_complete_pavillon
    .renovation-complete-pavillon-item-1 {
    border-right: none;
  }
}

#realisations
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-1
  h4 {
  margin-bottom: 30px;
}

#realisations
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-2 {
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
}

@media (max-width: 990px) {
  #realisations
    #renovation_complete_pavillon
    .renovation-complete-pavillon-item-2 {
    border-left: none;
    border-right: 10px solid #fff;
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  #realisations
    #renovation_complete_pavillon
    .renovation-complete-pavillon-item-2 {
    border: none;
  }
}

#realisations
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-3 {
  border-left: 10px solid #fff;
}

@media (max-width: 990px) {
  #realisations
    #renovation_complete_pavillon
    .renovation-complete-pavillon-item-3 {
    border-left: 10px solid #fff;
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  #realisations
    #renovation_complete_pavillon
    .renovation-complete-pavillon-item-3 {
    border: none;
  }
}

#realisations
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-2
  h4,
#realisations
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-3
  h4 {
  margin-bottom: 25px;
}

#realisations
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-2
  p,
#realisations
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-3
  p {
  font-size: 30px;
}

#realisations #deroulement_temoignage {
  height: 680px;
  margin: 50px 0;
  padding: 65px 0;
  background-color: #f2f3f5;
}

@media (max-width: 1000px) {
  #realisations #deroulement_temoignage {
    height: auto;
  }
}

#realisations
  #deroulement_temoignage
  .deroulement_temoignage_item_1
  .carousel-control-next-icon,
#realisations
  #deroulement_temoignage
  .deroulement_temoignage_item_1
  .carousel-control-prev-icon {
  display: inline-block;
  width: 40px !important;
  height: 40px !important;
}

#realisations
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .deroulement {
  margin-bottom: 50px;
}

#realisations
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .deroulement
  h4,
#realisations
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .temoignage
  h4 {
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 45px;
}

#realisations
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .deroulement
  h4
  .bold,
#realisations
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .temoignage
  h4
  .bold {
  font-weight: bold;
}

#realisations
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .deroulement
  .first,
#realisations
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .temoignage
  .first {
  margin-bottom: 30px;
}

@media (max-width: 990px) {
  #realisations #deroulement_temoignage .deroulement_temoignage_item {
    margin-bottom: 25px;
  }
}

#projets {
  margin: 80px 0;
}

#projets .buttons .btn {
  text-transform: uppercase;
}

#projets .buttons .btn-1 {
  color: #58595b;
  padding: 20px 60px;
  background-color: #f2f3f5;
  -webkit-transition: background-color ease-in-out 0.5s;
  transition: background-color ease-in-out 0.5s;
}

#projets .buttons .btn-1:hover {
  background-color: #d5d8df;
}

#projets .buttons .btn-2 {
  padding: 20px 55px;
  color: #fff;
  background-color: #00a599;
  -webkit-transition: background-color ease-in-out 0.5s;
  transition: background-color ease-in-out 0.5s;
}

#projets .buttons .btn-2:hover {
  background-color: #00726a;
}

#projets .projets-grid {
  /*height: 1500px;*/
}

#guides #banner {
  /*margin-top: 140px;*/
  /*  margin-top: 108px;*/
  /*background: url("../img/acceuil/slide-travaux-renovation.jpg") no-repeat center center/cover;*/
  height: 600px;
}

@media (max-width: 1200px) {
  #guides #banner {
    /*margin-top: 100px;*/
    /*    margin-top: 68px;*/
  }
}

@media (max-width: 576px) {
  #guides #banner {
    /*margin-top: 56px;*/
    /*    margin-top: 24px;*/
  }
}

#guides #banner .container {
  position: relative;
}

#guides #banner .container .banner-item {
  background-color: #fff;
  width: 425px;
  height: auto;
  color: #000;
  position: absolute;
  text-transform: uppercase;
  top: 120px;
  left: 0;
  padding: 10px 0 0 0;
}

@media (max-width: 768px) {
  #guides #banner .container .banner-item {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%;
    display: block !important;
  }
}

#guides #banner .container .banner-item h3 {
  height: 70%;
  padding-top: 15px;
  padding-left: 20px;
  font-size: 40px;
  font-weight: 500;
  color: #000;
}

@media (max-width: 448px) {
  #guides #banner .container .banner-item h3 {
    font-size: 30px;
  }
}

#guides #banner .container .banner-item h3 .bold {
  font-weight: bold;
}

#guides #banner .container .banner-item h1 {
  height: 70%;
  padding-top: 15px;
  padding-left: 20px;
  font-size: 40px;
  font-weight: 500;
  color: #000;
}

@media (max-width: 448px) {
  #guides #banner .container .banner-item h1 {
    font-size: 30px;
  }
}

#guides #banner .container .banner-item h1 .bold {
  font-weight: bold;
}

#guides #banner .container .banner-item p {
  background-color: #a9cc70;
  margin: 0;
  height: 30%;
  color: #000;
  font-size: 13px;
  padding: 10px 10px 10px 20px;
  font-weight: 400;
}

#guides #location {
  height: 50px;
  background-color: #eee;
}

#guides #location .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#guides #location .container span {
  color: #9a9a9a;
}

#guides #guides-section-1 {
  min-height: 340px;
  margin: 50px 0;
}

@media (max-width: 1000px) {
  #guides #guides-section-1 {
    height: auto;
  }
}

#guides #guides-section-1 .guides-section-1-item-1 h1 {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 20px;
}

#guides #guides-section-1 .guides-section-1-item-1 h2 {
  margin-top: 20px;
  margin-bottom: 30px;
}

#guides #guides-section-1 .guides-section-1-item-1 h2 .bold {
  font-weight: bold;
}

#guides #guides-section-1 .guides-section-1-item-1 h1,
#guides #guides-section-1 .guides-section-1-item-1 .sec-color {
  color: #a9cc70;
}

#guides #guides-section-1 .guides-section-1-item-1 h1,
#guides #guides-section-1 .guides-section-1-item-1 h2 {
  text-transform: uppercase;
}

#guides #guides-section-1 .guides-section-1-item-1 p {
  width: 90%;
}

#guides #guides-section-1 .guides-section-1-item-1 p.first {
  margin-bottom: 30px;
}

#guides #guides-section-1 .guides-section-1-item-2 {
  /*background: url("../img/acceuil/travaux-renovation.jpg") no-repeat center center/cover;*/
}

#guides #guides-section-2 {
  min-height: 300px;
  margin-top: 25px;
  margin-bottom: 50px;
  background-color: #a9cc70;
}

.guides-section-999 {
  background-color: #a9cc70;
}

@media (max-width: 768px) {
  #guides #guides-section-2 {
    height: auto;
  }
}

#guides #guides-section-2 .container .row {
  background-color: #a9cc70;
  padding: 20px 15px;
}

#guides #guides-section-2 .container .row .guides-section-2-item-1 h1 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 25px;
  margin-top: 15px;
  margin-bottom: 30px;
}

#guides #guides-section-2 .container .row .guides-section-2-item-1 p {
  margin-bottom: 30px;
  width: 93%;
}

#guides
  #guides-section-2
  .container
  .row
  .guides-section-2-item-1
  p:last-child {
  margin-bottom: 0;
}

#guides #guides-section-2 .container .row .guides-section-2-item-2 {
  /*  background-color: #000;*/
}

#guides #guides-section-3 {
  margin: 50px 0;
}

#guides #guides-section-3 .container .row {
  padding: 20px 15px;
}

#guides #guides-section-3 .container .row .guides-section-3-item-1 {
  /*  background-color: #000;*/
  max-height: 960px;
}

#guides #guides-section-3 .container .row .guides-section-3-item-2 {
  padding-left: 30px;
}

#guides #guides-section-3 .container .row .guides-section-3-item-2 h1 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 25px;
  margin-top: 5px;
  margin-bottom: 30px;
}

#guides #guides-section-3 .container .row .guides-section-3-item-2 > ul {
  padding: 0;
}

#guides #guides-section-3 .container .row .guides-section-3-item-2 > ul li {
  line-height: 1.7;
}

#guides #guides-section-3 .container .row .guides-section-3-item-2 > ul > li {
  list-style-type: none;
  font-weight: 500;
}

#guides
  #guides-section-3
  .container
  .row
  .guides-section-3-item-2
  > ul
  > li
  .sub-ul {
  list-style-type: none;
}

#guides #guides-section-4 {
  margin-top: 100px;
  /*background-color: #01a59a;*/
}

#guides #guides-section-4 .container h1 {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
}

#guides #guides-section-4 .container h1 i {
  margin-right: 20px;
}

#guides #guides-section-4 .container h1 i[class^='flaticon-']:before,
#guides #guides-section-4 .container h1 i [class*=' flaticon-']:before,
#guides #guides-section-4 .container h1 i [class^='flaticon-']:after,
#guides #guides-section-4 .container h1 i [class*=' flaticon-']:after {
  font-size: 70px;
  color: #a9cc70;
  font-weight: normal;
}

#guides #guides-section-4 .container .guides-section-4-item {
  height: 250px;
}

#guides #guides-section-4 .container .guides-section-4-item-1 {
  border-right: 10px solid #fff;
}

#guides #guides-section-4 .container .guides-section-4-item-2 {
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
}

#guides #guides-section-4 .container .guides-section-4-item-3 {
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
}

#guides #guides-section-4 .container .guides-section-4-item-4 {
  border-left: 10px solid #fff;
}

@media (max-width: 990px) {
  #guides #guides-section-4 .container .guides-section-4-item {
    border: none;
    margin-bottom: 10px;
  }
}

#guides #guides-section-4 .container .guides-section-4-item-1,
#guides #guides-section-4 .container .guides-section-4-item-2,
#guides #guides-section-4 .container .guides-section-4-item-3 {
  background-color: #f2f3f5;
  padding-top: 30px;
  padding-left: 30px;
}

#guides #guides-section-4 .container .guides-section-4-item-1 h3,
#guides #guides-section-4 .container .guides-section-4-item-2 h3,
#guides #guides-section-4 .container .guides-section-4-item-3 h3 {
  color: #a9cc70;
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 20px;
}

#guides #guides-section-4 .container .guides-section-4-item-1 h4,
#guides #guides-section-4 .container .guides-section-4-item-2 h4,
#guides #guides-section-4 .container .guides-section-4-item-3 h4 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  width: 85%;
}

#guides #guides-section-4 .container .guides-section-4-item-4 {
  background-color: #a9cc70;
  color: #fff;
  padding-top: 30px;
  padding-left: 30px;
}

#guides #guides-section-4 .container .guides-section-4-item-4 h3 {
  text-transform: uppercase;
  color: #fff;
  font-size: 35px;
  margin-bottom: 20px;
  font-weight: 600 !important;
}

#guides #fake {
  height: 900px;
}

#apropos #banner {
  /*  margin-top: 108px;*/
  height: 600px;
}

@media (max-width: 1200px) {
  #apropos #banner {
    /*    margin-top: 68px;*/
  }
}

@media (max-width: 576px) {
  #apropos #banner {
    /*    margin-top: 24px;*/
  }
}

#apropos #banner .container {
  position: relative;
}

#apropos #banner .container .banner-item {
  background-color: #fff;
  width: 425px;
  height: auto;
  color: #000;
  position: absolute;
  text-transform: uppercase;
  top: 120px;
  left: 0;
  padding: 10px 0 0 0;
}

@media (max-width: 768px) {
  #apropos #banner .container .banner-item {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%;
    display: block !important;
  }
}

#apropos #banner .container .banner-item h3 {
  height: 70%;
  padding-top: 15px;
  padding-left: 20px;
  padding-bottom: 15px;
  font-size: 40px;
  font-weight: 600;
  color: #000;
}

@media (max-width: 448px) {
  #apropos #banner .container .banner-item h3 {
    font-size: 30px;
  }
}

#apropos #banner .container .banner-item h3 .bold {
  font-weight: bold;
}

#apropos #banner .container .banner-item p {
  background-color: #01a59a;
  margin: 0;
  height: 30%;
  color: #000;
  font-size: 13px;
  padding: 10px 10px 10px 20px;
  font-weight: 400;
}

#apropos #location {
  height: 50px;
  background-color: #eee;
}

#apropos #location .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#apropos #location .container span {
  color: #9a9a9a;
}

#apropos #qui-sommes-nous {
  margin: 50px 0;
}

#apropos #qui-sommes-nous .qui-sommes-nous-item {
  height: 280px;
}

@media (max-width: 500px) {
  #apropos #qui-sommes-nous .qui-sommes-nous-item {
    /*min-height: 350px;*/
    height: auto;
  }
}

#apropos #qui-sommes-nous .qui-sommes-nous-item-1 h1 {
  font-size: 40px;
  margin-bottom: 60px;
}

@media (max-width: 500px) {
  #apropos #qui-sommes-nous .qui-sommes-nous-item-1 h1 {
    text-align: center;
  }
}

#apropos #qui-sommes-nous .qui-sommes-nous-item-1 h1 .bold {
  font-weight: bold;
}

#apropos #qui-sommes-nous .qui-sommes-nous-item-1 h1,
#apropos #qui-sommes-nous .qui-sommes-nous-item-1 h5 {
  text-transform: uppercase;
}

#apropos #qui-sommes-nous .qui-sommes-nous-item-1 h5,
#apropos #qui-sommes-nous .qui-sommes-nous-item-1 p {
  color: #000;
}

#apropos #qui-sommes-nous .qui-sommes-nous-item-1 h5 {
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: 600;
}

#apropos #qui-sommes-nous .qui-sommes-nous-item-1 p {
  font-size: 16px;
  width: 97%;
}

#apropos #qui-sommes-nous .qui-sommes-nous-item-2 img {
  height: 100%;
  width: 100%;
}

@media (max-width: 550px) {
  #apropos #qui-sommes-nous .qui-sommes-nous-item-2 img {
    margin-top: 30px;
  }
}

#apropos #constat {
  background-color: #eee;
  padding: 35px 0 10px 0;
}

#apropos #constat p {
  font-size: 16px;
}

#apropos #constat h5 {
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: 600;
  text-transform: uppercase;
}

#apropos #constat .constat-item-1 ul {
  list-style-type: none;
}

#apropos #constat .constat-item-1 ul li {
  position: relative;
}

#apropos #constat .constat-item-1 ul li:before {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 8px;
  left: -20px;
  background-color: #fff;
}

#apropos #constat .constat-item-3 {
  margin: 30px 0 0 0;
  text-align: center;
}

#apropos #constat .constat-item-3 blockquote {
  font-size: 35px;
  display: inline-block;
  color: #cacaca;
  font-style: italic;
  font-weight: 400;
  position: relative;
}

@media (max-width: 800px) {
  #apropos #constat .constat-item-3 blockquote {
    width: 80%;
  }
}

#apropos #constat .constat-item-3 blockquote:before {
  content: '\201c';
  position: absolute;
  top: -60px;
  left: -55px;
  font-size: 120px;
}

#apropos #constat .constat-item-3 blockquote:after {
  content: '\201d';
  position: absolute;
  top: -55px;
  right: -45px;
  font-size: 120px;
}

@media (max-width: 500px) {
  #apropos #constat .constat-item-3 blockquote {
    width: 70%;
  }

  #apropos #constat .constat-item-3 blockquote:before {
    left: -75px;
  }

  #apropos #constat .constat-item-3 blockquote:after {
    right: -35px;
  }
}

#apropos #expertise {
  margin: 50px 0;
}

#apropos #expertise .expertise-item-1 {
  height: 645px;
}

@media (max-width: 1000px) {
  #apropos #expertise .expertise-item-1 {
    max-height: 400px;
    width: auto;
  }
}

@media (max-width: 768px) {
  #apropos #expertise .expertise-item-1 {
    max-height: 645px;
    width: auto;
  }
}

@media (max-width: 500px) {
  #apropos #expertise .expertise-item-1 {
    max-height: 500px;
    width: auto;
  }

  #apropos #expertise .expertise-item-1 img {
    height: auto;
    width: auto;
    -moz-object-fit: cover;
    -moz-object-position: bottom;
    -o-object-fit: cover;
    -o-object-position: bottom;
    -webkit-object-fit: cover;
    -webkit-object-position: bottom;
    object-fit: cover;
    object-position: bottom;
  }
}

#apropos #expertise .expertise-item-1 img {
  height: auto;
  width: 100%;
}

#apropos #expertise .expertise-item-2 h5 {
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: 600;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  #apropos #expertise .expertise-item-2 h5 {
    margin-top: 30px;
  }
}

#apropos #expertise .expertise-item-2 p {
  margin-bottom: 35px;
  font-size: 16px;
}

#apropos #expertise .expertise-item-2 ul {
  list-style-type: none;
  padding-left: 0;
  font-size: 16px;
}

#contact #banner {
  /*  margin-top: 108px;*/
  height: 600px;
}

@media (max-width: 1200px) {
  #contact #banner {
    /*    margin-top: 68px;*/
  }
}

@media (max-width: 576px) {
  #contact #banner {
    /*    margin-top: 24px;*/
  }
}

#contact #banner .container {
  position: relative;
}

#contact #banner .container .banner-item {
  background-color: #fff;
  width: 425px;
  height: auto;
  color: #000;
  position: absolute;
  text-transform: uppercase;
  top: 120px;
  left: 0;
  padding: 10px 0 0 0;
}

@media (max-width: 768px) {
  #contact #banner .container .banner-item {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%;
    display: block !important;
  }
}

#contact #banner .container .banner-item h3 {
  height: 70%;
  padding-top: 25px;
  padding-left: 20px;
  padding-bottom: 25px;
  font-size: 40px;
  font-weight: 500;
  color: #000;
}

@media (max-width: 448px) {
  #contact #banner .container .banner-item h3 {
    font-size: 30px;
  }
}

#contact #banner .container .banner-item h3 .bold {
  font-weight: bold;
}

#contact #banner .container .banner-item p {
  background-color: #01a59a;
  margin: 0;
  height: 30%;
  color: #fff;
  font-size: 13px;
  padding: 10px 10px 10px 20px;
  font-weight: 400;
}

#contact #location {
  height: 50px;
  background-color: #eee;
}

#contact #location .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#contact #location .container span {
  color: #9a9a9a;
}

#contact #coord_form {
  min-height: 500px;
  margin: 60px 0 100px 0;
}

#contact #coord_form .coord_form-item-1 h1 {
  font-size: 35px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

#contact #coord_form .coord_form-item-1 p {
  margin-bottom: 35px;
}

@media (max-width: 768px) {
  #contact #coord_form .coord_form-item-1 h1 {
    text-align: center;
  }
}

#contact #coord_form .coord_form-item-1 h1 .bold {
  font-weight: 600;
}

#contact #coord_form .coord_form-item-2,
#contact #coord_form .coord_form-item-3 {
  background-color: #eee;
  max-height: 500px;
}

#contact #coord_form .coord_form-item-2 {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#contact #coord_form .coord_form-item-2 h5 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}

@media (max-width: 768px) {
  #contact #coord_form .coord_form-item-2 h5 {
    text-align: center;
  }
}

@media (max-width: 600px) {
  #contact #coord_form .coord_form-item-2 h5 {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 50px;
  }
}

#contact #coord_form .coord_form-item-2 .infos {
  color: #000;
  width: 70%;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 30px;
  border: 3px solid #00a599;
  height: 175px;
  margin: 70px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative;
}

#contact #coord_form .coord_form-item-2 .infos p {
  width: 60%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  text-align: center;
}

@media (max-width: 600px) {
  #contact #coord_form .coord_form-item-2 .infos {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

@media (max-width: 500px) {
  #contact #coord_form .coord_form-item-2 .infos {
    width: 100%;
  }
}

#contact #coord_form .coord_form-item-2 .infos:before,
#contact #coord_form .coord_form-item-2 .infos:after {
  content: '';
  position: absolute;
  width: 165px;
  height: 5px;
  background-color: #eee;
}

#contact #coord_form .coord_form-item-2 .infos:before {
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#contact #coord_form .coord_form-item-2 .infos:after {
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#contact #coord_form .coord_form-item-2 img {
  width: 45%;
  align-self: flex-end;
}

@media (max-width: 600px) {
  #contact #coord_form .coord_form-item-2 img {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

#contact #coord_form .coord_form-item-3 {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
}

@media (max-width: 768px) {
  #contact #coord_form .coord_form-item-3 {
    padding: 20px;
  }
}

@media (max-width: 500px) {
  #contact #coord_form .coord_form-item-3 {
    padding: 5px;
  }
}

#contact #coord_form .coord_form-item-3 form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#contact #coord_form .coord_form-item-3 input {
  margin-bottom: 20px;
}

#contact #coord_form .coord_form-item-3 textarea {
  margin-bottom: 40px;
  height: 150px;
}

#contact #coord_form .coord_form-item-3 .btn {
  background-color: #00a599;
  padding: 20px 60px;
  color: #fff;
  text-transform: uppercase;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#contact #coord_form .coord_form-item-3 ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cbcbcb;
  text-transform: uppercase;
  opacity: 1;
  /* Firefox */
}

#contact #coord_form .coord_form-item-3 :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cbcbcb;
  text-transform: uppercase;
  opacity: 1;
  /* Firefox */
}

#contact #coord_form .coord_form-item-3 ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cbcbcb;
  text-transform: uppercase;
  opacity: 1;
  /* Firefox */
}

#contact #coord_form .coord_form-item-3 ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cbcbcb;
  text-transform: uppercase;
  opacity: 1;
  /* Firefox */
}

#contact #coord_form .coord_form-item-3 :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #cbcbcb;
  text-transform: uppercase;
}

#contact #coord_form .coord_form-item-3 ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #cbcbcb;
  text-transform: uppercase;
}

#ingenierie_et_conseil #banner {
  /*margin-top: 140px;*/
  /*  margin-top: 108px;*/
  /*background: url("../img/acceuil/slide-travaux-renovation.jpg") no-repeat center center/cover;*/
  height: 600px;
}

@media (max-width: 1200px) {
  #ingenierie_et_conseil #banner {
    /*margin-top: 100px;*/
    /*    margin-top: 68px;*/
  }
}

@media (max-width: 576px) {
  #ingenierie_et_conseil #banner {
    /*margin-top: 56px;*/
    /*    margin-top: 24px;*/
  }
}

#ingenierie_et_conseil #banner .container {
  position: relative;
}

#ingenierie_et_conseil #banner .container .banner-item {
  background-color: #fff;
  width: 425px;
  height: auto;
  color: #000;
  position: absolute;
  text-transform: uppercase;
  top: 120px;
  left: 0;
  padding: 10px 0 0 0;
}

@media (max-width: 768px) {
  #ingenierie_et_conseil #banner .container .banner-item {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%;
    display: block !important;
  }
}

#ingenierie_et_conseil #banner .container .banner-item h3 {
  height: 70%;
  padding-top: 15px;
  padding-left: 20px;
  font-size: 40px;
  font-weight: 500;
  color: #000;
}

@media (max-width: 448px) {
  #ingenierie_et_conseil #banner .container .banner-item h3 {
    font-size: 30px;
  }
}

#ingenierie_et_conseil #banner .container .banner-item h3 .bold {
  font-weight: bold;
}

#ingenierie_et_conseil #banner .container .banner-item p {
  background-color: #01a59a;
  margin: 0;
  height: 30%;
  color: #fff;
  font-size: 13px;
  padding: 10px 10px 10px 20px;
  font-weight: 400;
}

#ingenierie_et_conseil #location {
  height: 50px;
  background-color: #eee;
}

#ingenierie_et_conseil #location .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#ingenierie_et_conseil #location .container span {
  color: #9a9a9a;
}

#ingenierie_et_conseil #description {
  margin-bottom: 100px;
}

#ingenierie_et_conseil #description .container h3 {
  margin: 50px 0;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  font-size: 35px;
}

#ingenierie_et_conseil #description .container h3 .bold {
  font-weight: 600 !important;
}

#ingenierie_et_conseil #description .container .row .description-item {
  height: 250px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  #ingenierie_et_conseil #description .container .row .description-item {
    padding-left: 0;
    padding-right: 0;
  }
}

#ingenierie_et_conseil #description .container .row .description-item-1 {
  padding-left: 0;
  padding-right: 10px;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-1-content {
  /*  background: url("../img/banner#ingenierie_et_conseil.jpg") no-repeat center center/cover;*/
  position: relative;
  height: 100%;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-1-content
  .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00a599;
  display: block;
  -webkit-transition: display ease 0.5s;
  transition: display ease 0.5s;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-1-content
  .overlay
  h3 {
  margin: 0;
  padding-top: 30px;
  padding-left: 25px;
  padding-right: 25px;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 0.6px;
  color: #fff;
  font-size: 30px;
  margin-bottom: 20px;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-1-content
  .overlay
  h3
  .bold {
  font-weight: 600 !important;
  margin: 0;
  padding: 0;
}

#ingenierie_et_conseil #description .container .row .description-item-2 {
  padding: 0 10px;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-2-content {
  /*background: url("../img/acceuil/inner-renovation.jpg") no-repeat center center/cover;*/
  position: relative;
  height: 100%;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-2-content
  .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00a599;
  display: none;
  -webkit-transition: display ease 0.5s;
  transition: display ease 0.5s;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-2-content
  .overlay
  h3 {
  margin: 0;
  padding-top: 30px;
  padding-left: 25px;
  padding-right: 25px;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 0.6px;
  color: #fff;
  font-size: 30px;
  margin-bottom: 20px;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-2-content
  .overlay
  h3
  .bold {
  font-weight: 600 !important;
  margin: 0;
  padding: 0;
}

#ingenierie_et_conseil #description .container .row .description-item-3 {
  padding-left: 10px;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-3-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border: 5px solid #00a599;
  position: relative;
  -webkit-transition: border ease 0.3s;
  transition: border ease 0.3s;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-3-content:before,
#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-3-content:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  width: 340px;
  height: 30px;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-3-content:before {
  background-color: #f9fbff;
  top: -18px;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-3-content:after {
  background-color: #f9fbff;
  bottom: -18px;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-3-content
  p {
  width: 75%;
  text-align: center;
  margin-top: 45px;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-3-content
  h6 {
  font-family: Lato, sans-serif;
  color: #00a599;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
}

#ingenierie_et_conseil
  #description
  .container
  .row
  .description-item-3-content
  h6
  a {
  text-decoration: none;
  color: inherit;
}

@media (max-width: 1000px) {
  #ingenierie_et_conseil
    #description
    .container
    .row
    .description-item-3-content {
    margin-top: 30px;
  }
}

@media (max-width: 500px) {
  #ingenierie_et_conseil #description .container .row .description-item-3 {
    padding: 0;
  }
}

/***********************************
SECTION  3 
************************************/
#ingenierie_et_conseil #section3 {
  margin: 50px 0;
  background-color: #f2f3f5;
  padding: 45px 0;
  height: 430px;
}

@media (max-width: 1000px) {
  #ingenierie_et_conseil #section3 {
    padding: 20px 0;
    height: auto;
  }
}

#ingenierie_et_conseil #section3 img {
  height: 220px;
  width: 100%;
  -webkit-object-fit: cover;
  -webkit-object-position: 50% 100%;
  -o-object-fit: cover;
  -o-object-position: 50% 100%;
  -moz-object-fit: cover;
  -moz-object-position: 50% 100%;
  -ms-object-fit: cover;
  -ms-object-position: 50% 100%;
  object-fit: cover;
  object-position: 50% 100%;
}

@media (max-width: 460px) {
  #ingenierie_et_conseil #section3 img {
    width: 100%;
    height: auto;
  }
}

#ingenierie_et_conseil #section3 #bloc3_text {
  width: 450px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  #ingenierie_et_conseil #section3 #bloc3_text {
    width: 100%;
  }

  #ingenierie_et_conseil #section3 #bloc3_text h3 {
    font-size: 30px;
  }
}

#ingenierie_et_conseil #section3 #bloc3_text h3 {
  height: auto;
  display: inline-block;
  margin-bottom: 0;
  padding: 10px 30px;
  padding-top: 10px;
  font-size: 40px;
  width: 100%;
}

@media (max-width: 768px) {
  #ingenierie_et_conseil #section3 #bloc3_text h3 {
    height: auto;
  }
}

#ingenierie_et_conseil #section3 #bloc3_text h3 .bold {
  font-weight: bold;
}

@media (max-width: 460px) {
  #ingenierie_et_conseil #section3 #bloc3_text h3 .bold {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

#ingenierie_et_conseil #section3 #bloc3_text p {
  background-color: #01a59a;
  margin: 0;
  height: 30%;
  color: #fff;
  font-size: 13px;
  text-align: left;
  padding: 10px 10px 10px 30px;
  font-weight: 400;
}

#ingenierie_et_conseil #section3 #bloc3_list {
  padding-left: 10px;
  margin-top: 30px;
}

#ingenierie_et_conseil #section3 #bloc3_list li {
  cursor: default;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: block;
  margin-bottom: 0;
  list-style-type: none;
  position: relative;
  padding-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: auto;
  /* 
    h5,
    p {
       line-height: 0;
    } */
}

#ingenierie_et_conseil #section3 #bloc3_list li p {
  display: none;
}

#ingenierie_et_conseil #section3 #bloc3_list li:hover,
#ingenierie_et_conseil #section3 #bloc3_list li.active {
  background-color: #fff;
}

#ingenierie_et_conseil #section3 #bloc3_list li:hover p,
#ingenierie_et_conseil #section3 #bloc3_list li.active p {
  display: block;
  margin: 0;
  line-height: 1.2;
  font-size: 14px;
}

#ingenierie_et_conseil #section3 #bloc3_list li:hover h5,
#ingenierie_et_conseil #section3 #bloc3_list li.active h5 {
  font-weight: bold;
  margin-bottom: 5px;
}

#ingenierie_et_conseil #section3 #bloc3_list li:hover:before,
#ingenierie_et_conseil #section3 #bloc3_list li.active:before {
  background-color: #01a59a;
}

#ingenierie_et_conseil #section3 #bloc3_list li:first-child {
  height: auto;
}

#ingenierie_et_conseil #section3 #bloc3_list li:before {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 15px;
  left: 10px;
  background-color: #fff;
}

#ingenierie_et_conseil #section3 #bloc3_list li:first-child:before {
  top: 15px;
}

#ingenierie_et_conseil #section3 #bloc3_list li:first-child {
  margin-bottom: 10px;
}

#ingenierie_et_conseil #section3 #bloc3_list li:first-child h5 {
  margin-bottom: 5px;
}

#ingenierie_et_conseil #section3 #bloc3_list li:first-child p {
  margin: 0;
}

#ingenierie_et_conseil #section3 #bloc3_img {
  padding: 10px;
  padding-left: 30px;
}

#ingenierie_et_conseil #section3 #bloc3_text {
  position: relative;
  right: 100px;
  top: 30px;
}

@media (max-width: 768px) {
  #ingenierie_et_conseil #section3 #bloc3_text {
    position: static;
  }
}

#ingenierie_et_conseil #section3 #bloc3_text h3 {
  padding: 20px 30px;
  background-color: #fff;
  font-size: 35px;
}

#ingenierie_et_conseil #section3 #bloc3_text p {
  padding: 10px 5px 10px 30px;
  background-color: #01a59a;
}

#ingenierie_et_conseil #section3 #bloc3_list {
  position: relative;
  top: 20px;
  right: 10px;
  list-style-type: square;
}

@media (max-width: 460px) {
  #ingenierie_et_conseil #section3 #bloc3_list {
    position: static;
  }
}

#ingenierie_et_conseil #section3 .nos-missions {
  padding: 25px 0 0 25px;
}

#ingenierie_et_conseil #section3 .nos-missions h5 {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}

#ingenierie_et_conseil #travaux {
  margin-top: 100px;
}

#ingenierie_et_conseil #travaux .container .row {
  /*margin-bottom: 190px;*/
}

#ingenierie_et_conseil #travaux .container .row .travaux-item {
  /*  min-height: 323px;*/
  /*    min-height: 260px;*/
}

@media (max-width: 1000px) {
  #ingenierie_et_conseil #travaux .container .row .travaux-item {
    height: auto;
  }
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-1 h1,
#ingenierie_et_conseil #travaux .container .row .travaux-item-7 h1 {
  color: #00a599;
  text-transform: uppercase;
  font-size: 33px;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-1 h1 .bold,
#ingenierie_et_conseil #travaux .container .row .travaux-item-7 h1 .bold {
  font-weight: bold;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-1 p,
#ingenierie_et_conseil #travaux .container .row .travaux-item-7 p {
  width: 95%;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-1 p.first,
#ingenierie_et_conseil #travaux .container .row .travaux-item-7 p.first {
  margin-bottom: 25px;
  margin-top: 50px;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-2,
#ingenierie_et_conseil #travaux .container .row .travaux-item-6 {
  /*background: url("../img/bathroom.jpg") no-repeat center center/cover;*/
}

@media (max-width: 768px) {
  #ingenierie_et_conseil #travaux .container .row .travaux-item-6 {
    margin-bottom: 20px;
  }
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-3 ul,
#ingenierie_et_conseil #travaux .container .row .travaux-item-8 ul {
  margin: 0;
  padding: 0;
  height: 100%;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-3 ul li {
  height: 25%;
  padding-top: 15px;
  font-size: 15px;
  width: 100%;
  border-bottom: 1px solid #fff;
  list-style-type: none;
  padding-left: 70px;
  font-weight: 500;
  background-color: #f8f9fa;
  position: relative;
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}

@media (max-width: 1000px) {
  #ingenierie_et_conseil
    #travaux
    .container
    .row
    .travaux-item-3
    ul
    li:nth-child(3),
  #ingenierie_et_conseil
    #travaux
    .container
    .row
    .travaux-item-8
    ul
    li:nth-child(3) {
    padding-top: 22px;
    padding-right: 80px;
  }
}

@media (max-width: 768px) {
  #ingenierie_et_conseil #travaux .container .row .travaux-item-3 ul li,
  #ingenierie_et_conseil #travaux .container .row .travaux-item-8 ul li {
    padding: 20px;
  }
}

#ingenierie_et_conseil
  #travaux
  .container
  .row
  .tringenierie_et_conseilavaux-item-3
  ul
  li:hover,
# #travaux .container .row .travaux-item-3 ul li.active,
# #travaux .container .row .travaux-item-8 ul li:hover,
# #travaux .container .row .travaux-item-8 ul li.active {
  background-color: #00a599;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-3 ul li:after,
#ingenierie_et_conseil #travaux .container .row .travaux-item-8 ul li:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 12px 7px 0;
  border-color: transparent #f2f3f5 transparent transparent;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-4 p.first,
#ingenierie_et_conseil #travaux .container .row .travaux-item-9 p.first {
  margin-top: 30px;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-4 p,
#ingenierie_et_conseil #travaux .container .row .travaux-item-9 p {
  margin-left: 35px;
  font-weight: 400;
  width: 90%;
}

#ingenierie_et_conseil
  #travaux
  .containeringenierie_et_conseil
  .row
  .travaux-item-3,
# #travaux .container .row .travaux-item-4,
# #travaux .container .row .travaux-item-8,
# #travaux .container .row .travaux-item-9 {
  margin-top: 30px;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-5 {
  margin: 80px 0;
  text-align: center;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-5 blockquote {
  font-size: 35px;
  display: inline-block;
  color: #cacaca;
  font-style: italic;
  font-weight: 400;
  position: relative;
}

@media (max-width: 800px) {
  #ingenierie_et_conseil #travaux .container .row .travaux-item-5 blockquote {
    width: 80%;
  }
}

#ingenierie_et_conseil
  #travaux
  .container
  .row
  .travaux-item-5
  blockquote:before {
  content: '\201c';
  position: absolute;
  top: -60px;
  left: -55px;
  font-size: 120px;
}

#ingenierie_et_conseil
  #travaux
  .container
  .row
  .travaux-item-5
  blockquote:after {
  content: '\201d';
  position: absolute;
  top: -70px;
  right: -40px;
  font-size: 120px;
}

@media (max-width: 500px) {
  #ingenierie_et_conseil
    #travaux
    .container
    .row
    .travaux-item-5
    blockquote:after {
    right: -20px;
  }
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-10 {
  margin: 25px 0;
  background-color: #eee;
  height: 260px;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-10 .col-md-4 {
  border-right: 2px solid #fff;
}

#ingenierie_et_conseil
  #travaux
  .container
  .row
  .travaux-item-10
  .col-md-4:last-child {
  border: none;
}

@media (max-width: 768px) {
  #ingenierie_et_conseil #travaux .container .row .travaux-item-10 .col-md-4 {
    border: none;
  }
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-10 h6 {
  color: #00a599;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 30px;
  margin-left: 20px;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-10 ul {
  list-style-type: none;
  margin-top: 30px;
  margin-left: 50px;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-10 ul li {
  margin-bottom: 15px;
  position: relative;
  font-size: 16px;
  cursor: pointer;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-10 ul li:before {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 7px;
  left: -23px;
  background-color: #fff;
  transition: all 0.1s ease;
}

#ingenierie_et_conseil
  #travaux
  .container
  .row
  .travaux-item-10
  ul
  li:hover:before {
  background-color: #00a599;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  top: 4px;
}

@media (max-width: 1000px) {
  #ingenierie_et_conseil #travaux .container .row .travaux-item-10 {
    height: auto;
  }
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-6 {
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-3 ul,
#ingenierie_et_conseil #travaux .container .row .travaux-item-8 ul {
  margin: 0;
  padding: 0;
  height: 100%;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-3 ul li,
#ingenierie_et_conseil #travaux .container .row .travaux-item-8 ul li {
  /*  height: 25%;*/
  padding: 20px 0;
  font-size: 15px;
  width: 100%;
  border-bottom: 1px solid #fff;
  list-style-type: none;
  padding-left: 70px;
  font-weight: 500;
  background-color: #f8f9fa;
  position: relative;
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}

@media (max-width: 1000px) {
  #ingenierie_et_conseil
    #travaux
    .container
    .row
    .travaux-item-3
    ul
    li:nth-child(3),
  #ingenierie_et_conseil
    #travaux
    .container
    .row
    .travaux-item-8
    ul
    li:nth-child(3) {
    padding-top: 22px;
    padding-right: 80px;
  }
}

@media (max-width: 768px) {
  #ingenierie_et_conseil #travaux .container .row .travaux-item-3 ul li,
  #ingenierie_et_conseil #travaux .container .row .travaux-item-8 ul li {
    padding: 20px;
  }
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-3 ul li:hover,
#ingenierie_et_conseil #travaux .container .row .travaux-item-3 ul li.active,
#ingenierie_et_conseil #travaux .container .row .travaux-item-8 ul li:hover,
#ingenierie_et_conseil #travaux .container .row .travaux-item-8 ul li.active {
  background-color: #00a599;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-3 ul li:after,
#ingenierie_et_conseil #travaux .container .row .travaux-item-8 ul li:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 12px 7px 0;
  border-color: transparent #f2f3f5 transparent transparent;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-4 p.first,
#ingenierie_et_conseil #travaux .container .row .travaux-item-9 p.first {
  margin-top: 30px;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-4 p,
#ingenierie_et_conseil #travaux .container .row .travaux-item-9 p {
  margin-left: 35px;
  font-weight: 400;
  width: 90%;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-8,
#ingenierie_et_conseil #travaux .container .row .travaux-item-9 {
  margin-top: 40px;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  #ingenierie_et_conseil #travaux .container .row .travaux-item-8 {
    margin-bottom: 10px;
  }

  #ingenierie_et_conseil #travaux .container .row .travaux-item-8 ul li {
    padding: 20px 30px !important;
  }

  #ingenierie_et_conseil #travaux .container .row .travaux-item-8 ul {
    height: auto;
  }

  #ingenierie_et_conseil #travaux .container .row .travaux-item-7 .consiste_p {
    position: relative;
    top: 330px;
    z-index: 1;
  }
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-9 {
  padding: 30px;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-9 li {
  list-style-type: none;
  margin-bottom: 5px;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-9 li:before {
  content: '- ';
  padding-left: -5px;
  padding-bottom: 10px;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-8 ul li {
  /*  height: 25%;*/
  /*  padding-top: 20px;*/
  font-size: 20px;
  width: 100%;
  border-bottom: 1px solid #fff;
  list-style-type: none;
  padding-left: 70px;
  font-weight: 500;
  background-color: #f8f9fa;
  position: relative;
  -webkit-transition: background-color ease 0.3s;
  cursor: pointer;
  transition: background-color ease 0.3s;
}

#ingenierie_et_conseil #travaux .container .row .travaux-item-8 ul li:hover {
  color: #fff;
}

#archive-projet {
  margin: 0 0 100px 0;
}

#archive-projet #banner {
  /*margin-top: 140px;*/
  /*  margin-top: 108px;*/
  /*background: url("../img/acceuil/slide-travaux-renovation.jpg") no-repeat center center/cover;*/
  height: 600px;
}

@media (max-width: 1200px) {
  #archive-projet #banner {
    /*margin-top: 100px;*/
    /*    margin-top: 68px;*/
  }
}

@media (max-width: 576px) {
  #archive-projet #banner {
    /*margin-top: 56px;*/
    /*    margin-top: 24px;*/
  }
}

#archive-projet #banner .container {
  position: relative;
}

#archive-projet #banner .container .banner-item {
  background-color: #fff;
  width: 425px;
  height: auto;
  color: #000;
  position: absolute;
  text-transform: uppercase;
  top: 120px;
  left: 0;
  padding: 10px 0 0 0;
}

@media (max-width: 768px) {
  #archive-projet #banner .container .banner-item {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%;
    display: block !important;
  }
}

#archive-projet #banner .container .banner-item h1 {
  height: 70%;
  padding-top: 15px;
  padding-left: 20px;
  font-size: 40px;
  font-weight: 500;
  color: #000;
}

@media (max-width: 448px) {
  #archive-projet #banner .container .banner-item h1 {
    font-size: 30px;
  }
}

#archive-projet #banner .container .banner-item h1 .bold {
  font-weight: bold;
}

#archive-projet #banner .container .banner-item p {
  background-color: #01a59a;
  margin: 0;
  height: 30%;
  color: #fff;
  font-size: 13px;
  padding: 10px 10px 10px 20px;
  font-weight: 400;
}

#archive-projet #location {
  height: 50px;
  background-color: #eee;
}

#archive-projet #location .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#archive-projet #location .container span {
  color: #9a9a9a;
}

#archive-projet .projets {
  margin-top: 100px;
}

#archive-projet .items {
  -webkit-display: grid;
  -ms-display: grid;
  -moz-display: grid;
  -o-display: grid;
  display: grid;
  -webkit-grid-template-columns: repeat(3, 1fr);
  -ms-grid-template-columns: repeat(3, 1fr);
  -moz-grid-template-columns: repeat(3, 1fr);
  -o-grid-template-columns: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}

#archive-projet .item {
  position: relative;
  background: #01a59a;
  overflow: hidden;
}

#archive-projet .item .permalink-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1000;
}

#archive-projet .item .post-categories li a {
  color: #fff;
  margin-top: 30px;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
}

#archive-projet .item::after {
  content: '';
  position: absolute;
  display: block;
  background: inherit;
  opacity: 0.9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(2) translateX(-75%) translateY(-75%) rotate(-28deg);
  transition: transform 3s cubic-bezier(0.2, 1, 0.3, 1);
}

#archive-projet .item:hover:after {
  transform: scale(2) translateX(0) translateY(0) rotate(-28deg);
}

#archive-projet .item:hover .item-image {
  transform: scale(1.2);
}

#archive-projet .item:hover .item-text {
  opacity: 1;
  transform: translateY(0);
}

#archive-projet .item:hover .item-text a {
  text-decoration: none;
}

#archive-projet .item-image {
  height: auto;
  transform: translateZ(0);
  display: block;
  transition: transform 750ms cubic-bezier(0.2, 1, 0.3, 1);
}

#archive-projet .item-image:before {
  content: '';
  display: block;
  padding-top: 75%;
  overflow: hidden;
}

#archive-projet .item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  line-height: 0;
}

#archive-projet .item-text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  text-align: center;
  z-index: 1;
  color: #fff;
  transform: translateY(-20%);
  transition: opacity 500ms cubic-bezier(0.2, 1, 0.3, 1),
    transform 500ms cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 300ms;
}

#archive-projet .item-text-wrap {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

#archive-projet .item-text-title {
  font-size: 2rem;
  padding: 0 1rem;
  margin: 5px 0 0 0;
  color: #fff;
}

#archive-projet .item-text-category {
  text-transform: uppercase;
  font-size: 1.2rem;
  opacity: 0.9;
  margin: 0;
  color: #fff;
}

/*Single Projet*/
/********************************************/

#single-projet #banner {
  /*margin-top: 140px;*/
  /*  margin-top: 108px;*/
  /*background: url("../img/acceuil/slide-travaux-renovation.jpg") no-repeat center center/cover;*/
  height: 600px;
}

@media (max-width: 1200px) {
  #single-projet #banner {
    /*margin-top: 100px;*/
    /*    margin-top: 68px;*/
  }
}

@media (max-width: 576px) {
  #single-projet #banner {
    /*margin-top: 56px;*/
    /*    margin-top: 24px;*/
  }
}

#single-projet #banner .container {
  position: relative;
}

#single-projet #banner .container .banner-item {
  background-color: #fff;
  width: 425px;
  height: auto;
  color: #000;
  position: absolute;
  text-transform: uppercase;
  top: 120px;
  left: 0;
  padding: 10px 0 0 0;
}

@media (max-width: 768px) {
  #single-projet #banner .container .banner-item {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%;
    display: block !important;
  }
}

#single-projet #banner .container .banner-item h3 {
  height: 70%;
  padding-top: 15px;
  padding-left: 20px;
  font-size: 40px;
  font-weight: 500;
  color: #000;
}

@media (max-width: 448px) {
  #single-projet #banner .container .banner-item h3 {
    font-size: 30px;
  }
}

#single-projet #banner .container .banner-item h3 .bold {
  font-weight: bold;
}

#single-projet #banner .container .banner-item p {
  background-color: #01a59a;
  margin: 0;
  height: 30%;
  color: #fff;
  font-size: 13px;
  padding: 10px 10px 10px 20px;
  font-weight: 400;
}

#single-projet #location {
  height: 50px;
  background-color: #eee;
}

#single-projet #location .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#single-projet #location .container span {
  color: #9a9a9a;
}

#single-projet #renovation_complete_pavillon {
  margin: 50px 0;
}

#single-projet #renovation_complete_pavillon h1.title {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #000;
  text-transform: uppercase;
}

#single-projet #renovation_complete_pavillon .categorie {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
  margin-right: 10px;
  color: #000;
  text-transform: uppercase;
  display: inline-block;
}

#single-projet #renovation_complete_pavillon .post-categories {
  display: inline-block;
}

#single-projet #renovation_complete_pavillon .post-categories li {
  list-style: none;
  display: inline-block;
}

#single-projet #renovation_complete_pavillon .post-categories a {
  background-color: #000;
  color: #fff;
  border-radius: 20px;
  padding: 5px;
  font-size: 13px;
  text-decoration: none;
  cursor: default;
}

@media (max-width: 448px) {
  #single-projet #renovation_complete_pavillon h3 {
    font-size: 30px;
  }
}

#single-projet #renovation_complete_pavillon h3 .bold {
  font-weight: bold;
}

#single-projet
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item {
  height: auto;
  background-color: #00a599;
  padding-top: 35px;
  padding-left: 30px;
}

@media (max-width: 1000px) {
  #single-projet
    #renovation_complete_pavillon
    .renovation-complete-pavillon-item {
    height: auto;
  }
}

@media (max-width: 768px) {
  #single-projet
    #renovation_complete_pavillon
    .renovation-complete-pavillon-item {
    height: auto;
  }
}

@media (max-width: 500px) {
  #single-projet
    #renovation_complete_pavillon
    .renovation-complete-pavillon-item {
    height: auto;
  }
}

#single-projet
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item
  h4 {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
}

#single-projet
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-1 {
  border-right: 10px solid #fff;
}

@media (max-width: 990px) {
  #single-projet
    #renovation_complete_pavillon
    .renovation-complete-pavillon-item-1 {
    border-right: none;
  }
}

#single-projet
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-1
  h4 {
  margin-bottom: 30px;
}

#single-projet
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-2 {
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
}

@media (max-width: 990px) {
  #single-projet
    #renovation_complete_pavillon
    .renovation-complete-pavillon-item-2 {
    border-left: none;
    border-right: 10px solid #fff;
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  #single-projet
    #renovation_complete_pavillon
    .renovation-complete-pavillon-item-2 {
    border: none;
  }
}

#single-projet
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-3 {
  border-left: 10px solid #fff;
}

@media (max-width: 990px) {
  #single-projet
    #renovation_complete_pavillon
    .renovation-complete-pavillon-item-3 {
    border-left: 10px solid #fff;
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  #single-projet
    #renovation_complete_pavillon
    .renovation-complete-pavillon-item-3 {
    border: none;
  }
}

#single-projet
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-2
  h4,
#single-projet
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-3
  h4 {
  margin-bottom: 25px;
}

#single-projet
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-2
  p,
#single-projet
  #renovation_complete_pavillon
  .renovation-complete-pavillon-item-3
  p {
  font-size: 30px;
}

#single-projet #deroulement_temoignage {
  height: auto;
  margin: 50px 0;
  padding: 65px 0;
  background-color: #f2f3f5;
}

@media (max-width: 1000px) {
  #single-projet #deroulement_temoignage {
    height: auto;
  }
}

#single-projet
  #deroulement_temoignage
  .deroulement_temoignage_item_1
  .carousel-control-next-icon,
#single-projet
  #deroulement_temoignage
  .deroulement_temoignage_item_1
  .carousel-control-prev-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
}

#single-projet
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .deroulement {
  margin-bottom: 50px;
}

#single-projet
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .deroulement
  h4,
#single-projet
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .temoignage
  h4 {
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 45px;
}

#single-projet
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .deroulement
  h4
  .bold,
#single-projet
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .temoignage
  h4
  .bold {
  font-weight: bold;
}

#single-projet
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .deroulement
  .first,
#single-projet
  #deroulement_temoignage
  .deroulement_temoignage_item_2
  .temoignage
  .first {
  margin-bottom: 30px;
}

@media (max-width: 990px) {
  #single-projet #deroulement_temoignage .deroulement_temoignage_item {
    margin-bottom: 25px;
  }
}

.imghvr-fold-up .excerpt {
  padding-left: 20px;
}

/****************************************/
/*Archive Guide*/
/****************************************/
#archive-guide {
  margin: 60px 0;
}

#archive-guide .items {
  -webkit-display: grid;
  -ms-display: grid;
  -moz-display: grid;
  -o-display: grid;
  display: grid;
  -webkit-grid-template-columns: repeat(3, 1fr);
  -ms-grid-template-columns: repeat(3, 1fr);
  -moz-grid-template-columns: repeat(3, 1fr);
  -o-grid-template-columns: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}

#archive-guide .item {
  position: relative;
  background: #a9cc70;
  overflow: hidden;
}

#archive-guide .item::after {
  content: '';
  position: absolute;
  display: block;
  background: inherit;
  opacity: 0.9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(2) translateX(-75%) translateY(-75%) rotate(-28deg);
  transition: transform 3s cubic-bezier(0.2, 1, 0.3, 1);
}

#archive-guide .item:hover:after {
  transform: scale(2) translateX(0) translateY(0) rotate(-28deg);
}

#archive-guide .item:hover .item-image {
  transform: scale(1.2);
}

#archive-guide .item:hover .item-text {
  opacity: 1;
  transform: translateY(0);
}

#archive-guide .item:hover .item-text a {
  text-decoration: none;
}

#archive-guide .item-image {
  height: auto;
  transform: translateZ(0);
  display: block;
  transition: transform 750ms cubic-bezier(0.2, 1, 0.3, 1);
}

#archive-guide .item-image:before {
  content: '';
  display: block;
  padding-top: 75%;
  overflow: hidden;
}

#archive-guide .item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  line-height: 0;
}

#archive-guide .item-text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  text-align: center;
  z-index: 1;
  color: #fff;
  transform: translateY(-20%);
  transition: opacity 500ms cubic-bezier(0.2, 1, 0.3, 1),
    transform 500ms cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 300ms;
}

#archive-guide .item-text-wrap {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

#archive-guide .item-text-title {
  font-size: 2rem;
  padding: 0 1rem;
  margin: 5px 0 0 0;
  color: #000;
}

#archive-guide .item-text-category {
  text-transform: uppercase;
  font-size: 1.3rem;
  opacity: 0.9;
  margin: 0;
  color: #111;
}

/**********************************************/
/*Single guide - afficher les trois derniers guides*/
/**********************************************/
#guides-section-4 {
  margin-bottom: 50px;
}

#guides-section-4 .items {
  -webkit-display: grid;
  -ms-display: grid;
  -moz-display: grid;
  -o-display: grid;
  display: grid;
  -webkit-grid-template-columns: repeat(3, 1fr);
  -ms-grid-template-columns: repeat(3, 1fr);
  -moz-grid-template-columns: repeat(3, 1fr);
  -o-grid-template-columns: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}

#guides-section-4 .item {
  position: relative;
  background: #a9cc70;
  overflow: hidden;
}

#guides-section-4 .item::after {
  content: '';
  position: absolute;
  display: block;
  background: inherit;
  opacity: 0.9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(2) translateX(-75%) translateY(-75%) rotate(-28deg);
  transition: transform 3s cubic-bezier(0.2, 1, 0.3, 1);
}

#guides-section-4 .item:hover:after {
  transform: scale(2) translateX(0) translateY(0) rotate(-28deg);
}

#guides-section-4 .item:hover .item-image {
  transform: scale(1.2);
}

#guides-section-4 .item:hover .item-text {
  opacity: 1;
  transform: translateY(0);
}

#guides-section-4 .item:hover .item-text a {
  text-decoration: none;
}

#guides-section-4 .item-image {
  height: auto;
  transform: translateZ(0);
  display: block;
  transition: transform 750ms cubic-bezier(0.2, 1, 0.3, 1);
}

#guides-section-4 .item-image:before {
  content: '';
  display: block;
  padding-top: 75%;
  overflow: hidden;
}

#guides-section-4 .item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  line-height: 0;
}

#guides-section-4 .item-text {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  text-align: center;
  z-index: 1;
  color: #fff;
  transform: translateY(-20%);
  transition: opacity 500ms cubic-bezier(0.2, 1, 0.3, 1),
    transform 500ms cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 300ms;
}

#guides-section-4 .item-text-wrap {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

#guides-section-4 .item-text-title {
  font-size: 1.5rem;
  padding: 0 1rem;
  margin: 5px 0 0 0;
  color: #000;
}

#guides-section-4 .item-text-category {
  text-transform: uppercase;
  font-size: 1rem;
  opacity: 0.9;
  margin: 0;
  color: #000;
}

.guides-section-999 .guides-section-3-item {
  /*  background-color: rgb(1, 165, 154);*/
  color: #000;
}

#section4 .listing .far {
  font-size: 45px;
  color: #01a59a;
}

#section4 .listing .fa-caret-square-right {
  margin-right: 10px;
}

#section4 .listing .fa-caret-square-left {
  margin-left: 10px;
}

#section4 .listing .text {
  font-size: 17px;
}

#section4 .listing .separator {
  border: 1px solid #01a59a;
  margin: 20px 0;
  height: 1px;
}

/*
#section4 .listing {
  height: 150px;
  cursor: default;
}

@media(max-width:768px) {
  #section4 .listing,
  #section4 #devi {
      margin-bottom: 30px;
  }
} 

#section4 .listing-item-1,
#section4 .listing-item-4 {
  background-color: #01A59A;
  transition:background-color ease 0.3s;
}

#section4 .listing-item-1:hover,
#section4 .listing-item-4:hover {
  background-color: #fff;
}

#section4 .listing-item-2,
#section4 .listing-item-3 {
  background-color: #fff;
  transition:background-color ease 0.3s;
}

#section4 .listing-item-2:hover,
#section4 .listing-item-3:hover {
  background-color: #01A59A;
}
*/
#section4 #devi,
#section4 #DEVIS2 #devi {
  align-self: center;
  background-color: #01a59a;
  padding: 20px 30px;
  border-radius: 30px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  #section4 #devi,
  #section4 #DEVIS2 #devi {
    margin-bottom: 20px;
  }
}

#section4 #devi,
#section4 #DEVIS2 #devi {
  align-self: flex-start;
  background-color: #01a59a;
  padding: 20px 30px;
  border-radius: 30px;
  text-transform: uppercase;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all ease 0.3s;
}

#section4 #devi:hover,
#section4 #DEVIS2 #devi:hover {
  background-color: transparent;
  border: 2px solid #01a59a;
  color: #000;
}

#section4 #devi:hover a h5,
#section4 #DEVIS2 #devi:hover a h5 {
  color: #000;
}

#section4 #devi a h5,
#section4 #DEVIS2 #devi a h5 {
  color: #fff;
  margin: 0;
  padding: 0;
}

.head-top {
  height: 40px;
  text-transform: uppercase;
  background-color: #fff;
}

.head-top .head-top-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  height: 100%;
}

.head-top .head-top-content a {
  background-color: #00a599;
  color: #fff;
  text-transform: uppercase;
  border: none;
  padding: 0 30px;
  margin-left: 10px;
  text-decoration: none;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
  transition: background-color ease 0.3s, color ease 0.3s;
}

.head-top .head-top-content a:hover {
  background-color: #a9cc72;
  color: #000;
}

.head-top .head-top-content p {
  font-size: 12px;
  font-weight: bold;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
}

@media (max-width: 768px) {
  .head-top .head-top-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .head-top {
    height: 120px;
  }

  @media (max-width: 500px) {
    .head-top {
      height: auto;
    }
  }

  .head-top .head-top-content a {
    margin-left: 0;
    margin-bottom: 20px;
    border-radius: 5px;
  }

  .head-top .head-top-content p {
    margin-bottom: 0;
  }

  .head-top .head-top-content p,
  .head-top .head-top-content a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
  }
}

@media (max-width: 500px) {
  .head-top .head-top-content a {
    display: none;
  }
}

#section4 .listing {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

#section4 .listing .listing-item {
  height: 80px;
  background-color: #f2f3f5;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  margin-bottom: 1px;
}

#section4 .listing .listing-item .icon a,
#section4 .listing .listing-item .text a {
  color: #000 !important;
  text-decoration: none !important;
}

#section4 .listing .listing-item .icon {
  background-color: #00a599;
  height: 100%;
  width: 80px;
}

#section4 .listing .listing-item .text {
  text-transform: uppercase;
  font-size: 15px;
  padding-left: 20px;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: center;
}

#section4 .listing .listing-item .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

#section4 .listing .listing-item .icon img,
#section4 .listing .listing-item .icon i {
  width: 40px;
  height: 40px;
}

#section4 .listing .listing-item .icon i {
  text-align: center;
}

#section4 .listing .listing-item .icon i[class^='flaticon-']:before,
#section4 .listing .listing-item .icon i[class*=' flaticon-']:before,
#section4 .listing .listing-item .icon i[class^='flaticon-']:after,
#section4 .listing .listing-item .icon i[class*=' flaticon-']:after {
  font-family: Flaticon;
  font-size: 50px !important;
  margin-left: -6px !important;
  line-height: 40px;
  color: #fff;
}

.section4-image-container-1,
.section4-image-container-2 {
  position: relative;
  text-decoration: none;
}

.section4-image-container-1 a,
.section4-image-container-2 a {
  position: absolute;
  background-color: #00a599;
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 15px;
  width: 200px;
  height: 45px;
  display: inline-block;
  text-align: center;
}

.section4-image-container-1 a:hover,
.section4-image-container-2 a:hover {
  text-decoration: none;
  color: #fff;
}

.section4-image-container-1 a {
  bottom: 20px;
  right: 40px;
}

.section4-image-container-2 a {
  bottom: 20px;
  left: 40px;
}

.main-footer .column-1 a {
  color: #fff;
  text-decoration: none;
}

.main-footer .column-1 a:hover {
  text-decoration: underline;
  color: #fff;
}

.footer-bottom {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}

.footer-bottom .icons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.footer-bottom .icons a {
  text-decoration: none;
}

.footer-bottom .icons img {
  width: 45px !important;
  height: 45px;
}

.footer-bottom .icons img:first-child {
  margin-right: 10px;
}

.main-footer .column-1 p {
  width: 85%;
}

.main-footer .column-2 p a {
  text-decoration: none;
  color: #fff;
  margin-bottom: 5px;
  display: inline-block;
}

.main-footer .column-3 p a {
  text-decoration: none;
  color: #fff;
  margin-bottom: 5px;
  display: inline-block;
}

.main-footer .column-3 .first {
  width: 87%;
}

.main-footer .column-4 .ddevi a {
  color: #fff !important;
}

.main-footer .column-4 .ddevi .grand {
  font-size: 25px !important;
}

#footer .main-footer .column-4 h3 a {
  color: #000 !important;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 40px;
  font-weight: bold;
}

#apropos #tableau .container .row .travaux-item-10 {
  margin: 25px 0;
  background-color: #eee;
  height: 285px;
}

#apropos #tableau .container .row .travaux-item-10 .col-md-4 {
  border-right: 2px solid #fff;
}

#apropos #tableau .container .row .travaux-item-10 .col-md-4:last-child {
  border: none;
}

@media (max-width: 768px) {
  #apropos #tableau .container .row .travaux-item-10 .col-md-4 {
    border: none;
  }
}

#apropos #tableau .container .row .travaux-item-10 h6 {
  color: #00a599;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 30px;
  margin-left: 20px;
}

#apropos #tableau .container .row .travaux-item-10 ul {
  list-style-type: none;
  margin-top: 30px;
  margin-left: 50px;
}

#apropos #tableau .container .row .travaux-item-10 ul li {
  margin-bottom: 15px;
  position: relative;
  font-size: 16px;
  cursor: pointer;
}

#apropos #tableau .container .row .travaux-item-10 ul li:before {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 7px;
  left: -23px;
  background-color: #fff;
  transition: all 0.1s ease;
}

#apropos #tableau .container .row .travaux-item-10 ul li:hover:before {
  background-color: #00a599;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  top: 4px;
}

@media (max-width: 1000px) {
  #apropos #tableau .container .row .travaux-item-10 {
    height: auto;
  }
}

.prestations-title {
  color: #00a599;
}

#ingenierie_et_conseil
  #travaux
  .container
  .row
  travaux-item-autres-prestations
  ul
  li {
  height: 25%;
  padding: 15px 0;
  font-size: 15px;
  width: 100%;
  border-bottom: 1px solid #fff;
  list-style-type: none;
  padding-left: 70px;
  font-weight: 500;
  background-color: #f8f9fa;
  position: relative;
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}

@media (max-width: 768px) {
  #section4 h3,
  #section4 p,
  #section4 .listing {
    margin-bottom: 20px;
  }

  #DEVIS2 h3 {
    margin-top: 30px;
  }
}

#tableau h5 .bold {
  font-weight: bold;
}

#single-page #banner {
  /*  margin-top: 108px;*/
  height: 600px;
}

@media (max-width: 1200px) {
  #single-page #banner {
    /*    margin-top: 68px;*/
  }
}

@media (max-width: 576px) {
  #single-page #banner {
    /*    margin-top: 24px;*/
  }
}

#single-page #banner .container {
  position: relative;
}

#single-page #banner .container .banner-item {
  background-color: #fff;
  width: 425px;
  height: auto;
  color: #000;
  position: absolute;
  text-transform: uppercase;
  top: 120px;
  left: 0;
  padding: 10px 0 0 0;
}

@media (max-width: 768px) {
  #single-page #banner .container .banner-item {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%;
    display: block !important;
  }
}

#single-page #banner .container .banner-item h3 {
  height: 70%;
  padding-top: 25px;
  padding-left: 20px;
  padding-bottom: 25px;
  font-size: 40px;
  font-weight: 500;
  color: #000;
}

@media (max-width: 448px) {
  #single-page #banner .container .banner-item h3 {
    font-size: 30px;
  }
}

#single-page #banner .container .banner-item h3 .bold {
  font-weight: bold;
}

#single-page #banner .container .banner-item p {
  background-color: #01a59a;
  margin: 0;
  height: 30%;
  color: #fff;
  font-size: 13px;
  padding: 10px 10px 10px 20px;
  font-weight: 400;
}

#single-page #location {
  height: 50px;
  background-color: #eee;
}

#single-page #location .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#single-page #location .container span {
  color: #9a9a9a;
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* PAGE TEST ACCUEIL */

#footer .keywords {
  margin: 50px 0;
}

#footer .keywords ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
}

@media (max-width: 500px) {
  #footer .keywords ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  #footer .keywords ul li,
  #footer .keywords ul .sep {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}

#footer .keywords ul li p {
  color: #000;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0;
}

#footer .keywords .sep {
  display: inline-block;
  width: 2px;
  margin: 0 10px;
  height: 30px;
  background-color: #000;
}

#form-express {
  margin: 60px 0;
}

section#form-express {
  padding: 60px 0;
  background-color: #eee;
}

section#form-express h1 {
  text-transform: uppercase;
  font-size: 25px;
  line-height: 1;
  margin-bottom: 10px;
}

@media (min-width: 501px) {
  section#form-express h1 {
    font-size: 32px;
  }
}

section#form-express p {
  font-size: 15px;
  line-height: 1.1;
  letter-spacing: 0px;
}

@media (min-width: 501px) {
  section#form-express p {
    padding-right: 100px;
    font-size: 15px;
    line-height: 20px;
    margin: 30px 0;
  }
}

section#form-express form > input {
  width: 100%;
}

section#form-express form input {
  display: block;
  border: 1px solid #000;
}

section#form-express form input::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  font-size: 10px;
  text-transform: uppercase;
  opacity: 1;
  /* Firefox */
}

section#form-express form input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  font-size: 10px;
  text-transform: uppercase;
  opacity: 1;
  /* Firefox */
}

section#form-express form input::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  font-size: 10px;
  text-transform: uppercase;
  opacity: 1;
  /* Firefox */
}

section#form-express form input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaa;
  font-size: 10px;
  text-transform: uppercase;
  opacity: 1;
  /* Firefox */
}

@media (min-width: 501px) {
  section#form-express form input::-webkit-input-placeholder {
    font-size: 15px;
  }

  section#form-express form input:-ms-input-placeholder {
    font-size: 15px;
  }

  section#form-express form input::-ms-input-placeholder {
    font-size: 15px;
  }

  section#form-express form input::placeholder {
    font-size: 15px;
  }
}

section#form-express form input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
  font-size: 10px;
  text-transform: uppercase;
}

@media (min-width: 501px) {
  section#form-express form input:-ms-input-placeholder {
    font-size: 15px;
  }
}

section#form-express form input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ccc;
  font-size: 10px;
  text-transform: uppercase;
}

@media (min-width: 501px) {
  section#form-express form input::-ms-input-placeholder {
    font-size: 15px;
  }
}

section#form-express form input[type='text'],
section#form-express form input[type='number'],
section#form-express form input[type='email'],
section#form-express form input[type='tel'] {
  padding: 10px 0 10px 35px;
}

section#form-express form input#adresse,
section#form-express form input[type='email'],
section#form-express form input[type='tel'] {
  margin-bottom: 10px;
}

section#form-express form .main-wrapper-checks {
  margin: 20px 0;
}

section#form-express form .input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

section#form-express form .input-wrapper-1 {
  margin-bottom: 10px;
  flex-wrap: wrap;
}

section#form-express form .input-wrapper-1 input[type='checkbox'] {
  margin-bottom: 5px;
}

section#form-express form .input-wrapper .input-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}

section#form-express form .input-wrapper .input-check input {
  margin-right: 5px;
}

section#form-express form .input-wrapper .input-check label {
  margin: 0;
  /* color: #999; */
  font-size: 15px;
  text-transform: uppercase;
}

section#form-express form .input-wrapper-budget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

section#form-express form .input-wrapper-budget #budgetmin,
section#form-express form .input-wrapper-budget #budgetmax {
  width: 49%;
}

section#form-express form button {
  border: 1px solid #000;
  width: 103%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 10px 0;
  background-color: #a9cc71;
  margin-top: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

@media (min-width: 501px) {
  section#form-express form button {
    font-size: 20px;
  }
}

#footer .keywords ul li {
  display: inline-block;
}

#footer .keywords ul .sep {
  margin-bottom: 10px;
}

#footer .keywords ul li p {
  font-size: 14px;
}

.page-id-177 .carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 40px !important;
  height: 40px !important;
}

#showcase .carousel-item .link-devis:hover {
  color: #00726a;
  background-color: #fff;
  border: #00726a;
}

#devis-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 5000;
  background-color: rgba(0, 0, 0, 0.8);
}

#devis-lightbox .devis-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
}

@media (max-width: 992px) {
  #devis-lightbox .devis-wrapper {
    flex-direction: column;
    padding: 0 20px;
  }
}

#devis-lightbox .devis-wrapper button {
  padding: 30px 70px;
  border: none;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
}

#devis-lightbox .devis-wrapper .fa-times {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  cursor: pointer;
}

#devis-lightbox .devis-wrapper button.devis-express {
  background-color: #00a599;
  color: white;
  margin-right: 30px;
}

@media (max-width: 992px) {
  #devis-lightbox .devis-wrapper button.devis-express {
    margin-bottom: 30px;
    margin-right: 0;
  }
}

#devis-lightbox .devis-wrapper button.devis-detaille {
  background-color: #a9cc72;
  color: #000;
}

#devis-express-icone {
  display: flex;
  justify-content: flex-start;
  margin-top: 60px;
}

@media (max-width: 767px) {
  #devis-express-icone {
    margin-bottom: 30px;
    justify-content: center;
  }
}

#devis-express-icone .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#devis-express-icone .wrapper {
  border: 4px solid #01a59a;
  -webkit-transition: border linear 0.1s;
  transition: border linear 0.1s;
  height: auto;
  margin-top: -5px;
  /* padding-left: 10px; */
  padding: 20px 40px;
  position: relative;
}

#devis-express-icone .wrapper:before,
#devis-express-icone .wrapper:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 5px;
  background-color: #eee;
}

#devis-express-icone .wrapper:before {
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#devis-express-icone .wrapper:after {
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* #devis-express-icone .wrapper:hover {
  border: 4px solid #01a59a;
} */

#devis-express-icone h2 {
  text-align: center;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 10px;
}

#devis-express-icone img {
  width: 60px;
}

#guide-link-bloc {
  position: absolute;
  top: 0;
  display: block;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
}