:root {
  --color-white: #fff;
  --color-bluedark: #1e2c35;
  --color-bluedark2: #354046;
  --color-main: #A5388B;
  --color-grey: #f4f4f6;
}
.services3{
	display  : none;
}
/* generique */
/* line 22, sass/style.scss */
.bg-blue {
  background: var(--color-bluedark);
}

/* line 26, sass/style.scss */
.bg-grey {
  background: var(--color-grey);
}

/* line 29, sass/style.scss */
.type-title {
  font-size: 30px;
  line-height: 35px;
  font-family: 'Raleway', Arial, sans-serif;
  color: var(--color-white);
  display: block;
}

/* line 37, sass/style.scss */
.border-izileft,
.border-izicenter {
  position: relative;
}
/* line 40, sass/style.scss */
.border-izileft::after,
.border-izicenter::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: -20px;
  height: 3px;
  width: 40px;
  margin: 0 auto;
  background: var(--color-main);
}

/* line 54, sass/style.scss */
.border-izileft::after {
  margin: 0;
  right: auto;
}

/* line 59, sass/style.scss */
.center {
  text-align: center;
}

/* line 64, sass/style.scss */
.generate-sections-inside-container ul {
  margin-left: 0;
}
/* line 66, sass/style.scss */
.generate-sections-inside-container ul li {
  list-style-type: none;
  position: relative;
  color : var(--color-bluedark);
}
/* line 69, sass/style.scss */
.generate-sections-inside-container ul li::before {
  content: "";
  margin-right: 12px;
  height: 10px;
  width: 5px;
  background: var(--color-main);
  display: inline-block;
}

.grid-container {
  max-width: 1270px;
  margin-left: auto;
  margin-right: auto;
}

/* line 82, sass/style.scss */
.grid-30 {
  /* width : 31.5%;*/
  width: 28.5%;
}

/* line 86, sass/style.scss */
.grid-50 {
  width: 49%;
}

/* line 89, sass/style.scss */
.grid-25 {
  width: 24%;
}

/* line 92, sass/style.scss */
a {
  transition-property: background, color;
  transition-duration: 0.7s;
}
/* line 95, sass/style.scss */
a:hover {
  transition-property: background, color;
  transition-duration: 0.7s;
}

/* line 101, sass/style.scss */
#primary-menu li {
  position: relative;
}
/* line 103, sass/style.scss */
#primary-menu li::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 1px;
  background: var(--color-main);
  display: block;
  left: 0;
  top: 12px;
}
/* line 114, sass/style.scss */
#primary-menu li:first-child::before {
  background: transparent;
}

/* line 121, sass/style.scss */
.link-izi a {
  display: inline-block;
  font-size: 14px;
  color: var(--color-bluedark);
  background: var(--color-main);
  padding: 0px 20px 0px 20px;
  position: relative;
  border: 2px solid var(--color-main);
  text-transform: uppercase;
}
/* line 130, sass/style.scss */
.link-izi a:hover {
  background: var(--color-bluedark);
  color: var(--color-main);
}
/* line 136, sass/style.scss */
.link-izi::before {
  background: transparent;
}

.banfirst {
  position: relative;
}

/* line 145, sass/style.scss */
.content-banniere {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-family: 'Raleway', Arial, sans-serif;
}
/* line 152, sass/style.scss */
.content-banniere .title-site {
  font-size: 44px;
  color: var(--color-white);
  font-weight: 700;
}
/* line 156, sass/style.scss */
.content-banniere .description {
  font-size: 80px;
  color: var(--color-white);
  line-height: 80px;
  font-weight: 700;
}
/* line 161, sass/style.scss */
.content-banniere .btn-banniere {
  margin-top: 30px;
  line-height: 16px;
  font-family: 'Raleway', Arial, sans-serif;
}

/* line 169, sass/style.scss */
.btn-banniere {
  display: inline-block;
  font-size: 14px;
  color: var(--color-white);
  background: var(--color-main);
  padding: 15px 15px 15px 15px;
  position: relative;
  border: 2px solid var(--color-main);
  text-transform: uppercase;
  border-radius: 6px;
}
/* line 178, sass/style.scss */
.btn-banniere:after {
  content: ">";
  margin-left: 10px;
}
/* line 182, sass/style.scss */
.btn-banniere:hover {
  background: var(--color-white);
  color: var(--color-main);
}

/* line 188, sass/style.scss */
.title-h1 {
  font-size: 48px;
  font-family: 'Raleway', Arial, sans-serif;
  max-width: 800px;
  margin: 35px auto;
}

.title-h1{
    color : var(--color-white);
}

/* line 195, sass/style.scss */
.description-top {
  margin: 55px 0;
  color : var(--color-white);
}

/* line 199, sass/style.scss */
.services {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
/* line 204, sass/style.scss */
.services .service {
  text-align: center;
  background: var(--color-grey);
  margin-right: 2%;
  padding: 25px 20px;
  position: relative;
}
/* line 210, sass/style.scss */
.services .service::after {
  content: "";
  position: absolute;
  display: block;
  height: 10px;
  background: var(--color-main);
  width: calc(100%);
  left: 0;
  bottom: -10px;
}
/* line 221, sass/style.scss */
.services .service .title {
  display: block;
  font-size: 24px;
  font-family: 'Raleway', Arial, sans-serif;
  margin-bottom: 35px;
  margin-top: 20px;
  line-height: 24px;
  padding: 0 20px;
}
/* line 230, sass/style.scss */
.services .service .description {
  padding: 0 15px;
  margin-bottom: 0;
}
/* line 234, sass/style.scss */
.services .service:last-child {
  margin-right: 0;
}

/* line 240, sass/style.scss */
.bannieres-devis {
  display: flex;
  max-width: 100%;
  justify-content: center;
  margin: 80px 0 55px 0;
}
/* line 245, sass/style.scss */
.bannieres-devis .banleft {
  max-width: 870px;
  position: relative;
}
/* line 248, sass/style.scss */
.bannieres-devis .banleft img {
  width: 100%;
  height: 100%;
}
/* line 249, sass/style.scss */
.bannieres-devis .banleft .content {
  position: absolute;
  right: 4%;
  top: 10%;
}
/* line 253, sass/style.scss */
.bannieres-devis .banleft .content .title {
  display: block;
  font-size: 54px;
  font-family: 'Raleway', Arial, sans-serif;
  margin-bottom: 25px;
  line-height: 54px;
}
/* line 261, sass/style.scss */
.bannieres-devis .banleft::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -22px;
  top: 17%;
  height: 0;
  width: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 24px solid #85a3d2;
}
/* line 274, sass/style.scss */
.bannieres-devis .banright {
  background: var(--color-bluedark);
  color: var(--color-white);
  padding: 3.5%;
}
/* line 278, sass/style.scss */
.bannieres-devis .banright .title {
  color: var(--color-white);
  display: block;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 35px;
}
/* line 286, sass/style.scss */
.bannieres-devis .banright a {
  color: var(--color-white);
  display: block;
  margin-bottom: 40px;
  font-size: 24px;
}

/* line 296, sass/style.scss */
.bansecond {
  position: relative;
  color: var(--color-white);
  margin-top: 70px;
}
/* line 300, sass/style.scss */
.bansecond .content-banniere-two {
  position: absolute;
  top: 12%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* line 307, sass/style.scss */
.bansecond .type-title {
  font-size: 40px;
  line-height: 45px;
  font-family: 'Raleway', Arial, sans-serif;
  color: var(--color-white);
  display: block;
  max-width: 910px;
  margin: 0 auto 50px auto;
}
/* line 316, sass/style.scss */
.bansecond .description {
  margin-top: 30px;
}
/* line 317, sass/style.scss */
.bansecond .description span {
  display: block;
  margin-bottom: 25px;
}
/* line 323, sass/style.scss */
.bansecond .btn-banniere {
  margin-right: 15px;
}

/* line 328, sass/style.scss */
.services-2 {
  margin: 50px auto;
}
/* line 330, sass/style.scss */
.services-2 .service2 {
  display: flex;
  flex-wrap: wrap;
}
/* line 333, sass/style.scss */
.services-2 .service2 > div {
  /*display: table-cell;*/
  width: 46%;
  margin: 1%;
  vertical-align: top;
  background: var(--color-grey);
  position: relative;
}

/* line 333, sass/style.scss */
.services-2 .service2 div.content > div{
    padding: 0 25px 25px 25px;
}
/* line 342, sass/style.scss */
.services-2 .service2 div.images {
  background: transparent;
  padding: 0;
}


.services-2 .service2 .type-title{
    padding: 25px 25px 0 25px;
}

.services-2 .service2 .type-title::after{
    left : 25px;
}

/* line 345, sass/style.scss */
.services-2 .service2 div.images img {
  height: 100%;
}
/* line 349, sass/style.scss */
.services-2 .service2 .type-title {
  margin-bottom: 50px;
  color : var(--color-bluedark);
}

/* line 356, sass/style.scss */
.contact {
  padding: 50px 0;
}
div.contact{
    margin-bottom: 0 !important;
}
/* line 358, sass/style.scss */
.contact .type-title {
  color: var(--color-white);
  margin-bottom: 50px;
}
/* line 362, sass/style.scss */
.contact .caldera-grid {
  background: var(--color-bluedark) !important;
}
/* line 365, sass/style.scss */
.contact .caldera-grid .form-control,
.contact input,
.contact textarea {
  border-radius: 0;
  color: var(--color-white) !important;
  background: var(--color-main) !important;
  border-color: var(--color-main) !important;
}
/* line 372, sass/style.scss */
.contact .caldera-grid .form-control:focus {
  border-color: var(--color-bluedark2);
  box-shadow: none;
}
/* line 376, sass/style.scss */
.contact .caldera-grid input.form-control {
  height: 45px;
}
/* line 379, sass/style.scss */
.contact .description {
  color: var(--color-white);
  margin-bottom: 20px;
}
/* line 383, sass/style.scss */
.contact .required-field {
  font-size: 10px;
  font-style: italic;
  color: var(--color-white);
  float: right;
  display: inline-block;
  margin-right: 20px;
}
/* line 391, sass/style.scss */
.contact .caldera-grid input[type="submit"] {
  background: transparent !important;
  border: 0 !important;
  margin-top: 0 !important;
  color: var(--color-bluedark) !important;
}
/* line 397, sass/style.scss */
.contact .btn-banniere {
  padding: 0;
  transition-property: none;
  transition-duration: 0s;
  float: right;
}
/* line 402, sass/style.scss */
.contact .btn-banniere:hover {
  transition-property: none;
  transition-duration: 0s;
}
/* line 406, sass/style.scss */
.contact .btn-banniere::after {
  position: absolute;
  right: 15px;
  top: 15px;
}
/* line 411, sass/style.scss */
.contact .btn-banniere input {
  background: transparent;
  color: var(--color-bluedark);
  border-color: transparent;
  text-transform: uppercase;
  padding: 15px;
  padding-right: 25px;
  /*transition-property: background,color;
    transition-duration: 0.7s;*/
}
/* line 420, sass/style.scss */
.contact .btn-banniere input:hover {
  background: var(--color-bluedark);
  color: var(--color-main) !important;
  /*transition-property: background,color;
    transition-duration: 0.7s; */
}

/* line 430, sass/style.scss */
.services3 {
  display: flex;
  flex-wrap: wrap;
  padding: 80px 0;
}
/* line 437, sass/style.scss */
.services3 .img-reverse-top {
  /*argin-top: -130px;*/
}
/* line 440, sass/style.scss */
.services3 .services-3-container {
  padding-left: 20px;
}
/* line 443, sass/style.scss */
.services3 .type-title {
  margin-bottom: 50px;
}
/* line 446, sass/style.scss */
.services3 .service {
  display: flex;
  flex-wrap: wrap;
}
/* line 449, sass/style.scss */
.services3 .service .first {
  width: 75px;
  margin-right: 20px;
}
/* line 453, sass/style.scss */
.services3 .service .second {
  width: calc(100% - 95px);
}
/* line 457, sass/style.scss */
.services3 .service .type-title {
  font-size: 24px;
  line-height: 27px;
  margin-bottom: 10px;
}

/* line 465, sass/style.scss */
.services-4 {
  display: flex;
  flex-wrap: wrap;
  padding: 80px 0;
}
/* line 472, sass/style.scss */
.services-4 .img-reverse-top {
  margin-top: -130px;
}
/* line 475, sass/style.scss */
.services-4 .services-4-container {
  padding-left: 20px;
}
/* line 478, sass/style.scss */
.services-4 .type-title {
  margin-bottom: 50px;
  font-size: 40px;
}
/* line 483, sass/style.scss */
.services-4 .service-4:nth-child(even) {
  padding-left: 20px;
}
/* line 487, sass/style.scss */
.services-4 .service-4 {
  margin: 20px 0;
}
/* line 489, sass/style.scss */
.services-4 .service-4 .type-title {
  font-size: 36px;
  line-height: 38px;
  padding: 0 20px;
}
/* line 494, sass/style.scss */
.services-4 .service-4 .service-inner {
  background: var(--color-grey);
  position: relative;
  padding: 25px 20px;
  .type-title{
    color : var(--color-bluedark);
  }
}

.services-4 .service-4 .service-inner .type-title{
    color : var(--color-bluedark);
}

.services-4 .service-4  {
    display: flex;
    /*height: 100%;*/
}
/* line 498, sass/style.scss */
.services-4 .service-4 .service-inner::after {
  content: "";
  position: absolute;
  display: block;
  height: 10px;
  background: var(--color-main);
  width: calc(100%);
  left: 0;
  bottom: -10px;
}

/* line 512, sass/style.scss */
.silos-container {
  padding: 55px 0;
}
/* line 514, sass/style.scss */
.silos-container .type-title {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
  line-break: 46px;
  color : var(--color-bluedark);
}
/* line 521, sass/style.scss */
.silos-container .silos {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
/* line 525, sass/style.scss */
.silos-container .silos .silo {
  width: 23%;
  flex-grow: 1;
  padding: 30px;
  background: var(--color-white);
  position: relative;
}
/* line 532, sass/style.scss */
.silos-container .silos .silo::after {
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  position: absolute;
  bottom: -10px;
  left: 0;
  background: var(--color-main);
}
/* line 542, sass/style.scss */
.silos-container .silos .silo .type-title {
  margin-bottom: 25px;
  font-size: 24px;
}
/* line 546, sass/style.scss */
.silos-container .silos .silo a {
  color: var(--color-bluedark);
}
/* line 550, sass/style.scss */
.silos-container .silos .silo + .silo {
  margin-left: 2%;
}

/* line 557, sass/style.scss */
#footer-widgets .widget-title {
  display: block;
  font-size: 25px;
  margin-bottom: 35px;
  font-family: 'Raleway', Arial, sans-serif;
}

/* line 566, sass/style.scss */
.site-info .inside-site-info {
  padding: 0px;
}
/* line 570, sass/style.scss */
.site-info .copyright-bar {
  width: 100%;
}
/* line 574, sass/style.scss */
.site-info .copy-inner {
  display: flex;
}
/* line 577, sass/style.scss */
.site-info .pleft {
  width: 30%;
}
/* line 580, sass/style.scss */
.site-info .pleft,
.site-info .pright {
  padding: 20px;
  text-align: left;
}
/* line 585, sass/style.scss */
.site-info .pright {
  width: 70%;
  background: var(--color-main);
  color: #181d20;
}


.nf-multi-cell .nf-cell,
.nf-form-content {
    padding: 0 !important;
}


.nf-response-msg,
.nf-form-fields-required {
    color: #fff;
}

.nf-form-fields-required {
    padding-bottom: 10px;
}

.btn-banniere-ninja {
    display: inline-block;
    font-size: 14px;
    color: var(--color-bluedark) !important;
    background: var(--color-yellow) !important;
    padding: 15px 15px 15px 15px;
    position: relative;
    border: 2px solid var(--color-yellow) !important;
    text-transform: uppercase;
    float: right;
}

.btn-banniere-ninja:hover {
    background: var(--color-bluedark) !important;
    color: var(--color-yellow) !important;
}

.nf-form-cont * {
    font-family: "Roboto", sans-serif;
    font-size: 14px !important;
}

#ninja_forms_required_items, .nf-field-container {
    margin-bottom: 15px !important;
}


.nf-form-cont .nf-element:not(.btn-banniere-ninja) {
    font-size: 14px !important;
    border-radius: 0;
    color: var(--color-white) !important;
    background: var(--color-bluedark2) !important;
    border-color: var(--color-bluedark2) !important;
    padding: 10px !important;
}

.nf-error-msg {
    font-size: 14px !important;
}

.nf-row .nf-cell:first-child > nf-fields {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px;
}

.nf-row .nf-cell:first-child > nf-fields nf-field {
    width: calc(50% - 5px);
}

@media (max-width: 768px) {

    .nf-row .nf-cell:first-child > nf-fields nf-field {
        width: calc(100%);
    }
}

.nf-field-container.checkbox-container {
    color: #787878;
}




@media (min-width: 993px) and (max-width: 1170px) {
  /* line 593, sass/style.scss */
  .content-banniere {
    top: 7%;
    left: 20px;
  }

  /* line 597, sass/style.scss */
  .content-banniere .description {
    font-size: 65px;
    line-height: 65px;
  }

  /* line 601, sass/style.scss */
  .contact {
    padding: 50px 20px;
  }

  /* line 605, sass/style.scss */
  .bansecond .type-title {
    font-size: 27px;
    line-height: 20px;
  }

  /* line 611, sass/style.scss */
  .bansecond .description br {
    display: none;
  }
}
@media (max-width: 992px) {
  /* line 618, sass/style.scss */
  .content-banniere .title-site {
    font-size: 35px;
  }

  /* line 622, sass/style.scss */
  .content-banniere {
    top: 5%;
    padding: 20px;
  }

  /* line 626, sass/style.scss */
  .content-banniere .description {
    font-size: 35px;
    line-height: 40px;
  }

  /* line 630, sass/style.scss */
  .title-h1 {
    font-size: 25px;
  }
}
@media (max-width: 768px) {
  /* line 637, sass/style.scss */
  .content-banniere .title-site,
  .content-banniere .description {
    color: var(--color-main);
    text-shadow: 1px 0 0 var(--color-bluedark), -1px 0 0 var(--color-bluedark),
      0 1px 0 var(--color-bluedark), 0 -1px 0 var(--color-bluedark),
      1px 1px var(--color-bluedark), -1px -1px 0 var(--color-bluedark),
      1px -1px 0 var(--color-bluedark), -1px 1px 0 var(--color-bluedark);
  }
  /* line 641, sass/style.scss */
  .content-banniere .title-site .btn-banniere,
  .content-banniere .description .btn-banniere {
    text-shadow: none;
  }

  /* line 645, sass/style.scss */
  .mobile-grid-100 {
    width: 100%;
  }

  /* line 649, sass/style.scss */
  .services .service {
    margin: 10px;
  }

  /* line 653, sass/style.scss */
  .bannieres-devis {
    overflow: hidden;
  }

  /* line 656, sass/style.scss */
  .bannieres-devis .banleft .content .title {
    font-size: 29px;
    line-height: 35px;
  }

  /* line 660, sass/style.scss */
  .bannieres-devis .banright,
  .bannieres-devis .banleft {
    width: 50%;
  }

  /* line 665, sass/style.scss */
  .services-4 .service-4:nth-child(even) {
    padding-left: 0px;
  }

  /* line 669, sass/style.scss */
  .bansecond {
    background: var(--color-bluedark);
  }
  /* line 671, sass/style.scss */
  .bansecond img {
    display: none;
  }
  /* line 674, sass/style.scss */
  .bansecond a.btn-banniere {
    margin-bottom: 8px;
  }

  /* line 679, sass/style.scss */
  .bansecond .content-banniere-two {
    position: relative;
    padding: 20px;
  }

  /* line 683, sass/style.scss */
  .bansecond .type-title {
    font-size: 30px;
    line-height: 33px;
  }

  /* line 688, sass/style.scss */
  .services-2 .service2 > div {
    width: 100%;
  }

  /* line 691, sass/style.scss */
  .services-2 .service2 div.images {
    text-align: center;
  }

  /* line 695, sass/style.scss */
  .services-2 .service2 div.images img {
    height: auto;
  }

  /* line 700, sass/style.scss */
  .services-2 .service2:last-child div {
    order: 3;
  }
  /* line 703, sass/style.scss */
  .services-2 .service2:last-child div.images {
    order: 4;
  }

  /* line 708, sass/style.scss */
  .contact > div {
    padding: 50px 30px;
  }

  /* line 712, sass/style.scss */
  .services3 {
    padding: 25px 0;
  }

  /* line 716, sass/style.scss */
  services3 > div:first-child {
    text-align: center;
  }

  /* line 720, sass/style.scss */
  .silos-container .type-title {
    font-size: 26px;
  }

  /* line 723, sass/style.scss */
  .silos-container .silos .silo {
    width: 100%;
    max-width: 350px;
    margin: 10px auto 25px auto;
  }

  /* line 730, sass/style.scss */
  .services3 .img-reverse-top {
    display: none;
  }

  /* line 733, sass/style.scss */
  .site-info .copy-inner {
    display: block;
  }

  /* line 736, sass/style.scss */
  .site-info .pright,
  .site-info .left {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 600px) {
  /* line 744, sass/style.scss */
  .bannieres-devis {
    display: block;
  }

  /* line 747, sass/style.scss */
  .bannieres-devis .banleft {
    background: var(--color-bluedark);
  }
  /* line 749, sass/style.scss */
  .bannieres-devis .banleft img {
    display: none;
  }
  /* line 752, sass/style.scss */
  .bannieres-devis .banleft::after {
    display: none;
  }

  /* line 756, sass/style.scss */
  .bannieres-devis .banleft .content {
    position: relative;
    top: auto;
    right: auto;
    padding: 3.5%;
    color: var(--color-white);
  }

  /* line 763, sass/style.scss */
  .bannieres-devis .banright,
  .bannieres-devis .banleft {
    width: 100%;
  }
}