/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 12, 2016 */
@font-face {
  font-family: 'robotobold';
  src: url("../fonts/roboto-bold-webfont.woff2") format("woff2"), url("../fonts/roboto-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotolight';
  src: url("../fonts/roboto-light-webfont.woff2") format("woff2"), url("../fonts/roboto-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotoregular';
  src: url("../fonts/roboto-regular-webfont.woff2") format("woff2"), url("../fonts/roboto-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "piscines-futura";
  src: url("../fonts/piscines-futura.eot");
  src: url("../fonts/piscines-futura.eot?#iefix") format("embedded-opentype"), url("../fonts/piscines-futura.woff") format("woff"), url("../fonts/piscines-futura.ttf") format("truetype"), url("../fonts/piscines-futura.svg#piscines-futura") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 76, ../scss/screen.scss */
[data-icon]:before {
  font-family: "piscines-futura" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 89, ../scss/screen.scss */
[class^="icon-"]:before,
[class*=" icon-"]:before,
.technique .txt .details-tech ul li li:before,
#entretien .technique .txt .details-tech ul li:before {
  font-family: "piscines-futura" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 104, ../scss/screen.scss */
.icon-01:before {
  content: "\61";
}

/* line 107, ../scss/screen.scss */
.icon-02:before {
  content: "\62";
}

/* line 110, ../scss/screen.scss */
.icon-03:before {
  content: "\63";
}

/* line 113, ../scss/screen.scss */
.icon-04:before {
  content: "\64";
}

/* line 116, ../scss/screen.scss */
.icon-05:before {
  content: "\65";
}

/* line 119, ../scss/screen.scss */
.icon-06:before {
  content: "\66";
}

/* line 122, ../scss/screen.scss */
.icon-07:before {
  content: "\67";
}

/* line 125, ../scss/screen.scss */
.icon-08:before {
  content: "\68";
}

/* line 128, ../scss/screen.scss */
.icon-11:before {
  content: "\69";
}

/* line 131, ../scss/screen.scss */
.icon-10:before {
  content: "\6a";
}

/* line 134, ../scss/screen.scss */
.icon-09:before {
  content: "\6b";
}

/* line 139, ../scss/screen.scss */
html, body {
  height: 100%;
}

/* line 143, ../scss/screen.scss */
body {
  font-size: 20px;
  font-family: 'cantarellregular' , Tahoma, Verdana, Segoe, sans-serif;
  color: #fff;
  line-height: 25px;
}

/* line 150, ../scss/screen.scss */
.wrapper {
  position: relative;
  min-height: 100%;
  height: 1px;
}

/* line 156, ../scss/screen.scss */
section {
  position: relative;
}

/* line 160, ../scss/screen.scss */
a, a:hover, a:visited, a:active, a:focus {
  text-decoration: none;
  color: #fff;
}

/* line 165, ../scss/screen.scss */
h1 {
  font-family: 'robotoregular' , Tahoma, Verdana, Segoe, sans-serif;
  font-size: 30px;
  line-height: 33px;
}

/* line 171, ../scss/screen.scss */
h2 {
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  font-size: 30px;
  line-height: 33px;
}

/* line 177, ../scss/screen.scss */
h3 {
  font-family: 'robotobold' , Tahoma, Verdana, Segoe, sans-serif;
  font-size: 30px;
  line-height: 33px;
}

/* line 183, ../scss/screen.scss */
h4 {
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  font-size: 25px;
  line-height: 28px;
}

/* line 189, ../scss/screen.scss */
h5 {
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  font-size: 20px;
  line-height: 23px;
}

/* line 195, ../scss/screen.scss */
h6 {
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  font-size: 25px;
  line-height: 28px;
}

/* line 202, ../scss/screen.scss */
ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 208, ../scss/screen.scss */
.cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* line 216, ../scss/screen.scss */
.alert .list-error {
  font-size: 14px;
}

/* line 221, ../scss/screen.scss */
.col-md-3-2 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

/* line 229, ../scss/screen.scss */
.btn {
  white-space: normal;
}

/*header*/
/* line 236, ../scss/screen.scss */
header {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}
/* line 244, ../scss/screen.scss */
header:before {
  display: block !important;
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(22, 40, 111, 0.7);
}
/* line 255, ../scss/screen.scss */
header.mini {
  position: relative;
  margin-bottom: 10px;
}
/* line 260, ../scss/screen.scss */
header .rubrique {
  position: relative;
}
/* line 264, ../scss/screen.scss */
header .rubrique .ban-rubrique {
  max-height: 300px;
  overflow: hidden;
}
/* line 268, ../scss/screen.scss */
header .rubrique .ban-rubrique img {
  width: 100%;
}
/* line 275, ../scss/screen.scss */
header .navbar {
  margin-bottom: 0px;
}
/* line 280, ../scss/screen.scss */
header .navbar-default {
  background-color: transparent;
  border: 0px;
}
@media (max-width: 1199px) {
  /* line 284, ../scss/screen.scss */
  header .navbar-default .navbar-right {
    float: none !important;
  }
}
/* line 290, ../scss/screen.scss */
header .navbar-default .navbar-right ul {
  margin: 10px 0px;
}
@media (max-width: 767px) {
  /* line 294, ../scss/screen.scss */
  header .navbar-default .navbar-right .navbar-collapse {
    background-color: #16286f;
  }
}
/* line 307, ../scss/screen.scss */
header .navbar-default .navbar-right .navbar-nav li a {
  color: #fff;
  font-size: 16px;
  padding: 5px 10px;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 317, ../scss/screen.scss */
header .navbar-default .navbar-right .navbar-nav li:hover a, header .navbar-default .navbar-right .navbar-nav li.active a {
  color: #7fbfef;
  background-color: transparent;
}
/* line 322, ../scss/screen.scss */
header .navbar-default .navbar-right .navbar-nav li .glyphicon {
  top: -0px;
  font-size: 20px;
}
/* line 328, ../scss/screen.scss */
header .navbar-default .navbar-right .navbar-nav .glyphicon {
  top: 10px;
}
/* line 333, ../scss/screen.scss */
header .navbar-default .navbar-right .nav {
  display: inline-block;
  float: none;
}
/* line 346, ../scss/screen.scss */
header .navbar-default .navbar-header {
  padding: 0;
}
@media (min-width: 992px) {
  /* line 346, ../scss/screen.scss */
  header .navbar-default .navbar-header {
    margin-bottom: -50px;
  }
}
/* line 354, ../scss/screen.scss */
header .navbar-default .navbar-header .navbar-brand {
  height: auto;
}
/* line 356, ../scss/screen.scss */
header .navbar-default .navbar-header .navbar-brand img {
  width: 100%;
}
/* line 366, ../scss/screen.scss */
header .info {
  margin: 35px 0px 0px;
  color: #7fbfef;
}
/* line 370, ../scss/screen.scss */
header .info .tel {
  padding: 10px 15px 0px;
  margin-bottom: 15px;
  display: inline-block;
}
/* line 376, ../scss/screen.scss */
header .info .btn {
  border: 1px solid #7fbfef;
  border-radius: 0px;
  color: #7fbfef;
  padding: 10px;
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 21px;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 388, ../scss/screen.scss */
header .info .btn:hover {
  background-color: #7fbfef;
  color: #fff;
}
/* line 394, ../scss/screen.scss */
header .info .glyphicon {
  top: 4px;
  padding: 0px 10px;
}

/* line 406, ../scss/screen.scss */
.ban-rubrique {
  max-height: 300px;
  overflow: hidden;
}
/* line 410, ../scss/screen.scss */
.ban-rubrique img {
  width: 100%;
}

/*slide*/
/* line 421, ../scss/screen.scss */
#slide .ban-top {
  max-height: 800px;
  overflow: hidden;
}
/* line 425, ../scss/screen.scss */
#slide .ban-top img {
  width: 100%;
}
/* line 431, ../scss/screen.scss */
#slide .ban-top .slick-selection .slick-dots {
  bottom: 100px;
}
/* line 439, ../scss/screen.scss */
#slide .ban-top .slick-selection .slick-dots li button:before {
  color: #fff;
}
/* line 444, ../scss/screen.scss */
#slide .ban-top .slick-selection .slick-dots li .slick-active {
  opacity: 1;
  color: #7fbfef;
}

/* line 458, ../scss/screen.scss */
#prestations {
  margin-top: -100px;
  margin-bottom: 30px;
  padding: 0px 90px;
  width: 100%;
}
/* line 465, ../scss/screen.scss */
#prestations .item {
  padding: 0px 15px;
  display: block;
}
/* line 470, ../scss/screen.scss */
#prestations .item .hover {
  background-color: rgba(0, 0, 0, 0.5);
  top: 7px;
  right: 21px;
  left: 21px;
  bottom: 7px;
  position: absolute;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
/* line 481, ../scss/screen.scss */
#prestations .item .hover .vertical-centered {
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 10%;
  width: 80%;
}
/* line 488, ../scss/screen.scss */
#prestations .item .hover .title {
  top: 50%;
  font-size: 22px;
  line-height: 30px;
  display: block;
  padding: 15px;
  text-align: center;
  border: 1px solid transparent;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
@media (min-width: 1200px) {
  /* line 488, ../scss/screen.scss */
  #prestations .item .hover .title {
    font-size: 25px;
    line-height: 30px;
  }
}
/* line 513, ../scss/screen.scss */
#prestations .item .img {
  border: 7px solid #fff;
  position: absolute;
  top: 0px;
  right: 15px;
  left: 15px;
  bottom: 0px;
  overflow: hidden;
}
/* line 522, ../scss/screen.scss */
#prestations .item .img .animate {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
/* line 537, ../scss/screen.scss */
#prestations .item .btn {
  bottom: -10px;
  right: 0px;
  height: 45px;
  width: 45px;
  position: absolute;
  border-radius: 0px;
  border: 2px solid #fff;
  padding: 0px;
}
/* line 549, ../scss/screen.scss */
#prestations .item .btn .txt {
  font-size: 30px;
  text-align: center;
  color: #fff;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
}
/* line 560, ../scss/screen.scss */
#prestations .item:hover .hover {
  background-color: transparent;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
/* line 567, ../scss/screen.scss */
#prestations .item:hover .img .animate {
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
}
/* line 581, ../scss/screen.scss */
#prestations #presta3:hover .hover .title {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(131, 204, 198, 0.8);
}
/* line 586, ../scss/screen.scss */
#prestations #presta3 .txt {
  background-color: #83ccc6;
}
/* line 592, ../scss/screen.scss */
#prestations #presta4:hover .hover .title {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(165, 48, 151, 0.8);
}
/* line 597, ../scss/screen.scss */
#prestations #presta4 .txt {
  background-color: #a53097;
}
/* line 604, ../scss/screen.scss */
#prestations #presta5:hover .hover .title {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(99, 122, 193, 0.8);
}
/* line 609, ../scss/screen.scss */
#prestations #presta5 .txt {
  background-color: #637ac1;
}

/* line 616, ../scss/screen.scss */
.relative {
  position: relative;
}

/* line 620, ../scss/screen.scss */
#contenu {
  color: #878787;
  padding: 35px 15px;
}
/* line 626, ../scss/screen.scss */
#contenu a {
  color: inherit;
}
/* line 630, ../scss/screen.scss */
#contenu .txt {
  color: #878787;
  font-size: 15px;
  line-height: 18px;
}
/* line 635, ../scss/screen.scss */
#contenu .txt a {
  color: #7fbfef;
}
/* line 639, ../scss/screen.scss */
#contenu .txt .title {
  color: #16286f;
}

/* line 645, ../scss/screen.scss */
#realisations {
  padding: 10px 15px;
}
/* line 649, ../scss/screen.scss */
#realisations .creations {
  background-color: #637ac1;
  padding: 30px 5px;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  margin: 0;
  position: absolute;
  bottom: 0;
  display: block;
}
/* line 665, ../scss/screen.scss */
#realisations .constructeur {
  padding: 0px 0px 20px 20px;
  margin: 0;
}
/* line 670, ../scss/screen.scss */
#realisations .constructeur .txt {
  background-color: #16286f;
  color: #7fbfef;
  font-size: 30px;
  line-height: 36px;
  text-align: left;
  padding: 25px 35px;
}
/* line 678, ../scss/screen.scss */
#realisations .constructeur .txt .btn {
  background-color: #7fbfef;
  padding: 10px 35px;
  margin-top: 15px;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  border-radius: 0px;
  margin: 15px 0px 0px;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 692, ../scss/screen.scss */
#realisations .constructeur .txt .btn:hover {
  background-color: #fff;
  color: #7fbfef;
}
/* line 697, ../scss/screen.scss */
#realisations .constructeur .txt .btn .glyphicon {
  padding: 0px 10px;
}
@media (max-width: 767px) {
  /* line 709, ../scss/screen.scss */
  #realisations .creations {
    position: relative;
  }
  /* line 713, ../scss/screen.scss */
  #realisations .constructeur {
    float: none !important;
  }
}
/* line 721, ../scss/screen.scss */
#realisations .gallery-home .slick-dots {
  bottom: 10px;
  text-align: right;
  padding: 0 50px;
}
/* line 729, ../scss/screen.scss */
#realisations .gallery-home .slick-dots li button:before {
  color: #fff;
}
/* line 738, ../scss/screen.scss */
#realisations .gallery-home .item div {
  padding: 0px;
}
/* line 742, ../scss/screen.scss */
#realisations .gallery-home .item img {
  min-width: 100%;
}
/* line 748, ../scss/screen.scss */
#realisations .gallery-home .item .legende {
  color: #fff;
  text-align: left;
  padding: 60px 40px;
}
/* line 753, ../scss/screen.scss */
#realisations .gallery-home .item .legende .txt {
  font-size: 18px;
  line-height: 21px;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
}
/* line 758, ../scss/screen.scss */
#realisations .gallery-home .item .legende .txt .title {
  font-size: 25px;
  line-height: 28px;
}
/* line 763, ../scss/screen.scss */
#realisations .gallery-home .item .legende .txt hr {
  border: 1px solid #fff;
  margin: 15px 0px;
}
/* line 772, ../scss/screen.scss */
#realisations .gallery-home .item:nth-child(5n+1) .legende {
  background-color: #83ccc6;
}
/* line 776, ../scss/screen.scss */
#realisations .gallery-home .item:nth-child(5n+2) .legende {
  background-color: #a53097;
}
/* line 780, ../scss/screen.scss */
#realisations .gallery-home .item:nth-child(5n+3) .legende {
  background-color: #2fac66;
}
/* line 784, ../scss/screen.scss */
#realisations .gallery-home .item:nth-child(5n+4) .legende {
  background-color: #ed4093;
}
/* line 793, ../scss/screen.scss */
#realisations .engagements-home {
  padding: 0px 20px 0px 20px;
  margin: 20px 0px;
}
/* line 798, ../scss/screen.scss */
#realisations .engagements-home .txt {
  background-color: rgba(127, 191, 239, 0.25);
  color: #7fbfef;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  padding: 35px;
  font-family: 'robotoregular' , Tahoma, Verdana, Segoe, sans-serif;
}
/* line 808, ../scss/screen.scss */
#realisations .engagements-home .txt .title {
  font-size: 30px;
  line-height: 33px;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  margin: 20px 0px;
}
/* line 815, ../scss/screen.scss */
#realisations .engagements-home .txt .pictos {
  display: inline-block;
}
/* line 818, ../scss/screen.scss */
#realisations .engagements-home .txt .pictos ul, #realisations .engagements-home .txt .pictos li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
/* line 826, ../scss/screen.scss */
#realisations .engagements-home .txt .pictos li {
  width: 33.33333333%;
  padding: 0 15px;
  float: left;
  position: relative;
  min-height: 1px;
}
/* line 834, ../scss/screen.scss */
#realisations .engagements-home .txt .pictos img {
  margin: 10px 0px;
  width: 65%;
}
/* line 845, ../scss/screen.scss */
#realisations .projet-home {
  background-image: url(../images/eau-orange.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 65px 35px !important;
  text-align: center;
  font-family: 'robotoregular' , Tahoma, Verdana, Segoe, sans-serif;
}
/* line 855, ../scss/screen.scss */
#realisations .projet-home .title {
  font-size: 30px;
  line-height: 33px;
  color: #fff;
  text-align: center;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  margin-bottom: 10px;
}
/* line 864, ../scss/screen.scss */
#realisations .projet-home .btn {
  background-color: #f39200;
  border: 1px solid #fff;
  padding: 20px 35px !important;
  margin-top: 15px;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  font-size: 20px;
  line-height: 23px;
  color: #fff;
  border-radius: 0px;
  margin: 15px 0px 0px;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 879, ../scss/screen.scss */
#realisations .projet-home .btn:hover {
  background-color: #fff;
  color: #f39200;
}
/* line 884, ../scss/screen.scss */
#realisations .projet-home .btn .glyphicon {
  padding: 0px 10px;
}

/*commun*/
/* line 897, ../scss/screen.scss */
.gallery {
  margin: -35px 0px 15px;
}
/* line 901, ../scss/screen.scss */
.gallery .slick-dots {
  bottom: 10px;
  text-align: right;
  padding: 0 50px;
}
/* line 909, ../scss/screen.scss */
.gallery .slick-dots li button:before {
  color: #fff;
}
/* line 918, ../scss/screen.scss */
.gallery .item div {
  padding: 0px;
}
/* line 922, ../scss/screen.scss */
.gallery .item img {
  min-width: 100%;
}
/* line 926, ../scss/screen.scss */
.gallery .item .legende {
  color: #fff;
  text-align: left;
  padding: 60px 40px !important;
}
/* line 931, ../scss/screen.scss */
.gallery .item .legende .txt {
  font-size: 18px;
  line-height: 21px;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
}
/* line 936, ../scss/screen.scss */
.gallery .item .legende .txt .title {
  font-size: 25px;
  line-height: 28px;
}
/* line 941, ../scss/screen.scss */
.gallery .item .legende .txt hr {
  border: 1px solid #fff;
  margin: 15px 0px;
}
/* line 949, ../scss/screen.scss */
.gallery .item:nth-child(5n+1) .legende {
  background-color: #83ccc6;
}
/* line 953, ../scss/screen.scss */
.gallery .item:nth-child(5n+2) .legende {
  background-color: #a53097;
}
/* line 957, ../scss/screen.scss */
.gallery .item:nth-child(5n+3) .legende {
  background-color: #2fac66;
}
/* line 961, ../scss/screen.scss */
.gallery .item:nth-child(5n+4) .legende {
  background-color: #ed4093;
}

/* line 970, ../scss/screen.scss */
.engagements {
  padding: 0px;
  background-color: rgba(127, 191, 239, 0.25);
}
/* line 975, ../scss/screen.scss */
.engagements .txt {
  color: #7fbfef;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  padding: 30px !important;
  font-family: 'robotoregular' , Tahoma, Verdana, Segoe, sans-serif;
}
/* line 985, ../scss/screen.scss */
.engagements .txt .title {
  font-size: 35px;
  line-height: 33px;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  margin: 20px 0px;
}
/* line 992, ../scss/screen.scss */
.engagements .txt .pictos {
  display: inline-block;
}
/* line 995, ../scss/screen.scss */
.engagements .txt .pictos ul, .engagements .txt .pictos li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
/* line 1003, ../scss/screen.scss */
.engagements .txt .pictos li {
  width: 33.33333333%;
  padding: 0 15px;
  float: left;
  position: relative;
  min-height: 1px;
}
/* line 1011, ../scss/screen.scss */
.engagements .txt .pictos img {
  margin: 10px 0px;
  width: 65%;
}

/* line 1022, ../scss/screen.scss */
.projet {
  background-image: url(../images/eau-orange.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 65px 35px !important;
  text-align: center;
  font-family: 'robotoregular' , Tahoma, Verdana, Segoe, sans-serif;
}
/* line 1033, ../scss/screen.scss */
.projet .title {
  font-size: 35px;
  line-height: 38px;
  color: #fff;
  text-align: center;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  margin-bottom: 10px;
}
/* line 1042, ../scss/screen.scss */
.projet .btn {
  background-color: #f39200;
  border: 1px solid #fff;
  padding: 20px 35px !important;
  margin-top: 15px;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  font-size: 20px;
  line-height: 23px;
  color: #fff;
  border-radius: 0px;
  margin: 15px 0px 0px;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 1057, ../scss/screen.scss */
.projet .btn:hover {
  background-color: #fff;
  color: #f39200;
}
/* line 1062, ../scss/screen.scss */
.projet .btn .glyphicon {
  padding: 0px 10px;
}

/* line 1074, ../scss/screen.scss */
#construction div, #entretien div, #societe div {
  padding: 0px;
}
/* line 1083, ../scss/screen.scss */
#construction .intro .cover, #construction .technique .cover, #construction .savoir-faire .cover, #entretien .intro .cover, #entretien .technique .cover, #entretien .savoir-faire .cover, #societe .intro .cover, #societe .technique .cover, #societe .savoir-faire .cover {
  min-height: 500px;
}
@media (max-width: 991px) {
  /* line 1083, ../scss/screen.scss */
  #construction .intro .cover, #construction .technique .cover, #construction .savoir-faire .cover, #entretien .intro .cover, #entretien .technique .cover, #entretien .savoir-faire .cover, #societe .intro .cover, #societe .technique .cover, #societe .savoir-faire .cover {
    min-height: 300px;
  }
}
/* line 1090, ../scss/screen.scss */
#construction .intro .cover.small, #construction .technique .cover.small, #construction .savoir-faire .cover.small, #entretien .intro .cover.small, #entretien .technique .cover.small, #entretien .savoir-faire .cover.small, #societe .intro .cover.small, #societe .technique .cover.small, #societe .savoir-faire .cover.small {
  min-height: 300px;
}
/* line 1097, ../scss/screen.scss */
#construction .intro, #entretien .intro, #societe .intro {
  overflow: hidden;
}
/* line 1100, ../scss/screen.scss */
#construction .intro .txt, #entretien .intro .txt, #societe .intro .txt {
  margin: 0px;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  display: block;
  font-weight: normal;
  padding: 80px 50px;
  text-align: left;
  font-size: 30px;
  line-height: 38px;
  color: #fff;
  margin-bottom: 50px;
}
/* line 1113, ../scss/screen.scss */
#construction .intro .txt .title, #entretien .intro .txt .title, #societe .intro .txt .title {
  font-size: 45px;
  line-height: 48px;
}
/* line 1123, ../scss/screen.scss */
#construction .technique .img, #entretien .technique .img, #societe .technique .img {
  top: -50px;
}
@media (max-width: 991px) {
  /* line 1123, ../scss/screen.scss */
  #construction .technique .img, #entretien .technique .img, #societe .technique .img {
    top: 0;
  }
}
/* line 1131, ../scss/screen.scss */
#construction .technique hr, #entretien .technique hr, #societe .technique hr {
  border: 1px solid #ccc;
  margin: 10px 0px;
  display: inline-block;
  width: 100%;
}
/* line 1140, ../scss/screen.scss */
#construction .technique .txt, #entretien .technique .txt, #societe .technique .txt {
  padding: 40px 30px;
  font-size: 16px;
  line-height: 22px;
  color: #878787;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  font-weight: normal;
}
/* line 1148, ../scss/screen.scss */
#construction .technique .txt .details-tech, #entretien .technique .txt .details-tech, #societe .technique .txt .details-tech {
  margin: 25px 0px;
}
/* line 1158, ../scss/screen.scss */
#construction .technique .txt .details-tech > ul > li, #entretien .technique .txt .details-tech > ul > li, #societe .technique .txt .details-tech > ul > li {
  margin-bottom: 30px;
  padding-left: 90px;
  padding-right: 90px;
}
@media (max-width: 991px) {
  /* line 1158, ../scss/screen.scss */
  #construction .technique .txt .details-tech > ul > li, #entretien .technique .txt .details-tech > ul > li, #societe .technique .txt .details-tech > ul > li {
    padding-right: 0;
    padding-left: 0;
  }
}
/* line 1170, ../scss/screen.scss */
#construction .technique .txt .details-tech > ul > li li, #entretien .technique .txt .details-tech > ul > li li, #societe .technique .txt .details-tech > ul > li li {
  color: #7fbfef;
  font-size: 16px;
  margin-bottom: 5px;
}
/* line 1176, ../scss/screen.scss */
#construction .technique .txt .details-tech > ul > li li:before, #entretien .technique .txt .details-tech > ul > li li:before, #societe .technique .txt .details-tech > ul > li li:before {
  content: "\6b";
  margin-right: 5px;
  top: 2px;
  position: relative;
}
/* line 1187, ../scss/screen.scss */
#construction .technique .txt .details-tech .postscriptum, #entretien .technique .txt .details-tech .postscriptum, #societe .technique .txt .details-tech .postscriptum {
  font-size: 14px !important;
  margin: -20px 50px 5px 50px !important;
  /*border-top:1px solid $grey;*/
  padding: 0px 40px;
}
/* line 1194, ../scss/screen.scss */
#construction .technique .txt .details-tech .postscriptum > ul > li, #entretien .technique .txt .details-tech .postscriptum > ul > li, #societe .technique .txt .details-tech .postscriptum > ul > li {
  color: #878787 !important;
}
/* line 1196, ../scss/screen.scss */
#construction .technique .txt .details-tech .postscriptum > ul > li:before, #entretien .technique .txt .details-tech .postscriptum > ul > li:before, #societe .technique .txt .details-tech .postscriptum > ul > li:before {
  content: "- ";
}
/* line 1205, ../scss/screen.scss */
#construction .technique .txt .title, #entretien .technique .txt .title, #societe .technique .txt .title {
  color: #7fbfef;
  font-size: 25px;
  line-height: 28px;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  font-weight: normal;
  display: block;
  margin-bottom: 10px;
  text-indent: 0;
}
/* line 1218, ../scss/screen.scss */
#construction .technique .txt [class^="icon-"],
#construction .technique .txt [class*=" icon-"],
#construction .technique .txt .glyphicon, #entretien .technique .txt [class^="icon-"],
#entretien .technique .txt [class*=" icon-"],
#entretien .technique .txt .glyphicon, #societe .technique .txt [class^="icon-"],
#societe .technique .txt [class*=" icon-"],
#societe .technique .txt .glyphicon {
  color: #637ac1;
  font-size: 55px;
  vertical-align: top;
  float: left;
  text-indent: -90px;
}
@media (max-width: 991px) {
  /* line 1218, ../scss/screen.scss */
  #construction .technique .txt [class^="icon-"],
  #construction .technique .txt [class*=" icon-"],
  #construction .technique .txt .glyphicon, #entretien .technique .txt [class^="icon-"],
  #entretien .technique .txt [class*=" icon-"],
  #entretien .technique .txt .glyphicon, #societe .technique .txt [class^="icon-"],
  #societe .technique .txt [class*=" icon-"],
  #societe .technique .txt .glyphicon {
    text-indent: 0;
    margin-right: 15px;
  }
}

/* line 1248, ../scss/screen.scss */
.dossier-4 .intro .txt {
  color: #fff;
  background-color: #a53097;
}
/* line 1252, ../scss/screen.scss */
.dossier-4 .intro .txt .title {
  color: #3f083e;
}
/* line 1261, ../scss/screen.scss */
.dossier-4 .technique .txt .details-tech .icon-08 {
  color: #a53097 !important;
}
/* line 1265, ../scss/screen.scss */
.dossier-4 .technique .txt .details-tech ul li {
  color: #66cfe3  !important;
}
/* line 1271, ../scss/screen.scss */
.dossier-4 .technique .txt .title {
  color: #a53097 !important;
}

/* line 1281, ../scss/screen.scss */
.dossier-3 .intro .txt {
  color: #fff;
  background-color: #7fbfef;
}
/* line 1285, ../scss/screen.scss */
.dossier-3 .intro .txt .title {
  color: #1D71B8;
}

/* line 1295, ../scss/screen.scss */
#entretien div {
  padding: 0px;
}
/* line 1300, ../scss/screen.scss */
#entretien .intro .txt {
  color: #fff;
  background-color: #83ccc6;
}
/* line 1304, ../scss/screen.scss */
#entretien .intro .txt .title {
  color: #1D71B8;
}
/* line 1316, ../scss/screen.scss */
#entretien .technique .logo {
  margin: 15px 0px;
}
/* line 1319, ../scss/screen.scss */
#entretien .technique .logo .img {
  text-align: center;
  top: 0;
}
/* line 1323, ../scss/screen.scss */
#entretien .technique .logo .img img {
  width: auto;
}
/* line 1330, ../scss/screen.scss */
#entretien .technique .txt {
  padding: 0px 30px;
  font-size: 16px;
  line-height: 22px;
  color: #878787;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  font-weight: normal;
}
/* line 1338, ../scss/screen.scss */
#entretien .technique .txt .details-tech {
  margin: 25px 0px;
}
/* line 1343, ../scss/screen.scss */
#entretien .technique .txt .details-tech .title {
  color: #83ccc6;
  padding-top: 10px;
}
/* line 1349, ../scss/screen.scss */
#entretien .technique .txt .details-tech [class^="icon-"],
#entretien .technique .txt .details-tech [class*=" icon-"],
#entretien .technique .txt .details-tech .glyphicon {
  color: #83ccc6;
  font-size: 55px;
  padding: 0px 10px;
  text-indent: 0;
}
/* line 1358, ../scss/screen.scss */
#entretien .technique .txt .details-tech ul {
  padding: 0px;
  margin: 35px 0px 15px 0px;
}
/* line 1362, ../scss/screen.scss */
#entretien .technique .txt .details-tech ul li {
  font-size: 18px;
  line-height: 22px;
  list-style-type: none;
  margin-bottom: 5px;
  padding: 5px;
  font-size: 16px;
}
/* line 1371, ../scss/screen.scss */
#entretien .technique .txt .details-tech ul li strong {
  font-weight: normal;
  color: #2d2e83;
  font-size: 18px;
}
/* line 1379, ../scss/screen.scss */
#entretien .technique .txt .details-tech ul li .txt-details {
  font-size: 14px;
  line-height: 18px;
  color: #878787;
  margin-top: 15px;
  padding: 0px 15px;
}
/* line 1387, ../scss/screen.scss */
#entretien .technique .txt .details-tech ul li:before {
  content: "\6b";
  color: #2d2e83;
  margin-right: 5px;
  top: 2px;
  position: relative;
}

/* line 1414, ../scss/screen.scss */
#societe div {
  padding: 0px;
}
/* line 1419, ../scss/screen.scss */
#societe .intro {
  overflow: hidden;
}
/* line 1422, ../scss/screen.scss */
#societe .intro img {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
}
/* line 1428, ../scss/screen.scss */
#societe .intro .txt {
  margin: 0 0 50px 0;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  display: block;
  font-weight: normal;
  padding: 80px 50px;
  text-align: left;
  font-size: 30px;
  line-height: 38px;
  color: #fff;
  background-color: #7fbfef;
}
/* line 1440, ../scss/screen.scss */
#societe .intro .txt .title {
  color: #1D71B8;
  font-size: 45px;
  line-height: 48px;
}
/* line 1450, ../scss/screen.scss */
#societe .savoir-faire img {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
}
/* line 1456, ../scss/screen.scss */
#societe .savoir-faire .txt {
  background-color: #16286f;
  padding: 50px 40px 120px;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  font-weight: normal;
}
/* line 1465, ../scss/screen.scss */
#societe .savoir-faire .txt .title {
  color: #7fbfef;
  font-size: 30px;
  line-height: 33px;
}
/* line 1472, ../scss/screen.scss */
#societe .savoir-faire .img {
  margin-top: -50px;
}
/* line 1485, ../scss/screen.scss */
#societe .garanties .bg {
  background-color: #ebf6fc;
  text-align: center;
}
/* line 1489, ../scss/screen.scss */
#societe .garanties .bg .img img {
  margin-top: -110px;
}
/* line 1494, ../scss/screen.scss */
#societe .garanties .bg .pictos {
  padding: 25px 25px 50px;
  font-size: 20px;
  line-height: 23px;
  color: #7fbfef;
}
/* line 1503, ../scss/screen.scss */
#societe .garanties .bg .pictos ul, #societe .garanties .bg .pictos li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
/* line 1510, ../scss/screen.scss */
#societe .garanties .bg .pictos li {
  width: 33.33333333%;
  padding: 0 15px;
  float: left;
  position: relative;
  min-height: 1px;
}
/* line 1518, ../scss/screen.scss */
#societe .garanties .bg .pictos img {
  padding: 15px 0px;
  width: 100%;
  max-width: 80px;
}
/* line 1529, ../scss/screen.scss */
#societe .histoire {
  padding-top: 20px;
  padding-left: 20px;
}
@media (max-width: 991px) {
  /* line 1529, ../scss/screen.scss */
  #societe .histoire {
    padding-top: 0;
    padding-left: 0;
  }
}
/* line 1540, ../scss/screen.scss */
#societe .histoire .bg {
  background-color: #637ac1;
  display: block;
  padding: 50px 25px;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
}
/* line 1547, ../scss/screen.scss */
#societe .histoire .bg ul {
  padding-left: 40px;
}
/* line 1551, ../scss/screen.scss */
#societe .histoire .bg ul li {
  list-style: none;
  font-size: 18px;
  margin-bottom: 18px;
  color: #fff;
  padding: 0;
  text-indent: -40px;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
}
/* line 1560, ../scss/screen.scss */
#societe .histoire .bg ul li:before {
  content: "\002022";
  color: #7fbfef;
  font-size: 35px;
  padding-right: 22px;
  top: 3px;
  position: relative;
  display: inline;
}
/* line 1571, ../scss/screen.scss */
#societe .histoire .bg ul li .title {
  font-size: 25px;
  color: #7fbfef;
  margin: 15px 0px 10px 40px;
  display: inline-block;
}
/* line 1586, ../scss/screen.scss */
#societe .histoire .bg .txt .title {
  font-size: 30px;
  line-height: 33px;
  color: #fff;
  margin-bottom: 25px;
  font-family: 'robotolight', Tahoma, Verdana, Segoe, sans-serif;
}

/* line 1603, ../scss/screen.scss */
#contact div {
  padding: 0px;
}
/* line 1607, ../scss/screen.scss */
#contact .intro {
  overflow: hidden;
}
/* line 1610, ../scss/screen.scss */
#contact .intro img {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
}
/* line 1616, ../scss/screen.scss */
#contact .intro .txt {
  margin: 0px;
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  display: block;
  font-weight: lighter;
  padding: 50px 100px;
  text-align: left;
  font-size: 23px;
  line-height: 27px;
  color: #fff;
  background-color: #f39200;
}
/* line 1628, ../scss/screen.scss */
#contact .intro .txt .title {
  color: #fff;
  font-size: 45px;
  line-height: 48px;
  display: block;
}
/* line 1638, ../scss/screen.scss */
#contact form {
  margin: 15px 0px;
}
/* line 1641, ../scss/screen.scss */
#contact form .alert-success {
  color: #fff;
  background-color: #7fbfef;
  border-color: none;
  padding: 15px;
}
/* line 1648, ../scss/screen.scss */
#contact form .form-group {
  margin-bottom: 5px;
}
/* line 1651, ../scss/screen.scss */
#contact form .form-group .form-control {
  border-radius: 0px;
  width: 100%;
  color: #f39200;
}
/* line 1657, ../scss/screen.scss */
#contact form .form-group .btn {
  border: 1px solid #fff;
  padding: 10px 40px;
  color: #fff;
  font-size: 20px;
  background-color: #f39200;
  border-radius: 0px;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 1668, ../scss/screen.scss */
#contact form .form-group .btn:hover {
  background-color: #fff;
  color: #f39200;
}
/* line 1676, ../scss/screen.scss */
#contact form .mentions {
  font-size: 12px;
  text-align: right;
}
/* line 1682, ../scss/screen.scss */
#contact .map {
  overflow: hidden;
  margin-top: 15px;
}
/* line 1687, ../scss/screen.scss */
#contact img {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
}

/*footer*/
/* line 1699, ../scss/screen.scss */
footer {
  background-color: #16286f;
  padding: 30px 0px;
}
/* line 1703, ../scss/screen.scss */
footer .content {
  padding: 15px 20px;
  font-size: 18px;
  line-height: 20px;
}
/* line 1708, ../scss/screen.scss */
footer .content hr {
  border: 1px solid #637ac1;
  margin: 20px 0px;
}
/* line 1713, ../scss/screen.scss */
footer .content .title {
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  font-size: 30px;
  line-height: 33px;
  text-align: left;
  color: #7fbfef;
  padding: 10px 0px 10px;
}
/* line 1722, ../scss/screen.scss */
footer .content .tel {
  font-size: 25px;
  line-height: 28px;
  font-family: 'robotobold' , Tahoma, Verdana, Segoe, sans-serif;
  color: #7fbfef;
}
/* line 1729, ../scss/screen.scss */
footer .content .btn {
  border: 1px solid #7fbfef;
  padding: 10px 35px;
  margin-top: 15px;
  font-family: 'robotobold' , Tahoma, Verdana, Segoe, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #7fbfef;
  border-radius: 0px;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 1744, ../scss/screen.scss */
footer .content .btn:hover {
  background-color: #7fbfef;
  color: #fff;
}
/* line 1749, ../scss/screen.scss */
footer .content .btn .glyphicon {
  padding: 0px 10px;
}
/* line 1754, ../scss/screen.scss */
footer .content .txt {
  color: #7fbfef;
  font-size: 18px;
  line-height: 21px;
  font-family: 'robotoregular' , Tahoma, Verdana, Segoe, sans-serif;
}
/* line 1765, ../scss/screen.scss */
footer .logo img {
  width: 80%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 1771, ../scss/screen.scss */
footer .mentions {
  font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
  font-size: 12px;
  color: #637ac1;
  line-height: 14px;
  text-align: right;
  padding-top: 50px;
}
/* line 1779, ../scss/screen.scss */
footer .mentions a {
  color: #637ac1;
}
/* line 1782, ../scss/screen.scss */
footer .mentions a:hover {
  color: #fff;
}

@media (max-width: 767px) {
  /* line 1798, ../scss/screen.scss */
  .navbar-brand > img {
    width: 100%;
  }

  /* line 1802, ../scss/screen.scss */
  .projet {
    margin-top: 0px;
    background-image: url(../images/eau-orange.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 0px !important;
    text-align: center;
    font-family: 'robotoregular' , Tahoma, Verdana, Segoe, sans-serif;
  }
  /* line 1813, ../scss/screen.scss */
  .projet .title {
    font-size: 28px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
    margin-bottom: 10px;
  }
  /* line 1822, ../scss/screen.scss */
  .projet .btn {
    background-color: #f39200;
    border: 1px solid #fff;
    padding: 20px 35px !important;
    margin-top: 15px;
    font-family: 'robotolight' , Tahoma, Verdana, Segoe, sans-serif;
    font-size: 20px;
    line-height: 23px;
    color: #fff;
    border-radius: 0px;
    margin: 15px 0px;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
  }
  /* line 1837, ../scss/screen.scss */
  .projet .btn:hover {
    background-color: #fff;
    color: #f39200;
  }
  /* line 1842, ../scss/screen.scss */
  .projet .btn .glyphicon {
    padding: 0px 10px;
  }

  /* line 1850, ../scss/screen.scss */
  #prestations {
    margin-top: 50px;
    margin-bottom: 0px;
  }

  /* line 1859, ../scss/screen.scss */
  #societe .garanties .bg .img img {
    margin-top: -80px;
    width: 80%;
  }
  /* line 1865, ../scss/screen.scss */
  #societe .histoire {
    padding-left: 0px;
  }
  /* line 1870, ../scss/screen.scss */
  #societe .garanties {
    padding-bottom: 0px;
  }
  /* line 1873, ../scss/screen.scss */
  #societe .garanties .bg .pictos {
    padding: 15px 25px 15px;
    font-size: 14px;
    line-height: 17px;
    color: #7fbfef;
  }

  /* line 1889, ../scss/screen.scss */
  #societe .intro .txt, #entretien .intro .txt, #construction .intro .txt {
    font-size: 25px;
    line-height: 30px;
    padding: 40px 20px;
  }
  /* line 1894, ../scss/screen.scss */
  #societe .intro .txt .title, #entretien .intro .txt .title, #construction .intro .txt .title {
    font-size: 30px;
    line-height: 38px;
  }

  /* line 1908, ../scss/screen.scss */
  header .navbar-right .info {
    margin: 15px 0px;
  }
  /* line 1914, ../scss/screen.scss */
  header .info .tel {
    padding: 10px 0px;
    font-size: 25px;
  }
  /* line 1919, ../scss/screen.scss */
  header .info .btn {
    width: 100%;
  }

  /* line 1928, ../scss/screen.scss */
  footer .content .btn {
    padding: 10px 0px 10px 10px;
  }

  /* line 1937, ../scss/screen.scss */
  #contact .intro .txt {
    padding: 20px;
  }
  /* line 1939, ../scss/screen.scss */
  #contact .intro .txt .title {
    font-size: 30px;
    line-height: 35px;
  }
  /* line 1947, ../scss/screen.scss */
  #contact .map {
    margin-top: 0px;
  }

  /* line 1957, ../scss/screen.scss */
  #realisations .creations {
    bottom: 0px;
  }
  /* line 1961, ../scss/screen.scss */
  #realisations .constructeur {
    padding: 0px;
  }
  /* line 1964, ../scss/screen.scss */
  #realisations .constructeur .txt {
    text-align: center;
    padding: 25px 15px;
  }
  /* line 1970, ../scss/screen.scss */
  #realisations .engagements-home {
    margin: 0px;
    padding: 0px;
  }
  /* line 1975, ../scss/screen.scss */
  #realisations .projet-home {
    padding: 30px 15px !important;
    background-size: cover;
  }
  /* line 1979, ../scss/screen.scss */
  #realisations .projet-home .title {
    font-size: 25px;
    line-height: 30px;
    font-family: 'robotoregular' , Tahoma, Verdana, Segoe, sans-serif;
  }
}
@media (max-width: 991px) {
  /* line 1998, ../scss/screen.scss */
  #prestations {
    padding: 0px;
  }
}